/*
 *
 *
 *
 * */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*
 *
 *
 *
 * */
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    color: white;
    font-size: 13px;
    letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 50%;
    margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px; }

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0; }
.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
    opacity: 0; }
.twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
    opacity: 0; }
.twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px; }

.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25; }
.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1; }

.twentytwenty-before {
    z-index: 20; }

.twentytwenty-after {
    z-index: 10; }

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
    border-right: 6px solid white;
    left: 50%;
    margin-left: -17px; }

.twentytwenty-right-arrow {
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px; }

.twentytwenty-up-arrow {
    border-bottom: 6px solid white;
    top: 50%;
    margin-top: -17px; }

.twentytwenty-down-arrow {
    border-top: 6px solid white;
    bottom: 50%;
    margin-bottom: -17px; }



/*
 *
 *
 *
 *
 *
 *
 *
 * */
/*! =======================================================
                     VERSION  10.4.2
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
  *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.slider.slider-horizontal {
    width: 210px;
    height: 20px;
}
.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    margin-left: -10px;
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #2e6da4;
    margin-top: 0;
}
.slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}
.slider.slider-horizontal .tooltip {
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slider.slider-horizontal.slider-rtl .slider-track {
    left: initial;
    right: 0;
}
.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
    margin-left: initial;
    margin-right: -10px;
}
.slider.slider-horizontal.slider-rtl .slider-tick-container {
    left: initial;
    right: 0;
}
.slider.slider-horizontal.slider-rtl .tooltip {
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
.slider.slider-vertical {
    height: 210px;
    width: 20px;
}
.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    left: 25%;
    top: 0;
}
.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
    margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #2e6da4;
    border-right-color: #2e6da4;
    margin-left: 0;
    margin-right: 0;
}
.slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap;
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: 4px;
}
.slider.slider-vertical .tooltip {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider.slider-vertical.slider-rtl .slider-track {
    left: initial;
    right: 25%;
}
.slider.slider-vertical.slider-rtl .slider-selection {
    left: initial;
    right: 0;
}
.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
    border-width: 10px 10px 10px 0;
}
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
    padding-left: initial;
    padding-right: 4px;
}
.slider.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
    cursor: not-allowed;
}
.slider input {
    display: none;
}
.slider .tooltip {
    pointer-events: none;
}
.slider .tooltip.top {
    margin-top: -36px;
}
.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
}
.slider .hide {
    display: none;
}
.slider-track {
    position: absolute;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.slider-selection {
    position: absolute;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
}
.slider-track-low,
.slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.slider-handle {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border: 0px solid transparent;
}
.slider-handle:hover {
    cursor: pointer;
}
.slider-handle.round {
    border-radius: 50%;
}
.slider-handle.triangle {
    background: transparent none;
}
.slider-handle.custom {
    background: transparent none;
}
.slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}
.slider-tick {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}
.slider-tick.round {
    border-radius: 50%;
}
.slider-tick.triangle {
    background: transparent none;
}
.slider-tick.custom {
    background: transparent none;
}
.slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}
.slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
    opacity: 1;
}

/*
 *
 * */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
            rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
            rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
            rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
            rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
            rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
            rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
            rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
            rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
}
/*
 * AOS
 *
 *
 * */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

/*
 *
 *
 * Custom.css
 *
 * */

*{padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
body{background:#fff;font-size:20px;font-weight:normal;line-height:normal;letter-spacing:0.1px;color:rgba(0, 0, 0, 0.87);font-family:'Lato', sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
::-webkit-input-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size: 16px;}
::-moz-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size: 16px;}
:-ms-input-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size: 16px;}
:-moz-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size: 16px;}
h1{font-size:60px;font-weight:bold;line-height:1.25;letter-spacing:normal;text-align:center;color:#ffffff;padding:0;font-family:'Open Sans', sans-serif;}
h2{font-size:36px;font-weight:500;line-height:normal;letter-spacing:normal;color:#47495a;padding:0;}
h3{font-size:30px;font-weight:normal;line-height:normal;letter-spacing:0.3px;color:#47495a;padding:0;margin-bottom:15px;}
h4{font-size:25px;font-weight:500;line-height:1.48;letter-spacing:normal;color:#47495a;padding:0;margin-bottom:10px;}
h5{font-size:20px;font-weight:bold;line-height:normal;letter-spacing:normal;color:#47495a;padding:0;text-transform:none;margin-bottom:10px;}
h6{font-size:18px;font-weight:normal;line-height:normal;letter-spacing:normal;color:#47495a;padding:0;margin-bottom:10px;}
p{font-size:16px;font-weight:normal;line-height:1.38;letter-spacing:normal;color:#6b6b6b;margin-bottom:20px;}
a{font-size:16px;font-weight:bold;line-height:normal;letter-spacing:-0.1px;color:#f68118;}
img{display:block;}
a:hover{color:#003c64;}
ul{margin:0;}
li{font-size:20px;font-weight:normal;line-height:normal;letter-spacing:0.1px;color:rgba(0, 0, 0, 0.87);list-style-type:none;}
.flex-row{display:flex;-webkit-display:flex;-moz-display:flex;-o-display:flex;-moz-display:flex;margin:0 -15px;}
.flex-center{align-items:center;-moz-align-items:center;-webkit-align-items:center;}
.flex-column{padding:0 15px;max-width:100%;width:50%;}
.container{width:1320px;max-width:calc(100% - 30px);margin:0 auto;}
.center{text-align:center;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{background-color:rgba(12, 0, 51, 0.03);padding:8px;font-family:'Open Sans', sans-serif;font-size:16px;font-weight:normal;line-height:1.5;letter-spacing:normal;color:#9b9b9b;border:1px solid transparent;margin-bottom:18px;border-radius:7px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus{border:1px solid #ef8300;}
.btn-default, button, input[type="button"], input[type="submit"]{display:inline-block;font-size:12px;font-weight:bold;font-family:'Lato', sans-serif;line-height:normal;letter-spacing:-0.1px;color:#ffffff;border-radius:5px;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.11);background-image:linear-gradient(288deg, #f26725, #f99945);padding:15px 30px;background-color:transparent;transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
input + button, input + input[type="button"], input + input[type="submit"]{padding:15px 30px;}
.btn-default:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover{background-image:linear-gradient(180deg, #f99945, #f26725);background-color:transparent;}
.btn-primary{font-size:14px;font-weight:bold;line-height:normal;letter-spacing:normal;text-align:center;color:#ffffff;border-radius:2px;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.1);background-color:#9b9b9b;font-family:'Lato', sans-serif;padding:15px 30px;background-image:none;}
.input-with-btn > input{border-radius:5px 0 0 5px;background-color:#fafafa;float:left;padding:9px 20px;font-size:14px;font-weight:500;line-height:1.29;letter-spacing:normal;color:#6b6b6b;}
.input-with-btn > .btn-default{position:relative;}
.input-with-btn > button{float:left;border-radius:0 5px 5px 0;font-size:14px;font-weight:bold;line-height:normal;letter-spacing:-0.5px;color:#ffffff;padding:10px 17px;text-transform:uppercase;}
.input-with-btn::after{content: ""; display: block; clear: both;}
.show-in-mobile{display:none !important;}
select{background: transparent;font-family: 'Lato', sans-serif;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: normal;color: #9b9b9b;border: none;background-image: url(../images/select-down-arrow.png);background-position: right 12px;background-repeat: no-repeat;-webkit-appearance: none;padding-right: 15px;background-size: 12px;height: auto;cursor: pointer;}
select option{color: #6b6b6b;padding: 5px;font-size: 14px;line-height: normal;}

/* Header Css */
header{position:absolute;top:0;left:0;width:100%;z-index:1;}
.top-header{background-color:rgba(0, 60, 100, 0.35);padding:12px 0;}
.top-header .input-with-btn{max-width:100%;}
.top-header .input-with-btn > input{max-width:260px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);min-height:37px;margin:0;border:none;}
.top-header .input-with-btn > button{padding:10px 17px 10px 30px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);}
.top-header .input-with-btn > button::before{display: block;content: "";background-image: url(../images/find-icon.svg);height: 20px;width: 20px;background-size: 20px;background-repeat: no-repeat;position: absolute;left: 5px;top: 7px;}
.wpml-ls-legacy-dropdown{width:auto;float:right;border:none;padding:0;background-color:transparent;background-image:url('../images/down-arrow.png');font-size:14px;font-weight:bold;letter-spacing:normal;color:#ffffff;font-family:'Lato', sans-serif;-webkit-appearance:none;line-height:normal;height:auto;background-position:calc(100% - 10px) 2px;background-size:12px;background-repeat:no-repeat;cursor:pointer;margin-right: 39px;}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right: 0; opacity: 0;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{padding-bottom: 0}
.wpml-ls-legacy-dropdown a{font-size: 14px;font-weight: bold;letter-spacing: normal;color: #ffffff;font-family: 'Lato', sans-serif;background: transparent;border: none;padding-top: 0;padding-bottom: 10px;}
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{color: #fff; background: transparent;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {padding: 5px 0;background: #093966;border: 1px solid #fff;}
.top-header-right > .wpml-ls-sidebars-top-lang + div {display:inline-block;margin:0;float:right;margin-right:85px;}
.top-header-right > .wpml-ls-sidebars-top-lang + div  a{font-size:14px;font-weight:bold;line-height:normal;letter-spacing:normal;color:#ffffff;display: block;}

/* Menu Css */
.home-page-banner img{width:100%;}
#mega-menu-wrap-top{background:transparent;}
#mega-menu-wrap-top #mega-menu-top{text-align:center;margin-top:23px;}
#mega-menu-wrap-top #mega-menu-top p{margin-bottom:5px;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{margin:0 25px;position:relative !important;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{background:transparent;font-weight:500;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:focus{outline:none;box-shadow:none;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{background:transparent;font-size:17px;font-weight:500;line-height:1.29;letter-spacing:0.5px;color:#ffffff;text-transform:uppercase;padding:0;font-family:'Rubik', sans-serif;border:none;}
#mega-menu-wrap-top #mega-menu-top > li.mega-home-logo{background-image: url("../images/logo-white.png"); font-size:0;height: 135px;width: 164px;margin: 0 10px;background-repeat: no-repeat;background-size: contain;background-position: center;transition: all 0.5s ease-in-out 0s;}
body.header-logo-blue #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo{background-image:url('../images/Logo.png');}
#mega-menu-wrap-top #mega-menu-top > li.mega-home-logo > a.mega-menu-link{font-size:0 !important;width:100%;display:block;height:85px;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover,#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{background:transparent;font-weight:500;text-decoration:none;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item-has-children > a.mega-menu-link::after{content:"";display:block;top:0;right:0;background-image:url('../images/down-arrow.png');height:18px;width:18px;float:right;background-position:center center;background-repeat:no-repeat;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu{border-radius:6px;width:745px;max-width:100vw;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.3);background-color:#ffffff;padding:40px 25px;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu::before{display:block;content:"";position:absolute;top:-7px;left:100px;height:15px;width:15px;background:#fff;transform:rotate(45deg);z-index:0;}
#mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding:0;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget h5{font-weight:600;line-height:1.3;letter-spacing:normal;color:#47495a;text-transform:none;margin:0;max-width:100%;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget p{margin:0;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn{display:inline-block;font-size:16px;font-weight:bold !important;line-height:normal;letter-spacing:normal;color:#ffffff !important;padding:25px 50px;border-radius:9px;width:290px;text-align:center;position:relative;cursor:pointer;max-width:100%;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn::before{content:"";display:inline-block;background-image:url('../images/spray-icon.png');background-repeat:no-repeat;background-position:center center;width:34px;height:34px;position:absolute;top:50%;left:43px;transform:translateY(-50%);}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn::after{content:"";display:block;background-image:url('../images/btn-arrow.png');background-repeat:no-repeat;background-position:center center;width:19px;height:19px;position:absolute;top:55%;transform:translateY(-50%);right:50px;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget p,#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget p > strong{font-weight:900;line-height:1.5;color:#47495a;margin-bottom:5px;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget ul{margin:0;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget ul li{line-height:normal;list-style-type:none;font-size:0;margin-bottom:5px;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget ul li:last-child{margin-bottom:0;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget ul li a{font-size:12px;font-weight:normal;line-height:1.25;letter-spacing:normal;color:#6b6b6b;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget ul li a.learn-more-link{font-weight:bold;color:#f68118;text-transform:capitalize;padding-right:25px;transition: all 0.5s ease-in-out 0s; opacity: 0;background-position: right 5px;background-size: 18px;position: relative;top:0px;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-menu-column:hover .textwidget ul li a.learn-more-link{opacity: 1;top:0;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget h5 +h5{margin-top:5px;color:#9b9b9b;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn.explore-btn{margin:10px 0 0 0;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn.explore-btn::before{background-image:url("../images/explore-coating-img.png");left:30px;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn.explore-btn::after{right:30px;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .menu-devider{height:1px;background:#d8d8d8;margin:15px 0;display:inline-block;width:100%;}
#mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-13-1,#mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-8-1,#mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-8-2{margin-top:20px;}
#mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-1507-1,#mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-1507-2{margin-top:20px;}
#mega-menu-wrap-top #mega-menu-top .textwidget {overflow: hidden;min-height: auto;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-menu-column:hover .textwidget p {margin-top: -25px;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-menu-column .textwidget p { transition: margin-top .25s ease;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu #mega-menu-1507-4-1:hover .textwidget p{margin-top: 0;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu #mega-menu-1064368-4-1:hover .textwidget p,
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu #mega-menu-1064367-0-1:hover .textwidget p,
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu #mega-menu-1064370-5-1:hover .textwidget p{margin-top: 0;}
.fr-lg #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn.explore-btn::before{left: 20px;}
.fr-lg #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn::before{left: 30px;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu #mega-menu-7-0-1:hover .textwidget p {margin-top: 0;}
#mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu #mega-menu-13-5-1:hover .textwidget p {margin-top: 0;}
.mobile-logo > a{display:block;width:80px;}
.header-blue #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{color: #003c64}
.header-blue #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item-has-children > a.mega-menu-link::after{background-image: url(../images/down-arrow-blue.png);}

/* Banner */
.home-page-banner-section{position:relative;overflow: hidden}
.home-page-banner-section .banner-image img{object-fit:cover;height:900px;width:100%;object-position:center bottom;display:block;}
.banner-content{padding: 0 15px;position:absolute;top:55%;left:50%;width:100%;transform:translate(-50%, -50%);text-align:center;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;}
.banner-content > h1{margin-bottom:10px;}
.banner-content > h5{font-weight:bold;line-height:1.3;text-align:center;color:#ffffff;}
.how-it-possible-block{display:inline-block;border-radius:7px;box-shadow:0 8px 16px 0 rgba(12, 0, 51, 0.1);background-color:#ffffff;line-height:normal;overflow:hidden;max-height:74px;margin-top:165px;}
.how-it-possible-block > .home_button_text{line-height: 74px;padding: 0 15px;}
.play-btn-block{background-image:linear-gradient(133deg, #fa9c47, #f26322);float:left;padding:19px;}
.how-it-possible-block p{display:block;float:left;margin:0;padding:25px;font-weight:900;line-height:1.5;color:#0c0033;}
.send-photos-form, .home-consultant-form{display:none;}
.send-photos-form.active-form, .home-consultant-form.active-form{display:block;}
.get-a-free-quote:before{content:"";display:block;background:#f68118;width:26px;position:absolute;height:100%;right:100%;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;}
.get-a-free-quote{position:fixed;padding-left: 25px;background: #ef8300;;width:440px;max-width:100%;z-index:2;left:100%;max-height:355px;top:50%;transform:translateY(-50%);}
.get-a-free-quote.show-form{right: 0;max-height: 100vh;left: auto;overflow-x: auto; overflow-y: hidden;}
.get-quote-text{margin:0;transform:rotate(-90deg);font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;line-height:2.31;letter-spacing:normal;text-align:center;color:#ffffff;position:absolute;top:50%;left: -238px;height:26px;width:100%;text-transform:uppercase;cursor:pointer;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;}
.show-form .get-quote-text{left: -213px}
.quote-form-header{margin:0;padding:15px;text-align:center;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);background: #fff;position: relative;}
#home-consultant-form, #send-photos-form{padding:0;}
.quote-form-header .active .consultant-icon{background-color:#f68118;}
.consultant-icon{width:55px;height:55px;margin:0 auto;background:#003c64;border-radius:50%;line-height:60px;cursor:pointer;}
.consultant-icon img{max-height:26px;max-width:26px;display:inline-block;}
.consultant-form{padding:20px 40px;background: #fff;}
.consultant-form h5{font-weight:600;line-height:1.3;text-align:left;margin-bottom:15px;}
.underline-heading{color: #47495a;}
.underline-heading::after{content:"";display:block;width:178px;height:2px;background-image:linear-gradient(to right, #f26725, #f99945);margin-top:7px;}
.home-consultant-form p, .send-photos-form p{font-size:12px;line-height:1.42;letter-spacing:0.3px;color:#9b9b9b;text-align:left;}
.consultant-form .form-button{margin-top:200px;}
.consultant-form .form-button > .btn-default{width:100%;border-radius:0;text-transform:uppercase;font-size:14px;text-align:center;padding:14px 30px;margin-bottom:25px;}
.consultant-form .send-photos-form .form-button{margin-top:50px;}
.consultant-form .form-button > .btn-primary{width:100%;border-radius:0;text-transform:uppercase;font-size:14px;text-align:center;padding:14px 30px;margin-bottom:35px;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.1);}
.logos-list > ul{margin:0 -10px;display:flex;-moz-display:flex;-webkit-display:flex;align-items:center;}
.logos-list ul > li{margin:0 55px;}
.logos-list ul > li > p{font-size:25px;font-weight:500;line-height:1.48;letter-spacing:5px;color:#9b9b9b;margin:0;text-transform:uppercase;}
.logos-list ul > li > a{display:block;}
#logos-section{padding:30px 0 35px 0;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);}

.container-2{ width: 100%; max-width: 1086px; padding: 0 15px; margin: 0 auto; }
.content-460{ max-width: 460px; }
#innovation-section{padding:125px 0 100px 0;}
#innovation-section .innovation-right .inv-right-inner{ max-width: 460px; margin: 0 auto; }

.innovation-left > div{width:133px;float:left;margin:0 5px;text-align:center;}
.innovation-left > div li:first-child{font-size:10px;font-weight:bold;line-height:1.3;letter-spacing:0.8px;text-align:center;color:#003c64;text-transform:uppercase;}
.innovation-left > div li{height:30px;margin-bottom:15px;}
.innovation-left > div li:last-child{margin:0;}
.innovation-left-headings li{font-size:14px;line-height:1.29;letter-spacing:normal;text-align:right;color:#6b6b6b;min-height:16px;}
.innovation-left .innovation-left-box-one{padding:22px 22px 10px 22px;border-radius:15px;background-image:radial-gradient(circle at 50% 15%, #ffffff, #f2f7fd);border:1px solid #bdcfdc;}
/*.innovation-left .innovation-left-box-two{padding:22px 22px 30px 22px;border-radius:15px;background-image:radial-gradient(circle at 50% 2%, #008ae7, #003c64);border:1px solid #bdcfdc;margin-top:-10px;}*/
.innovation-left .innovation-left-box-two {padding: 22px 22px 30px 22px;border-radius: 15px;background-image: radial-gradient(circle at 50% 2%, #008ae7, #003c64);background-image: url(../images/nnovation-left-box.png);border: 1px solid #bdcfdc;margin-top: -10px;background-position: top center;background-size: 145px;background-repeat: no-repeat;background-color: #003c64;}
.innovation-left .innovation-left-box-three{padding:22px 8px 10px 8px;border-radius:15px;background-image:radial-gradient(circle at 50% 15%, #ffffff, #f2f7fd);border:1px solid #bdcfdc;}
.innovation-left .innovation-left-box-two li > img{position:relative;bottom:43px;}
.blue-cross{height:20px;width:20px;background-image:url(../images/innovation-icons.png);display:inline-block;background-position:top left;background-repeat:no-repeat;margin:0 2px;}
.blue-doller{height:20px;width:15px;background-image:url(../images/innovation-icons.png);display:inline-block;background-repeat:no-repeat;background-position:-23px 0;margin:0 2px;}
.blue-star{height:20px;width:20px;background-image:url(../images/innovation-icons.png);display:inline-block;background-repeat:no-repeat;background-position:-41px 0;margin:0 2px;}
.blue-check{height:28px;width:28px;background-image:url(../images/innovation-icons.png);display:inline-block;background-repeat:no-repeat;background-position:-148px 0;margin:0 2px;}
.white-check{height:30px;width:30px;background-image:url(../images/innovation-icons.png);display:inline-block;background-repeat:no-repeat;background-position:-65px 0;margin:0 2px;}
.white-doller{height:22px;width:22px;background-image:url(../images/innovation-icons.png);display:inline-block;background-repeat:no-repeat;background-position:-97px 0;}
.white-star{height:22px;width:22px;background-image:url(../images/innovation-icons.png);display:inline-block;background-repeat:no-repeat;background-position:-120px 0;margin:0 2px;}
.innovation-left-headings ul{margin-top:20px;margin-right:10px;}
.text-with-icon > img{float:left;margin-right:15px;}
.text-with-icon > p{font-size:16px;font-weight:bold;line-height:1.5;letter-spacing:1.2px;color:#003c64;margin-bottom:10px;position:relative;top:3px;}
h4.underline-heading{font-weight:600;}
h2.underline-heading{margin-bottom:40px;}
.innovation-right > p, .customization-left > p{margin:35px 0 25px 0;max-width:100%;width:485px;}
.learn-more-link{display:inline-block;padding-right:30px;background-image:url(../images/learn-more-arrow.png);background-repeat:no-repeat;background-position:right 6px;}
#customization-section{padding:20px 0 45px 0;}
.customization-left{width:51%;}
.image-box{border-radius:5px;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);overflow:hidden;}
#new-look{padding:90px 0;}
.new-look-slider{text-align:center;width:920px;margin:0 auto;max-width:100%;}
.twentytwenty-overlay{display:none;}
.center .underline-heading::after{margin:17px auto auto;}
.new-look-slider h4{margin-bottom:45px;}
.new-look-numbers{border-radius:8px;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);background-color:#ffffff;margin:-45px auto 45px auto;width:840px;max-width:100%;position:relative;}
.new-look-numbers ul{margin:0;display:flex;align-items:center;justify-content: center;}
.new-look-numbers ul::after{display:block;content:"";clear:both;}
.new-look-numbers ul > li{padding:30px 10px;width: 33.333333%;}
.new-look-numbers ul > li h3{font-family:'Rubik', sans-serif;letter-spacing:normal;color:#f68118;margin-bottom:0;}
.new-look-numbers ul > li p{font-weight:bold;line-height:1.5;letter-spacing:1.1px;color:#003c64;margin-bottom:0;text-transform:uppercase;font-size:14px; }
#new-look .learn-more-link{letter-spacing:normal;}
.process-boxes{margin-top:90px;}
.process-icon{width:75px;height:75px;margin:0 auto;background:transparent;position:relative;}
.process-icon img{max-width:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.single-process-box > p{margin:18px 0 12px 0;font-weight:bold;line-height:1.5;letter-spacing:1.2px;color:#003c64;text-transform:uppercase;}
.single-process-box > span{display:block;font-size:16px;font-weight:normal;line-height:normal;letter-spacing:-0.1px;text-align:center;color:#003c64;margin:0;font-family:'Lato', sans-serif;}
.single-process-box:hover p{color:#f68118;}
.bg-gradient-box{padding:12vw 0 90px 0;position:relative;}
.bg-gradient-box::before{content:"";display:block;height:850px;width:100%;position:absolute;background-image: url("../images/bg-clip-path-1.svg"); background-repeat: no-repeat; background-position: top center;   background-size: cover;top: 0;left: 0;z-index: -1;}
.bg-gradient-box .underline-heading::after{background:#fff;}
.bg-gradient-box h2{color:#fff;font-weight:bold;margin-bottom:25px;}
.bg-gradient-box h4{color:#fff;margin-bottom:0;padding-top:10px;}
#happy-customers .text-with-icon{display:inline-block;}
#happy-customers .text-with-icon > p{float:left;color:#ffffff;margin-bottom:20px;}
.customer-box{display:block;box-shadow:0 4px 8px 0 rgba(133, 133, 133, 0.47);background-color:#ffffff;border-radius:8px;transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transition:all 0.5s ease-in-out 0.3s;-moz-transition:all 0.5s ease-in-out 0.3s;-webkit-transition:all 0.5s ease-in-out 0.3s;backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:0.75;display: flex;-webkit-display: flex;align-items: center;-webkit-align-items: center;}
.slick-active .customer-box{transform:scale(1);opacity:1;margin:35px 0 20px 0;}
.customer-video-box{width:570px;position:relative;float:left;max-width:50%;}
.customer-video-box > img{object-fit: cover;height: 100%;width: 100%;}
.customer-comments{width:570px;/*padding:75px 75px 75px 45px;*/padding:45px;text-align:left;float:left;max-width:50%;}
.customer-box:after{display:block;content:"";clear:both;}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.5s ease-in-out 0s;/*display:none;*/   }
.customer-name{display:inline-block;margin-top:10px;margin-bottom:5px;line-height:2.25;color:#f68118;}
.customer-from{font-weight:300;line-height:1.44;color:#5a5b64;margin:0;}
.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;background-repeat:no-repeat;box-shadow:none;font-size:0;height:105px;width:60px;padding:0;background-color:transparent;cursor:pointer;}
.slick-arrow.slick-prev{background-image: url("../images/slider-prev-img-customer.png");background-size: contain;background-repeat: no-repeat;left: 0;}
.slick-arrow.slick-next{background-image: url("../images/slider-next-img-customer.png");background-size: contain;background-repeat: no-repeat;right: 0;}
.slick-dots{text-align:center;position:relative;bottom:10px;margin-bottom:15px;}
.slick-dots > li{display:inline-block;}
.slick-dots > li > button{margin:0 5px;width:10px;height:10px;background:#5a5b64;padding:0;font-size:0;}
.slick-dots > li.slick-active > button{background:#f26322;}
.slick-arrow:focus{background-color: transparent}
#customers-slider .slick-arrow.slick-next, #our-crew-slider .slick-arrow.slick-next{right:calc(19vw - 60px); }
#customers-slider .slick-arrow.slick-prev, #our-crew-slider .slick-arrow.slick-prev{left:calc(19vw - 41px);}

.site-content{overflow-x: hidden}
.home .site-content{ overflow: unset; }
.page-template-templatescontact-us-php .site-content{overflow-x: unset;}
.home-page-banner-section .play-btn-block{
    padding: 0 10px;
}
.home-page-banner-section .play-btn-block img{
    max-width: 80px;
    padding: 10px;
}
#send-photos-form{display: none;}

/* Footer */
/*footer{padding:90px 0;background-image:linear-gradient(to bottom, #ffffff, rgba(249, 251, 254, 0.53) 40%, rgba(242, 247, 253, 0)), url('../images/footer-bg-new.jpg');background-position:center top, center bottom;background-repeat:no-repeat;background-size:100% 40%, cover;}*/
footer{padding:90px 0;background-image:linear-gradient(to bottom, #ffffff, rgba(249, 251, 254, 0.53) 40%, rgba(242, 247, 253, 0)), url('../images/footer-bg-new.jpg');background-position:center top 120px;background-repeat:no-repeat;background-size:100% 40%, cover;}
.btn-with-arrow{padding:21px 42px;font-size:20px;font-weight:bold;line-height:normal;letter-spacing:normal;border-radius:9px;}
.btn-with-arrow:after{display:inline-flex;content:"";height:9px;width:21px;margin-left:10px;background-image:url(../images/btn-arrow.png);background-position:center center;background-repeat:no-repeat;}
#transform-your-home h5{margin-bottom:35px; color: #6b6b6b;}
#transform-your-home{padding-bottom:30vw;}
#footer-widgets .flex-row > div{width:200px;max-width:100%;}
#footer-widgets .flex-row > .footer-newsletter{width:500px;max-width:100%;}
#footer-widgets .flex-row > div > p{font-weight:bold;line-height:1.5;letter-spacing:1.2px;color:#ffffff;margin-bottom:10px;text-transform:uppercase;}
#footer-widgets .flex-row > div ul li > a{font-size:14px;line-height:1.93;letter-spacing:normal;color:rgba(255, 255, 255, 0.87);}
/*#footer-widgets .flex-row > div ul li.small-orange-link > a{color: #f68118;}*/
#footer-widgets .footer-get-involved ul li:first-child > a{color: #f68118;}
#footer-widgets .flex-row > div ul li > a:hover{text-decoration:underline;}
.footer-social{margin:0 -10px;padding-top:15px;}
.footer-social > li{margin:0 10px;display:inline-block;}
.footer-social > li > a{display:block;}
#footer-widgets .flex-row > .footer-newsletter > h4, #footer-widgets .flex-row > .footer-newsletter  h4{font-size:25px;font-weight:bold;line-height:1.48;letter-spacing:normal;color:#ffffff;margin-bottom:0;}
#footer-widgets .flex-row > .footer-newsletter > span,#footer-widgets .flex-row > .footer-newsletter span{font-size:14px;font-weight:bold;line-height:normal;letter-spacing:normal;color:#ffffff;}
.newsletter-form{margin-top:30px;}
.newsletter-form input{width:calc(100% - 146px);border-radius:3px 0 0 3px;padding:14px;height:auto;margin:0;}
.newsletter-form .input-with-btn > .btn-default{padding:16px 38px;border-radius:0 3px 3px 0;}
#mobile-icons > div{width:50%;float:left;margin-top:-30px;}
#mobile-icons a{background:#f68118;height:100%;width:100%;text-align:center;line-height:22px;position:relative;color:#fff;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;padding: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#mobile-icons .call-now-icon a{background: #003c64;}
#mobile-icons a > img{position:absolute;top:0;left:0;right:0;margin:auto;bottom:0;max-width: 20px;}
.book-online-icon{text-align:right;}
.call-now-icon{text-align:left;}
#gform_5 input {height: 50px;}

/* Why Spray Net */
.top-padding{padding-top:170px;}
.bg-square {background-image: url(../images/bg-gradient-box.png);top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-size: 850px;background-position: right top;right: 0px;position: absolute;z-index: -1}
.innovation-left{display:inline-block;}
.banner-bg-square{padding:130px 0 100px 0;}
.banner-bg-square h2{font-weight:bold;margin-bottom:45px;}
.banner-bg-square .underline-heading::after{margin-top:22px;}
.banner-bg-square h4{font-weight:600;color:#6b6b6b;margin-bottom:25px;}
#way-to-renovate{padding-top:100px;}
#way-to-renovate .image-content-box{margin-bottom:0;}
.image-content-box{padding-top:50px;padding-bottom:50px;}
.right-content-box h4{font-weight:600;margin-bottom: 40px;}
#way-to-renovate .image-content-box > div:first-child{width:75%;}
.customer-content{margin-top:40px;}
.right-content-box{text-align:left;}
.customer-content > span{font-size:14px;font-weight:bold;line-height:1.57;letter-spacing:normal;color:#5a5b64;width:294px;max-width:100%;display:block;margin-bottom:5px;}
.customer-state{padding-right:15px;border-right:1px solid #d8d8d8;margin-right:20px;display:inline-block;}
.customer-state > img{max-width: 45px;}
.customer-detail{display:inline-block;margin-bottom:25px;}
.customer-detail .customer-name{margin:0;}
.customer-content > p{margin-bottom:5px;}
.application-box{box-shadow:0 4px 8px 0 rgba(133, 133, 133, 0.47);background-color:#ffffff;border-radius:7px;padding:22px;text-align:left;margin:35px auto auto auto;width:1140px;max-width:100%;}
.application-box h4{font-weight:600;color:#6b6b6b;margin-bottom:5px;}
.list-heading{padding-top:10px;font-weight:bold;line-height:1.5;letter-spacing:2.7px;color:#003c64;}
#application-process .application-box-right p.list-heading{color:#003c64;}
.checked-list-items{margin-left:10px;}
.checked-list-items > li{font-size:20px;font-weight:normal;line-height:1.2;letter-spacing:normal;color:#9b9b9b;margin-bottom:13px;padding-left:30px;position:relative;}
.checked-list-items > li::before{content:"";display:block;background-image:url(../images/checkmark.png);height:15px;width:15px;position:absolute;left:5px;top:10px;background-repeat:no-repeat;}
.checked-list-items + .learn-more-link{margin-bottom:20px;}
#spray-network{padding-bottom:100px;}
#spray-network .image-content-box{margin:0;flex-flow:row-reverse;}
#spray-network .image-content-box .right-content-box > p{text-align:left;margin-top:35px;color: #5a5b64;}
#spray-net-revamp{padding-bottom:100px;}
#spray-net-revamp .surface-shadow-box{box-shadow:none;}
.surface-shadow-box{width:470px;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);background-color:#ffffff;padding:45px 25px;max-width:100%;}
.surface-shadow-box > select{font-size:16px;font-weight:normal;line-height:normal;letter-spacing:normal;color:#003c64;background:transparent;border:none;height:auto;margin-bottom:20px;-webkit-appearance:none;-moz-appearance:none;padding-right:30px;background-image:url(../images/down-arrow-blue.png);background-repeat:no-repeat;background-position:center right;background-size:12px;}
.selected-square-feet-box{position:relative;}
.selected-square-feet-box input[type="text"]{border-radius:2px;background-color:#f7fafc;border:1px solid #e3f4ff;width:95px;padding:7px 15px;display:inline-block;}
.selected-square-feet-box span{font-size:14px;font-weight:500;line-height:1.29;letter-spacing:normal;color:#6b6b6b;padding:0 15px;position:relative;top:10px;}
.selected-square-feet-box .question-box{position:absolute;border-radius:12px;background-color:transparent;width:206px;padding:12px 15px 15px 30px;font-size:0;font-weight:normal;line-height:1.25;color:#6b6b6b;}
.selected-square-feet-box .question-box::before{content:"";display:block;background-image:url(../images/questions-icon.png);height:17px;width:17px;position:absolute;left:6px;cursor:pointer;}
.selected-square-feet-box .question-box:hover{box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);font-size:12px;z-index:1;background-color:#ffffff;}
.surface-shadow-box p{font-size:14px;font-weight:500;line-height:1.29;opacity:0.55;}
.spray-net-revamp-content > p{margin-top:35px;color: #5a5b64;}
.small-accordion-heading{margin-top:0;font-weight:bold;line-height:1.5;letter-spacing:3px;color:#003c64;padding-top:10px;}
.small-accordion ul > li{margin-bottom:13px;}
.small-accordion ul > li > span{font-size:16px;font-weight:bold;line-height:1.44;letter-spacing:0.3px;color:#003c64;min-width:170px;display:inline-block;padding-right:30px;position:relative;cursor:pointer;}
.small-accordion ul > li > span::before{content:"";display:block;background-image:url("../images/down-arrow-blue.png");height:24px;width:24px;background-repeat:no-repeat;background-position:center center;position:absolute;right:0;top:0;background-size:12px;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;transform:rotate(270deg);-webkit-transform:rotate(270deg);}
.small-accordion ul > li.active > span::before{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.small-accordion-content{font-size:12px;font-weight:normal;line-height:1.42;letter-spacing:0.3px;color:#9b9b9b;max-height:0;overflow:hidden;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;margin-top:5px;}
.small-accordion ul > li.active .small-accordion-content{max-height:100vh;}
.spray-net-revamp-content .btn-with-arrow{font-size:12px;letter-spacing:-0.1px;padding:15px 29px;border-radius:5px;margin-top:15px;}
.slider-handle{background-color:#f68118;background-image:none;box-shadow:0 2px 4px 0 rgba(12, 0, 51, 0.1);height:26px;width:26px;border:5px solid #fff;}
.slider.slider-horizontal{width:245px;height:8px;max-width:100%;}
.slider.slider-horizontal .slider-track{height:8px;border-radius:50px;background-image:none;background-color:rgba(246, 129, 24, 0.48);}
.slider-selection{background-color:#f68118;background-image:none;box-shadow:none;}
.slider-handle.round{top:-19px;}
.slider .tooltip.top{transform:none;text-align:right;margin-top:10px;display:none;}
.filter-ranges{width:245px;display:flex;margin:5px 0 15px 0;max-width:100%;}
.filter-ranges span{width:50%;font-size:14px;font-weight:500;line-height:1.29;letter-spacing:normal;color:#6b6b6b;opacity:0.55;}
.filter-ranges .max-range{text-align:right;}
.price-range{padding-bottom:10px;}
#take-your-pick{margin:50px 0;padding-top:7vw;padding-bottom:10vw;}
#take-your-pick.bg-gradient-box::before {background-image: url("../images/bg-clip-path-2.svg");top: 0;height: 100%;}
.gradient-left-to-right::before{background-image:url("../images/bg-clip-path-3.svg");}
#take-your-pick.bg .gradient-left-to-right::before{}
.bg-gradient-box .take-your-pick-left h4{padding:0;}
.bg-gradient-box .take-your-pick-left h4 + h4{margin-top:50px;font-family: 'Rubik', sans-serif; font-weight: normal;}
.take-your-pick-right{width:65%;}
.take-your-pick-boxes{display: flex;flex-wrap: wrap;}
.single-take-your-pick-box{margin:8px;border-radius:3px;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.11);background-color:#ffffff;padding:40px;width:calc(50% - 16px);transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;display:flex;align-items:center;transform:scale(1);
                           -ms-flex-wrap: wrap;
                           flex-wrap: wrap;}
.single-take-your-pick-box .pick-content{width: calc(100% - 59px);}
.single-take-your-pick-box:hover{transform:scale(1.25);z-index:1;position:relative;background-color:#003c64;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);}
.pick-icon{width:59px;height:59px;border-radius:50%;background:#003c64;}
.single-take-your-pick-box:hover .pick-icon{background-color:#fff;}
.pick-icon img{margin:18px auto;filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);-ms-filter:brightness(0) invert(1);-o-filter:brightness(0) invert(1);}
.single-take-your-pick-box:hover .pick-icon img{filter:none;}
.pick-content > p{font-size:16px;font-weight:900;line-height:1.5;letter-spacing:1.2px;color:#003c64;margin:0 0 0 17px;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;}
.single-take-your-pick-box:hover .pick-content > p{color:#fff;}
.pick-content > .read-review{font-size:12px;font-weight:bold;line-height:normal;letter-spacing:normal;color:#ffffff;padding:0 30px 0 17px;background-image:url(../images/btn-arrow.png);background-position:center right;background-repeat:no-repeat;display:none;}
.single-take-your-pick-box:hover .pick-content > .read-review{display:inline-block;}
.residental-exterior-services, .refer-a-friend-banner{position:relative;}
.residental-exterior-services .square-right-img-slider, .refer-a-friend-banner .square-right-img-slider{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.painting-services-box{flex-wrap:wrap;margin:40px -8px 0 -8px;padding-bottom:80px;}
.painting-services{margin:0 8px 16px 8px;width:calc(33.333333% - 16px);}
.painting-services h2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0;color:#fff;width:100%;font-weight:bold;z-index: 1;text-transform: uppercase}
.painting-services > a {display: block;position:relative;overflow:hidden;}
/*.painting-services > a:after{display:block;content:"";position:absolute;height:100%;width:100%;opacity:0.81;mix-blend-mode:multiply;background-image:linear-gradient(178deg, #051e30, rgba(111, 134, 148, 0));left:0;top:0;padding:20px;}*/
.painting-services > a > img{object-fit:cover;height:300px;width: 100%}
#faq-section{padding-bottom:100px;}
#faq-section h4{font-weight:bold;line-height:normal;letter-spacing:0.4px;}
#faq-section ul{margin-top:35px;}
#faq-section ul li h4{letter-spacing:normal;color:#ffffff;background:#003c64;padding:13px 50px 17px 80px;margin:0;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);font-size: 20px;line-height: 1.4;}
#faq-section .faq-content{padding:35px 60px 5px 80px;display:none;font-size:20px;line-height:normal;letter-spacing:0.3px;color:#9b9b9b;font-weight:normal;}
#faq-section .faq-content > p{font-size:20px;line-height:normal;letter-spacing:0.3px;color:#9b9b9b;font-weight:normal;}
#faq-section ul li{position:relative;cursor:pointer;margin-bottom:30px;}
#faq-section ul li::before{content:"";display:block;background-image:url(../images/down-arrow.png);position:absolute;width:24px;right:25px;top:20px;height:24px;background-repeat:no-repeat;background-position:center center;}
#faq-section ul + .center{padding-top:10px;}
.benefits-list{padding:40px 0 50px 0;}
.benefits-list ul li{display:inline-block;margin:0;padding:30px;background-color:#ffffff;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;cursor:pointer;}
.benefits-list ul li:hover, .benefits-list ul li.active{box-shadow:0 8px 16px 0 rgba(12, 0, 51, 0.1);border-radius:48px;}
.benefits-list ul li img{float:left;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;max-width: 32px;}
.benefits-list ul li img + img{width:0;}
.benefits-list ul li a{float:left;margin:0 15px;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:normal;color:#9b9b9b;}
.benefits-list ul li:hover a, .benefits-list ul li.active a{color:#003c64;}
.benefits-list ul li:hover img, .benefits-list ul li.active img{width:0;}
.benefits-list ul li:hover img + img, .benefits-list ul li.active img + img{width:auto;}
.image-content-box-list .image-content-box:nth-child(odd) .left-image-box{width:65%;}
.image-content-box-list .image-content-box:nth-child(even){flex-flow:row-reverse;-webkit-flex-flow:row-reverse;-moz-flex-flow:row-reverse;}
.image-content-box .btn-with-arrow{font-size:12px;letter-spacing:-0.1px;padding:15px 29px;border-radius:5px;margin-top:15px;}
#list-portfolio ul{display:flex;-webkit-display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
#list-portfolio li{display:inline-block;margin:0 25px;position:relative;}
#list-portfolio ul li a::before{content:'';display:block;height:2px;background-image:linear-gradient(to right, #f26725, #f99945);position:absolute;bottom:0;left:0;width:0;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;}
#list-portfolio ul li.active a::before, #list-portfolio ul li a:hover::before{width:100%;}
#list-portfolio ul li a{font-size:20px;font-weight:900;line-height:normal;letter-spacing:normal;color:#6b6b6b;display:block;padding:15px 25px;}
#list-portfolio ul li a:hover{color:#003c64;}
#list-portfolio ul li.active a{font-size:25px;font-weight:900;color:#003c64;}
.surface-shadow-box .custom-dropdown .selected-surface{font-size:14px;font-weight:normal;line-height:1.29;letter-spacing:0.5px;color:#003c64;padding:0;font-family:'Rubik', sans-serif;text-transform:capitalize;display:inline-block;background-image:url(../images/menu-arrow-active.svg);background-size:15px;background-repeat:no-repeat;background-position:right center;padding-right:30px;cursor:pointer;opacity:1;}
.custom-dropdown{position:relative;}
.custom-dropdown ul{display:none;background:#fff;position:absolute;top:40px;left:0;width:100%;z-index:9;border-top:5px solid #f68118;-webkit-box-shadow:0 10px 50px 0 rgba(0, 0, 0, 0.20);-moz-box-shadow:0 10px 50px 0 rgba(0, 0, 0, 0.20);box-shadow:0 10px 50px 0 rgba(0, 0, 0, 0.20);border-radius:7px;overflow:hidden;}
.custom-dropdown ul li{font-size:14px;font-weight:500;line-height:1.29;letter-spacing:0.5px;color:#45506c;font-family:'Rubik', sans-serif;border-bottom:3px solid #f2f6fa;margin:0;padding:10px;cursor:pointer;}
.custom-dropdown ul li:last-child{border-bottom:3px solid transparent;}
.custom-dropdown ul li:hover, .custom-dropdown ul li.active{background:#f68118;border-color:#f68118;color:#fff;}


/* Thank You */
.banner-gradient-bg{position:relative;padding-top: 220px;}
.banner-gradient-bg .banner-bg-image{position:absolute;z-index:-1;object-fit:cover;width:100%;top:0;height: 563px;}
.banner-gradient-bg::after{/*content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;background-image:linear-gradient(to top, #f26725, #f99945);z-index:-1;*/}
.banner-gradient-bg h2{font-size:48px;font-weight:900;line-height:normal;letter-spacing:normal;color:rgba(255, 255, 255, 0.87);margin:10px 0 0 0;}
.banner-gradient-bg h3{font-weight:bold;letter-spacing:normal;color:#ffffff;margin:15px 0;}
.team-list{padding-bottom:60px;padding-top:10px;}
.team-list li{display:inline-block;height:96px;width:96px;border-radius:50%;overflow:hidden;margin:0 7px;}
.thank-you-page #new-look{padding:80px 0 65px 0;}
.thank-you-page #new-look .learn-more-link{margin-top:40px;}
.thank-you-page .logos-list ul > li:first-child{margin:0 50px;}
.thank-you-page .logos-list ul > li > p{letter-spacing:normal;text-transform:none;}
.thank-you-page #logos-section{margin-bottom:55px;bottom:0;}
.best-of-years-images{margin:25px -15px 0 -15px;}
.best-of-years-images > img{margin:0 8px;display:inline-block;}
.thank-you-page .new-look-numbers{margin-top:-100px;}
#technical-paint-info{padding-bottom:90px;}
.paint-info-boxes{padding-top:35px;margin:0 -25px;}
.paint-info-box{padding:0;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);margin:0 25px;border-radius:0 0 2px 2px;overflow:hidden;}
.paint-info-content{padding:0 10px 15px 10px;}
.paint-info-content::after{display:block;content:"";clear:both;}
.paint-info-content p {margin: 0;text-align: left;padding: 0 0 0 12px;}
.paint-info-content p > a{font-size:38px;font-weight:500;line-height:1.58;letter-spacing:0.6px;color:#4a4a4a;}
.paint-info-content > a{float:left;margin:10px 12px;font-size:16px;font-weight:500;line-height:normal;letter-spacing:0.3px;color:#f68118;}
.paint-info-content > a + a{float:right;color:#9b9b9b;}
#lets-be-friend{padding:40px 0;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);margin-bottom:10px;}
.lets-be-friend-left p{font-size:25px;font-weight:normal;line-height:1.48;letter-spacing:normal;color:#6b6b6b;margin:0;}
.lets-be-friend-right ul li{display:inline-block;margin:0 25px;}
.lets-be-friend-right ul li a{height:71px;width:71px;background:#003c64;border-radius:50px;line-height:70px;text-align:center;display:block;position:relative;}
.lets-be-friend-right ul li a img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block;}
.lets-be-friend-right ul li a:hover{background:#f68118;}
.lets-be-friend-left{width:80%;}
.paint-info-image-box a{display:block;}
.paint-info-image-box a > img{width:100%;height: 280px;object-fit: cover;}

/* How It Works */
.banner-bg {height: auto;overflow: hidden;position: absolute;width: 100%;top: 0;z-index: -1;}
.post-type-archive-job .banner-bg { max-height: 400px; }
.banner-bg > img{object-fit:cover;width: 100%;}
.page-banner{margin:85px 0;}
.page-banner-content > h2{font-size:48px;font-weight:bold;color:#ffffff;margin-bottom:20px;}
.page-banner-content > h4{font-weight:600;color:#ffffff;}
.video-box-shadow{width:815px;height:auto;margin:0 auto;border-radius:5px;box-shadow:0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22);position:relative;max-width:100%;}
.video-box-shadow::before{content:"";display:block;background-blend-mode:hard-light;background-image:linear-gradient(to bottom, #21323e, #6f8694);position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;}
.video-play-btn{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.video-box-shadow > img{object-fit:cover;height:100%;width:100%;}
#video-box{padding-bottom:100px;}
#formulation-process{padding-bottom:50px;}
#formulation-process .image-content-box .right-content-box h4{margin-bottom:40px;}
.content-reverse .image-content-box{flex-flow:row-reverse;-webkit-flex-flow:row-reverse;-moz-flex-flow:row-reverse;}
.content-reverse.image-content-box-list .image-content-box:nth-child(odd) .left-image-box{width:50%;}
.content-reverse.image-content-box-list .image-content-box:nth-child(even){flex-flow:row;-webkit-flex-flow:row;-moz-flex-flow:row;}
.content-reverse.image-content-box-list .image-content-box:nth-child(even) .right-content-box{padding-left:60px;}
.content-reverse.image-content-box-list .image-content-box:nth-child(odd) .right-content-box{padding-right:60px;}
.center .text-with-icon{display:inline-block;}
.center .text-with-icon > p{float:left;}
#quality-results h2{margin:0;padding-bottom:10px;}
#quality-results{padding-bottom:100px;}
.fb-comment-box{margin:0;}
.fb-comment-box h3{margin:0 0 40px 0;}
.fb-comment-box .customer-detail{margin:0;position:relative;bottom:10px;}
#facebook-comments{padding-bottom:100px;}
.steps-content{padding:50px 0;flex-wrap: wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap; }
.steps-image{padding:0 15px;position: relative;width: 50%;}
.steps-list{padding:0 15px;text-align:left;padding-left:85px;width: 50%}
.steps-list ul li{position:relative;padding-left:140px;padding-bottom:25px;}
.steps-list ul li span{width:95px;height:95px;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.3);background-color:#f68118;display:block;border-radius:50%;border:11px solid #fff;font-size:36px;font-weight:bold;line-height:70px;letter-spacing:normal;color:#ffffff;text-align:center;position:absolute;left:0;top:0;}
.steps-list ul li h5{font-size:20px;font-weight:600;margin-bottom:15px;}
.steps-list-content{width:280px;max-width:100%;}
.steps-list ul li:last-child{padding-bottom:0;}
.steps-list ul{position:relative;}
.steps-list ul::before{content:"";display:block;width:19px;height:100%;position:absolute;top:5px;left:40px;background-image:url(../images/step-bg-line.png);z-index:-1;}
#step-to-your-home{padding-bottom:100px;}

/* The Spray Network */
#headline-about-spray-network .process-boxes{margin-top:70px;}
#testimonials{padding-top:110px;}
.testimonials-box{width:740px;margin:0 auto;max-width:100%;}
#testimonials h3{text-align:left;margin-bottom:40px;}
.testimonials-box .customer-state, .chemistry-page .customer-state, .join-our-team-page .customer-state {padding-right:25px;}
.testimonials-box .customer-state > img, .chemistry-page .customer-state > img, .join-our-team-page .customer-state > img{height:45px;width:45px;border-radius:50%;}
.testimonials-box .customer-detail{margin:0;text-align:left;}
.testimonials-box .customer-detail .customer-name{font-weight:500;}

/* Surface Services */
.surface-service-page .square-right-img-slider .banner-surface-box{width:600px;border-radius:17px;box-shadow:0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22);background-color:#ffffff;padding:40px 25px 30px 25px;max-width:100%;position:absolute;bottom:0;}
/* .why-spray-net-banner .square-right-img-slider{position: static;} */
.banner-surface-box > div > p{text-transform:uppercase;font-size:16px;font-weight:500;line-height:normal;letter-spacing:-0.1px;color:#003c64;margin-bottom:50px;}
.banner-surface-box-left input{background:transparent;border:none;border-bottom:1px solid rgba(151, 151, 151, 0.36);border-radius:0;font-size:14px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:normal;color:#6b6b6b;padding-left:0;padding-right:0;font-family: 'Lato', sans-serif;}
.banner-surface-box-left input:focus{border-bottom:1px solid #ef8300;}
.banner-surface-box-left small{padding-top:70px;display:block;text-align:left;font-size:12px;font-weight:normal;line-height:normal;letter-spacing:normal;color:#9b9b9b;}
.banner-surface-box.range-filter-box{margin-top:10px;}
.banner-surface-box .price-range{border-radius:9px;margin:25px 0 0 0;padding: 5px 10px;min-width: 150px;text-align: center;}
.banner-surface-box .price-range h4{font-size:25px;font-weight:500;line-height:1.48;color:#ffffff;margin:0;}
.surface-service-page .banner-bg-square{position:relative;}
#surface-services{padding-top:115px;padding-bottom:50px;}
#surface-services .right-content-box h4{margin-bottom:35px;}
#surface-services .customer-content > span{font-weight:500;}
#surface-services .customer-state > img{max-width:40px;margin-right:10px;}
#surface-services .customer-state{margin-left:60px;margin-top:20px;}

/* Main Paint Page */
.small-banner .page-banner{margin:10px 0 0 0;min-height: 250px;}
.small-banner .banner-bg{height:500px;}
.small-banner .banner-bg > img{height: 110%; width: 100%}
#pain-menu{background:#003c64;padding:30px 0;}
#pain-menu li{display:inline-block;}
#pain-menu li.active a, #pain-menu li a:hover{color:#f68118;}
#pain-menu li a{display:block;margin:0 60px;font-size:20px;letter-spacing:normal;color:#ffffff;}
#pain-menu li a:focus{outline: none}
#paints-for-your-home{padding-top:70px;}
#paints-for-your-home #video-box{margin-top:55px;}
.main-paint-page .right-content-box h4{margin-bottom:40px;}
#common-benefits{padding-top:50px;}
.single-paint img{width:100%;height:405px;object-fit:cover;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;transform:scale(0.9);-webkit-transform:scale(0.9);margin-top:50px;border-radius:7px;}
.single-paint.slick-current img{height:515px;margin:0 auto;transform:scale(1);}
#paints-slider .slick-arrow.slick-prev{right:calc(100% - 15px);left:auto;}
#paints-slider .slick-arrow.slick-next{left:calc(100% - 15px);right:auto;}
#paints-slider .slick-dots{bottom:-20px;margin-bottom:0;}
.single-paint{position:relative;}
.single-paint h2{position:absolute;top:50%;text-align:center;width:100%;padding:0 10px;font-weight:600;color:#ffffff;text-transform:uppercase;transform:translateY(-50%);margin:0;}
#paints-slider{margin-top:50px;}
#other-exterior-paints{padding-bottom:120px;}

/* Paint Page */
.actual-paint-arrow p > img{display:inline-block;margin-left:40px;position:relative;top:10px;}
.actual-paint-arrow{margin:0;padding:0;position:relative;bottom:40px;}
.actual-paint-arrow p{font-size:20px;font-weight:bold;line-height:normal;letter-spacing:normal;color:#003c64;}
.paint-page .banner-bg-square{position:relative}
.paint-page .square-right-img-slider{position:absolute;right:7%;top:60%;transform:translateY(-50%);}
#about-paint{padding-top:50px;padding-bottom:150px;}
#about-paint .image-content-box:last-child .left-image-box{position:relative;}
.slider-color-info{position:absolute;right:-236px;bottom:-50px;}
.image-selected .slider-color-info .selected-image-box {float: left;}
.image-selected .slider-color-info .selected-image-box img {border-radius: 20px;max-width: 120px;}
.color-block{width:120px;height:120px;border-radius:21px;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);/*background-color:#bfc7ca;*/float:left;}
.slider-color-info-box{float:left;margin-top:10px;margin-left:20px;}
.slider-color-info h5{font-weight:normal;color:#003c64;}

/* Chemistry Page */
.customer-content > h4{font-weight: normal;line-height: normal;letter-spacing: 0.3px;color: #6b6b6b;margin-bottom: 20px;}
.chemistry-page .image-shadow-box.center > img{display: inline-block;}

/* Color Page */
#color-build{padding:50px 0;}
.custom-tab-menu{margin:60px 0;display:inline-block;width:100%;text-align:center;}
.custom-tab-menu li{display:inline-block;}
.custom-tab-menu ul{display:flex;justify-content:center;flex-wrap:wrap;}
.custom-tab-menu li a{display:block;padding:35px 55px;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:normal;color:#6b6b6b;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;}
.custom-tab-menu li a:hover, .custom-tab-menu li.active a{border-radius:50px;box-shadow:0 8px 16px 0 rgba(12, 0, 51, 0.1);color:#6b6b6b;}
.custom-tab-menu li a:focus{outline:none;}
#colors-slider-section{padding:0;}
#colors-slider{box-shadow:0 7px 24px -7px rgba(12, 0, 51, 0.16);background-color:#ffffff;padding:50px 100px;min-height:550px;}
.colors-slider-box::after{display:block;content:"";clear:both;}
.slider-single-color{width:20%;float:left;text-align:center;margin:17px 0;}
.color-box{height:165px;width:170px;margin:0 auto;background:#093966;max-width:calc(100% - 20px);}
.color-name{margin:5px 0 0 0;}
#colors-slider .slick-arrow.slick-prev, #palettes-slider .slick-arrow.slick-prev{left: -40px;}
#colors-slider .slick-arrow.slick-next, #palettes-slider .slick-arrow.slick-next{right: -60px;}
#colors-slider-section{padding:0 0 12.5vw 0;margin:0;}
#colors-slider-section.bg-gradient-box::before{max-height: 100%;}
#palettes-slider .slick-dots{bottom:0;top:25px;}
.about-palettes-slider{width:55%;}
.about-palettes-content{padding-left:70px;width:45%;}
.about-palettes-content h4{font-weight:600;color:#6b6b6b;margin-bottom:15px;}
.about-palettes-content .palettes-list{margin-top:50px;margin-left:-20px;}
.single-palettes{width:30%;float:left;text-align:center;}
.palettes-box{width:125px;height:127px;border-radius:21px;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);margin:0 auto;max-width:100%;}
.palettes-name{margin:10px 0 0 0;}
.palettes-list::after{display:block;content:'';clear:both;}
.palettes-of-the-year-section{padding-top:115px;margin:0 auto;width:920px;max-width:100%;}
.palettes-of-the-year-box{border-radius:8px;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);background-color:#ffffff;padding:15px 40px;margin:0 auto;width:840px;max-width:100%;position:relative;bottom:50px;}
#palettes-of-the-year > img{width:100%;}
.palettes-of-the-year-content{width:45%;}
.palettes-of-the-year-content h3{margin:0;letter-spacing:normal;color:#f68118;}
.palettes-of-the-year-content h3 > span{font-size:14px;font-weight:bold;line-height:1.36;letter-spacing:1.1px;color:#003c64;text-transform:uppercase;position:relative;bottom:5px;left:5px;}
.palettes-of-the-year-content p{margin:0;font-size:14px;line-height:normal;color:#9b9b9b;}
.palettes-of-the-year{width:55%;}
.palettes-of-the-year .palettes-box{width:86px;height:89px;}
.palettes-of-the-year .single-palettes{width:25%;}
.palettes-of-the-year .palettes-name{margin-top:5px;font-size:12px;font-weight:normal;line-height:1.83;letter-spacing:normal;color:#6b6b6b;}
.palettes-designer{width:920px;margin:0 auto;max-width:100%;}
.palettes-designer .image-content-box{padding:20px 0 0 0;}
.palettes-designer .image-content-box .image-shadow-box > img{margin:0 auto;}
#how-to-pick{padding-top:100px;}
#how-to-pick .image-content-box-list{margin-top:50px;}
.how-to-pik-number-box{width:110px;height:110px;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);background-color:#003c64;line-height:85px;text-align:center;border-radius:50%;border:14px solid #fff;font-size:25px;font-weight:500;color:#ffffff;display:inline-block;position:relative;font-family: 'Rubik', sans-serif;}
.how-to-pik-number-box:hover{background-color: #f68118;}
.how-to-pik-number-box + h4.underline-heading{display:inline-block;margin-left:30px;}

/* Transformations Page */
.transformations-banner .page-banner-content > h4{font-weight:bold;line-height:normal;margin:0;}
.revamped-over-numbers li{display:inline-block;margin:5px;border-radius:7.5px;box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.5), inset 3px 4px 11px 8px rgba(0, 0, 0, 0.32);background-image:linear-gradient(to bottom, #011c30, #1e4760);min-width:68px;height:90px;text-align:center;}
.revamped-over-numbers li span{background-image:linear-gradient(341deg, #f26725, #f99945);font-size:75px;font-weight:500;line-height:normal;letter-spacing:normal;text-align:center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
@media all and (-ms-high-contrast:none)
{
    .revamped-over-numbers li span { background: transparent;color: #f26725; } /* IE10 */
    *::-ms-backdrop, .revamped-over-numbers li span {background: transparent;color: #f26725;} /* IE11 */
}
.badge-list li{display: inline-block;height: auto;width: auto;margin: 15px;max-width: 70px;}
.badge-list li > img{margin:0 auto;}
.filter-block{padding:20px 0;background:#003c64;text-align:center;}
.filter-block select{background:transparent;border:none;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:normal;color:#ffffff;padding-right:30px;margin:0 30px;-moz-appearance:none;-webkit-appearance:none;background-image:url(../images/down-arrow.png);height:auto;background-repeat:no-repeat;background-position:calc(100% - 5px) center;background-size:9px;cursor: pointer;font-family: 'Lato', sans-serif}
@media all and (-ms-high-contrast:none)
{
    .filter-block select::-ms-expand {display: none;} /* IE10 */
    *::-ms-backdrop, .filter-block select::-ms-expand {display: none;} /* IE11 */
}
.filter-block .filter-find-btn{background:transparent;border-radius:4px;border:1px solid #fff;padding:7px 34px;font-size:16px;font-weight:bold;line-height:1.5;letter-spacing:normal;color:#ffffff;text-transform:capitalize;margin:0 40px;}
.filters-main-images{width:100%;display: flex;}
.filters-main-images > div{position:relative;width: 50%;}
.filters-main-images > div > img{width:100%;object-fit: cover;/*max-height: 500px;*/height: 100%;}
.filters-main-images > div:first-child{border-right: 2px solid #fff}
.filters-main-images > div:first-child h2{position: absolute;margin: 0;left: -20px;bottom: 80px;font-size: 22px;text-transform: capitalize;max-width:100%; width: 300px;text-align: center;background: #093966;line-height: normal;border-radius: 20px;padding: 8px;border: 1px solid #fff;color: #fff;}
.filters-main-images > div:last-child {border-left: 2px solid #fff}
.filters-main-images > div:last-child h2{position: absolute;margin: 0;right: -20px;bottom: 80px;font-size: 22px;text-transform: capitalize;max-width:100%; width: 300px;text-align: center;background: #ef8300;line-height: normal;border-radius: 20px;padding: 8px;border: 1px solid #fff;color: #fff;}
.filters-images-list{width:100%;padding:15px 25px;background:#efefef;}
.filters-images-list ul{margin:0 -10px;}
.filters-images-list ul::after{display: block;content: "";clear: both;}
.filters-images-list li {float:left;width:20%;padding:12px 10px;text-align:center;}
.filters-images-list li a{display:block;height: 260px;overflow: hidden}
.filters-images-list li a img{width:100%;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);height: 100%;}
#projects-filters::after{content:"";display:block;clear:both;}
.featured-review-box{padding:0 15px;margin-top:10px;width: 33.33%;}
.featured-review-icon{width:75px;height:75px;margin:0 auto;position:relative;}
.featured-review-icon img{position:absolute;margin:auto;left:0;right:0;bottom:0;top:0;}
.featured-review-box:hover p {color:#fff}
.featured-review-box p{margin:18px 0 10px 0;font-weight:bold;line-height:1.5;letter-spacing:1.2px;color:#003c64;text-transform:uppercase; cursor: default;}
.featured-review-box span{display:block;font-size:16px;font-weight:normal;line-height:normal;letter-spacing:normal;color:#003c64;font-family:'Rubik', sans-serif;margin-bottom:20px;}
.featured-review-box .learn-more-link{color:#003c64;}
#featured-review-section{padding-bottom:75px;}
.transformations-page #logos-section{margin-bottom:100px;}
.transformations-page .logos-list ul > li:first-child, .refer-a-friend-two-page .logos-list ul > li:first-child{margin:0 50px;}
.transformations-page .logos-list ul > li > p, .refer-a-friend-two-page .logos-list ul > li > p{letter-spacing:normal;text-transform:none;}

/* Join Our team */
.join-our-team-page .page-banner-content > h1 {margin-bottom: 0;padding-bottom: 10px;color: #ffffff;font-size: 60px;line-height: 1.25;}
.join-our-team-page .page-banner-content > h1::after{display:block;content:"";width:178px;height:2px;/*background-color:#ffffff;*/margin:15px auto;background: linear-gradient(to right, #f26725, #f99945);}
.join-our-team-page .page-banner-content > h5{line-height:1.3;color:#ffffff;}
.banner-numbers-block{margin-top:20px;}
.banner-numbers-block .banner-numbers{margin:30px 40px;display:inline-block;}
.banner-numbers-block .banner-numbers p{margin:0;font-size:30px;line-height:normal;color:#ffffff;}
.banner-numbers-block .banner-numbers span{font-size:14px;font-weight:bold;line-height:1.36;letter-spacing:1.1px;color:#ffffff;text-transform:uppercase;}
.banner-numbers-block .banner-numbers:nth-child(2) p{font-size:36px;}
.banner-numbers-block .banner-numbers:nth-child(2) span{font-size:16px;line-height:1.5;letter-spacing:1.2px;}
.banner-as-seen-on p{font-size:20px;font-weight:bold;line-height:1.85;color:#ffffff;margin-bottom:10px;}
.banner-as-seen-on ul{display:flex;align-items:center;justify-content:center;}
.banner-as-seen-on ul li{margin:0 35px;}
.banner-as-seen-on ul li a{display:block;}
#on-site .text-with-icon > p{color:#f68118;}
#on-site{padding:50px 0 75px 0;}
.working-with-spray-net{padding-top:30px;}
.working-with-spray-net .benefits-list ul li{padding-right:60px;padding-left:60px;}
.working-with-spray-net + .image-content-box-list .image-content-box{padding:0;}
.working-with-spray-net + .image-content-box-list .image-content-box .right-content-box h4{margin-bottom:20px;}
#our-crew, #our-crew-office{padding-bottom:60px;}
#our-crew .text-with-icon > img, #our-crew-office .text-with-icon > img{filter:brightness(100);-webkit-filter:brightness(100);-moz-filter:brightness(100);}
#on-site #our-crew .text-with-icon > p,#in-the-office #our-crew-office .text-with-icon > p, #on-site #our-crew-office .text-with-icon > p{margin:0;color:#fff;}
#our-crew.bg-gradient-box h2,#our-crew-office.bg-gradient-box h2{font-weight:500;}
#our-crew .slick-active .customer-box,#our-crew-office .slick-active .customer-box{margin-top:25px;}
#our-crew .customer-from,#our-crew-office .customer-from{color:#9b9b9b;}
.opportunity-list{margin-top:75px;}
.opportunity-box{text-align: left; margin-bottom:40px;padding:12px 0;border-bottom:1px solid rgba(191, 199, 202, 0.5);}
.opportunity-box::after{display:block;content:'';clear:both;}
.opportunity-box h5{margin:0;float:left;text-align:left;}
.opportunity-box h5 > span{font-weight:normal;color:#9b9b9b;display:block;text-align:left;}
.opportunity-box a{float:right;font-size:12px;letter-spacing:-0.1px;padding:15px 40px;border-radius:5px;}
.opportunity-box .btn-with-arrow:after{width:16px;background-size:100%;}
.different-team > p{font-weight:bold;line-height:1.5;letter-spacing:3px;color:#003c64;padding-top:10px;}
.different-team ul{column-count:2;-webkit-column-count:2;}
.different-team ul li{padding-left:30px;position:relative;line-height:normal;font-size:0;margin-bottom:10px;}
.different-team ul li::before{content:"";display:block;height:6px;width:6px;background:#003c64;position:absolute;left:10px;top:9px;border-radius:20px;}
.different-team ul li a{line-height:1.44;letter-spacing:0.3px;color:#003c64;}
#in-the-office .working-with-spray-net.center{padding-top:70px;}
#in-the-office{padding-bottom:60px;}

/* About Us Page */
.about-us-page .banner-numbers-block {margin-top: 45px;}
.about-us-page .banner-numbers-block .banner-numbers p{font-size:36px;font-weight:bold;}
.about-us-page .banner-numbers-block .banner-numbers span{font-size:20px;line-height:1.2;letter-spacing:1.5px;}
#core-values {padding-top: 9vw;}
.single-process-box > p > span{color:#f68118;}
.our-story-box{border-radius:7px;box-shadow:0 4px 8px 0 rgba(133, 133, 133, 0.47);background-color:#ffffff;padding:55px 15px;}
.our-story-content h4{color:#47495a;margin-bottom:50px;padding:0;}
.our-story-content .underline-heading::after{background:linear-gradient(to right, #f26725, #f99945);}
.our-story-content{width:760px;margin:0 auto;max-width:100%;}
.our-story-video-box{padding:40px 0;position: relative;}
.our-story-content p{margin-bottom:40px;}
#our-story{padding-bottom:50px;}
#about-videos .image-content-box .btn-default{font-size:20px;color:#ffffff;padding:20px 50px;border-radius:9px;}

/* Review Page */
.review-page .page-banner-content > h2{margin-bottom:40px;}
.review-page .page-banner-content > h4{margin-bottom:40px;}
.best-badge{display:inline-block;margin:0 40px;width:auto;height:auto;text-align:center;padding:5px;position:relative;max-width: 70px;}
.headline-box{width:1140px;margin:0 auto 50px auto;box-shadow:0 4px 8px 0 rgba(133, 133, 133, 0.47);background-color:#ffffff;max-width:100%;border-radius: 3px 7px 7px 3px;}
.headline-box-left{padding:0;position: relative}
.headline-box-left img{object-fit:cover;width:100%;}
.headline-box-right{padding:35px;}
.headline-box-right h3{margin-bottom:50px;color: #6b6b6b}
.headline-box-right .customer-name{font-size:16px;margin:0;}
.headline-box-right .customer-from{font-size:16px;font-weight:300;line-height:1.44;letter-spacing:normal;color:#5a5b64;}
#video-testimonials .customer-name{margin:0;padding-top:15px;}
#take-our-word{padding-top:50px;}
#review-slider{padding-top:40px;margin:0 auto;max-width:100%;}
.single-review-box .review-message{border-radius:15px;padding:45px 25px 45px 95px;position:relative;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;width:580px;margin:0 auto;max-width:100%;}
.single-review-box.slick-current .review-message{background-color:#003c64;margin-bottom:70px;}
.single-review-box .review-message h4{font-weight:normal;line-height:1.44;color:#9b9b9b;font-size:20px;text-align:left;max-height: 400px;overflow: auto;}
.single-review-box.slick-current .review-message h4{color:#ffffff;font-size:25px;}
.single-review-box{padding:0 10px;}
.review-message::after{content:"";display:none;height:36px;width:46px;background-image:url(../images/msg-bottom-arrow.png);position:absolute;top:100%;background-size:100%;background-repeat:no-repeat;margin-top:-2px;left:50%;transform:translateX(-50%);}
.single-review-box.slick-current .review-message::after{display:block;}
.single-review-box .customer-detail{text-align:left;margin:0;}
.single-review-box .customer-state > img{max-width:45px;}
.single-review-box .review-message::before{content:'';display:block;width:54px;height:50px;background:url(../images/grey-quate.png);background-repeat:no-repeat;position:absolute;left:20px;top:30px;background-size:100%;}
.single-review-box.slick-current .review-message::before{background-image:url(../images/white-quate.png);}
.single-review-box.slick-current .customer-state{display:inline-block;}
.single-review-box .customer-state{display:none;}
#review-slider .slick-dots{bottom:auto;margin:30px 0 0 0;}
#review-slider .slick-arrow.slick-prev{left:-80px;}
#review-slider .slick-arrow.slick-next{right:-80px;}
.single-review-box .customer-detail .customer-name{color:#9b9b9b;}
.single-review-box.slick-current .customer-detail .customer-name{color:#f68118;}
.single-review-box .customer-content{text-align:left;padding-left:95px;}
.single-review-box.slick-current .customer-content{text-align:center;padding-left:0;}

/* FAQ */
.page-banner-content h1{font-size:48px;line-height:normal;color:rgba(255, 255, 255, 0.87);margin-bottom:20px;}
.page-banner-content h5{color:#ffffff;margin-bottom:30px;}
.page-banner-content h5 > a{font-size: 20px;line-height: normal;border-bottom: 1px solid;padding-bottom: 2px;letter-spacing: 0;}
.page-banner-content .banner-search-box{font-size:14px;line-height:normal;color:#bfc7ca;border-radius:19px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);background-color:#fafafa;margin:0 auto 10px auto;width:520px;max-width:100%;padding:8px 25px;}
.page-banner-content .search-form .search-field{font-size:14px;line-height:normal;color:#bfc7ca;border-radius:19px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);background-color:#fafafa;margin:0 auto 10px auto;width:520px;max-width:100%;padding:8px 25px;}
.page-banner-content .search-form label, .page-banner-content .search-form .search-submit{display: none;}
.faq-page #pain-menu li a{margin:0 15px;}
.faq-page #faq-section{padding-top:60px;}
.faq-page #faq-section ul{clear:both;display:inline-block;width:100%;}
.faq-page #faq-section .container > h4{float:left;margin-top:5px;}
.faq-search-box{float:right;}
.faq-search-box input[type="search"], .faq-search-box input[type="text"]{margin:0 0 10px 0;background-color:rgba(12, 0, 51, 0.03);max-width:100%;font-size:14px;font-weight:500;line-height:1.29;letter-spacing:normal;color:#6b6b6b;background-image:url(../images/faq-search.png);padding:11px 45px;background-repeat:no-repeat;background-position:15px center;width:290px;border-radius:7px;}

/* Refer a friend */
.refer-a-friend-banner .input-with-btn{padding-top:20px;}
.refer-a-friend-banner .input-with-btn > input{width:480px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);margin:0;padding:8px 14px;min-height:34px;max-width:calc(100% - 164px);font-family: 'Lato', sans-serif;border-radius: 3px 0 0 3px;}
.refer-a-friend-banner .input-with-btn > .btn-default{text-transform:none;font-size:12px;letter-spacing:-0.1px;border-radius:0 3px 3px 0;padding:10px 23px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);min-height:36px;}

/* Refer a friend 1A */
.refer-a-friend-one-a-banner{padding-bottom:150px;}
.refer-a-friend-steps-box{box-shadow:0 0 24px 0 rgba(0, 0, 0, 0.1);background-color:#ffffff;padding:60px 70px;margin-top:-100px;max-width:100%;margin-bottom:50px;}
.refer-a-friend-steps-box .how-to-pik-number-box{width:75px;height:75px;line-height:47px;font-size:20px;}
.circle-social-icons-box{width:362px;border-radius:3px;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);background-color:#ffffff;float:right;padding:25px;max-width:100%;text-align:center;}
.circle-social-icons-box li{display:inline-block;margin:0 20px 25px;}
.circle-social-icons-box li > a{display:block;width:59px;height:59px;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.3);background-color:#f68118;border:8px solid #fff;border-radius:50%;position:relative;}
.circle-social-icons-box li > a:hover{background-color:#003c64;}
.circle-social-icons-box li > a > img{display:block;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;width:20px;}
.circle-social-icons-box .input-with-btn{margin:15px 0;}
.circle-social-icons-box .input-with-btn > input{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);margin:0;padding:8px 14px;min-height:34px;max-width:calc(100% - 130px);border-radius: 3px 0 0 3px;}
.circle-social-icons-box .input-with-btn > .btn-default{text-transform:none;font-size:12px;letter-spacing:-0.1px;border-radius:0 3px 3px 0;padding:11px 23px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);min-height:34px;margin:0;width:130px;}
.rules-reg-btn{text-align:center;padding:50px 0;}
.rules-reg-btn a{font-size:16px;font-weight:bold;line-height:normal;letter-spacing:normal;color:#9b9b9b;background:url(../images/rules-reg-arrow.png);padding-right:40px;background-position:center right;background-repeat:no-repeat;}
.rules-reg-btn a:hover{color:#003c64;}
.refer-a-friend-steps-box .content-reverse .image-content-box:first-child{padding-top:0;}
.refer-a-friend-steps-box .content-reverse .image-content-box:last-child{padding-bottom:40px;}
.refer-a-friend-popup{position:fixed;top:0;left:0;height:100vh;width:100vw;overflow:hidden;z-index:9;display: none}
.refer-a-friend-popup::before{content:"";display:none;height:100%;width:100%;opacity:0.17;background-color:#0d0d0d;}
.show-popup.refer-a-friend-popup::before{display:block;}
.refer-a-friend-popup-box{width:1060px;border-radius:7px;box-shadow:0 0 24px 0 rgba(0, 0, 0, 0.1);background-color:#ffffff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);height:auto;max-height:calc(100vh - 60px);overflow:auto;padding:80px 70px;max-width:calc(100% - 30px);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.show-popup .refer-a-friend-popup-box{transform:translate(-50%, -50%) scale(1);}
.refer-a-friend-popup-content > h4.underline-heading{margin-bottom:65px;font-weight: 500;}
.refer-a-friend-popup-content p{font-weight:500;line-height:1.63;letter-spacing:-0.3px;color:#9b9b9b;}
.refer-a-friend-popup-content a.btn-default{font-size:20px;letter-spacing:normal;padding:18px 50px;width:205px;max-width:100%;margin-top:50px;border-radius: 9px;}

/* Blank Page */
.page-banner-content h3{font-size:30px;font-weight:bold;line-height:normal;letter-spacing:normal;color:#ffffff;}
.blank-page-content h2.underline-heading + h4{margin-bottom:40px;}
.blank-page-content{padding:60px 0;}
.blank-page-content p{text-align:left;font-size:20px;font-weight:normal;letter-spacing:0.1px;color:rgba(0, 0, 0, 0.87);}
.blank-page-content img{width:100%;margin-bottom:30px;}

/* Refer a Friend 2 Page */
.refer-a-friend-two-page #logos-section{margin-bottom:50px;}
.exterior-painting-services .custom-tab-menu li a{padding:18px 29px;color: #4a4a4a;}
.filter-block-light{background:#fff;}
.filter-block-light select{color:#9b9b9b;background-image:url("../images/down-arrow-light.png");font-family: 'Lato', sans-serif;font-weight: normal;}
.filter-block-light .filter-find-btn{color:#9b9b9b;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);}
.filter-block-light .filter-find-btn:hover{color:#fff;}
#our-transformation .new-look-numbers{clear:both;width:100%;}
#our-transformation .new-look-numbers ul{justify-content:center;width:840px;max-width: 100%;margin: 0 auto;}
.refer-a-friend-form{width:770px;margin:50px auto auto auto;max-width:100%;}
.refer-a-friend-form .gform_wrapper .top_label .gfield_label{display: none;}
.refer-a-friend-form .gform_wrapper ul.gform_fields li.gfield {float: left;width: 43%;max-width: 100%;padding: 0;margin: 10px 23px !important;clear: none;border: none;}
.refer-a-friend-form .gform_wrapper ul.gform_fields li.gfield .ginput_container{margin:0 !important;}
.refer-a-friend-form .gform_wrapper ul.gform_fields li.gfield .ginput_container > input {margin: 0 !important;border-radius: 7px;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12);background-color: #fafafa;width: 100%;line-height: normal;padding-top: 4px !important;min-height: 0;padding-bottom: 7px !important;}
.refer-a-friend-form .gform_wrapper div.charleft.warningTextareaInfo{display: none}
.refer-a-friend-form .gform_wrapper .gform_footer{margin: 20px 0 0 0;padding: 0;display: inline-block;text-align: center;position: relative; width: 255px;height: 66px;border-radius: 9px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);background-image: linear-gradient(285deg, #f26725, #f99945);left: 50%;transform: translateX(-50%);}
.refer-a-friend-form .gform_wrapper .gform_footer:after {display: inline-flex;content: "";height: 9px;width: 21px;margin-left: 10px;background-image: url(../images/btn-arrow.png);background-position: center center;background-repeat: no-repeat;position: absolute;top: 30px;right: 80px;}
.refer-a-friend-form .gform_wrapper .gform_footer .gform_button {font-size: 20px !important;font-weight: bold;line-height: normal !important;width: 255px !important;letter-spacing: normal;position: relative;margin: 0;background: transparent;padding: 20px 0;text-indent: -30px;}

/* Franchise Location */
.franchise-location-banner h3{margin-bottom:10px;}
.franchise-location-banner ul{padding-bottom:30px;}
#exterior-painting-services-calgary{padding:60px 0 50px 0;}
#exterior-painting-services-calgary .custom-tab-menu li a{padding:18px 29px;color: #4a4a4a;}
#exterior-painting-services-calgary .custom-tab-menu li.active a, #exterior-painting-services-calgary .custom-tab-menu li:hover a{color: #6b6b6b;}
#projects-matter{padding-bottom:110px;}
#we-serve-area{clear:both;padding-top:100px;}
.area-section{padding-top:60px;padding-bottom:15vw;}
.area-box{width:1035px;border-radius:6px;box-shadow:0 2px 11px 0 rgba(0, 0, 0, 0.13);background-color:#ffffff;margin:0 auto;max-width:100%;display:flex;}
.area-map{width:70%;}
.area-map iframe{margin:0;width:100%;height:100%;}
.area-listing{padding:50px;width:50%;}
.area-listing ul{max-height:215px;overflow:auto;margin-bottom:50px;}
.area-listing ul li a{line-height:2.63;letter-spacing:normal;color:#9b9b9b;}
.area-listing span{font-size:12px;font-weight:normal;line-height:1.42;letter-spacing:0.3px;color:#9b9b9b;display:block;margin-bottom:20px;}
.area-listing .btn-default{font-size:12px;font-weight:bold;line-height:normal;padding:15px 35px;}
.area-listing ul li a:hover{color:#003c64;}
#contact-us{padding-top:100px;padding-bottom:70px;}
.contact-us-block{padding-top:50px;}
.contact-us-content{text-align:left;width:30%;}
.contact-us-content h4{margin-bottom:20px;}
.contact-us-content span{font-size:12px;font-weight:normal;line-height:1.42;letter-spacing:0.3px;color:#9b9b9b;display:block;margin-bottom:15px;background-repeat:no-repeat;background-position:left top;padding-left:30px;padding-bottom:10px;}
.location-map{background-image:url("../images/map-marker-icon.png");}
.contact-phone{background-image:url("../images/contact-phone-icon.png");}
.contact-us-content .learn-more-link{margin-bottom:40px;}
.contact-us-content p{line-height:1.5;letter-spacing:1.2px;font-weight:bold;color:#003c64;text-transform:uppercase;}
.contact-us-content p > b{color:#6b6b6b;font-weight:normal;display:block;}
.contact-us-map{width:70%;}
.contact-us-map iframe{width:100%;height:100%;margin:0;}
#available-opportunity-section{padding-top:100px;}
.available-opportunity-form{border-radius:7px;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);background-color:#ffffff;padding:60px;margin-top:10px;display:inline-block;width:100%;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .gfield_label{display: none;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield{padding:0 25px;float:left;width:50%;margin-bottom:20px !important;clear: none;margin-top: 0;border: none;background: transparent;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container{margin-top: 0;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container input, .available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container textarea {width: 100%;padding: 11px !important;font-size: 16px !important;letter-spacing: normal !important;margin-bottom: 18px !important;font-family: 'Open sans', sans-serif !important;line-height: normal; min-height: 0;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield:nth-child(5){width:100%;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield:last-child{margin-bottom: 0;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield div.charleft.warningTextareaInfo{display: none}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload > input {opacity: 0;margin: 0 !important;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload {position: relative;border-radius: 7px;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload::before {content: "Add CV";position: absolute;width: 100%;font-weight: normal;letter-spacing: normal;padding: 12px;cursor: pointer;color: #9b9b9b;opacity: 1;font-family: 'Open Sans', sans-serif;font-size: 16px;}
.available-opportunity-form .gform_wrapper .gform_footer .gform_button {width:100%;font-size:14px;font-weight:800;line-height:normal !important;letter-spacing:normal;border-radius:2px;text-transform:uppercase;padding:15px;margin: 0;}
.available-opportunity-form .gform_wrapper .gform_footer {clear: none;float: left;width: 50%;margin: 0;padding: 0 25px;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload input {margin: 0 !important;}
.available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload .bootstrap-filestyle{width: 100%;}
.available-opportunity-form .gform_wrapper ul.gform_fields .bootstrap-filestyle .group-span-filestyle label{padding: 13px 10px;}
/* Common CSS */
.sticky-menu header {position: fixed;background:#ffffff;z-index: 2;box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.05);}
.sticky-menu #mega-menu-wrap-top #mega-menu-top{margin: 10px 0;}
.sticky-menu header .top-header{display: none;}
.sticky-menu #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo, .sticky-menu #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo > a.mega-menu-link{height: 74px;background-image:url('../images/Logo.png');}
.sticky-menu #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {top:10px;color: #003c64;}
.sticky-menu #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item-has-children > a.mega-menu-link::after{background-image: url(../images/down-arrow-blue.png);}
.video-popup-link {display: none;}
#youtube-video-popup-box{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(30, 30, 30, 0.8);z-index:3;overflow:hidden;display:none;}
.youtube-video-popup {position:relative;width:100%;transform:scale(0);-webkit-transform:scale(0);height:100%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.show-video .youtube-video-popup{transform:scale(1);-webkit-transform:scale(1);}
.youtube-video-popup .video-container {position: absolute;width: calc(100% - 30px);height: calc(100% - 60px);left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.youtube-video-popup .video-container video{height: 100%}
.youtube-video-popup .video-container iframe{width:100%;height: 100%;border: none;}
.close-youtube-video{position:absolute;right:10px;top:10px;padding:0;cursor:pointer;filter:invert(1) brightness(100);z-index: 1;}
.consultant-form .gform_wrapper .top_label .gfield_label{display:none;}
.consultant-form .gform_wrapper ul.gform_fields li.gfield{margin:12px 0 0 0;padding:0;border:none;background:transparent;}
.consultant-form .gform_wrapper ul.gform_fields li.gfield .ginput_container{margin:0;}
.consultant-form .gform_wrapper ul.gform_fields li.gfield .ginput_container input{width:100%;padding:8px;font-family:'Open Sans', sans-serif !important;font-size:16px;line-height:normal;margin-bottom: 15px !important;}
.consultant-form .gform_wrapper .gform_footer{margin:150px 0 0 0;padding:0;}
.consultant-form .gform_wrapper .gform_footer .gform_button{border-radius:2px;width:100%;text-transform:uppercase;padding:13px;font-size: 14px;}
.consultant-form .send-photos-form .gform_wrapper .gform_footer{margin:0;}
.consultant-form .send-photos-form .gform_wrapper textarea{font-size:10px;height:90px;padding:8px;}
.consultant-form .gform_wrapper ul.gform_fields li.gfield.textarea-placeholder {background-color: rgba(12, 0, 51, 0.03);padding: 8px;font-family: 'Open Sans', sans-serif;font-size: 9px;font-weight: normal;line-height: 1.5;letter-spacing: normal;color: #9b9b9b;border: 1px solid transparent;margin-bottom: 18px;border-radius: 7px;font-style: normal;font-stretch: normal;}
.consultant-form .gform_wrapper ul.gform_fields li.gfield.textarea-placeholder > div {font-size: 16px;margin-bottom: 5px;}
.consultant-form  .gform_wrapper h3.gform_title{display: none;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding: 0 !important;font-weight: normal;font-size: 14px;margin-top: 2px;}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea{margin: 0 !important;}
.gform_wrapper ul.gform_fields li.gfield.gfield_error .ginput_container{margin:0;}
.gform_wrapper div.validation_error{display:none;}
.consultant-form .gform_wrapper .gform_fileupload_multifile .gform_drop_area{padding:0;border:none;}
.consultant-form .gform_wrapper .gform_fileupload_multifile .gform_drop_area span.gform_drop_instructions{display:none;}
.consultant-form .gform_wrapper .gform_fileupload_multifile .gform_drop_area input#gform_browse_button_1_1{text-transform: uppercase;border-radius: 2px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);background-color: #9b9b9b;background-image: none;font-size: 14px;font-weight: bold;font-family: 'Lato', sans-serif;padding: 13px!important;margin-top: 30px;}
#footer-widgets .flex-column h5{font-size:16px;font-weight:bold;line-height:1.5;letter-spacing:1.2px;color:#ffffff;text-transform:uppercase;}
.about-us-page .banner-bg {/*height: 950px;*/height: 800px;}
.about-us-page .banner-bg > img {height: 100%;width: 100%;object-position: bottom center;max-height: 950px;}
.join-our-team-page .banner-bg{/*max-height: 900px;*/ max-height: 800px;}
.join-our-team-page .banner-bg > img {height: 100%}
#mega-menu-wrap-top #mega-menu-top p > a {color: #6b6b6b;font-weight: 900;}
#chemistry-content .customer-detail .customer-name{font-weight: 500;}
#chemistry-content .customer-detail .customer-from{color: #9b9b9b;}
.take-your-pick-left h4.underline-heading {font-weight: bold;}
.thank-you-page{overflow-x: hidden;}
#why_spray_net .top-header,  #surface_service .top-header, #refer_a_friend .top-header, .single-services .top-header {background-color: rgba(0, 60, 100, 0.76);}
#why_spray_net  .innovation-left .innovation-left-box-one, #why_spray_net  .innovation-left .innovation-left-box-two, #why_spray_net  .innovation-left .innovation-left-box-three{border: none;    box-shadow: 0 0 4px 0px rgba(0,0,0,0.4);}
#way-to-renovate .image-content-box .right-content-box h4{margin-bottom: 10px;}
#way-to-renovate .image-content-box .right-content-box h4 + p, #application-process .application-box-right p {color: #5a5b64;}
#way-to-renovate .image-content-box .right-content-box .learn-more-link {font-weight: 500;}
#way-to-renovate .image-content-box .right-content-box .customer-detail + h4 {color: #6b6b6b; font-weight: 600;}
.surface-shadow-box .learn-more-link {font-weight: 500;}
#quality-results .single-process-box > p {letter-spacing: 1px;}
#quality-results .single-process-box > span{font-family: 'Rubik', sans-serif}
.how-it-works-page #faq-section .btn-with-arrow{letter-spacing: -0.1px;}
.refer-a-friend-two-page .page-banner-content > h4{color: #f7f7f7;}
.exterior-painting-services .custom-tab-menu li a:hover{color: #6b6b6b;}
#headline-about-spray-network .right-content-box p {font-family: 'Rubik', sans-serif;}
.refer-a-friend-two-page .filters-main-images > div h2{font-weight: 500; font-family: 'Rubik', sans-serif}
.refer-a-friend-two-page .new-look-numbers ul > li h3{font-weight: 500; font-family: 'Lato', sans-serif}
.refer-a-friend-two-page .bg-gradient-box h4{font-weight: bold;}
#about-paint .learn-more-link {position: relative; /*z-index: 1; */}
#refer_a_friend_2 #transform-your-home {padding-bottom: 20vw;}
#standard_blank_page .page-banner-content h1, .faq-page .page-banner-content h1 {font-family:'Lato', sans-serif;}
.refer-a-friend-one-a-page .banner-gradient-bg h2{font-weight: bold;}
.fixed-scroll {height: 100vh;overflow: hidden;}
.color-page .sticky-paint-menu {position: fixed;width: 100%;top: 94px;z-index: 1;padding: 15px 0 !important;}
.page-banner-content .search-form .search-field::-webkit-input-placeholder{color:#bfc7ca;opacity:1;font-family:'Lato', sans-serif;font-size: 14px;}
.page-banner-content .search-form .search-field::-moz-placeholder{color:#bfc7ca;opacity:1;font-family:'Lato', sans-serif;font-size: 14px;}
.page-banner-content .search-form .search-field:-ms-input-placeholder{color:#bfc7ca;opacity:1;font-family:'Lato', sans-serif;font-size: 14px;}
.page-banner-content .search-form .search-field:-moz-placeholder{color:#bfc7ca;opacity:1;font-family:'Lato', sans-serif;font-size: 14px;}
#faq-cont-search::-webkit-input-placeholder{color:#6b6b6b;opacity:0.55;font-family:'Lato', sans-serif;font-size: 14px;}
#faq-cont-search::-moz-placeholder{color:#6b6b6b;opacity:0.55;font-family:'Lato', sans-serif;font-size: 14px;}
#faq-cont-search:-ms-input-placeholder{color:#6b6b6b;opacity:0.55;font-family:'Lato', sans-serif;font-size: 14px;}
#faq-cont-search:-moz-placeholder{color:#6b6b6b;opacity:0.55;font-family:'Lato', sans-serif;font-size: 14px;}
.color-page .page-banner-content h1{font-weight: 500; font-family: 'Rubik', sans-serif}
.refer-a-friend-steps-box .image-shadow-box {position: relative;box-shadow: none;}
#video-testimonials .image-shadow-box {position: relative;}
.main-paint-page .page-banner-content h1{font-weight: 500;font-family: 'Rubik', sans-serif}
#paints-for-your-home .small-accordion ul > li.active > span::before {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.main-paint-page #common-benefits .benefits-list ul li{margin: 0 4%}
#other-exterior-paints #paints-slider .slick-arrow.slick-prev {right: calc(100% - 40px);}
#other-exterior-paints #paints-slider .slick-arrow.slick-next {left: calc(100% - 20px);right: auto;}
.main-paint-page #faq-section .btn-with-arrow {font-family: 'Rubik', sans-serif;font-weight: 500;}
.join-our-team-page #pain-menu li a{font-family: 'Rubik', sans-serif;font-weight: 500;}
.join-our-team-page .customer-detail .customer-name{font-weight: 500}
.join-our-team-page #spray-tabbing-list .customer-from{font-family: 'Rubik', sans-serif; font-weight: 300;color: #9b9b9b;}
.join-our-team-page  #in-the-office .customer-detail .customer-name{font-family: 'Rubik', sans-serif;}
.join-our-team-page  #in-the-office .customer-detail .customer-from{font-family: 'Rubik', sans-serif;font-size: 16px;font-weight: 300;line-height: 1.44;letter-spacing: normal; color: #9b9b9b;}
.join-our-team-page  .single-customer-box .customer-comments .customer-name{font-family: 'Rubik', sans-serif;line-height: normal;}
.join-our-team-page  .single-customer-box .customer-comments .customer-from{font-family: 'Rubik', sans-serif;font-size: 16px;font-weight: 300;line-height: 1.44;letter-spacing: normal; color: #9b9b9b;}
.square-right-img-slider .selected-square-feet-box input[type="text"] {line-height: normal;color: rgba(0, 60, 100, 0.46);font-weight: normal;font-family: 'Lato', sans-serif;}
input.error{border: 1px solid #880000}
.refer-a-friend-page{overflow-x: hidden;}
.gform_ajax_spinner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.headline-box-right h2 {font-weight: normal;}
.paint-page{overflow-x: hidden}
#about-paint .image-content-box:last-child .learn-more-link {margin-bottom: 50px;}
.franchise-location-page .page-banner-content h1{font-family: 'Rubik', sans-serif;font-weight: 500;}
.franchise-location-page #spray-tabbing-list .right-content-box p{font-family: 'Rubik', sans-serif}
#about-videos .image-shadow-box {position: relative;}
.twentytwenty-handle{background: url("../images/t20-arrow.png");height: 66px;width: 66px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);background-size: 100%;margin-left: -38px;margin-top: -38px;cursor: move;}
.twentytwenty-horizontal .twentytwenty-handle:before{margin-bottom: 38px;}
.twentytwenty-horizontal .twentytwenty-handle:after{margin-top: 38px;}
.twentytwenty-left-arrow, .twentytwenty-right-arrow{display: none;}
.close-get-a-quate-form {position: absolute;right: 0;background: #ef8300;font-family: 'Lato', sans-serif;height: 30px;width: 30px;text-align: center;color: #fff;line-height: 30px;font-weight: bold;cursor: pointer;z-index: 1;}
.search-page-content, .not-found-page {margin-top: 100px;}
.search-page-content .page-header {padding: 0;}
.search-page-content .search-form {width: 600px;margin: 20px auto auto auto;display: inline-block;}
.search-page-content .search-form label {display: none;}
.search-page-content .search-form input[type="search"] {margin: 0;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);}
.search-page-content .search-form .search-submit {bottom: inherit;padding: 9px;top: 0;right: 0;border-radius: 0;}
.search #transform-your-home, .error404 #transform-your-home {padding-bottom: 100px;}
.not-found-content img {margin: 0 auto 60px auto;}
#menu-footer-bottom-menu li , .footer-bottom .menu li{display: inline-block;margin: 0 10px 5px;text-align: center;}
#menu-footer-bottom-menu li a , .footer-bottom .menu li a{color: #47495a;font-weight: 400; font-size: 14px;}
.footer-bottom p{clear:both;    font-size: 14px;}
.footer-newsletter .gform_wrapper .top_label .gfield_label{display: none}
.footer-newsletter .gform_wrapper ul.gform_fields li.gfield{margin: 0 !important; padding: 0; border: none;background: transparent}
.footer-newsletter .gform_wrapper .top_label .gfield_error div.ginput_container input {border-radius: 0;}
.footer-newsletter .gform_wrapper .gform_body{width: calc(100% - 145px);float: left;border-radius: 3px 0 0 3px;background-color: transparent;}
.footer-newsletter .gform_wrapper .gform_footer{width: 145px; float: left;padding: 0;margin: 0;clear: none}
.footer-newsletter .gform_wrapper .top_label div.ginput_container{margin: 0 !important;}
.footer-newsletter .gform_wrapper .top_label div.ginput_container input {height: auto;margin: 0;width: 100%;padding: 12px 12px 14px !important;background-color: #fafafa; font-weight: 500;line-height: 1.19 !important;border-radius: 3px 0 0 3px;}
.footer-newsletter .gform_wrapper .top_label div.ginput_container input:focus{border-radius: 0;}
.footer-newsletter .gform_wrapper .top_label div.ginput_container input::-webkit-input-placeholder{color:#9b9b9b;opacity:1;font-family:'Lato', sans-serif;font-size: 16px;}
.footer-newsletter .gform_wrapper .gform_footer .gform_button{padding: 17px 35px;border-radius: 0 3px 3px 0;text-transform: uppercase;line-height: normal !important;font-size: 14px;margin: 0;}
.footer-newsletter .gform_wrapper::after{display: block;content: ""; clear: both;}
.footer-newsletter .gform_wrapper .top_label .gfield_error .validation_message {display: block !important;background: #ffc0c0;padding: 5px;font-weight: normal;font-family: 'Open sans', sans-serif;border-radius: 0;margin: 5px 0;color: #790000;}
.footer-newsletter .gform_confirmation_wrapper > div {display: inline-block;background: #008205;padding: 5px 10px;font-weight: normal;font-family: 'Open sans', sans-serif;border-radius: 0;margin: 25px 0 0 0;color: #fff;font-size: 14px;border: 2px solid;}
#gform_wrapper_5{position: relative;}
.filter-loader {position: relative;}
.filter-loader::before {display: block;position: absolute;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);background-image: url("../images/ajax-loader.gif");top: 0;left: 0;content: "";z-index: 1;background-repeat: no-repeat;background-position: center center;background-size: 40px;}
.search-page-content article {padding: 20px;background: #fff;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);margin-bottom: 20px;text-align: left;border-radius: 9px;}
.link-more a, .link-more a:hover{box-shadow: none;color: #ef8300;}
.entry-title a, .entry-title a:hover{box-shadow: none;color: #003c64;}
.search-page-content .prev.page-numbers, .search-page-content .next.page-numbers{display: none;}
.entry-header {position: static !important;padding: 0 !important;line-height: normal !important;background: transparent !important;}
.search .underline-heading > span {color:#ef8300;text-transform: capitalize;}
.contact-us-page .page-banner-content h1{font-weight: 500; font-family: 'Rubik',sans-serif}
.contact-us-page .page-banner-content h5{font-family:'Rubik',sans-serif;display:inline-block;font-weight:normal;}
.contact-us-page .page-banner-content h5 > .tel-number{font-size:24px;color:#ffffff;border:none;font-family:'Rubik',sans-serif;font-weight:normal;}
.contact-us-page .page-banner-content h5 > .contact-email-banner{font-family:'Rubik',sans-serif;font-weight:normal;}
.contact-form-box{border-radius:7px;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);background-color:#ffffff;width:1060px;margin:auto auto 10px auto;padding:50px 55px;max-width:100%;}
.contact-form-box h4{font-size:25px;font-weight:normal;line-height:1.48;letter-spacing:normal;text-align:center;margin-bottom:30px;}
.form-group{float:left;padding:0 25px;width:50%;}
.contact-form-box .wpcf7-form::after{display:block;content:"";clear:both;}
.form-group.form-control-textarea{width:100%;clear:both;}
.form-group.form-control-textarea textarea{height:auto;max-height:120px;margin-bottom:30px;}
.form-group input{padding:8px 12px;font-size:14px;font-weight:normal;line-height:1.71;margin-bottom:10px;font-family:'Open Sans', sans-serif;}
.wpcf7-form-control::-webkit-input-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size:14px;}
.wpcf7-form-control::-moz-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size:14px;}
.wpcf7-form-control:-ms-input-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size:14px;}
.wpcf7-form-control:-moz-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size:14px;}
.form-group select{background-color:rgba(12, 0, 51, 0.03);padding:8px 12px;border:1px solid transparent;width:100%;font-size:14px;font-weight:normal;line-height:1.71;letter-spacing:normal;color:#9b9b9b;border-radius:7px;-webkit-appearance:none;-moz-appearance:none;background-image:url(../images/contact-form-select-arrow.png);background-repeat:no-repeat;background-position:calc(100% - 20px) center;background-size:10px;margin-bottom:10px;font-family: 'Open sans', sans-serif;}
.form-group select option{font-family: 'Open sans', sans-serif;}
.form-group.form-control-submit{float: none;text-align: center;width: 100%;}
.form-group.form-control-submit input{font-size:14px;font-weight:500;font-style:normal;letter-spacing:normal;color:#ffffff;margin:0;font-family:'Rubik', sans-serif;border-radius:2px;padding:10px 30px;width:230px;max-width:100%;}
.wpcf7-form{position:relative;}
.form-group span.ajax-loader{position:absolute;left:50%;transform:translateX(-50%,);}
.wpcf7-form .wpcf7-response-output{clear:both;text-align:center;margin:10px 0 0 0;float:left;width:100%;font-size:16px;font-family:'Rubik',sans-serif;padding:7px;}
.invalid .form-group{margin-bottom:20px;display:inline-block;}
.wpcf7-form-control-wrap{display:block;}
.form-group span.wpcf7-not-valid-tip{position:absolute;width:100%;font-size:14px;top:100%;}
.contact-us-page .area-listing span{font-family:'Rubik', sans-serif;font-size:16px;font-weight:normal;line-height:1.31;letter-spacing:normal;color:#4a4a4a;}
.contact-us-page .banner-bg{height:550px;}
.contact-us-page .page-banner{margin-bottom:20px;}
#field_1_7 textarea#input_1_7 {display: none;}
#field_1_7.placeholder-dsign textarea#input_1_7 {display: block;}
.placeholder-dsign +  #field_1_8{display: none;}
.tooltiptext{visibility:hidden;width:140px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:calc(100% + 7px);letter-spacing:1px;left:50%;margin-left:-75px;opacity:0;transition:opacity 0.3s;font-family:'Lato', sans-serif;font-size:12px;word-break:break-all;}
.tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent;}
.circle-social-icons-box .input-with-btn > .btn-default:hover .tooltiptext{visibility:visible;opacity:1;}
.contact-us-page .banner-bg > img{object-fit:cover;width: 100%;height: 100%}
.review-page .banner-bg, .refer-a-friend-two-page .banner-bg {height: 900px;}
.review-page .banner-bg img, .refer-a-friend-two-page .banner-bg img {object-position: bottom center;height: 100%;}
#gform_drag_drop_area_1_1 {background: #fff;}
.how-it-works-page .banner-bg, .chemistry-page .banner-bg, .the-spray-network-page .banner-bg {height: 900px;}
.how-it-works-page .banner-bg > img, .chemistry-page .banner-bg > img, .the-spray-network-page .banner-bg > img {object-position: center bottom;height: 100%;}
.footer-newsletter .gform_wrapper .gform_ajax_spinner{top:30px;}
.listing-tabbing .image-content-box:first-child .right-content-box > h4{margin-bottom: 15px;}
.listing-tabbing .image-content-box:nth-child(2) .right-content-box > h4::after {content: "";display: block;width: 178px;height: 2px;background-image: linear-gradient(to right, #f26725, #f99945);margin-top: 15px;}
.services-item-listing  .underline-heading::after{margin: 15px 0 0 0;}
.exterior-painting-services .custom-tab-menu li.active a{color: #6b6b6b;}
.close-friend-popup {display: none;}
.page-banner-content a.btn-default {margin-top: 15px;}
#colors-slider.color-not-found {margin: 0;display: flex;align-items: center;justify-content: center;box-shadow: 0 7px 24px 0 rgba(12, 0, 51, 0.16);}
#colors-slider.color-not-found .colors-slider-box p {font-size: 20px;text-transform: capitalize;font-weight: bold;color: #093966;margin: 0;}
#colors-slider.color-not-found .slick-track, #colors-slider.color-not-found .slider-single-color {min-width: 150px;}
.main-paint-page #take-your-pick{margin-top: 0;}
#join_our_teams #transform-your-home .btn-default{width: 255px; max-width: 100%;}
#join_our_teams #transform-your-home h5, #reviews #transform-your-home h5{line-height: 1.3;color: #6b6b6b;}
.about-us-banner .banner-as-seen-on {padding-top: 50px;}
.review-page{overflow-x: hidden}
#review-slider .slick-arrow.slick-prev{background-image: url(../images/review-slider-arrow-prev.png);}
#review-slider .slick-arrow.slick-next{background-image: url(../images/review-slider-arrow-next.png);}
.footer-signup-form .gform_wrapper ul.gform_fields li.gfield > label {display: none}
.footer-signup-form .gform_wrapper ul.gform_fields li.gfield{padding:0;margin:0 !important;border:none;}
.footer-signup-form .gform_wrapper ul.gform_fields li.gfield .ginput_container{margin:0 !important;}
.footer-signup-form .gform_wrapper ul.gform_fields li.gfield .ginput_container > input{width:100%;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);margin:0;padding:5px 20px !important;min-height:37px;border-radius:3px 0 0 3px;background:#fafafa;height:auto;color:#6b6b6b;font-family:'Lato', sans-serif;font-size: 14px;line-height: 1.29;}
.footer-signup-form .gform_wrapper ul.gform_fields li.gfield .ginput_container > input::-webkit-input-placeholder{color:#6b6b6b;opacity:0.55;font-family:'Lato', sans-serif;font-size: 14px;line-height: 1.29;font-weight: bold;}
.footer-signup-form .gform_body{max-width:calc(100% - 130px);border-radius:3px 0 0 3px;float:left;}
.footer-signup-form .gform_wrapper .gform_footer{margin:0;padding:0;float:left;clear:none;}
.footer-signup-form .gform_wrapper .gform_footer .gform_button{text-transform:none;font-size:12px !important;letter-spacing:-0.1px;border-radius:0 3px 3px 0;padding:11px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);min-height:34px;margin:0 !important;width:130px !important;background-image:url(../images/btn-arrow.png), linear-gradient(288deg, #f26725, #f99945);background-repeat:no-repeat, repeat;background-position:75px center, center;text-indent:-30px;line-height:normal;}
.footer-signup-form form::after{clear:both;display:block;content:"";}
.footer-signup-form{margin:0 auto;width:350px;max-width:100%;position: relative;}
.how-it-possible-block .play-btn {position: static;transform: none;}
#mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-7 > ul::before {left: 70px;}
#mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1507 > ul {transform: translateX(-30%);}
#mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1507 > ul::before {left: 270px;}
#mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-13 > ul, #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1064370 > ul {transform: translateX(-40%);}
#mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-13 > ul::before, #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1064370 > ul::before {left: 45%;}

/* Blog Page CSS */
.blog-listing-page .banner-bg{height:400px;}
.small-banner .blog-banner{margin:0;min-height:170px;}
.blog-banner .page-banner-content h1{font-weight:900;color:#ffffff;font-family:'Lato', sans-serif;margin:60px 0 0 0;}
#blog-content{padding:55px 0;}
.blog-filters{margin-bottom:15px;}
.blog-listing-content{margin:0 -18px;flex-wrap:wrap;}
.listing-single-blog{width:33.333333%;padding:18px;}
.listing-single-blog-content{box-shadow:0 4px 8px 0 rgba(133, 133, 133, 0.47);overflow:hidden;border-radius:9px;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;}
.listing-single-blog-content:hover{box-shadow:0 4px 8px 0 rgba(133, 133, 133, 0.47);}
.blog-image > a{display:block;height:280px;}
.blog-image > a img{object-fit:cover;height:100%;width:100%;}
.blog-expert a{display:block;padding:22px 35px;min-height:142px;}
.blog-expert:hover a{background-image:linear-gradient(315deg, #f26725, #f99945);}
.blog-expert a > p{font-size:20px;font-weight:500;line-height:1.5;color:#47495a;margin-bottom:10px;}
.blog-expert a > span{font-size:16px;font-weight:normal;line-height:1.81;letter-spacing:normal;color:#f68118;}
.blog-expert:hover a > p, .blog-expert:hover a > span{color:#fff;}
.double-width{width:66.666666%;}
.most-popular-heading{width:50%;background-image:linear-gradient(314deg, #f26725, #f99945);padding:22px 35px;}
.most-popular-heading h2{margin:0;color:#ffffff;}
.most-popular-content{display:flex;}
.most-popular-list{width:50%;}
.most-popular-list ul li{border-bottom:1px solid #bfc7ca;}
.most-popular-list ul li:hover{border-color:transparent}
.most-popular-list ul li:last-child{border:none}
.most-popular-list .blog-expert a{min-height:141px;padding:21px 35px;}
.blog-fb-page .blog-expert{background-color:#003c64;position:relative;}
.blog-fb-page .blog-expert h2{color:#fff;margin:0 0 15px 0;}
.blog-fb-page .blog-expert p{font-size:16px;font-weight:normal;line-height:1.81;letter-spacing:normal;color:#ffffff;margin:0;}
.blog-fb-page .blog-expert:hover a, .blog-twitter-page .blog-expert:hover a{background-image:none;}
.social-page-icon{position:absolute;top:50%;right:35px;transform:translateY(-50%);max-width:32px;}
.blog-fb-page .blog-expert > a, .blog-twitter-page .blog-expert > a{position:relative;z-index:1;}
.blog-twitter-page .blog-image{display:flex;align-items:center;}
.twitter-video-box{width:50%;position:relative;}
.twitter-video-box > img{object-fit:cover;height:100%;max-height:285px;width:100%;}
.twitter-video-content{width:50%;padding:50px;}
.twitter-video-content h5{font-weight:500;line-height:1.5;color:#6b6b6b;margin-bottom:15px;}
.twitter-video-content p{line-height:1.69;}
.blog-twitter-page .blog-expert{background:#53a8e2;position:relative;}
.twitter-spraynet-img{float:left;margin-right:30px;}
.twitter-spraynet-content p{font-size:16px;font-weight:normal;line-height:1.5;letter-spacing:normal;color:#ffffff;margin:10px 0;}
.twitter-spraynet-content{float:left;}
.blog-twitter-page .blog-expert > a::after{content:"";display:block;clear:both;}
.twitter-spraynet-content p > b{font-weight:900;}
.blog-twitter-page .blog-expert > a{min-height:138px;}
.no-post-found {padding: 10px;text-align: center;text-transform: capitalize;font-weight: bold;}
.most-popular-list .no-post-found {position: relative;transform: translateY(100%);}

/* Blog Single Page */
.back-to-blog{font-size:12px;font-weight:900;letter-spacing:normal;color:#ffffff;font-family:'Lato', sans-serif;padding-left:90px;margin:30px 0;display:inline-block;position: relative;z-index: 1;}
.back-to-blog:hover{color:#f68118;}
.back-to-blog::before{content:"";display:inline-block;height:9px;width:21px;background-image:url(../images/btn-arrow.png);background-position:center center;background-repeat:no-repeat;transform:rotate(180deg);margin-right:10px;}
.single-blog-content{border-radius:7px;box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.05);background-color:#ffffff;padding:40px 90px;margin-bottom:60px;}
.single-blog-top-left h2{line-height:1.17;margin-bottom:15px;}
.single-blog-top-left p{line-height:1.81;color:#f68118;margin-bottom:30px;}
.blog-by{display:flex;flex-wrap:wrap;align-items:center;}
.blog-by > img{box-shadow:0 4px 8px 0 rgba(133, 133, 133, 0.47);border-radius:50%;margin-right:18px;}
.blog-by > span{font-size:16px;font-weight:normal;line-height:1.81;letter-spacing:normal;color:#6b6b6b;}
.blog-by > span > b{display:block;font-weight:900;}
.single-blog-top-right{position:relative;}
.single-blog-socials ul li a, .single-blog-socials .addtoany_shortcode a{display:block;max-width:30px;margin-bottom:25px;}
.single-blog-socials .addtoany_shortcode a:hover{filter:invert(1) saturate(5);-moz-filter:invert(1) saturate(5);-webkit-filter:invert(1) saturate(5);}
.single-blog-socials{position:absolute;bottom:0;left:0;}
.single-blog-socials ul li:last-child a, .single-blog-socials .addtoany_shortcode a:last-child{margin:0;}
.single-blog-img{margin-left:50px;}
.single-blog-top{margin-bottom:60px;}
.single-blog-content > p{line-height:1.69;margin-bottom:30px;}
.single-blog-content > img , .single-blog-content p > img{margin:10px 0 25px 0;display:inline-block;width:100%;}
.single-blog-content > img + p{margin-top:20px;}
.single-blog-socials .addtoany_shortcode a > span{display:none !important;}
.single-blog-socials .addtoany_shortcode a.a2a_button_email{background-image:url("../images/blue-mail-icon.png");height:16px;width:20px;}
.single-blog-socials .addtoany_shortcode a.a2a_button_facebook{background-image:url("../images/blue-facebook-icon.png");height:20px;width:20px;}
.single-blog-socials .addtoany_shortcode a.a2a_button_twitter{background-image:url("../images/blue-twitter-icon.png");height:17px;width:20px;}
.single-blog-socials .addtoany_shortcode a.a2a_button_linkedin{background-image:url("../images/blue-linked-inicon.png");height:17px;width:18px;}
.no-of-comments{float:left;}
.share-comments{float:right;}
.comment-box-heading::after{content:"";display:inline-block;height:2px;width:100%;background-image:linear-gradient(to right, #f26725, #f99945);clear:both;margin-top:20px;}
.no-of-comments h4{margin:0;font-weight:normal;line-height:normal;}
.share-comments p{margin:0;line-height:normal;color:#6b6b6b;}
.share-comments p > a{display:inline-block;margin-left:10px;position:relative;top:5px;}
#comments{padding-top:30px;}
.comment-meta{margin-bottom:0;padding:0;background:transparent;width:7%;}
.comment-content{width:93%;}
.comment-author .avatar, .comment-author > img{height:70px;position:static;width:70px;border-radius:50%;box-shadow:0 4px 8px 0 rgba(133, 133, 133, 0.47);margin-right:18px;object-fit:cover;}
.children .comment-author .avatar, .children .comment-author > img{height:70px;width:70px;}
.author-post__title, .comment-date{font-size:16px;font-weight:normal;line-height:1.81;letter-spacing:normal;color:#6b6b6b;margin-bottom:15px;}
.author-post__title{font-weight:900;margin:0;}
.comment-author{margin-bottom:15px;position:static;z-index:0;}
.comment-content p{line-height:1.69;}
.comment-list li .comment{display:flex;flex-wrap:wrap;margin-bottom:30px;padding-bottom:45px;border-bottom:1px solid #bfc7ca;}
h2.comments-title{display:none;}
.comment-list .children{padding-left:7%;}
.comment-reply-link .icon{position:static;margin-right:10px;filter:invert(1) brightness(100);}
.comment-reply-link{padding:10px;}
.comment-reply-link{display:inline-block;font-size:14px;font-weight:bold;font-family:'Lato', sans-serif;line-height:normal;letter-spacing:-0.1px;color:#ffffff;border-radius:5px;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.11);background-image:linear-gradient(288deg, #f26725, #f99945);padding:15px 30px;background-color:transparent;transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.comment-list li .comment > .reply{padding-left:7%;}
.comment-reply-link:hover{box-shadow:none;color:#fff;background-image:linear-gradient(281deg, #f99945, #f26725);}
p.comment-notes{display:none;}
#reply-title{font-size:20px;font-weight:normal;line-height:normal;letter-spacing:normal;color:#6b6b6b;margin-bottom:20px;}
.comment-respond form{margin:0 -15px;display:flex;flex-wrap:wrap;}
.comment-respond form > p{padding:0 15px;width:33.333333%;text-align:left;margin:0;}
.comment-respond form > p.comment-form-comment{width:100%;}
.comment-respond form > p input, .comment-respond form > p textarea{border-radius:5px;font-size:14px;line-height:1.71;}
.comment-respond form > p textarea{max-height:140px;margin-bottom:30px;}
.comment-respond form > p.form-submit input{border-radius:2px;box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.1);background-image:linear-gradient(281deg, #f26725, #f99945);font-size:14px;font-weight:900;line-height:normal;letter-spacing:normal;text-align:center;color:#ffffff;font-family:'Lato', sans-serif;text-transform:uppercase;width:300px;max-width:100%;padding:13px 30px;}
.comment-respond form > p.form-submit input:hover{box-shadow:none;color:#fff;background-image:linear-gradient(281deg, #f99945, #f26725);}
.comment-respond form > p > label{display:none;}
#related-articles{padding-top:60px;}
#related-articles h4{font-weight:normal;line-height:normal;color:#6b6b6b;}
#related-articles h4::after{content:"";display:inline-block;height:2px;width:100%;background-image:linear-gradient(to right, #f26725, #f99945);clear:both;margin-top:20px;}

/* Visualizer Page */
.visualizer-map {width:100%;height:500px;margin:0;position: relative;overflow: hidden;}
.visualizer-map .area-map {width: 100%;}
.visualizer-map #google-map {height: auto !important;position: static !important;overflow: auto !important;}
.find-local-spray-net-content{width:960px;max-width:100%;margin:0 auto;}
#find-local-spray-net h2 {font-weight: normal;margin-bottom: 40px;}
#find-local-spray-net{padding:100px 0;}
.search-by form{display:flex;margin:0 -15px;align-items:center;}
.search-by-title{text-align:right;width:20%;padding:0 15px;}
.search-by-select{padding:0 15px;width:40%;}
.search-by-postal-code{width:40%;padding:0 15px;}
.search-by-title p {margin: 0;text-transform: uppercase;font-family: 'Lato', sans-serif;font-weight: bold;line-height: 1.5;letter-spacing: 2px;color: #003c64;}
.search-by-select select {width: 100%;padding: 9px 30px 9px 12px;text-transform: capitalize;background-image: url(../images/select-down-arrow-blue.png);background-position: calc(100% - 15px) center;background-color: rgba(12, 0, 51, 0.03);border-radius: 7px;font-size: 14px;line-height: 1.71;}
.search-by-postal-code > input{border:1px solid #e8f7fd;padding:9px 12px;background-color:rgba(12, 0, 51, 0.03);border-radius:7px;margin:0;}
.search-by-postal-code > input::-webkit-input-placeholder{color:#9b9b9b;}
.search-by-postal-code > input::-moz-placeholder{color:#9b9b9b;}
.local-spray-net-list{margin-top:40px;border-radius: 28px;box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.13);}
.single-local-spray-net{display:flex;border-bottom:2px solid #f6f6f6;}
.single-local-spray-net:last-child{border:none;}
.single-local-spray-net > div{width:25%;padding:20px 15px;}
.local-spray-net-title h3 {text-transform: capitalize;text-align: center;margin: 0;font-size: 25px;line-height: 1.48;letter-spacing: normal;color: #f68118;}
.local-spray-net-contact > a{background-image:url("../images/map-info-phone.png");padding-left: 30px;background-repeat: no-repeat;background-position: left top;margin: 0;display: block;font-weight: normal;line-height: 1.31;letter-spacing: normal;color: #6b6b6b;}
.local-spray-net-location > p{padding-bottom:5px; background-image:url("../images/map-info-marker.png");padding-left:30px;background-repeat:no-repeat;background-position:left 3px;background-size:22px;margin:0;line-height: 1.31;}
.local-spray-net-website > a{background-image:url("../images/visit-web-globe.png"), url('../images/visit-web-arrow.png');background-repeat: no-repeat;background-position: left center, right center;padding-left: 30px;padding-right: 25px;background-size: auto, 20px;display: inline-block;position: relative;font-weight: 600;letter-spacing: normal;color: #003c64;}
.local-spray-net-website > a:hover, .local-spray-net-contact > a:hover{color:#f99945;}
.map-info h5 {text-transform: uppercase;font-family: 'Lato', sans-serif;margin-bottom: 5px;font-size: 16px;font-weight: bold;line-height: normal;letter-spacing: 0.8px;color: #f68118;}
.map-info p {margin: 0;font-family: 'Lato', sans-serif;padding-bottom: 10px;padding-top: 10px;padding-right: 10px;font-size: 16px;font-weight: normal;line-height: 1.31;letter-spacing: normal;color: #6b6b6b;}
.map-phone-icon{background-image:url("../images/map-info-phone.png");padding-left:30px;background-repeat:no-repeat;background-position:center left;}
.map-marker-icon{background-image:url("../images/map-info-marker.png");padding-left:30px;background-repeat:no-repeat;background-position:2px center;background-size:20px;}
.single-local-spray-net.no-location-found {min-height: 150px;display: flex;align-items: center;justify-content: center;}
.single-local-spray-net.no-location-found > p {font-size: 20px;font-weight: bold;line-height: normal;letter-spacing: 0.1px;color: rgba(0, 0, 0, 0.87);margin-bottom: 0;}
.visualizer-page .gmnoprint a, .gmnoprint span { display:none; }
.visualizer-page .gmnoprint div { background:none !important; }
.visualizer-page a[href^="http://maps.google.com/maps"]{display:none !important}
.visualizer-page a[href^="https://maps.google.com/maps"]{display:none !important}
.main-info-box .gm-style-iw {width: 300px !important;padding: 30px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.43);background-color: #ffffff;overflow: visible;border-radius: 10px;left: 0 !important;top:0 !important;}
.main-info-box .gm-style-iw + button {top: 30px !important;box-shadow: none;right: -5px !important;}
.main-info-box .gm-style-iw-d + button{top: 0 !important;box-shadow: none;right: 0 !important;}
.visualizer-map::after {display: block;content: "";position: absolute;top: 0;left: 0;height: 180px;width: 100%;mix-blend-mode: hard-light;background: linear-gradient(to bottom, rgba(55,81,100,0.85) 0%,rgba(55,81,100,0.3) 53%,rgba(0,0,0,0) 100%);/*background-size: 180px;*/}
.learn-more-about {background-image: url("../images/down-arrow-orange.png");line-height: normal;letter-spacing: normal;color: #f68118;font-family: 'Lato', sans-serif;padding-right: 18px;text-decoration: underline;background-repeat: no-repeat;background-position: right 6px;background-size: 12px;margin-top: 10px; display: inline-block;}
.visualizer-map.makerup:after { display: none; }
section.visualizer-map.makerup {  z-index: 1; }
.visualizer-page .main-info-box .gm-style-iw {width: 300px !important;padding: 30px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.43);background-color: #ffffff;overflow: visible;border-radius: 10px;left: 0 !important;top:0 !important;}
.visualizer-page .main-info-box .gm-style-iw::after {display: block;content: "";position: absolute;left: 50%;margin-left:-13px;bottom: -10px;width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fffafa;opacity: 0;}
#faq .top-padding, #main_paint_page .top-padding, #color .top-padding, #transformations .top-padding{padding-top: 220px;}
#faq .small-banner .banner-bg, #main_paint_page .small-banner .banner-bg, #color .small-banner .banner-bg{height: 540px;}
.single-franchise-location .top-padding, #franchise_location .top-padding{padding-top: 220px;}
.single-franchise-location .small-banner .banner-bg, #franchise_location .small-banner .banner-bg{height: 560px;}

/* Animation CSS Aos */
[data-aos=fade-left] {transform: translate3d(35px,0,0);}
[data-aos=fade-right] {transform: translate3d(-35px,0,0);}

/* Other Css */
.why-spray-net-banner{position: relative}
.residental-exterior-services .square-right-img-slider img {max-width: 100%;width: 700px;}
#application-process .img_center .application-box-left {width: 100%;}
#application-process .application-box-left #application-graph > img {margin: 0 auto;max-width: 100%;}
#application-process .img_center .application-box-right {display: none;}
#our-crew-slider .customer-comments{padding: 20px 45px}
#our-crew-slider h3 {font-size: 24px;}
.postid-254 #surface-services .image-content-box-list .image-content-box:nth-child(2) .image-shadow-box img{position: relative;left: -42.5%;}
.postid-255 #surface-services .image-content-box-list .image-content-box:nth-child(3) .image-shadow-box img,
.postid-1064560 #surface-services .image-content-box-list .image-content-box:nth-child(3) .image-shadow-box img {position: relative;right: -42%;}
#transformations .small-banner .banner-bg > img{height: 100%;width: 100%;object-position: bottom;}
.single-coatings .content-reverse.image-content-box-list .last-coating-slider{flex-flow: row; -moz-flex-flow: row; -webkit-flex-flow: row;}
.single-coatings .content-reverse.image-content-box-list .last-coating-slider .left-image-box {order: 1; -webkit-order: 1;}
.single-coatings .content-reverse.image-content-box-list .last-coating-slider .right-content-box {padding-right: 15px;padding-left: 60px; order:2; -webkit-order:2;}
.consultant-form .ginput_preview {margin: -20px 0 30px 0;}
.consultant-form .ginput_preview img.gform_delete {display: inline-block;width: 15px;}
.default-pages {margin-top: 100px;}
.fr-lg .wpml-ls-legacy-dropdown {margin-right: 20px;}
.page-id-1066400 .entry-content.default-pages, .page-id-1066442 .entry-content.default-pages {width: 1200px;margin-left: auto;margin-right: auto;max-width: 100%;}

.job-detail-page-form .gform_wrapper ul.gform_fields li.gfield > label{display: none;}
.job-detail-page-form .gform_wrapper  .bootstrap-filestyle, .job-detail-page-form .gform_wrapper ul.gform_fields li.gfield input{width: 100%;}
.job-detail-page-form .gform_wrapper ul.gform_fields li.gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){padding: 8px 12px;font-size: 16px;font-weight: normal;line-height: 1.71;margin-bottom: 30px;font-family: 'Open Sans', sans-serif;}
.job-detail-page-form h3 {font-size: 25px;font-weight: normal;line-height: 1.48;letter-spacing: normal;text-align: center;margin-bottom: 30px;}
.job-detail-page-form #gform_10::after{clear: both;display: block;content: "";}
.job-detail-page-form .gform_wrapper .gform_footer{clear: none;float: left; width: 50%;margin: 0;padding: 0 25px;}
.job-detail-page-form .gform_wrapper .gform_footer input.button, .job-detail-page-form .gform_wrapper .gform_footer input[type=submit] {font-size: 14px;line-height: normal !important;font-weight: 800;font-style: normal;letter-spacing: normal;color: #ffffff;margin: 0;font-family: 'Lato', sans-serif;border-radius: 2px;padding:15px;width: 100%;max-width: 100%;text-transform: uppercase;}
.single-blog-content .single-blog-socials {position: relative;}
.single-blog-content .addtoany_shortcode .addtoany_list {display: flex;align-items: center;margin: 0 -10px;}
.single-blog-content .addtoany_shortcode .addtoany_list a {margin: 0 10px;}
.single-job .job-detail-page-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload {position: relative;border-radius: 7px;margin: 0;}
.single-job .job-detail-page-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload::before {
    content: "Add CV";
    position: absolute;
    width: 100%;
    font-weight: 700;
    letter-spacing: normal;
    padding: 12px;
    cursor: pointer;
    color: #757f8b;
    opacity: 1;
    font-family: ;
    font-size: ;
    top: -43px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.71;
    margin-bottom: ;
    font-family: 'Open Sans',sans-serif;
}

.single-job .job-detail-page-form .gform_wrapper ul.gform_fields li.gfield{padding: 0 25px;float: left;width: 50%;margin-bottom: 20px !important;clear: none;margin-top: 0;border: none;background: transparent;}
.single-job .job-detail-page-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload input.form-control {margin: 0 !important;}
.single-job .job-detail-page-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload .bootstrap-filestyle .group-span-filestyle label{padding: 12px 10px;}

iframe#selfbooking-en {
    max-height: 100vh;
    overflow: auto;
}
.surface-shadow-box .surface-selection-error {
    color: #ff0000;
    opacity: 1;
    display: none;
}


.slick-initialized.slick-slider {
    position: relative;
}


/*
 *
 * responsive
 *
 * */

@media screen and (max-width: 1240px) {
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1064370 > ul{transform: translateX(-50%);}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1064370 > ul::before {left: 55%;}
}

@media screen and (max-width: 1199px) {
    .customer-box{display: block}
    .banner-surface-box .price-range h4{font-size: 18px;}
    .banner-surface-box > div > p {font-size: 12px;margin-bottom: 20px;}
    .banner-surface-box .selected-square-feet-box input[type="text"]{width: 70px}
    .banner-surface-box-left small{padding-top: 30px;}
    #paints-slider .slick-arrow{display: none !important;}
    .paint-page .square-right-img-slider{position: static; transform: none;}
    .postid-259 .surface-service-page .square-right-img-slider, .postid-260 .surface-service-page .square-right-img-slider, .why-spray-net-banner .square-right-img-slider{position: static; transform: none;}
    .actual-paint-arrow{padding: 0; bottom: -5px;}
    .actual-paint-arrow p > img{width: 130px; margin-left: 20px;}
    .transformations-page .logos-list ul > li > p, .refer-a-friend-two-page .logos-list ul > li > p{line-height: normal; font-size: 18px;}
    .transformations-page #logos-section {margin-bottom: 30px;}
    #faq-section .faq-content{padding: 30px 30px 0 30px;}
    #faq-section .faq-content > p{font-size: 14px;margin-bottom: 0;}
    #faq-section ul li h4{padding-left: 50px}
    .faq-page #pain-menu li a {margin: 5px 10px;font-size: 16px;}
    .bg-square{background-size: 480px;}
    .paint-info-boxes{margin: 0 -15px;}
    .paint-info-box{margin: 0 15px;}
    .search-page-content, .not-found-page{margin-top: 30px;}
    .search-page-content h4 {font-size: 18px;}
    .contact-form-box{padding: 30px 35px;}
    .consultant-form .gform_wrapper .gform_footer{margin-top: 50px;}
    .banner-gradient-bg .banner-bg-image{height: 508px;}
    .thank-you-banner {overflow: hidden;}
    .pick-content > p{line-height: normal}
    .close-youtube-video{height: 10px; width: 10px;}
    .local-spray-net-title h3{font-size: 20px; line-height: normal;}
    .postid-254 #surface-services .image-content-box-list .image-content-box:nth-child(2) .image-shadow-box img{left:-5.5%;}
    .postid-255 #surface-services .image-content-box-list .image-content-box:nth-child(3) .image-shadow-box img {right: -5%;}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1064370 > ul::before {left: 55%;}
    .home-consultant-form .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {margin-top: 0;}
}
@media screen and (max-width: 991px) {
    .customer-video-box{width:100%;float:none;max-width:100%;}
    .customer-comments{width:100%;padding:45px;float:none;max-width:100%;}
    .bg-gradient-box::before{top:-7%;}
    footer{padding:30px 0;}
    .banner-bg-square h2 {font-size: 20px !important;font-weight: 600;line-height: 1.25;}
    h2.underline-heading + h4{font-size:18px !important;font-weight:500;line-height:1.39;letter-spacing:normal;margin-bottom:15px;}
    .take-your-pick-boxes {margin-top: 40px}
    .single-take-your-pick-box {padding: 20px;}
    .take-your-pick-content{flex-flow:column;-moz-flex-flow:column;-webkit-flex-flow:column;}
    .take-your-pick-content .flex-column{width: 100%}
    #list-portfolio li{margin: 0;}
    .steps-content {padding: 10px 0;}
    .steps-image {padding: 0;width: 100%}
    .steps-list{width: 100%;padding: 0;}
    .steps-list-content{width: auto; min-height: 80px;padding-top: 15px;}
    .steps-list ul li span {width: 80px;height: 80px;font-size: 30px;line-height: 58px;}
    .steps-list ul::before {width: 18px;height: 90%;top: 2px;left: 33px;}
    .steps-list ul li{padding-left: 100px;}
    #step-to-your-home {padding-bottom: 30px;}
    h2.underline-heading + h4 > br, #formulation-process .image-content-box .right-content-box h4 > br, #quality-results h2 > br, .single-process-box > span > br{display: none}
    .surface-service-page .square-right-img-slider .banner-surface-box {position: static;padding: 20px;}
    .banner-surface-box .price-range{margin: 10px 0 0 0;}
    #surface-services {padding-top: 50px;padding-bottom: 0;}
    .single-paint img{height: 305px;border-radius: 50px;}
    .single-paint.slick-current img{height: 415px}
    .image-selected .slider-color-info .selected-image-box img{max-width: 70px}
    #about-paint {padding: 20px;}
    #colors-slider {padding: 30px 50px;min-height: 365px;}
    .color-box {height: 100px;width: 100px;}
    .slider-single-color{margin: 13px 0;}
    .custom-tab-menu li a{font-size: 16px;line-height: 1.63;padding: 10px 30px;}
    .custom-tab-menu{margin: 30px 0;}
    #colors-slider-section {padding: 0 0 7.5vw 0;}
    .about-palettes-slider {width: 50%;}
    .about-palettes-content {padding-left: 20px;width: 50%;}
    .how-to-pik-number-box {width: 85px;height: 85px;line-height: 55px;}
    #how-to-pick .image-content-box-list {margin-top: 20px;}
    .filters-main-images > div h2 {font-size: 25px;padding: 15px;}
    .join-our-team-page .page-banner { margin-bottom: 0;}
    #on-site {padding: 0;}
    .headline-box-right {padding: 20px 15px !important;}
    .headline-box-right h2 {font-size: 20px;font-weight: normal;}
    .headline-box-right h3 {margin-bottom: 20px;font-size: 20px;letter-spacing: 0.2px;}
    .single-review-box {padding: 0;}
    .single-review-box .review-message{padding: 24px;}
    .single-review-box.slick-current .review-message h4, .single-review-box .review-message h4{font-size: 16px !important;line-height: 1.63;margin-bottom: 20px;}
    .single-review-box.slick-current .review-message::before, .single-review-box .review-message::before{width: 40px;height: 40px;position: static;margin-bottom: 10px;}
    .refer-a-friend-steps-box{padding: 20px 0;margin-bottom: 0;}
    .refer-a-friend-popup-content > h4.underline-heading {margin-bottom: 30px;}
    .refer-a-friend-popup-content a.btn-default {font-size: 18px;padding: 15px 30px;width: 150px;max-width: 100%;margin-top: 20px;}
    .newsletter-form{margin-top:20px;max-width: 470px;}
    .refer-a-friend-two-page .logos-list ul > li > p > br{display: none}
    .single-take-your-pick-box:hover {transform: scale(1.05);}
    #colors-slider .slick-arrow{display: none !important;}
    .main-paint-page #common-benefits .benefits-list ul li {margin: 0;}
    .join-our-team-page .banner-bg{height: 500px;}
    .about-us-page .banner-numbers-block {margin: 30px 0 20px 0;}
    .not-found-content img{margin-bottom: 30px;}
    .footer-newsletter  .gform_wrapper{max-width: 470px;}
    .about-us-page .banner-bg {height: 500px;}
    .filters-images-list li{width: 33.333333%;}
    .palettes-designer p > br{display: none;}
    .page-banner-content a.btn-default {margin-top: 0;}
    #blog-content {padding: 30px 0;}
    .blog-expert a > p {font-size: 16px;margin-bottom: 5px;}
    .blog-expert a > span{font-size: 14px;line-height: normal;}
    .blog-expert a, .most-popular-list .blog-expert a, .blog-twitter-page .blog-expert > a {padding: 15px;min-height: 100px;}
    .most-popular-heading h2 > br{display: none}
    .comment-content {width: 85%;}
    .comment-meta{width: 15%;}
    .comment-list li .comment > .reply {padding-left: 15%;}
    .benefits-list ul li img {max-width: 24px;}
    #our-crew-slider .customer-comments {padding: 20px;}
    #our-crew-slider h3 {font-size: 20px;}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1064370 > ul::before {left: 60%;}
    .wpml-ls-legacy-dropdown, .fr-lg .wpml-ls-legacy-dropdown{margin-right: 0;}
    #application-process::before{height: 630px}
    #take-your-pick.bg-gradient-box::before{top:-8%;}
}
@media screen and (max-width: 767px) {
    h1{font-size:20px; font-weight:bold;line-height:1.65;letter-spacing:normal;}
    h2{font-size:25px; font-weight:500;line-height:normal;letter-spacing:normal;}
    h4{font-size:20px; font-weight:600;line-height:1.25;letter-spacing:-0.5px;}
    p{font-size:14px;line-height:1.57;}
    main {overflow-x: hidden;}
    header{position: fixed;}
    .flex-row{flex-flow:column;-moz-flex-flow:column;-webkit-flex-flow:column;margin:0;}
    .flex-column{padding:0;width:100%;}
    #mobile-icons{position: fixed;width: 100%;bottom: 0;z-index: 1;display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;}
    .featured-review-box{width: 100%;}
    .show-in-mobile{display:block !important;}
    .hide-in-mobile{display:none !important;}
    .new-look-numbers ul{flex-flow:column;-moz-flex-flow:column;-webkit-flex-flow:column;}
    .top-header{padding-top:0;}
    .top-header-right{position:absolute;top:23px;right:15px;width:50px;}
    .wpml-ls-legacy-dropdown{background-image:url("../images/menu-arrow-active.svg");background-position: right 5px;}
    .wpml-ls-legacy-dropdown a{color: #003c64}
    .wpml-ls-legacy-dropdown a span{color: #003c64}
    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a span{color: #fff;}
    .mobile-logo {background: #fff;margin-left: -15px;margin-right: -15px;}
    .mobile-logo > a {display: block;padding: 15px 0;background: #fff;text-align: center;width: 110px;margin: 0 auto;}
    .mobile-logo > a > img{margin:0 auto;max-width: 110px;}
    #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open + #mega-menu-top{display:block;background: #fff;position: fixed;top: 15px;bottom: 0;left: 50%;z-index: 999;transition: opacity .3s linear,visibility .3s linear;overflow-y: auto;overflow-x: hidden;width: 100%;transform: translateX(-50%);}
    #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label, #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-blocks-center{display:none;}
    #mega-menu-wrap-top{background:transparent;position:absolute;top:20px;left:0;width:100vw;}
    #mega-menu-wrap-top .mega-menu-toggle{background:transparent;display:block;position:absolute;left:15px;outline: none;}
    #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1:after{content:"";background-image:url("../images/menu-icon.svg");width:26px;height:24px;background-size:100%;margin:0;}
    #mega-menu-wrap-top .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after{content:"";background-image:url(../images/menu-close-icon.svg);background-size:20px;background-repeat:no-repeat;background-position:center;}
    #mega-menu-wrap-top #mega-menu-top{border-top: 5px solid #f68118;margin-top: 40px;padding: 0 !important;-webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.20);-moz-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.20);box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.20);border-radius: 7px;width: 95% !important;display:none;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{margin:0 0 10px 0;display:block;padding: 20px;font-size: 15px;letter-spacing: 1px;margin-bottom: 0;border-bottom: 3px solid #f2f6fa;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo{display:none }
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{color: #45506c !important;font-size:14px;line-height:normal;height:auto;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu::before{display:none;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu{width:745px;padding:15px;max-width:100%;margin:10px 0;position:static;float:left;display:none;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{display:block;margin-top: 40px;box-shadow: none;background-color: #f5f9fc;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link::after{content:"";display:block;top:0;right:0;background-image:url(../images/down-arrow.png);height:18px;width:18px;float:right;background-position:center center;background-repeat:no-repeat;transform:rotate(180deg);}
    #mega-menu-wrap-top #mega-menu-top li.mega-menu-item ul.mega-sub-menu li.mega-menu-column{width:100% !important;float:none !important;}
    #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{display:none;}
    #mega-menu-wrap-top #mega-menu-top li.mega-menu-item ul.mega-sub-menu li.mega-menu-column .textwidget{margin-bottom:20px;min-height: 0;}
    #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-13-1, #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-8-1, #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-8-2{margin-top:0;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item-has-children > a.mega-menu-link::after {background-image: url('../images/menu-arrow-active.svg');height: 20px;width: 13px;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link::after {height: 20px;width: 13px;background-image: url('../images/menu-arrow-active.svg');}
    #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-1507-1,#mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-1507-2{margin-top:0;}
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn::after{right: 45px;    top: 50%;}
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn{padding:20px;font-size: 14px;}
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .menu-devider{margin:20px 0 0 0;}
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn::before{left:30px;}
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn.explore-btn::before{left:20px;}
    .top-header .input-with-btn > button::before{left:3px;height: 16px;width: 16px;background-size: cover;top: 9px;}
    .top-header .input-with-btn{margin:10px auto auto auto;}
    .top-header .input-with-btn > input{max-width: calc(100% - 180px);min-height: 35px;margin: 0;font-size: 12px;padding: 10.6px 10px 10px;}
    .fr-lg .top-header .input-with-btn > input{padding: 9px 10px 10px;}
    .top-header .input-with-btn > button{padding:9px 10px 10px 20px;width:180px;}
    .fr-lg .top-header .input-with-btn > button{font-size: 13px;}
    .home-page-banner-section{overflow: visible;background-image: url("../images/home-page-mobile-bg.png");background-position: center center;background-size: cover;background-repeat: no-repeat;}
    .home-page-banner-section::before {content: "";display: block;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
    .home-page-banner-section .banner-image img{height:520px;opacity: 0;}
    .banner-content > h5{margin:25px 0 0 0;}
    #logos-section .container {padding: 0;}
    .get-quote-text{display:none;}
    .get-a-free-quote:before{display:none;}
    .how-it-possible-block{margin-top:25px;max-height:58px;}
    .play-btn-block{padding:11px;}
    .how-it-possible-block p{padding:17px 24px;font-size:12px;font-weight:500;line-height:2;font-family:'Rubik', sans-serif;}
    .consultant-form{padding:25px 15px;}
    .consultant-form .form-button{margin-top:15px;display:inline-block;width:100%;}
    .consultant-form .form-button > .btn-default{margin:0;}
    .get-a-free-quote.show-form {top: 0;transform: none;padding: 0;width: 100%;overflow-x: hidden;}
    .quote-form-header{flex-flow:row;-webkit-flex-flow:row;}
    .consultant-form .send-photos-form .form-button{margin-top:58px;}
    .logos-list ul > li{margin:0 5px;}
    .logos-list ul > li > p{font-size:18px;line-height:1.39;letter-spacing:0.1px;}
    #logos-section{padding:15px 0 15px 0;width:100%;position:relative;display:inline-block;bottom:15px;}
    #gform_5 input {font-size: 15px;}
    #innovation-section{padding:0 0 30px 0;}
    .innovation-left > div li{height:25px;margin-bottom:10px;}
    .innovation-left-headings li{font-size:10px;line-height:normal;}
    .innovation-left > div{width:100px;}
    .innovation-left > .innovation-left-headings{width:80px;}
    .innovation-left-headings ul{margin-top:10px;margin-right:0;}
    .innovation-left > div li:first-child{font-size:7px;margin:0;}
    .innovation-left > div li{height:25px;margin-bottom:10px;}
    .innovation-left-headings li{font-size:10px;line-height:normal;}
    .innovation-left .innovation-left-box-one, .innovation-left .innovation-left-box-two, .innovation-left .innovation-left-box-three{padding:10px 5px;margin-top:0;}
    .innovation-left .innovation-left-box-two li > img{bottom:30px;width:60px;margin:0 auto;}
    #innovation-section .text-with-icon, #customization-section .text-with-icon{padding-bottom:10px;}
    .innovation-right > p, .customization-left > p{margin-top:30px;margin-bottom:20px;}
    .underline-heading::after{margin-top:30px;}
    #customization-section .flex-row{flex-flow:column-reverse;-webkit-flex-flow:column-reverse;}
    #customization-section{padding:0;}
    .customization-right{margin-bottom:40px;}
    #new-look{padding:30px 0;}
    h2.underline-heading{margin-bottom:15px;}
    .new-look-numbers{margin:30px auto 20px auto;padding-bottom:15px;}
    .new-look-numbers ul > li{padding:20px 10px;width: 100%}
    .new-look-numbers ul > li h3{font-weight:600;letter-spacing:normal;font-family:'Lato', sans-serif;}
    .new-look-numbers ul > li p{line-height:1.36;}
    .new-look-numbers ul > li p > br{display:none;}
    .process-boxes{flex-flow:row;flex-wrap:wrap;margin:35px -10px 0 -10px;}
    .process-boxes > .single-process-box{width:50%;padding:0 10px;margin-bottom:30px;}
    .single-process-box > p{margin:15px 0 10px 0;font-weight:500;line-height:1.71;letter-spacing:1.1px;}
    .single-process-box > span{font-size:14px;}
    .bg-gradient-box{padding:18vw 0 0 0;}
    .bg-gradient-box h2{margin-bottom:5px;}
    .customer-comments{padding:30px;margin-bottom: 20px}
    .customer-comments h3{font-size:25px;}
    .customer-name, .customer-from{font-size:14px !important;margin-bottom:0;}
    #transform-your-home h5{font-size:16px;font-weight:500;line-height:1.56;color:#6b6b6b;margin-bottom:15px;}
    #transform-your-home{padding-bottom:28px;}
    .btn-with-arrow{padding:14px 20px;font-size:14px;font-weight:500;}
    #footer-widgets .flex-row{margin:0 -15px;    display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;}
    #footer-widgets .flex-row > div{width:50%;float:left;padding:0 15px;padding-bottom:25px;}
    #footer-widgets .flex-row > div > p{font-size:16px;}
    #footer-widgets .flex-row > .footer-company{order:4;}
    #footer-widgets .flex-row > .footer-get-involved{order:3;}
    #footer-widgets .flex-row > .footer-newsletter{width:100%;max-width:100%;float:none;margin-top:15px;clear:both;margin-bottom:0;order:5;}
    #footer-widgets .flex-row > .footer-newsletter:after{display:block;clear:both;content:"";}
    #footer-widgets .flex-row > .footer-newsletter > h4, #footer-widgets .flex-row > .footer-newsletter > span{font-size:14px;line-height:1.79;display:block;}
    .newsletter-form input{font-size:12px;height:49px;}
    footer{background-image:url(../images/footer-bg-new1.jpg);background-position:center bottom; background-size: 100% 400px, cover;}
    .footer-bottom{padding:15px 0;text-align:center;}
    .footer-bottom{padding:15px 0 70px;}
    .footer-bottom p{margin-bottom:0;font-weight:900;color: #47495a;}
    #footer-widgets .flex-column h5,
    #footer-widgets .flex-row > div ul li > a{color: #47495a;}
    .top-padding {padding-top: 115px;}
    .banner-bg-square {padding: 50px 0 0 0;}
    .banner-bg-square-left .btn-with-arrow {font-size: 20px;font-weight: normal;}
    .banner-bg-square .flex-row {flex-flow: row;-moz-flex-flow: row;-webkit-flex-flow: row;}
    .banner-bg-square-right {width: 70%;}
    #way-to-renovate {padding-top: 50px;}
    #way-to-renovate .image-content-box > div:first-child {width: 100%;}
    .right-content-box h4{letter-spacing: normal; margin-bottom: 25px;}
    .customer-content {margin-top: 20px;}
    .customer-content > span{margin-bottom: 20px;}
    .application-box{margin: 50px 0 !important;max-width: 100%;}
    .application-box h4{margin-bottom: 15px;}
    .checked-list-items > li {font-size: 18px;line-height: 1.33;}
    .checked-list-items + .learn-more-link {margin: 20px 0;}
    #spray-network .image-content-box {flex-direction: column-reverse;}
    #spray-network .left-image-box {max-width: 100vw;margin: 30px 0 45px 0;}
    #spray-network .left-image-box img {max-width: 100vw;margin: 0 -15px;border-radius: 36px;}
    #spray-network {padding-bottom: 0;}
    #spray-net-revamp .flex-row {flex-direction: column-reverse;}
    .spray-net-revamp-content {margin-bottom: 45px;}
    .surface-box {box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);padding: 40px 15px;width: 320px;border-radius: 60px;}
    .surface-shadow-box{border-radius: 15px}
    .price-range h4 {color: #f68118;}
    #spray-net-revamp {padding-bottom: 40px;}
    .bg-gradient-box .take-your-pick-left h4 {text-align: center;}
    .bg-gradient-box .take-your-pick-left h4 + h4 {margin-top: 20px;font-size: 18px !important;}
    .bg-gradient-box .take-your-pick-left h4.underline-heading::after{margin: 15px auto}
    .image-content-box-list .image-content-box:nth-child(even){-webkit-flex-flow: column;flex-flow: column;-moz-flex-flow: column;}
    .residental-exterior-services .square-right-img-slider img, .refer-a-friend-banner .square-right-img-slider img {width: 300px;}
    .residental-exterior-services .banner-bg-square .underline-heading::after {margin-top: 12px;}
    .residental-exterior-services, .refer-a-friend-banner {margin-bottom: 80px;}
    .painting-services-box {padding-top: 25px;margin: 0 -5px;flex-flow: row;flex-wrap: wrap;padding-bottom: 25px;}
    .painting-services a > img{height: auto;}
    .painting-services > a:after{padding: 10px;}
    .painting-services h2{font-size:17px !important; font-weight: bold;letter-spacing: normal;padding: 0 10px;}
    .painting-services {margin: 0 3px 10px 3px;width: calc(50% - 6px);}
    .painting-services:last-child, .painting-services:last-child img {width: 100%;}
    #faq-section {padding-bottom: 60px;}
    #faq-section ul li h4 {font-size: 14px !important;line-height: 2;padding: 17px 30px 17px 15px}
    #faq-section ul li{margin-bottom: 40px;}
    #faq-section ul + .center {padding-top: 0;}
    .benefits-list ul li a{font-size: 16px;line-height: 1.63;}
    .benefits-list{padding-bottom: 0;}
    .image-content-box-list .image-content-box:nth-child(odd) .left-image-box, .content-reverse.image-content-box-list .image-content-box:nth-child(odd) .left-image-box{width: 100%;}
    .image-content-box-list .image-content-box .left-image-box .twentytwenty-container img{margin: 0}
    .image-content-box-list .image-content-box .right-content-box{padding-top: 30px;}
    .image-content-box-list .image-content-box .btn-with-arrow{margin-top: 5px}
    .image-content-box-list .image-content-box .left-image-box .video-play-btn img{margin: 0;width: auto;}
    #list-portfolio {margin: 0 -15px;}
    #list-portfolio ul {display: block;white-space: nowrap;overflow: auto;}
    .banner-gradient-bg h2{font-size: 25px;font-weight: bold;margin-top: 50px;}
    .banner-gradient-bg h3{font-size: 25px;}
    .thank-you-page #new-look {padding: 35px 0;}
    .thank-you-page #new-look .learn-more-link {margin-top: 35px;}
    .thank-you-page #old-new-look {margin-top: 30px;}
    .thank-you-page .logos-list ul > li:first-child {margin: 0 10px;}
    .thank-you-page .logos-list ul > li > p{font-size: 14px;line-height: 1.43;}
    .paint-info-boxes {padding-top: 10px;margin: 0 -15px;}
    .paint-info-box {margin-bottom: 25px;}
    .paint-info-content p > a{font-size: 25px;font-weight: 500;line-height: normal;display: block;padding-top: 15px;letter-spacing: 0.4px;}
    .paint-info-content p {text-align: left;}
    #technical-paint-info {padding-bottom: 0;padding-top: 40px;}
    .lets-be-friend-right ul li a {height: 36px;width: 36px;line-height: 40px;}
    .lets-be-friend-right ul li a img{width: 16px;}
    .lets-be-friend-content {flex-flow: row;}
    .lets-be-friend-left, .lets-be-friend-right{width: 100%;}
    .lets-be-friend-left p {font-size: 14px;line-height: 1.43;}
    .lets-be-friend-right ul li {display: inline-block;margin: 0 15px;}
    #lets-be-friend{padding: 20px 0;}
    .page-banner {margin: 25px 0;}
    .page-banner-content > h2{font-size: 25px;}
    .center .page-banner-content  .underline-heading::after{margin-top: 10px}
    .page-banner-content .btn-default {padding: 16px 25px;font-size: 20px;margin-top: 20px;margin-bottom: 10px;}
    #video-box {padding-bottom: 55px;}
    .content-reverse .image-content-box, .content-reverse.image-content-box-list .image-content-box:nth-child(even){flex-flow: column;-moz-flex-flow: column;-webkit-flex-flow: column;padding-top: 15px;padding-bottom: 15px;}
    .content-reverse.image-content-box-list .image-content-box:nth-child(odd) .right-content-box, .content-reverse.image-content-box-list .image-content-box:nth-child(even) .right-content-box {padding: 40px 0 0 0;}
    #formulation-process .image-content-box .right-content-box h4 {margin-bottom: 25px;}
    .content-reverse .image-content-box h4 + p {font-size: 16px;line-height: 1.38;}
    #formulation-process {padding-bottom: 25px;}
    #quality-results h2 > br {display: none;}
    #quality-results .process-boxes > .single-process-box{width: 100%; padding:0;margin-bottom: 70px;}
    #quality-results {padding-bottom: 0;}
    .fb-comment-box{margin: 0;}
    .fb-comment-box h3 {margin: 0 auto 40px auto;font-size: 20px;letter-spacing: 0.2px;width: 400px;max-width: 100%;text-align: left;}
    .fb-comment-box h3 > br {display: none}
    .customer-state{width: 60px;}
    .fb-comment-box .customer-detail{position: static}
    .steps-list {margin-top: 30px;}
    #headline-about-spray-network .process-boxes {margin-top: 35px;}
    #testimonials {padding-top: 0;}
    #testimonials h3{font-size: 18px;line-height: 1.39;letter-spacing: -0.2px;margin-bottom: 20px;}
    .testimonials-box{margin-bottom: 30px; margin-top: 0}
    #headline-about-spray-network .process-boxes > .single-process-box{width: 100%; padding:0;margin-bottom: 55px;}
    #headline-about-spray-network .benefits-list {padding-top: 25px;}
    #headline-about-spray-network .benefits-list ul::after{clear: both; display: block; content: "";}
    .surface-service-page .banner-bg-square .flex-row.flex-center, .paint-page .banner-bg-square .flex-row.flex-center {flex-flow: column;-moz-flex-flow: column;-webkit-flex-flow: column;}
    .surface-service-page .banner-bg-square-right, .paint-page .banner-bg-square-right{margin-top: 30px; width: 100%;}
    .banner-surface-box > div > p{margin-bottom: 20px;}
    .banner-surface-box-left small {padding-top: 0px;padding-bottom: 30px;}
    .banner-surface-box .slider.slider-horizontal, .filter-ranges{width: 100%}
    .banner-surface-box-left, .banner-surface-box-right {padding:  0 15px;}
    .small-banner .page-banner {margin: 40px 0;min-height: 180px;}
    #pain-menu li a {margin: 0 20px;font-size: 14px;font-weight: 500;}
    #pain-menu{padding: 20px 0 25px 0}
    #paints-for-your-home {padding-top: 20px;}
    #paints-for-your-home #video-box {margin-top: 40px;padding-bottom: 30PX;}
    h4 {font-weight: bold;font-size: 26px; line-height: 32px;}
    .image-content-box-list .image-content-box .left-image-box img {max-width: 100%;width: auto;margin: 0;}
    .image-selected .slider-color-info .selected-image-box img {max-width: 70px;}
    #primary .container{padding-left: 15px;padding-right: 15px;}
    p{font-size: 15px;line-height: 27px;}
    #way-to-renovate .image-content-box .right-content-box .customer-content {margin-top: 35px;}
    .text-with-icon > p{font-size: 13px;}
    section#customization-section .flex-column.customization-left, section#innovation-section .innovation-right, .image-content-box-list, #way-to-renovate .image-content-box .right-content-box{padding-top: 15px;padding-bottom: 15px;}
    .main-paint-page .content-reverse .image-content-box, .main-paint-page .content-reverse.image-content-box-list .image-content-box:nth-child(even){flex-flow: column-reverse; -webkit-flex-flow: column-reverse;}
    .main-paint-page .content-reverse.image-content-box-list .image-content-box:nth-child(odd) .right-content-box, .main-paint-page  .content-reverse.image-content-box-list .image-content-box:nth-child(even) .right-content-box{padding: 0}
    .main-paint-page .right-content-box h4 {margin-bottom: 28px;}
    .main-paint-page .image-content-box-list .image-content-box .left-image-box img{margin-top: 20px}
    #common-benefits {padding-top: 30px;}
    #other-exterior-paints {padding-bottom: 70px;}
    .actual-paint-arrow p > img{width: 150px;}
    div#spray-tabbing  {padding: 0 30px;}
    section#our-transformation {padding: 0 30px;}
    .paint-page .content-reverse .image-content-box, .paint-page .content-reverse.image-content-box-list .image-content-box:nth-child(even){flex-flow: column-reverse; -webkit-flex-flow: column-reverse;padding: 0;}
    .paint-page .content-reverse.image-content-box-list .image-content-box:nth-child(odd) .right-content-box, .paint-page  .content-reverse.image-content-box-list .image-content-box:nth-child(even) .right-content-box{padding: 0}
    .paint-page .content-reverse .image-content-box .left-image-box{margin: 20px 0 30px 0}
    .paint-page .content-reverse .image-content-box .learn-more-link{margin: 0 0 20px 0}
    #about-paint {padding:0;}
    #about-paint .image-content-box:last-child .left-image-box{margin-bottom: 0}
    .customer-content > h4 {font-size: 18px;letter-spacing: 0.2px;}
    #color-build{padding: 0 0 60px 0}
    .color-page .content-reverse .image-content-box, .color-page .content-reverse.image-content-box-list .image-content-box:nth-child(even){flex-flow: column-reverse; -webkit-flex-flow: column-reverse;padding: 0;}
    .color-page .content-reverse.image-content-box-list .image-content-box:nth-child(odd) .right-content-box, .color-page  .content-reverse.image-content-box-list .image-content-box:nth-child(even) .right-content-box{padding: 0}
    .color-page .content-reverse.image-content-box-list .image-content-box .right-content-box {margin-top: 20px;}
    .color-page .image-content-box-list .image-content-box .right-content-box .text-with-icon {padding-top: 40px;}
        #something-about-palettes {padding-top: 80px;}
    #palettes-slider .slick-dots {top: 5px;}
    .about-palettes-content {margin-top: 50px;}
    .about-palettes-content .palettes-list {margin-top: 20px;margin-left: -10px;}
    .single-palettes{width: 25%;margin: 0 10px;}
    .palettes-name {margin: 5px 0 0 0;font-size: 12px;font-weight: 300;line-height: 1.5;color: #6b6b6b;}
    .palettes-of-the-year-section{padding-top: 30px;}
    .palettes-of-the-year-box{padding: 15px 20px; width: 450px;}
    .palettes-of-the-year-content{margin-bottom: 20px;text-align: center}
    .palettes-of-the-year .single-palettes {width: 100px;}
    .palettes-of-the-year {text-align: center;}
    .palettes-of-the-year .palettes-list {display: inline-block;}
    .palettes-designer .left-image-box {width: 50%;padding-left: 20px;}
    .palettes-designer .right-content-box {text-align: left;width: 50%;}
    .palettes-designer .image-content-box{margin: 0;padding: 0; flex-flow: row;align-items: flex-start;}
    .palettes-designer h3 {font-size: 15px;color: #6b6b6b;}
    .palettes-designer .right-content-box p {font-size: 12px;line-height: normal;margin-bottom: 10px;}
    .palettes-designer .right-content-box .learn-more-link {font-size: 12px;}
    #how-to-pick {padding-top: 30px;}
    .custom-tab-menu li a:hover, .custom-tab-menu li.active a{margin-bottom: 10px;}
    .revamped-over-numbers li span {font-size: 60px;font-weight: bold;}
    .revamped-over-numbers li {margin: 2px;width: 55px;height: 70px;}
    .revamped-over-numbers {margin: 8px 0;}
    .badge-list li{margin-top: 20px;}
    .filter-block select{font-size: 14px;font-weight: normal;line-height: 1.71;margin: 0 5px 10px 0px;padding-right: 20px;}
    .filter-block select#style {margin-right: 15px;}
    .filter-block {padding: 15px;}
    .filter-block .filter-find-btn {padding: 5px 25px;font-size: 14px;margin: 0 20px;}
    .filters-main-images {flex-wrap: wrap;}
    .filters-main-images > div{width: 100%;}
    .filters-images-list{width: 100%; float: none;max-height: 400px;overflow: auto;margin-bottom: 35px;}
    .filters-main-images > div:first-child h2, .filters-main-images > div:last-child h2{font-size: 20px !important;bottom: 30px;width: 200px;}
    .transformations-page .customer-comments > img {margin: 0 auto;}
    .featured-review-box{margin-top: 55px}
    .transformations-page .logos-list ul > li:first-child, .refer-a-friend-two-page .logos-list ul > li:first-child {margin: 0 10px;}
    .transformations-page .logos-list ul > li > p, .refer-a-friend-two-page .logos-list ul > li > p {font-size: 14px;line-height: 1.43;}
    .join-our-team-page .page-banner-content > h1 {font-size: 25px;font-weight: 500;color: rgba(255, 255, 255, 0.87);font-family: 'Rubik', sans-serif;padding-bottom: 20px;}
    .join-our-team-page .page-banner-content > h1::after {margin: 10px auto auto auto;}
    .join-our-team-page .page-banner-content > h5{font-size: 18px;font-weight: 500;line-height: 1.39;margin: 0;}
    .banner-numbers-block {margin-top: 10px;}
    .banner-numbers-block .banner-numbers {margin: 6px 0;}
    .banner-numbers-block .banner-numbers p, .banner-numbers-block .banner-numbers:nth-child(2) p{font-size: 20px; line-height: 20px;}
    .banner-numbers-block .banner-numbers span, .banner-numbers-block .banner-numbers:nth-child(2) span{font-size: 12px; line-height: normal;padding: 0 10px;}
    .banner-as-seen-on p {margin-bottom: 0;font-size: 12px;line-height: 3.08;}
    .banner-as-seen-on ul li {margin: 0 15px;max-width: 85px;}
    .join-our-team-page .image-content-box-list .image-content-box{padding: 0;}
    .join-our-team-page .customer-from  > br {display: block;}
    .working-with-spray-net .benefits-list ul li {padding-right: 15px;padding-left: 15px;}
    .working-with-spray-net .benefits-list{padding: 30px 0;}
    #our-crew .slick-active .customer-box, #our-crew-office .slick-active .customer-box{margin: 0}
    #our-crew, #our-crew-office {padding-bottom: 20px;}
    .opportunity-box h5{font-size: 16px;font-weight: 500;}
    .opportunity-box a{padding: 10px 25px;}
    .different-team ul li a{font-size: 14px; font-weight: normal;}
    #in-the-office .working-with-spray-net.center {padding-top: 30px;}
    #in-the-office {padding-bottom: 0;}
    .about-us-page .banner-numbers-block .banner-numbers p {font-size: 25px;line-height: 1.36;letter-spacing: 1.1px;}
    .about-us-page .banner-numbers-block .banner-numbers span {font-size: 14px;line-height: 1.36;letter-spacing: 1.1px;display: block;}
    .about-us-page .banner-numbers-block .banner-numbers {margin:10px 0;width: auto;}
    .about-us-banner .banner-as-seen-on{padding: 10px 0 0 0;}
    #core-values {padding-top: 25px;}
    .our-story-box{padding: 25px 15px;}
    .our-story-content h4{margin-bottom: 25px}
    .our-story-content p {margin-bottom: 10px;}
    .our-story-video-box {padding: 15px 0 40px 0;}
    #our-story.bg-gradient-box::before{top: 0}
    .best-badge {margin: 0 10px;max-width: 60px;}
    #video-testimonials .content-reverse .image-content-box{flex-flow: column-reverse; -webkit-flex-flow: column-reverse;padding: 0;}
    #video-testimonials .content-reverse .image-content-box .right-content-box{padding: 40px 0;}
    .page-banner-content h1{font-size: 25px;}
    .page-banner-content h5, .page-banner-content h5 > a{font-size: 18px;font-weight: 500;line-height: 1.39;color: #ffffff;text-decoration: none;border: none;}
    .page-banner-content .search-form .search-field{padding-left: 15px; padding-right: 15px;}
    .faq-page #faq-section {padding: 40px 0;}
    .faq-page #faq-section .container > h4{float: none;}
    .faq-search-box {float: none;}
    .faq-search-box input[type="search"], .faq-search-box input[type="text"]{margin: 20px 0 0 0;}
    #faq-section .faq-content{padding: 24px;font-size: 18px;letter-spacing: -0.3px;}
    #faq-section ul li::before{height: 12px; width: 12px;right: 15px;top: 28px;background-size: 100%;}
    .faq-page #faq-section ul li{margin-bottom: 20px;}
    .refer-a-friend-banner .banner-bg-square-left h2, .refer-a-friend-banner .banner-bg-square-left h4, .residental-exterior-services .banner-bg-square-left h2, .residental-exterior-services .banner-bg-square-left h4{width: 50%}
    .bg-square{background-size: 400px; top: 60px;}
    .refer-a-friend-one-a-page .banner-gradient-bg h2{font-family: 'Rubik', sans-serif;font-size: 30px !important;font-weight: 500;margin-top: 40px;}
    .refer-a-friend-one-a-banner h3{  font-size: 18px;font-weight: 500;line-height: 1.39;}
    .refer-a-friend-steps-box .content-reverse .image-content-box, .refer-a-friend-steps-box  .content-reverse.image-content-box-list .image-content-box:nth-child(even)  {flex-flow: column-reverse;padding: 0;}
    .refer-a-friend-steps-box .content-reverse.image-content-box-list .image-content-box .left-image-box {padding: 0 0 20px 0;}
    .refer-a-friend-steps-box .content-reverse.image-content-box-list .image-content-box .left-image-box .image-shadow-box img {margin: 0; width: 100%;}
    .refer-a-friend-steps-box .content-reverse.image-content-box-list .image-content-box .right-content-box {padding: 20px 15px;}
    .refer-a-friend-steps-box .content-reverse .image-content-box:last-child {padding-bottom: 20px;}
    .refer-a-friend-one-a-banner {padding-bottom: 120px;}
    .refer-a-friend-steps-box .how-to-pik-number-box {width: 60px;height: 60px;line-height: 40px;font-size: 18px;border: 10px solid #fff;}
    .refer-a-friend-steps-box .image-content-box-list .image-content-box .left-image-box .image-shadow-box .circle-social-icons-box img {width: 20px;margin: auto;}
    .circle-social-icons-box {float: none;padding: 15px;margin: 0 auto;}
    .circle-social-icons-box .input-with-btn > .btn-default{margin: 0;}
    .refer-a-friend-popup-box{padding: 20px 15px;}
    .page-banner-content h3{font-size: 18px;font-weight: 500;line-height: 1.39;}
    .blank-page-content p{font-size: 16px; line-height: normal; margin-bottom: 10px;}
    .blank-page-content img{margin: 0 -15px 15px -15px;width: 100vw;max-width: 100vw;}
    .blank-page-content h2.underline-heading + h4 {margin-bottom: 20px;}
    .blank-page-content{padding-bottom: 30px;}
    #our-transformation .filters-images-list {margin-bottom: 0;}
    #our-transformation .new-look-numbers{margin-top: 0;}
    .refer-a-friend-two-page #logos-section {margin: 20px 0 0 0;}
    .refer-a-friend-form .gform_wrapper ul.gform_fields li.gfield{width: 44%;margin: 10px 15px !important;}
    .franchise-location-banner ul {padding-bottom: 15px;}
    #projects-matter {padding-bottom: 30px;}
    #we-serve-area {padding-top: 50px;}
    .area-box{flex-flow: column; -webkit-flex-flow: column;}
    .area-map {width: 100%;height: 400px;overflow: hidden;}
    .main-info-box .gm-style-iw {width: 190px !important;padding: 15px;}
    .main-info-box .gm-style-iw > div{width: 100% !important;}
    .map-info h5{font-size: 14px;}
    .map-info p{font-size: 13px;padding-right: 0}
    .main-info-box .gm-style-iw + button{right: 20px !important;}
    .visualizer-map::after{height: 150px;}
    .area-listing {padding: 10px 30px;width: 100%;}
    .area-listing ul {max-height: 140px;margin-bottom: 30px;}
    #available-opportunity-section {padding-top: 50px;}
    #available-opportunity-section .opportunity-list {margin-top: 50px;}
    .available-opportunity-form{margin-top: 0;padding: 40px 10px;}
    .available-opportunity-form .gform_wrapper ul.gform_fields li.gfield{padding: 0;float: none;width: 100%;}
    .available-opportunity-form .gform_wrapper .gform_footer{width: 100%; padding: 0;}
    #contact-us {padding-top: 50px;padding-bottom: 30px;}
    .contact-us-content{max-width: 200px; margin: 0 auto;}
    .contact-us-content span > br{display: block;}
    .contact-us-content h4 {font-size: 25px;font-weight: 500;}
    .contact-us-map {margin-top: 20px;width: 100vw;margin-left: -15px;margin-right: -15px;}
    .contact-us-map iframe{max-width: 100vw;width: 100vw;min-height: 235px;}
    .consultant-form .gform_wrapper .gform_footer{margin-top: 20px;}
    .innovation-right {margin-top: 30px;}
    #logos-section{padding: 30px 0;}
    .contact-us-page .banner-bg{height: 400px;}
    .chemistry-page .banner-bg, .how-it-works-page .banner-bg, .the-spray-network-page .banner-bg, .refer-a-friend-two-page .banner-bg, .review-page .banner-bg{height: 520px;}
    .chemistry-page .banner-bg > img, .how-it-works-page .banner-bg > img, .the-spray-network-page .banner-bg > img, .refer-a-friend-two-page .banner-bg > img, .review-page .banner-bg > img, .contact-us-page .banner-bg > img{width: auto; height: 100%;}
    .chemistry-page .content-reverse .image-content-box, .chemistry-page .content-reverse.image-content-box-list .image-content-box:nth-child(even){flex-flow: column-reverse; -webkit-flex-flow: column-reverse;padding: 0;}
    .why-spray-net-banner h2.underline-heading + h4{font-weight: 600; font-size:18px !important; }
    .why-spray-net-banner  .banner-bg-square-left .btn-with-arrow {padding: 10px 20px 14px;}
    #way-to-renovate .image-content-box .right-content-box .customer-state {width: 111px;}
    .benefits-of-services-content .image-content-box .right-content-box .customer-state {width: 111px;}
    #step-to-your-home h2.underline-heading {font-size: 20px;}
    #step-to-your-home h2.underline-heading + h4 {font-size: 14px;}
    .residental-exterior-services-page .image-content-box-list .image-content-box{padding: 0;}
    .benefits-list ul li {padding: 20px 15px; margin-bottom: 10px;}
    .residental-exterior-services-page .services-item-listing .image-content-box {flex-flow: column-reverse;}
    .residental-exterior-services-page .services-item-listing .image-content-box .right-content-box{padding-top: 0;}
    .residental-exterior-services-page #list-portfolio {margin-top: 20px;}
    #list-portfolio ul li a, #list-portfolio ul li.active a{font-size: 16px; padding:15px;}
    .filters-images-list ul{max-height: 395px;}
    #headline-about-spray-network.exterior-painting-services .custom-tab-menu li a {padding: 10px 15px;}
    #headline-about-spray-network.exterior-painting-services .custom-tab-menu {margin: 10px 0 0 0;}
    .refer-a-friend-form .gform_wrapper .gform_footer .gform_button{font-size: 16px !important;width: 155px !important;padding: 13px 0;}
    .refer-a-friend-form .gform_wrapper .gform_footer{margin: 0; width: 155px;height: 45px;}
    .refer-a-friend-form .gform_wrapper .gform_footer:after{top: 20px;right: 40px;}
    .faq-page #pain-menu {padding: 10px 0 15px 0;overflow: auto;}
    /*.faq-page #pain-menu ul {white-space: nowrap;}*/
    .faq-page #pain-menu li a {margin: 0 10px;font-size: 12px;}
    .color-page .sticky-paint-menu{top:0;}
    #complete-color-collections h2.underline-heading, #paints-for-your-home  h2.underline-heading{font-size: 22px;}
    #complete-color-collections h2.underline-heading + h4, #paints-for-your-home  h2.underline-heading + h4{font-size: 16px;}
    .banner-as-seen-on {padding-bottom: 100px;}
    #surface-services .image-content-box-list .image-content-box{flex-flow: column-reverse;padding: 0;}
    .surface-service-page #faq-section {padding-top: 60px;}
    #about-videos .image-content-box-list .image-content-box{flex-flow: column-reverse;padding: 0;}
    #our-story {padding-bottom: 20px;}
    #about-videos .image-content-box .btn-default{padding: 14px 20px;font-size: 14px;font-weight: 500;margin-bottom: 20px;}
    #about_us footer{margin-top: 50px;}
    #about-paint .image-content-box:last-child .learn-more-link {margin-bottom: 20px;}
    .twentytwenty-handle {height: 38px;width: 38px;margin-left: -22px;margin-top: -22px;}
    .twentytwenty-horizontal .twentytwenty-handle:before{margin-bottom: 22px;}
    .twentytwenty-horizontal .twentytwenty-handle:after{margin-top: 22px;}
    .form-group {float: none;padding: 0;width: 100%;}
    .form-group span.ajax-loader {top: 50%;transform: translate(-50%, -50%);}
    .contact-us-page #we-serve-area{margin-bottom: 50px;}
    .contact-us-page .page-banner {margin-bottom: 0;}
    .paint-info-image-box a > img{height: auto;}
    .filters-images-list li a{height: 150px;}
    .join-our-team-page .banner-bg {height: 450px;}
    .banner-gradient-bg .banner-bg-image{top: 56px;}
    .team-list li {height: 66px;width: 66px;}
    .thank-you-page .banner-gradient-bg .banner-bg-image {top: 60px;height: 475px;}
    .top-header .input-with-btn > input::-webkit-input-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size: 11px;}
    .top-header .input-with-btn > input::-moz-placeholder{color:#9b9b9b;opacity:1;font-family:'Open Sans', sans-serif;font-size: 11px;}
    .chemistry-page #video-box {padding-bottom: 20px;}
    #way-to-renovate .image-shadow-box img {width: 100vw;}
    .footer-newsletter .gform_wrapper .top_label .gfield_error .validation_message{font-size: 12px;}
    .testimonials-box .customer-state, .chemistry-page .customer-state, .join-our-team-page .customer-state{padding: 0;}
    .listing-tabbing .image-content-box:first-child .right-content-box > p{font-size: 16px; line-height: 1.38;}
    .color-page .banner-bg {height: 420px;}
    .color-page .page-banner{position: relative}
    .color-page .page-banner-content {position: absolute;top: 50%;left: 50%;width: 100%;padding: 0 15px;transform: translate(-50%, -50%);}
    #join_our_teams #transform-your-home .btn-default{width: 150px;}
    .about-us-page .banner-bg{height: 380px}
    .small-banner .blog-banner{min-height: 100px}
    .blog-listing-page .banner-bg {height: 315px;}
    .listing-single-blog {width: 100%;padding: 15px 0;}
    .blog-image > a {height: auto;}
    .double-width, .most-popular-list, .twitter-video-box{width: 100%;}
    .most-popular-heading {width: 100%;padding: 15px;}
    .most-popular-content, .blog-twitter-page .blog-image {flex-flow: column;}
    .blog-fb-page .blog-expert h2{margin: 0}
    .twitter-video-content {width: 100%;padding: 15px;}
    .twitter-video-content h5 {font-weight: 500;font-size: 18px;margin-bottom: 5px;}
    .twitter-video-content p {line-height: 1.57;margin: 0;}
    .twitter-spraynet-img {margin: 0 15px 0 0;}
    .twitter-spraynet-content p {font-size: 14px;}
    .twitter-video-box > img{max-height: none;}
    .single-blog-content{padding: 20px;}
    .single-blog-img {margin-left: 30px;margin-top: 30px;}
    .single-blog-socials .addtoany_shortcode a{margin-bottom: 15px;}
    .single-blog-content > p {line-height: 20px;margin-bottom: 15px;}
    .single-blog-content p > img {margin: 10px 0 15px 0;}
    .single-blog-top {margin-bottom: 30px;}
    .comment-respond form > p{width: 50%;}
    #related-articles h4::after{margin-top: 0;}
    #find-local-spray-net {padding: 30px 0;}
    #find-local-spray-net h2{margin-bottom: 20px}
    .local-spray-net-title h3{font-size: 18px;}
    .single-local-spray-net > div{padding: 10px;width: 35%}
    .single-local-spray-net > .local-spray-net-title {width: 25%;}
    .local-spray-net-contact > a, .local-spray-net-website > a{font-size: 14px;padding-top: 5px;padding-bottom: 5px;}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1507 > ul, #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-13 > ul {transform: translateX(0);}
    #faq .small-banner .banner-bg, #main_paint_page .small-banner .banner-bg, #color .small-banner .banner-bg, .single-franchise-location .small-banner .banner-bg, #franchise_location .small-banner .banner-bg{height: 420px;}
    #faq .top-padding, #color .top-padding, #main_paint_page .top-padding, #color .top-padding, #transformations .top-padding, .single-franchise-location .top-padding, #franchise_location .top-padding{padding-top: 115px;}
    #transformations .small-banner .banner-bg{height: 420px}
    .slider-color-info{left: 0;bottom: -10px;position: relative;right: auto}
    .slider-color-info h5{margin-bottom: 0;}
    .slider-color-info-box{margin-left: 10px;margin-top: 0;}
    .slider-color-info-box p{margin-bottom: 0;}
    .single-coatings .content-reverse.image-content-box-list .last-coating-slider{flex-flow: column;-moz-flex-flow: column;-webkit-flex-flow: column;}
    .small-banner .page-banner.franchise-location-banner{margin: 0;}
    .consultant-form .ginput_container_fileupload .moxie-shim {width: 100% !important;height: 45px !important;top: 29px !important;opacity: 0;}
    .home-page-banner-section .play-btn-block {padding: 0;}
    .home-page-banner-section .play-btn-block img {max-width: 60px;}
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-menu-column .textwidget ul li a.learn-more-link{opacity: 1;top: 0}
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-menu-column .textwidget p{margin-top: 0;}
    .how-it-possible-block > .home_button_text{line-height: 60px;}
    .default-pages {margin-top: 30px;}
    .fr-lg .banner-content > h1{line-height: normal}
    .job-detail-page-form .bootstrap-filestyle .group-span-filestyle label{padding: 11px;}
    .job-detail-page-form .gform_wrapper .ginput_container span:not(.ginput_price) {margin-bottom: 0;}
    .job-detail-page-form .gform_wrapper .gform_footer {float: none;width: 100%;padding: 0;}
    .single-job .job-detail-page-form .gform_wrapper ul.gform_fields li.gfield{padding: 0;float: none;width: 100%;}
    .available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload .bootstrap-filestyle span.buttonText{margin: 0;}
    .available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload .bootstrap-filestyle .group-span-filestyle label{padding: 10px}
    .available-opportunity-form .gform_wrapper ul.gform_fields li.gfield .ginput_container_fileupload input{padding: 8px !important;}
}

@media screen and (max-width: 639px) {
    /* .job-detail-page-form .bootstrap-filestyle .group-span-filestyle label{padding: 10px;}*/
}

@media screen and (max-width: 600px) {
    .single-take-your-pick-box {margin: 8px 0;padding: 30px;width: 100%;}
    .banner-bg-square .flex-row {flex-flow: column;-moz-flex-flow: column;-webkit-flex-flow: column;}
    .banner-bg-square-left{width: 100%}
    .banner-bg-square-right{margin-top: 20px; width: 100%}
    .selected-square-feet-box .question-box {right: -10px;padding-left: 15px;padding-right: 30px;}
    .selected-square-feet-box .question-box::before{left: auto; right: 10px;}
    #take-your-pick {margin: 0;}
    .residental-exterior-services .square-right-img-slider, .refer-a-friend-banner .square-right-img-slider{top:43%;}
    .residental-exterior-services .square-right-img-slider img, .refer-a-friend-banner .square-right-img-slider img {width: 205px;}
    #take-your-pick {padding-top: 80px;padding-bottom: 80px;}
    #pain-menu li a {margin: 0 10px;font-size:12px;}
    .single-paint img, .single-paint.slick-current img{height: 335px;transform: scale(1);margin: 0;padding: 0 5px;}
    .chemistry-page .customer-state, .join-our-team-page .customer-state{padding-right: 0;}
    #colors-slider {padding: 10px 20px;}
    #faq-section .faq-content{padding: 15px 15px 0 15px;}
    .refer-a-friend-banner .banner-bg-square-left h2, .refer-a-friend-banner .banner-bg-square-left h4, .residental-exterior-services .banner-bg-square-left h2, .residental-exterior-services .banner-bg-square-left h4{width: 50%}
    .bg-square {background-size: 350px;}
    .refer-a-friend-form .gform_wrapper ul.gform_fields li.gfield{float: none;width: 100%;margin: 20px 0 !important;}
    .refer-a-friend-form .btn-default {margin-top: 0;width: 100%;border-radius: 2px;}
    .contact-form-box{padding: 20px;}
    .join-our-team-page .banner-bg {height: 450px}
    .why-spray-net-banner  .innovation-left {margin-top: 20px;}
    .color-name{font-size: 12px;}
    .about-us-page .banner-numbers-block .banner-numbers span > br {display: none;}
    .about-us-page .banner-numbers-block .banner-numbers{margin:0 0 20px 0;width: 100%;}
    .about-us-page .banner-numbers-block {margin: 0;}
    .filter-block select {font-size: 12px; width:30%;}
    .filter-block .filter-find-btn{margin: 0}
    .twitter-spraynet-img {float: none;margin: 0 0 10px 0;}
    .blog-twitter-page .social-page-icon {top: 30%;}
    .twitter-spraynet-content p {margin: 5px 0;}
    .comment-list li .comment{flex-flow: column;padding-bottom: 30px;}
    .comment-meta, .comment-content{width: 100%;}
    .comment-list li .comment > .reply {padding-left: 0;}
    .search-by form{flex-flow: column;margin: 0;}
    .search-by-title {text-align: center;width: 100%;padding: 0;}
    .search-by-select {padding: 10px 0;width: 100%;}
    .search-by-postal-code {width: 100%;padding: 0;}
    .single-local-spray-net > div, .single-local-spray-net > .local-spray-net-title {width: 100%;}
    .single-local-spray-net{flex-flow: column;padding: 10px 5px;}
    .home-page-banner-section{background-position: 70% center;}
    #faq .small-banner .banner-bg, #main_paint_page .small-banner .banner-bg, #color .small-banner .banner-bg, #franchise_location .small-banner .banner-bg{height: 440px;}
    #headline-about-spray-network .benefits-list {padding-left: 15px;padding-right: 15px;}
    #headline-about-spray-network .benefits-list ul li a {font-size: 14px;line-height: 26px;}
    .postid-254 #surface-services .image-content-box-list .image-content-box:nth-child(2) .image-shadow-box img{left:-12%;}
    .postid-255 #surface-services .image-content-box-list .image-content-box:nth-child(3) .image-shadow-box img {right: -12%;}
}

@media screen and (max-width: 479px) {
    br{display: none}
    .innovation-left > div{width:133px;float:none;margin:0 auto 20px auto;text-align:center;}
    .innovation-left > .innovation-left-headings li:first-child{display:none;}
    .innovation-left-headings ul{margin-top:0;margin-right:0;}
    .innovation-left > div li{height:auto;margin-bottom:10px;}
    .innovation-left > div li:first-child{font-size:10px;margin:0 0 15px 0;}
    .innovation-left-headings li{font-size:12px;line-height:normal;letter-spacing:normal;text-align:center;min-height:0;}
    .innovation-left .innovation-left-box-two{margin-top:0;}
    .innovation-left .innovation-left-box-two li > img{position:static;margin-bottom:20px;}
    .innovation-left > .innovation-left-headings{width:auto;}
    .bg-gradient-box{padding-top:30vw;}
    .footer-social > li{margin:0 7px;}
    .residental-exterior-services .square-right-img-slider, .refer-a-friend-banner .square-right-img-slider{position: static;transform: none;}
    .residental-exterior-services .square-right-img-slider img, .refer-a-friend-banner .square-right-img-slider img {width: 100%;}
    .residental-exterior-services {margin-bottom: 40px;}
    #faq-section ul li {margin-bottom: 20px;}
    .image-content-box-list .image-content-box {padding-top: 25px;padding-bottom: 25px;}
    .lets-be-friend-right ul li {margin: 0 2px;}
    .paint-info-boxes{padding-top: 0}
    .thank-you-page .new-look-numbers{margin-bottom: 30px}
    .thank-you-page .logos-list ul > li > p > br{display: none}
    .team-list li {height: 40px;width: 40px;margin: 0 4px;}
    .banner-gradient-bg h2{margin-top: 10px;}
    .team-list {padding-bottom: 20px;}
    .actual-paint-arrow p {font-size: 16px;}
    .actual-paint-arrow p > img {width: 70px;margin: 0 0 0 9px;}
    .single-palettes {width: 75px;margin: 0;}
    .palettes-box, .palettes-of-the-year .palettes-box {width: 60px;height: 60px;border-radius: 7px;}
    .color-page .image-content-box-list .image-content-box .right-content-box .text-with-icon {padding-top: 15px;}
    #color-build {padding: 0 0 40px 0;}
    .custom-tab-menu li a{font-size: 14px;}
    .slider-single-color{width: 50%}
    .palettes-of-the-year-box{padding: 10px;}
    .palettes-of-the-year .single-palettes {width: 90px;}
    .how-to-pik-number-box + h4.underline-heading {margin-left: 15px;font-size: 18px !important;}
    .revamped-over-numbers li {width: 56px;height: 56px;min-width: 0;}
    .revamped-over-numbers li span {font-size: 44px;}
    .filters-images-list{padding:5px 15px;}
    .filters-images-list li {width: 50%;padding: 5px;}
    .filter-block .filter-find-btn {font-size: 12px;}
    .filter-block{text-align: left;}
    .refer-a-friend-banner .input-with-btn > .btn-default{padding: 10px}
    .refer-a-friend-banner .input-with-btn > input{padding: 11px 9px;max-width: calc(100% - 136px);font-size: 10px;}
    .refer-a-friend-banner .banner-bg-square-left h2, .refer-a-friend-banner .banner-bg-square-left h4, .residental-exterior-services .banner-bg-square-left h2, .residental-exterior-services .banner-bg-square-left h4{width: 100%;}
    .bg-square {background-size: 220px;}
    .area-section{padding-top: 30px;}
    .innovation-right {margin-top: 0px;}
    #logos-section{padding: 25px 0 10px 0;}
    .circle-social-icons-box li {margin: 0 11px 25px;}
    #faq-section ul li h4{padding-left: 10px;}
    .banner-as-seen-on {padding-bottom: 20px;}
    .transformations-page .single-customer-box .customer-comments h3 {font-size: 22px;margin-top: 15px;}
    .form-group.form-control-submit input{width: 100%;}
    .join-our-team-page .banner-bg {height: 400px;}
    .thank-you-page .banner-gradient-bg .banner-bg-image {top: 81px;height: 300px;}
    .refer-a-friend-banner .banner-bg-square-right{margin-top: 30px;}
    .refer-a-friend-banner .input-with-btn > input::-webkit-input-placeholder{font-size: 10px;}
    .refer-a-friend-banner .input-with-btn > input::-moz-placeholder{font-size: 10px;}
    .share-comments {float: left;width: 100%;}
    .comment-respond form{margin: 0;}
    .comment-respond form > p{width: 100%;padding: 0}
}

@media screen and (max-width: 370px){
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn.explore-btn::before,
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn.explore-btn::after,
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn::before,
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row li .textwidget .menu-big-btn::after{display: none;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    h1{font-size:40px;line-height:normal;}
    p{margin-bottom: 10px;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{position:static !important;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu{max-width:95%;left:50%;margin-top:30px;transform:translateX(-50%) !important;padding:25px;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu::before{left:50%;}
    #mega-menu-wrap-top #mega-menu-top{margin-top:15px;margin-left:-15px;margin-right:-15px;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{margin:0 6px;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{font-size:13px;height:auto;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo{height:50px;width:65px;margin:0;background-size:100%;position: relative !important;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo > a.mega-menu-link{height: 50px;}
    .top-header .input-with-btn > input{max-width:190px;}
    .fr-lg .top-header .input-with-btn > input{max-width:150px;}
    .home-page-banner-section .banner-image img{height:750px;}
    .how-it-possible-block{margin-top:50px;}
    .consultant-form .form-button > .btn-default{margin-bottom:0;}
    .consultant-form .form-button{margin-top:30px;}
    .consultant-form .form-button > .btn-primary{margin-bottom:15px;}
    .consultant-form .send-photos-form .form-button{margin-top:20px;}
    .logos-list ul > li{margin:0 20px;}
    #innovation-section{padding:75px 0;}
    #innovation-section .flex-row{flex-flow:column;-webkit-flex-flow:column;}
    #innovation-section .flex-row .flex-column{width:100%;}
    .innovation-right{margin-top:50px;}
    #new-look{padding:40px 0;}
    .customer-comments{padding:45px;}
    .bg-gradient-box{margin-top:50px;padding-bottom:40px;}
    #footer-widgets .flex-row{flex-wrap:wrap;-webkit-flex-wrap:wrap;}
    #footer-widgets .flex-row > div{width:190px;}
    #footer-widgets .flex-row > .footer-newsletter{width:100%;max-width:100%;margin-top:20px;}
    .banner-bg-square{padding: 0}
    .banner-bg-square-right {width: 75%;}
    #take-your-pick{margin-bottom: 0}
    #list-portfolio ul li a, #list-portfolio ul li.active a{font-size: 14px}
    .residental-exterior-services .square-right-img-slider img{max-width: 400px;}
    .refer-a-friend-banner .square-right-img-slider img {max-width: 360px;}
    .page-banner {margin: 0 0 30px 0;}
    #video-box, #quality-results, #facebook-comments {padding-bottom: 60px;}
    .content-reverse .image-content-box{padding-top: 20px;padding-bottom: 20px;}
    #quality-results .process-boxes {margin-top: 50px;}
    .steps-content{margin: 0;}
    .steps-list{margin-left: 15px;}
    .steps-list ul li h5 {font-size: 16px;margin-bottom: 10px;}
    .steps-list-content p {font-size: 13px;margin-bottom: 10px;}
    #headline-about-spray-network .benefits-list ul li{padding: 15px;margin-bottom: 10px;}
    .right-content-box h4{line-height: normal; margin-bottom: 20px;}
    .customer-content > h4{font-size: 18px;}
    #headline-about-spray-network .image-content-box {padding: 0;}
    #headline-about-spray-network .image-content-box p {font-size: 14px;margin-bottom: 10px;}
    #testimonials {padding-top: 70px;}
    .surface-service-page .square-right-img-slider .banner-surface-box{width: 420px;}
    #color-build {padding: 20px 0;}
    .palettes-box {width: 95px;height: 95px;}
    .about-palettes-content .palettes-list {margin-top: 30px;}
    .palettes-of-the-year-section {padding-top: 60px;}
    .palettes-of-the-year-box{padding: 10px 15px;}
    .palettes-designer .image-content-box {padding: 0;}
    #how-to-pick {padding-top: 60px;}
    .how-to-pik-number-box + h4.underline-heading{margin-left: 10px;font-size: 20px;}
    .filter-block select, .filter-block .filter-find-btn{margin: 0 20px}
    .transformations-page .logos-list ul > li:first-child {margin: 0 25px;}
    .banner-numbers-block .banner-numbers {margin: 0 15px;}
    .banner-numbers-block .banner-numbers p {font-size: 22px}
    .banner-numbers-block .banner-numbers span{font-size: 12px;}
    .about-us-page .banner-numbers-block .banner-numbers p{font-size: 22px;}
    .about-us-page .banner-numbers-block .banner-numbers span{font-size: 14px;}
    .banner-as-seen-on p{margin: 15px 0 0 0}
    .working-with-spray-net {padding-top: 0;}
    .working-with-spray-net .benefits-list ul li {padding-right: 30px;padding-left: 30px;}
    .opportunity-list {margin-top: 35px;}
    .opportunity-box h5{font-size: 18px;}
    .different-team ul li a{font-size: 12px;}
    .different-team ul li::before {height: 5px;width: 5px;top: 6px;}
    #in-the-office .working-with-spray-net.center {padding-top: 0;}
    #in-the-office {padding-bottom: 30px;}
    .about-us-page .top-padding {padding-top: 150px;}
    #core-values {padding-top: 65px;}
    #core-values .process-boxes {margin-top: 50px;flex-wrap: wrap;justify-content: center;}
    #core-values .single-process-box {width: 33.333333%; margin-bottom: 20px;}
    #our-story{margin-top: 0;}
    .our-story-content h4 {margin-bottom: 30px;}
    .our-story-video-box {padding: 0 0 20px 0;}
    .residental-exterior-services, .refer-a-friend-banner {position: relative;margin-bottom: 50px;}
    .refer-a-friend-steps-box{padding: 20px;}
    .circle-social-icons-box li{margin: 0 15px 15px;}
    .refer-a-friend-steps-box .right-content-box p {margin-top: 15px;}
    .refer-a-friend-popup-box{padding: 30px;max-height: calc(100vh - 150px);max-width: calc(100% - 100px);}
    #our-transformation {margin-top: 50px;}
    #our-transformation  h2.underline-heading {margin-bottom: 20px;}
    #projects-matter {padding-bottom: 0;}
    .franchise-location-page #pain-menu li a{margin: 5px 12px;font-size: 15px;}
    .franchise-location-page  #pain-menu{padding: 15px 0;}
    .available-opportunity-form{padding: 30px 20px;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item-has-children > a.mega-menu-link::after{height: 14px;width: 8px;background-size: 100%;}
    .logos-list ul > li > p {font-size: 18px;line-height: normal;letter-spacing: 2px;}
    .thank-you-page .banner-gradient-bg h3 > br {display: none;}
    .paint-info-content > a{margin-left: 5px; margin-right: 5px;}
    .paint-info-content p{padding-left: 5px;padding-top: 10px}
    .paint-info-content p > a{font-size: 20px;}
    .lets-be-friend-right ul li {margin: 0 5px;}
    #lets-be-friend {padding: 20px 0;}
    .thank-you-page .new-look-numbers{width: 550px;}
    .thank-you-page .new-look-numbers ul > li {padding-left:10px;padding-right:10px;}
    .refer-a-friend-two-page .banner-bg{height: 520px;}
    .chemistry-page .banner-bg, .how-it-works-page .banner-bg, .the-spray-network-page .banner-bg{height: 750px;}
    .chemistry-page .banner-bg > img, .how-it-works-page .banner-bg > img, .the-spray-network-page .banner-bg > img, .refer-a-friend-two-page .banner-bg > img, .review-page .banner-bg > img, .contact-us-page .banner-bg > img{width: 100%; height: 100%;}
    .review-page .banner-bg{height: 620px;}
    .painting-services > a > img{height: 230px;}
    .painting-services h2{font-size: 24px;}
    .refer-a-friend-one-a-page  .banner-gradient-bg h3 > br {display: none}
    .faq-page #pain-menu li a {margin: 5px 6px;font-size: 14px;}
    #pain-menu {padding: 20px 0;}
    .color-page .sticky-paint-menu{top: 50px;}
    .main-paint-page #common-benefits .benefits-list ul li {padding: 20px 10px;}
    #spray-tabbing {padding-bottom: 20px;}
    .single-paint h2{font-size: 30px;padding: 0 30px;}
    #about-paint .image-content-box:last-child .learn-more-link {margin-bottom: 100px;}
    #exterior-painting-services-calgary #spray-tabbing {padding-bottom: 0;margin-bottom: 0;}
    #exterior-painting-services-calgary {padding: 40px 0 20px 0;}
    #projects-matter .process-boxes {margin-top: 60px;flex-wrap: wrap;justify-content: center}
    #projects-matter .process-boxes .single-process-box {width: 33.333333%;margin-bottom: 50px;}
    #we-serve-area{padding-top: 50px;}
    .area-section{padding-top: 0;}
    #contact-us {padding-top: 50px;padding-bottom: 20px;}
    .contact-us-page .page-banner {margin-bottom: 30px;}
    .contact-us-page .banner-bg{height: 450px;}
    .sticky-menu #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo, .sticky-menu #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo > a.mega-menu-link {height: 50px;}
    .sticky-menu #mega-menu-wrap-top #mega-menu-top {margin: 10px -15px;}
    .sticky-menu #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {top: 0;}
    .paint-info-image-box a > img{height: 200px;}
    .filters-images-list li a{height: 130px;}
    .franchise-location-banner ul {padding-bottom: 60px;}
    .thank-you-page #new-look {padding: 65px 0;}
    #palettes-slider .slick-arrow {height:60px;width: 30px;}
    #palettes-slider {margin: 0 15px;}
    #palettes-slider .slick-arrow.slick-next {right: -30px;}
    #palettes-slider .slick-arrow.slick-prev{left: -27px;}
    #customers-slider .slick-arrow.slick-next, #our-crew-slider .slick-arrow.slick-next {right: calc(19vw - 61px);}
    .about-us-banner .banner-as-seen-on {padding-top: 10px;}
    .blog-banner .page-banner-content h1{margin: 0}
    .small-banner .blog-banner{min-height: 140px}
    .blog-listing-page .banner-bg {height: 310px;}
    .listing-single-blog{width: 50%;order: 2;}
    .listing-single-blog.most-popular-blogs{order: 1}
    .double-width{width: 100%}
    .most-popular-heading h2{font-size: 25px}
    .twitter-video-content {padding: 30px;}
    .single-blog-content{padding: 30px;}
    .single-blog-top-left h2{font-size: 26px;}
    .single-blog-img {margin-left: 10px;}
    .single-blog-socials {bottom: 10px;left: -5px;}
    .single-blog-top {margin-bottom: 0;}
    .single-blog-content > p{margin-bottom: 20px;}
    .single-local-spray-net > div{padding: 15px 10px;}
    .filters-main-images > div > img{max-height: 189px;}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1507 > ul::before {left: 23%;}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-13 > ul::before {left: 60%;}
    #find-local-spray-net {padding: 50px 0;}
    .banner-gradient-bg{padding-top:150px;}
    .banner-content > h1 > br{display: none}
    #faq .top-padding, #main_paint_page .top-padding, #color .top-padding{padding-top: 180px;}
    .single-franchise-location .top-padding, #franchise_location .top-padding{padding-top: 170px;}
    .single-franchise-location .small-banner .banner-bg, #franchise_location .small-banner .banner-bg{height: 530px;}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1064368 > ul.mega-sub-menu::before {left: 30%;}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1064367 > ul.mega-sub-menu::before {left: 10%;}
    .default-pages {margin-top: 20px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo{font-size:0;height:110px;width:110px;margin:0 10px;background-size:100%;background-repeat:no-repeat;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{margin:0 10px;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{font-size:14px;}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-13 > ul {transform: translateX(-50%);}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-13 > ul::before {left: 55%;}
    .home-page-banner-section .banner-image img{height:820px;}
    .logos-list ul > li{margin:0 20px;}
    .innovation-left-headings ul{margin-top:10px;margin-right:0;}
    .innovation-left > .innovation-left-headings{padding:0 !important;width:95px;}
    .innovation-left > div{width:110px;padding:10px !important;}
    #innovation-section{padding:85px 0 50px 0;}
    #new-look{padding:40px 0;}
    .bg-gradient-box{padding:18vw 0 40px 0;}
    .customer-video-box{width:100%;max-width:100%;}
    .customer-comments{width:100%;padding:45px;max-width:100%;}
    footer{padding:40px 0;}
    .footer-social > li{margin:0 5px;}
    .single-take-your-pick-box{padding: 20px 15px;}
    .pick-content > p {font-size: 14px;}
    .single-take-your-pick-box:hover {transform: scale(1.15);}
    .pick-icon {width: 45px;height: 45px;}
    .pick-icon img{margin: 11px auto}
    .banner-bg-square {padding: 0;}
    #list-portfolio li{margin: 0;}
    .bg-gradient-box .take-your-pick-left h4{margin-top: 30px;}
    .image-content-box-list .image-content-box {padding-top: 30px;padding-bottom: 30px;}
    .painting-services a > img{height: 250px;}
    .residental-exterior-services .square-right-img-slider img, .refer-a-friend-banner .square-right-img-slider img {max-width: 400px;}
    #formulation-process .image-content-box .right-content-box h4 > br, #quality-results h2 > br, .single-process-box > span > br{display: none}
    .steps-list{padding-left: 10px;}
    #step-to-your-home {padding-bottom: 20px;}
    .surface-service-page .square-right-img-slider .banner-surface-box{position: static}
    #surface-services{padding-top: 50px}
    .slider-color-info {bottom: -60px;}
    #about-paint{padding-bottom: 80px}
    .palettes-box {width: 95px;height: 95px;}
    .color-box{height: 135px}
    .join-our-team-page .page-banner { margin: 0;}
    .join-our-team-page .page-banner-content > h1{padding: 0}
    .banner-numbers-block {margin-top: 0;}
    .banner-numbers-block .banner-numbers{margin: 20px}
    .about-us-page .page-banner {margin: 0;}
    .about-us-page .page-banner-content > h4{margin: 0}
    .headline-box-right h2{font-size: 30px;}
    .headline-box-right h3{font-size: 22px;}
    #review-slider .slick-arrow{display: none !important;}
    .franchise-location-page #pain-menu li a{margin: 5px 40px;}
    .franchise-location-page  #pain-menu{padding: 10px 0;}
    .chemistry-page .banner-bg, .how-it-works-page .banner-bg, .the-spray-network-page .banner-bg, .refer-a-friend-two-page .banner-bg, .review-page .banner-bg{height: 800px;}
    .chemistry-page .banner-bg > img, .the-spray-network-page .banner-bg > img, .how-it-works-page .banner-bg > img, .refer-a-friend-two-page .banner-bg > img, .review-page .banner-bg > img, .contact-us-page .banner-bg > img{width: auto; height: 100%;}
    .paint-info-content p{padding-left: 5px;padding-top: 10px}
    .paint-info-content p > a{font-size: 24px;}
    .lets-be-friend-right ul li {margin: 0 15px;}
    .thank-you-page .new-look-numbers{width: 550px;}
    .thank-you-page .new-look-numbers ul > li {padding-left:10px;padding-right:10px;}
    #exterior-painting-services {margin-top: 30px;}
    #colors-slider{margin: 0 30px;padding: 30px 50px;}
    #palettes-slider {margin: 0 30px;}
    .main-paint-page #common-benefits .benefits-list ul li {margin: 0 1%;}
    .join-our-team-page .banner-bg{height: 500px;}
    .refer-a-friend-page h2.underline-heading + h4 > br{display: none}
    .contact-us-page .page-banner {margin: 30px 0;}
    .contact-us-page .banner-bg{height: 500px;}
    .sticky-menu #mega-menu-wrap-top #mega-menu-top {margin: 10px -15px;}
    .color-page .sticky-paint-menu{top: 60px;}
    .paint-info-image-box a > img{height: 200px;}
    .about-us-page .banner-bg {/*height: 720px;*/height: 550px;}
    .filters-images-list li a{height: 160px;}
    #take-your-pick {margin: 0;padding-top: 10vw;padding-bottom: 15vw;}
    .single-paint h2{font-size: 26px;}
    #customers-slider .slick-arrow.slick-next, #our-crew-slider .slick-arrow.slick-next {right: calc(19vw - 61px);}
    .single-review-box .review-message h4{font-size: 18px;}
    .single-review-box.slick-current .review-message h4{font-size: 19px}
    .single-review-box .review-message::before{height: 30px;width: 35px;}
    .single-review-box .review-message{padding-left: 65px;}
    .twitter-video-content {padding: 30px;}
    .blog-expert a, .most-popular-list .blog-expert a, .blog-twitter-page .blog-expert > a {padding: 15px;min-height: 122px;}
    .blog-expert a > p {font-size: 18px;}
    .twitter-video-box > img{width: auto}
    .single-blog-content{padding: 40px;}
    .single-blog-img {margin-left: 20px;}
    .single-blog-socials{bottom: 10px;}
    .single-blog-top {margin-bottom: 30px;}
    .single-blog-content > p{margin-bottom: 20px;}
    .comment-content {width:90%;}
    .comment-meta{width: 10%;}
    .comment-list li .comment > .reply {padding-left: 10%;}
    .filters-main-images > div > img{max-height: 189px;}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1507 > ul {transform: translateX(-23%);}
    #mega-menu-wrap-top #mega-menu-top > li#mega-menu-item-1507 ul::before {left: 28%;}
    #headline-about-spray-network .benefits-list ul li {padding: 15px;}
    #headline-about-spray-network .benefits-list ul li a {font-size: 13px;line-height: 28px;}
    .wpml-ls-legacy-dropdown{margin-right: 25px;}
    .fr-lg .wpml-ls-legacy-dropdown {margin-right: 10px;}
    .default-pages {margin-top: 30px;}
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{margin:0 15px;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-home-logo{margin:0;}
    .innovation-left > .innovation-left-headings{width:120px;}
    .bg-gradient-box{padding-top:15vw;}
    .customer-comments h3{font-size:24px;}
    .customer-comments{padding:20px;}
    .bg-gradient-box h2{margin-top:60px;}
    .surface-service-page .square-right-img-slider .banner-surface-box{right: 15px;}
    #surface-services{padding-top: 50px}
    .faq-page #pain-menu li a {margin: 0 15px;}
    .franchise-location-page #pain-menu li a{margin: 0 30px;}
    .join-our-team-page .banner-bg{height: 700px;}
    .paint-info-boxes{margin: 0 -15px;}
    .paint-info-box{margin: 0 15px;}
    .paint-info-content p > a{font-size: 32px;}
    .thank-you-page .new-look-numbers{width: 700px;margin-top: -75px;}
    .refer-a-friend-two-page .logos-list ul > li > p > br{display: none}
    #colors-slider{margin: 0 30px;}
    #palettes-slider {margin: 0 30px;}
    .main-paint-page #common-benefits .benefits-list ul li {margin: 0 3%;}
    .review-page .banner-bg, .refer-a-friend-two-page .banner-bg{height: 800px;}
    .review-page .banner-bg > img, .refer-a-friend-two-page .banner-bg > img{width: auto; height: 100%;}
    .consultant-form .gform_wrapper .gform_footer{margin-top: 50px;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu{padding: 35px 25px;}
    #mega-menu-wrap-top ul.mega-sub-menu .mega-menu-row .menu-devider{margin: 20px 0;}
    #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-1507-1, #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row#mega-menu-1507-2{margin-top: 20px;}
    #review-slider .slick-arrow.slick-prev {left: 0;}
    #review-slider .slick-arrow.slick-next {right: 0;}
    .bg-square{background-size: 750px;}
    .about-us-page .banner-bg {height: 700px;}
    #core-values {padding-top: 5vw;}
    .filters-images-list li a{height: 200px;}
    .banner-gradient-bg .banner-bg-image{height: 508px;}
    #take-your-pick {margin: 0;padding-top: 10vw;padding-bottom: 15vw;}
    .single-paint h2{font-size: 28px;}
    #main_paint_page .main-paint-page {overflow-x: hidden;}
    #paints-slider {margin: 50px 50px 0 50px;}
    #other-exterior-paints #paints-slider .slick-arrow.slick-prev {right: calc(100% - 36px);}
    #other-exterior-paints #paints-slider .slick-arrow.slick-next {left: calc(100% - 17px);}
    .residental-exterior-services .square-right-img-slider, .refer-a-friend-banner .square-right-img-slider{max-width: 50%;}
    .single-review-box .review-message h4{font-size: 18px;}
    .single-review-box.slick-current .review-message h4{font-size: 19px}
    .single-review-box .review-message::before{height: 30px;width: 35px;}
    .single-review-box .review-message{padding-left: 65px;}
    .twitter-video-box > img{width: auto}
    .close-youtube-video{height: 15px; width: 15px;}
    .filters-main-images > div > img{max-height: 295px;}
    #headline-about-spray-network .benefits-list ul li {padding: 20px;}
    #headline-about-spray-network .benefits-list ul li a {font-size: 16px;line-height: 28px;}
    #our-crew-slider .customer-comments {padding: 5px 20px;}
    #our-crew-slider h3 {font-size: 16px;}
    .postid-254 #surface-services .image-content-box-list .image-content-box:nth-child(2) .image-shadow-box img{left:-5.5%;}
    .postid-255 #surface-services .image-content-box-list .image-content-box:nth-child(3) .image-shadow-box img {right: -4%;}
    .wpml-ls-legacy-dropdown, .fr-lg .wpml-ls-legacy-dropdown{margin-right: 25px;}
    .home-page-banner-section h1 > br{display: none;}
    .default-pages {margin-top: 100px;}
    .fr-lg #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{font-size: 16px;}
}
@media screen and (min-width: 1366px) and (max-width: 1650px) {
    .customer-comments{padding:30px;}
    .bg-gradient-box h2{margin-top:20px;}
    #colors-slider-section > .container, .about-palettes > .container {padding: 0 25px;}
    .faq-page #pain-menu li a {margin: 5px 10px;}
    .franchise-location-page #pain-menu li a{margin: 0px 40px;}
    .join-our-team-page .banner-bg{height: 800px; max-height: 700px;}
    .customer-video-box > img{height: 26vw;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > ul.mega-sub-menu{padding: 35px 25px;}
    #review-slider .slick-arrow.slick-prev {left: 0;}
    #review-slider .slick-arrow.slick-next {right: 0;}
    .bg-square{background-size: contain;}
    .filters-images-list li a{height: 220px;}
    .banner-gradient-bg .banner-bg-image{height: 508px;}
    #take-your-pick {margin: 0;padding-top: 10vw;padding-bottom: 15vw;}
    .customer-comments h3 {font-size: 26px;}
    .close-youtube-video{height: 15px; width: 15px;}
    .filters-main-images > div > img{max-height: 335px;}
    .about-us-page .banner-bg {height: 750px;}
    #headline-about-spray-network .benefits-list ul li {padding: 25px;}
    #headline-about-spray-network .benefits-list ul li a {font-size: 17px;line-height: 28px;}
    #our-crew-slider .customer-comments {padding: 5px 20px;}
    #our-crew-slider h3 {font-size: 18px;}
    .postid-254 #surface-services .image-content-box-list .image-content-box:nth-child(2) .image-shadow-box img{left:-25.5%;}
    .postid-255 #surface-services .image-content-box-list .image-content-box:nth-child(3) .image-shadow-box img {right: -26%;}
    .area-section::before{max-height:100%;}
}
@media screen and (min-width: 1651px) and (max-width: 1799px) {
    .join-our-team-page .banner-bg{max-height: 730px;}
    .postid-254 #surface-services .image-content-box-list .image-content-box:nth-child(2) .image-shadow-box img {position: relative;left: -38.5%;}
    .postid-255 #surface-services .image-content-box-list .image-content-box:nth-child(3) .image-shadow-box img {right: -38%;}
}
@media screen and (min-width: 1800px) {
    .take-your-pick-boxes {margin-right: -100px;position: relative;left: 100px;}
    .join-our-team-page .banner-as-seen-on{padding-bottom:115px;}
    #banner-slider {width: 665px;max-width: 100%;}
}



/* Style the tab */
#pain-menu .tab {
  overflow: hidden;
}
/* Style the buttons that are used to open the tab content */
#pain-menu li a {
  cursor: pointer;
  transition: 0.3s;
}
#pain-menu li a.active {
  color: #f68118;
}
/* Style the tab content */
#faq-section .tabcontent {
    display: none;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}