@charset "UTF-8";
/*
*	############################################################################
*	
*	Repute - Responsive Multipurpose Bootstrap Theme
*	---------------------------------------------------------------------
*
*	Version		1.0
*	Author		The Develovers
*	Copyright	Copyright 2015 The Develovers
*
*	############################################################################
*/
body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px; 
  color: #4a4a4a;
  line-height: 1.6; }
  body.layout-boxed {
    background-image: url("https://cdn.unitedsecurityins.com/img/gray_jean.png");
    background-repeat: repeat;
    background-color: #ccc; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 5px;
  font-family: "Roboto Condensed", sans-serif;
  color: #474747; }


section {
  margin-bottom: 30px; }

a {
  color: #406da4; }
  a:hover, a:focus {
    color: #355987; }

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
  outline: 0 !important; 
}

hr {
  border-color: #eaeaea; }

td {
  padding: 5px 5px 5px 5px !important; }

/* wrapper */
.wrapper {
  background: #fff; }
  .wrapper > footer {
    background-color: #49494b;
    font-weight: 300;
    color: #eaeaea;

  }

    @media screen and (max-width: 1213px) {
  .special-resize {
    display: flex;
    justify-content: space-between;
  }
}
    .footer-media{
        display:flex;
    }
@media screen and (max-width: 768px) {
    .footer-media {
        display: grid;
    }
}
    .wrapper > footer a {
        color: #fff;
    }

        .wrapper > footer a:hover, .wrapper > footer a:focus {
            color: #fff;
            text-decoration: underline;
        }

        .wrapper > footer a:hover {
            color: Black;
        }

    .wrapper > footer .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .wrapper > footer .logo {
        /*width: 100px;*/
        max-width: 100%;
        margin-bottom: 15px;
    }

    @media screen and (max-width: 768px) {
        .wrapper > footer .container {
            padding: 30px 15px;
        }
    }

    .full-width-section {
        padding: 100px 0;
        background-color: #406da4;
    }

    .layout-boxed .wrapper {
        max-width: 1200px;
        margin: 0 auto;
        box-shadow: 0 0 5px #ccc;
    }

    .widget-title {
        font-size: 18px;
    }

    .section-heading {
        margin-bottom: 20px;
        font-size: 22px;
    }

        .section-heading:after {
            display: block;
            content: '......';
            color: #406da4;
            font-weight: 300;
        }

        .section-heading.panel-title:after {
            display: none;
        }

    /* social background color */
    .facebook-bg {
        background-color: #3b59ab;
    }

    .linkedin-bg {
        background-color: #0e76a8;
    }

    .twitter-bg {
        background-color: #2b97f0;
    }

    .googleplus-bg {
        background-color: #dd4b39;
    }

    .rss-bg {
        background-color: #ff6600;
    }

    /* page header */
    .page-header {
        padding: 5px 0;
        margin: 0;
        border-bottom: 1px solid #eaeaea;
    }

        .page-header .container {
            position: relative;
        }

        .page-header .breadcrumb {
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -18px;
        }

        .page-header .page-title {
            margin: 20px 0;
            font-size: 24px;
        }

    @media screen and (max-width: 768px) {
        .page-header .breadcrumb,
        .page-header .page-title {
            float: none !important;
            text-align: center;
        }

        .page-header .breadcrumb {
            position: inherit;
            top: inherit;
            right: inherit;
        }
    }

    .page-content {
        margin: 40px 0;
    }

    .grey-lg-box{
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .animation-delay-1 {
        -webkit-animation-delay: compact(0.1s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(0.1s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(0.1s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(0.1s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(0.1s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-2 {
        -webkit-animation-delay: compact(0.2s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(0.2s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(0.2s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(0.2s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(0.2s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-3 {
        -webkit-animation-delay: compact(0.3s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(0.3s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(0.3s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(0.3s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(0.3s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-4 {
        -webkit-animation-delay: compact(0.4s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(0.4s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(0.4s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(0.4s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(0.4s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-5 {
        -webkit-animation-delay: compact(0.5s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(0.5s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(0.5s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(0.5s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(0.5s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-6 {
        -webkit-animation-delay: compact(0.6s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(0.6s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(0.6s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(0.6s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(0.6s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-7 {
        -webkit-animation-delay: compact(0.7s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(0.7s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(0.7s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(0.7s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(0.7s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-8 {
        -webkit-animation-delay: compact(0.8s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(0.8s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(0.8s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(0.8s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(0.8s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-9 {
        -webkit-animation-delay: compact(0.9s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(0.9s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(0.9s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(0.9s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(0.9s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-10 {
        -webkit-animation-delay: compact(1s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(1s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(1s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(1s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(1s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-11 {
        -webkit-animation-delay: compact(1.1s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(1.1s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(1.1s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(1.1s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(1.1s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-12 {
        -webkit-animation-delay: compact(1.2s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(1.2s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(1.2s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(1.2s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(1.2s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-13 {
        -webkit-animation-delay: compact(1.3s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(1.3s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(1.3s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(1.3s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(1.3s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-14 {
        -webkit-animation-delay: compact(1.4s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(1.4s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(1.4s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(1.4s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(1.4s !important, false, false, false, false, false, false, false, false, false);
    }

    .animation-delay-15 {
        -webkit-animation-delay: compact(1.5s !important, false, false, false, false, false, false, false, false, false);
        -moz-animation-delay: compact(1.5s !important, false, false, false, false, false, false, false, false, false);
        -ms-animation-delay: compact(1.5s !important, false, false, false, false, false, false, false, false, false);
        -o-animation-delay: compact(1.5s !important, false, false, false, false, false, false, false, false, false);
        animation-delay: compact(1.5s !important, false, false, false, false, false, false, false, false, false);
    }

    /* footer */
    .footer-heading {
        margin: 0 0 13px 0;
        font-size: 16px;
        line-height: 2;
    }

    .footer-nav > li {
        margin-bottom: 10px;
    }

    .copyright {
        padding: 15px 0;
        background-color: #323232;
        font-size: 12px;
    }

    .panel-download{
        font-weight: 600;
        font-size: 15px;
        text-decoration:underline;
    }


    .panel-download .panel-down-btn {
        background-image: url(https://cdn.unitedsecurityins.com/img/icons/download_default_11x11.svg);
        width: 11px;
        height: 11px;
    }

    .panel-category {
        height: 16px;
        width: 38px;
        color: #606161;
        font-family: "Roboto Condensed";
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 16px;
        padding-right: 1%;
    }

    .panel-category-align {
        padding-right: 250px;
    }

    .panel-category-quote {
        padding-right: 155px;
    }

    .modalProgressGreyBackground {
        background: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .modalPopup {
        text-align: center;
        padding-top: 30px;
        border-style: solid;
        border-width: 1px;
        background-color: White;
        width: 300px;
        height: 50px;
    }

    .modalPopupPanel {
        background-color: #ffffff;
        border: 3px solid Black;
        padding: 3px;
        width: 250px;
    }

    .modalPopupPanelLarge {
        background-color: #ffffff;
        border: 3px solid Black;
        padding: 3px;
        width: 400px;
        height: 200%;
    }

    .modalBackground {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    /* Slider */
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0;
    }

        .slick-list:focus {
            outline: none;
        }

    .slick-loading .slick-list {
        background: #fff url("https://cdn.unitedsecurityins.com/img/bx_loader.gif") center center no-repeat;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track {
        -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;
        left: 0;
        top: 0;
        display: block;
    }

        .slick-track:before, .slick-track:after {
            content: "";
            display: table;
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        float: left;
        height: 100%;
        min-height: 1px;
        display: none;
    }

    [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;
    }

    /* Icons */
    /* Arrows */
    .slick-prev, .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 0;
        font-size: 0;
        cursor: pointer;
        background: transparent;
        color: transparent;
        top: 50%;
        margin-top: -10px;
        padding: 0;
        border: none;
        outline: none;
    }

        .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
            outline: none;
            background: transparent;
            color: transparent;
        }

            .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
                opacity: 1;
            }

        .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
            opacity: 0.25;
        }

        .slick-prev:before, .slick-next:before {
            font-family: "fontawesome";
            font-size: 20px;
            line-height: 1;
            color: white;
            opacity: 0.75;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .slick-prev {
        left: -25px;
    }

    [dir="rtl"] .slick-prev {
        left: auto;
        right: -25px;
    }

    .slick-prev:before {
        content: "←";
    }

    [dir="rtl"] .slick-prev:before {
        content: "→";
    }

    .slick-next {
        right: -25px;
    }

    [dir="rtl"] .slick-next {
        left: -25px;
        right: auto;
    }

    .slick-next:before {
        content: "→";
    }

    [dir="rtl"] .slick-next:before {
        content: "←";
    }

    /* Dots */
    .slick-slider {
        margin-bottom: 30px;
    }

    .slick-dots {
        position: absolute;
        bottom: -45px;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        width: 100%;
    }

        .slick-dots li {
            position: relative;
            display: inline-block;
            height: 20px;
            width: 20px;
            margin: 0 5px;
            padding: 0;
            cursor: pointer;
        }

            .slick-dots li button {
                border: 0;
                background: transparent;
                display: block;
                height: 20px;
                width: 20px;
                outline: none;
                line-height: 0;
                font-size: 0;
                color: transparent;
                padding: 5px;
                cursor: pointer;
            }

                .slick-dots li button:hover, .slick-dots li button:focus {
                    outline: none;
                }

                    .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                        opacity: 1;
                    }

                .slick-dots li button:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: "•";
                    width: 20px;
                    height: 20px;
                    font-family: "slick";
                    font-size: 6px;
                    line-height: 20px;
                    text-align: center;
                    color: black;
                    opacity: 0.25;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

            .slick-dots li.slick-active button:before {
                color: black;
                opacity: 0.75;
            }

    /*# sourceMappingURL=slick.css.map */
    /*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

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.
*/
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

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

    @-webkit-keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
        }

        60% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
        }
    }

    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        40% {
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px);
        }

        60% {
            -webkit-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
            transform: translateY(-15px);
        }
    }

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

    @-webkit-keyframes flash {
        0%, 50%, 100% {
            opacity: 1;
        }

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

    @keyframes flash {
        0%, 50%, 100% {
            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 {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        50% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

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

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

        50% {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

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

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

    @-webkit-keyframes shake {
        0%, 100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

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

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

    @keyframes shake {
        0%, 100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

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

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

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

    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }

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

        60% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }

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

        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            transform: rotate(15deg);
        }

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

        60% {
            -webkit-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg);
        }

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

        100% {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

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

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

        10%, 20% {
            -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
        }

        30%, 50%, 70%, 90% {
            -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
        }

        40%, 60%, 80% {
            -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
        }

        100% {
            -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
        }
    }

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

        10%, 20% {
            -webkit-transform: scale(0.9) rotate(-3deg);
            -ms-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
        }

        30%, 50%, 70%, 90% {
            -webkit-transform: scale(1.1) rotate(3deg);
            -ms-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
        }

        40%, 60%, 80% {
            -webkit-transform: scale(1.1) rotate(-3deg);
            -ms-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
        }

        100% {
            -webkit-transform: scale(1) rotate(0);
            -ms-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
        }
    }

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

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    @-webkit-keyframes wobble {
        0% {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

        15% {
            -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg);
        }

        30% {
            -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg);
        }

        45% {
            -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg);
        }

        60% {
            -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg);
        }

        75% {
            -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg);
        }

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

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

        15% {
            -webkit-transform: translateX(-25%) rotate(-5deg);
            -ms-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg);
        }

        30% {
            -webkit-transform: translateX(20%) rotate(3deg);
            -ms-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg);
        }

        45% {
            -webkit-transform: translateX(-15%) rotate(-3deg);
            -ms-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg);
        }

        60% {
            -webkit-transform: translateX(10%) rotate(2deg);
            -ms-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg);
        }

        75% {
            -webkit-transform: translateX(-5%) rotate(-1deg);
            -ms-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg);
        }

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

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

    @-webkit-keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.3);
            transform: scale(0.3);
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

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

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

    @keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.3);
            -ms-transform: scale(0.3);
            transform: scale(0.3);
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
        }

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

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

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

    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
        }

        80% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
            transform: translateY(30px);
        }

        80% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

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

    @-webkit-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(30px);
            transform: translateX(30px);
        }

        80% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }

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

    @keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(30px);
            -ms-transform: translateX(30px);
            transform: translateX(30px);
        }

        80% {
            -webkit-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
            transform: translateX(-10px);
        }

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

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

    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
        }

        80% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }

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

    @keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px);
            transform: translateX(-30px);
        }

        80% {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            transform: translateX(10px);
        }

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

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

    @-webkit-keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
        }

        80% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px);
        }

        80% {
            -webkit-transform: translateY(10px);
            -ms-transform: translateY(10px);
            transform: translateY(10px);
        }

        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

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

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

        25% {
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(0.3);
            transform: scale(0.3);
        }
    }

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

        25% {
            -webkit-transform: scale(0.95);
            -ms-transform: scale(0.95);
            transform: scale(0.95);
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(0.3);
            -ms-transform: scale(0.3);
            transform: scale(0.3);
        }
    }

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

    @-webkit-keyframes bounceOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        20% {
            opacity: 1;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }

    @keyframes bounceOutDown {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        20% {
            opacity: 1;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }

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

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

        20% {
            opacity: 1;
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }

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

        20% {
            opacity: 1;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }

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

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

        20% {
            opacity: 1;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }

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

        20% {
            opacity: 1;
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transform: translateX(-20px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }

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

    @-webkit-keyframes bounceOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        20% {
            opacity: 1;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }

    @keyframes bounceOutUp {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        20% {
            opacity: 1;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }

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

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

        100% {
            opacity: 1;
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

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

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

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

    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

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

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transform: translateX(-20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

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

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

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

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

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

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

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

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

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

    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

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

    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

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

    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
    }

    @keyframes fadeOutDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
        }
    }

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

    @-webkit-keyframes fadeOutDownBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }

    @keyframes fadeOutDownBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }

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

    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
        }
    }

    @keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transform: translateX(-20px);
        }
    }

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

    @-webkit-keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }

    @keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }

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

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
        }
    }

    @keyframes fadeOutRight {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px);
        }
    }

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

    @-webkit-keyframes fadeOutRightBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }

    @keyframes fadeOutRightBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }

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

    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }
    }

    @keyframes fadeOutUp {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
        }
    }

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

    @-webkit-keyframes fadeOutUpBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }

    @keyframes fadeOutUpBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }

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

    @-webkit-keyframes flip {
        0% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        40% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        50% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        80% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        100% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }

    @keyframes flip {
        0% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        40% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        50% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        80% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        100% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }

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

    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
        }

        70% {
            -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
        }

        100% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
    }

    @keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            -ms-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotateX(-10deg);
            -ms-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
        }

        70% {
            -webkit-transform: perspective(400px) rotateX(10deg);
            -ms-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
        }

        100% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            -ms-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
    }

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

    @-webkit-keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
        }

        70% {
            -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
        }

        100% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1;
        }
    }

    @keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            -ms-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotateY(-10deg);
            -ms-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
        }

        70% {
            -webkit-transform: perspective(400px) rotateY(10deg);
            -ms-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
        }

        100% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            -ms-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1;
        }
    }

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

    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }
    }

    @keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            -ms-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            -ms-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }
    }

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

    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }
    }

    @keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            -ms-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            -ms-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }
    }

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

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

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

        80% {
            -webkit-transform: translateX(0%) skewX(-15deg);
            transform: translateX(0%) skewX(-15deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1;
        }
    }

    @keyframes lightSpeedIn {
        0% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            -ms-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
            opacity: 0;
        }

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

        80% {
            -webkit-transform: translateX(0%) skewX(-15deg);
            -ms-transform: translateX(0%) skewX(-15deg);
            transform: translateX(0%) skewX(-15deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateX(0%) skewX(0deg);
            -ms-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1;
        }
    }

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

    @-webkit-keyframes lightSpeedOut {
        0% {
            -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1;
        }

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

    @keyframes lightSpeedOut {
        0% {
            -webkit-transform: translateX(0%) skewX(0deg);
            -ms-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            -ms-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) 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 {
        0% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

    @keyframes rotateIn {
        0% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(-200deg);
            -ms-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

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

    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

    @keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

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

    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

    @keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

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

    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

    @keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

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

    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

    @keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }

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

    @-webkit-keyframes rotateOut {
        0% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
            opacity: 0;
        }
    }

    @keyframes rotateOut {
        0% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(200deg);
            -ms-transform: rotate(200deg);
            transform: rotate(200deg);
            opacity: 0;
        }
    }

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

    @-webkit-keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }

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

    @-webkit-keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
    }

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

    @-webkit-keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
    }

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

    @-webkit-keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }

    @keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }

        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }

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

    @-webkit-keyframes slideInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes slideInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }

        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

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

    @-webkit-keyframes slideInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }

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

    @keyframes slideInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }

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

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

    @-webkit-keyframes slideInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }

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

    @keyframes slideInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }

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

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

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

        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }

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

        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }

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

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

        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }

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

        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }

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

    @-webkit-keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }

    @keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }

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

    @-webkit-keyframes hinge {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(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: rotate(80deg);
            transform: rotate(80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }

        40% {
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }

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

        100% {
            -webkit-transform: translateY(700px);
            transform: translateY(700px);
            opacity: 0;
        }
    }

    @keyframes hinge {
        0% {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            -webkit-transform-origin: top left;
            -ms-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: rotate(80deg);
            -ms-transform: rotate(80deg);
            transform: rotate(80deg);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }

        40% {
            -webkit-transform: rotate(60deg);
            -ms-transform: rotate(60deg);
            transform: rotate(60deg);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }

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

        100% {
            -webkit-transform: translateY(700px);
            -ms-transform: translateY(700px);
            transform: translateY(700px);
            opacity: 0;
        }
    }

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

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%) rotate(-120deg);
            transform: translateX(-100%) rotate(-120deg);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
        }
    }

    @keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%) rotate(-120deg);
            -ms-transform: translateX(-100%) rotate(-120deg);
            transform: translateX(-100%) rotate(-120deg);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            -ms-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
        }
    }

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

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    @-webkit-keyframes rollOut {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(100%) rotate(120deg);
            transform: translateX(100%) rotate(120deg);
        }
    }

    @keyframes rollOut {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            -ms-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateX(100%) rotate(120deg);
            -ms-transform: translateX(100%) rotate(120deg);
            transform: translateX(100%) rotate(120deg);
        }
    }

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

    .multiselect-container {
        position: absolute;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .multiselect-container .input-group {
            margin: 5px;
        }

        .multiselect-container > li {
            padding: 0;
        }

            .multiselect-container > li > a.multiselect-all label {
                font-weight: 700;
            }

            .multiselect-container > li > label.multiselect-group {
                margin: 0;
                padding: 3px 20px;
                height: 100%;
                font-weight: 700;
            }

            .multiselect-container > li > a {
                padding: 0;
            }

                .multiselect-container > li > a > label {
                    margin: 0;
                    height: 100%;
                    cursor: pointer;
                    font-weight: 400;
                    padding: 3px 20px 3px 40px;
                }

                    .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
                        margin: 0;
                    }

                    .multiselect-container > li > a > label > input[type=checkbox] {
                        margin-bottom: 5px;
                    }

    .btn-group > .btn-group:nth-child(2) > .multiselect.btn {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    /*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
    .datepicker {
        top: 0;
        left: 0;
        padding: 4px;
        margin-top: 1px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
    }

        .datepicker:before {
            content: '';
            display: inline-block;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            position: absolute;
            top: -7px;
            left: 6px;
        }

        .datepicker:after {
            content: '';
            display: inline-block;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #ffffff;
            position: absolute;
            top: -6px;
            left: 7px;
        }

        .datepicker > div {
            display: none;
        }

        .datepicker table {
            width: 100%;
            margin: 0;
        }

        .datepicker td,
        .datepicker th {
            text-align: center;
            width: 20px;
            height: 20px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

            .datepicker td.day:hover {
                background: #eeeeee;
                cursor: pointer;
            }

            .datepicker td.day.disabled {
                color: #eeeeee;
            }

            .datepicker td.old,
            .datepicker td.new {
                color: #999999;
            }

            .datepicker td.active,
            .datepicker td.active:hover {
                color: #ffffff;
                background-color: #006dcc;
                background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
                background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
                background-image: -o-linear-gradient(top, #0088cc, #0044cc);
                background-image: linear-gradient(to bottom, #0088cc, #0044cc);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
                border-color: #0044cc #0044cc #002a80;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                *background-color: #0044cc;
                /* Darken IE7 buttons by default so they stand out more given they won't have borders */
                filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            }

                .datepicker td.active:hover,
                .datepicker td.active:hover:hover,
                .datepicker td.active:focus,
                .datepicker td.active:hover:focus,
                .datepicker td.active:active,
                .datepicker td.active:hover:active,
                .datepicker td.active.active,
                .datepicker td.active:hover.active,
                .datepicker td.active.disabled,
                .datepicker td.active:hover.disabled,
                .datepicker td.active[disabled],
                .datepicker td.active:hover[disabled] {
                    color: #ffffff;
                    background-color: #0044cc;
                    *background-color: #003bb3;
                }

                    .datepicker td.active:active,
                    .datepicker td.active:hover:active,
                    .datepicker td.active.active,
                    .datepicker td.active:hover.active {
                        background-color: #003399 \9;
                    }

            .datepicker td span {
                display: block;
                width: 47px;
                height: 54px;
                line-height: 54px;
                float: left;
                margin: 2px;
                cursor: pointer;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

                .datepicker td span:hover {
                    background: #eeeeee;
                }

                .datepicker td span.active {
                    color: #ffffff;
                    background-color: #006dcc;
                    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
                    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
                    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
                    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
                    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
                    background-repeat: repeat-x;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
                    border-color: #0044cc #0044cc #002a80;
                    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                    *background-color: #0044cc;
                    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
                    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                    color: #fff;
                    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                }

                    .datepicker td span.active:hover,
                    .datepicker td span.active:focus,
                    .datepicker td span.active:active,
                    .datepicker td span.active.active,
                    .datepicker td span.active.disabled,
                    .datepicker td span.active[disabled] {
                        color: #ffffff;
                        background-color: #0044cc;
                        *background-color: #003bb3;
                    }

                    .datepicker td span.active:active,
                    .datepicker td span.active.active {
                        background-color: #003399 \9;
                    }

                .datepicker td span.old {
                    color: #999999;
                }

            .datepicker th.switch {
                width: 145px;
            }

            .datepicker th.next,
            .datepicker th.prev {
                font-size: 21px;
            }

        .datepicker thead tr:first-child th {
            cursor: pointer;
        }

            .datepicker thead tr:first-child th:hover {
                background: #eeeeee;
            }

    .input-append.date .add-on i,
    .input-prepend.date .add-on i {
        display: block;
        cursor: pointer;
        width: 16px;
        height: 16px;
    }

    /*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */
    .daterangepicker.dropdown-menu {
        max-width: none;
        z-index: 3000;
    }

    .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
        float: left;
        margin: 4px;
    }

    .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
        float: right;
        margin: 4px;
    }

    .daterangepicker .ranges {
        width: 160px;
        text-align: left;
    }

        .daterangepicker .ranges .range_inputs > div {
            float: left;
        }

            .daterangepicker .ranges .range_inputs > div:nth-child(2) {
                padding-left: 11px;
            }

    .daterangepicker .calendar {
        display: none;
        max-width: 270px;
    }

        .daterangepicker .calendar th, .daterangepicker .calendar td {
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            white-space: nowrap;
            text-align: center;
            min-width: 32px;
        }

    .daterangepicker .ranges label {
        color: #333;
        display: block;
        font-size: 11px;
        font-weight: normal;
        height: 20px;
        line-height: 20px;
        margin-bottom: 2px;
        text-shadow: #fff 1px 1px 0px;
        text-transform: uppercase;
        width: 74px;
    }

    .daterangepicker .ranges input {
        font-size: 11px;
    }

    .daterangepicker .ranges .input-mini {
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        display: block;
        font-size: 11px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        margin: 0 0 10px 0;
        padding: 0 6px;
        width: 74px;
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .daterangepicker .ranges li {
        font-size: 13px;
        background: #f5f5f5;
        border: 1px solid #f5f5f5;
        color: #08c;
        padding: 3px 12px;
        margin-bottom: 8px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
    }

        .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
            background: #08c;
            border: 1px solid #08c;
            color: #fff;
        }

    .daterangepicker .calendar-date {
        border: 1px solid #ddd;
        padding: 4px;
        border-radius: 4px;
        background: #fff;
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 8px auto 0 auto;
        line-height: 30px;
    }

    .daterangepicker {
        position: absolute;
        background: #fff;
        top: 100px;
        left: 20px;
        padding: 4px;
        margin-top: 1px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .daterangepicker.opensleft:before {
            position: absolute;
            top: -7px;
            right: 9px;
            display: inline-block;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-left: 7px solid transparent;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            content: '';
        }

        .daterangepicker.opensleft:after {
            position: absolute;
            top: -6px;
            right: 10px;
            display: inline-block;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent;
            content: '';
        }

        .daterangepicker.opensright:before {
            position: absolute;
            top: -7px;
            left: 9px;
            display: inline-block;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-left: 7px solid transparent;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            content: '';
        }

        .daterangepicker.opensright:after {
            position: absolute;
            top: -6px;
            left: 10px;
            display: inline-block;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent;
            content: '';
        }

        .daterangepicker table {
            width: 100%;
            margin: 0;
        }

        .daterangepicker td, .daterangepicker th {
            text-align: center;
            width: 20px;
            height: 20px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            cursor: pointer;
            white-space: nowrap;
        }

            .daterangepicker td.off {
                color: #999;
            }

            .daterangepicker td.disabled {
                color: #999;
            }

            .daterangepicker td.available:hover, .daterangepicker th.available:hover {
                background: #eee;
            }

            .daterangepicker td.in-range {
                background: #ebf4f8;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

            .daterangepicker td.active, .daterangepicker td.active:hover {
                background-color: #357ebd;
                border-color: #3071a9;
                color: #fff;
            }

            .daterangepicker td.week, .daterangepicker th.week {
                font-size: 80%;
                color: #ccc;
            }

        .daterangepicker select.monthselect, .daterangepicker select.yearselect {
            font-size: 12px;
            padding: 1px;
            height: auto;
            margin: 0;
            cursor: default;
        }

        .daterangepicker select.monthselect {
            margin-right: 2%;
            width: 56%;
        }

        .daterangepicker select.yearselect {
            width: 40%;
        }

        .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
            width: 50px;
            margin-bottom: 0;
        }

    /* ----------------------------------------------------- */
    /* NAVBAR
/* ----------------------------------------------------- */
    /* top bar */
    .topbar {
        text-align: right;
        padding-top: 10px;
        margin-bottom: 5px;
    }

        .topbar .top-nav,
        .topbar .searchbox {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .topbar .top-nav {
            margin-bottom: 0;
        }

        .topbar .searchbox {
            margin-left: 10px;
        }

        .topbar a {
            color: #777;
            font-size: 12px;
        }

            .topbar a:hover, .topbar a:focus {
                color: #333;
            }

        .topbar .btn-link:hover, .topbar .btn-link:focus {
            text-decoration: none;
        }

    @media screen and (max-width: 768px) {
        .topbar {
            text-align: center;
            margin-bottom: 10px;
            margin-top: 15px;
        }

            .topbar .searchbox {
                display: none;
            }
    }

    .searchbox {
        width: 15%;
    }

    .country-selection > li > a {
        font-size: 12px;
    }

    /* navigation bar */
    .navbar {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        margin: 0;
        border-left: none;
        border-right: none;
    }

    .navbar-brand {
        padding: 12px 15px;
    }

        .navbar-brand > img {
            /*width: 100px;*/
        }

        .navbar-brand.navbar-logo-bigger {
            padding: 0 0 0 10px;
        }

            .navbar-brand.navbar-logo-bigger > img {
                /*position: relative;
      top: 13px;
      width: 110px;*/
                max-width: 100%;
            }

    .navbar-toggle {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        background-color: #406da4;
        padding: 5px 10px;
    }

    .navbar-default {
        background-color: #fff;
        border-bottom: 2px solid #e7e7e7;
        border-top: none;
    }

        .navbar-default .navbar-toggle {
            border: none;
        }

            .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
                background-color: #355987;
            }

            .navbar-default .navbar-toggle i {
                color: #fff;
                font-size: 21px;
                line-height: 25px;
            }

        .navbar-default .dropdown-menu .active > a, .navbar-default .dropdown-menu .active a:hover, .navbar-default .dropdown-menu .active a:focus {
            background-color: #6A737E;
        }

    @media screen and (min-width: 992px) {
        .navbar-default .dropdown:hover > .dropdown-menu {
            display: block;
        }

        .navbar-default .dropdown-menu > .dropdown:hover > .dropdown-menu {
            display: block;
        }

        .navbar-default.nav-hover-disabled .dropdown:hover > .dropdown-menu,
        .navbar-default.nav-hover-disabled .dropdown-menu > .dropdown:hover > .dropdown-menu {
            display: none;
        }
    }

    .navbar-default .navbar-nav {
        margin-right: -25px;
    }

        .navbar-default .navbar-nav > li > a {
            font-weight: 600;
            color: #474747;
        }

            .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
                color: #355987;
            }

        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            color: #355987;
            background-color: transparent;
        }

        .navbar-default .navbar-nav > .open > a,
        .navbar-default .navbar-nav > .open > a:hover,
        .navbar-default .navbar-nav > .open > a:focus {
            color: #355987;
            background-color: transparent;
        }

        .navbar-default .navbar-nav .dropdown-toggle i {
            margin-left: 3px;
            color: #b8b8b8;
        }

    .navbar-fixed-top.shrinkable, .navbar-fixed-top.shrinkable .navbar-brand img {
        -webkit-transition: compact(compact(all 0.3s ease-out, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.3s ease-out, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.3s ease-out, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.3s ease-out, false, false, false, false, false, false, false, false, false);
    }

    .navbar-fixed-top.shrink-active {
        top: -42px;
    }

        .navbar-fixed-top.shrink-active .navbar-brand > img {
            width: 90px;
        }

    .navbar-fixed-top .navbar-nav {
        margin-right: -10px;
    }

    .navbar-nav .dropdown-menu {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: compact(2px 2px 15px rgba(0, 0, 0, 0.175), false, false, false, false, false, false, false, false, false);
        -moz-box-shadow: compact(2px 2px 15px rgba(0, 0, 0, 0.175), false, false, false, false, false, false, false, false, false);
        box-shadow: compact(2px 2px 15px rgba(0, 0, 0, 0.175), false, false, false, false, false, false, false, false, false);
        padding: 0;
        top: 99%;
        border: none;
        border-top: 2px solid #32557f;
    }

        .navbar-nav .dropdown-menu > li > a {
            padding: 8px 12px;
            font-size: 13px;
        }

            .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
                background-color: #6A737E;
                color: #fff;
            }

            .navbar-nav .dropdown-menu > li > a i {
                position: absolute;
                right: 11px;
                top: 11px;
            }

        .navbar-nav .dropdown-menu .dropdown.open > a,
        .navbar-nav .dropdown-menu .dropdown.open > a:hover,
        .navbar-nav .dropdown-menu .dropdown.open > a:focus {
            color: #fff;
            background-color: #6A737E;
        }

        .navbar-nav .dropdown-menu .dropdown-menu {
            top: -2px;
            left: 100%;
            border: 1px solid #E8E8E8;
            border-left: 1px solid #6A737E;
            min-width: 190px;
        }

            .navbar-nav .dropdown-menu .dropdown-menu li {
                display: block;
            }

    @media screen and (max-width: 992px) {
        .navbar-toggle {
            display: block;
            margin-right: 0;
        }

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

        .navbar-collapse.collapse,
        .navbar-collapse.collapsing {
            padding-left: 0;
            padding-right: 0;
        }

            .navbar-collapse.collapse.in {
                display: block !important;
                overflow-y: auto !important;
            }

        .navbar-header,
        .navbar-nav,
        .navbar-nav > li {
            float: none !important;
        }

        .navbar-default .navbar-nav {
            margin-right: 0;
        }

            .navbar-default .navbar-nav a {
                padding-top: 8px;
                padding-bottom: 8px;
            }

            .navbar-default .navbar-nav li > a > i {
                position: absolute;
                right: 15px;
                top: 9px;
                font-size: 18px;
            }

            .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
            .navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active.open > a:hover, .navbar-default .navbar-nav > .active.open > a:focus {
                background-color: #406da4;
                color: #fff;
            }

            .navbar-default .navbar-nav .open .dropdown-menu {
                -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
                -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
                box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
                position: static;
                float: none;
                width: auto;
                margin-top: 0;
                border: none;
            }

                .navbar-default .navbar-nav .open .dropdown-menu > li > a {
                    padding: 5px 15px 5px 25px;
                    color: #4a4a4a;
                }

                .navbar-default .navbar-nav .open .dropdown-menu > li.active > a {
                    color: inherit;
                    background-color: #E7E7E7;
                }

        .dropdown-menu .dropdown .dropdown-menu {
            display: block;
            padding-left: 12px;
        }

        .dropdown-menu .dropdown a > i {
            display: none;
        }
    }

    @media screen and (max-width: 768px) {
        .navbar-brand {
            margin-top: 0;
        }

        .navbar-collapse.collapse,
        .navbar-collapse.collapsing {
            padding-left: 15px;
            padding-right: 15px;
        }

        .navbar-default .navbar-nav {
            margin-left: 0;
        }

            .navbar-default .navbar-nav .dropdown-menu .dropdown a {
                background-color: inherit;
            }

            .navbar-default .navbar-nav .dropdown-menu .dropdown i {
                display: none;
            }
    }

    @media screen and (max-width: 767px) {
        .navbar-toggle {
            margin-right: 15px;
        }

        .navbar > .container .navbar-brand {
            margin-left: 5px;
        }
    }

    @media screen and (min-width: 768px) {
        .navbar > .container .navbar-brand {
            margin-left: -10px;
        }
    }
    /* ----------------------------------------------------- */
    /* HERO UNIT 
/* Types: slider with animated object, default slider
/* ----------------------------------------------------- */
    .hero-unit-animated {
        padding: 100px 0;
        color: #fff;
        background-image: url("https://cdn.unitedsecurityins.com/img/hero-unit-bg.png");
        background-repeat: no-repeat;
        background-position: center -75px;
    }

        .hero-unit-animated .hero-heading {
            font-family: "Roboto Condensed", sans-serif;
            font-size: 42px;
            font-weight: 300;
            color: #fff;
        }

        .hero-unit-animated .lead {
            font-size: 24px;
        }

        .hero-unit-animated .hero-button {
            padding: 10px 40px;
            margin-top: 24px;
            background-color: #406da4;
            border: none;
        }

            .hero-unit-animated .hero-button:hover, .hero-unit-animated .hero-button:focus {
                background-color: #3c6699;
            }

    @media screen and (max-width: 1200px) {
        .hero-unit-animated .hero-left {
            max-width: 100%;
            float: none !important;
            text-align: center;
        }

        .hero-unit-animated .hero-heading {
            font-size: 36px;
        }

        .hero-unit-animated .lead {
            font-size: 18px;
        }

        .hero-unit-animated .hero-right {
            display: none;
        }
    }

    .hero-left {
        max-width: 50%;
    }

    /* carousel */
    .carousel-control {
        -webkit-transition: compact(compact(all 0.2s ease-in-out, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.2s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.2s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.2s ease-in-out, false, false, false, false, false, false, false, false, false);
        position: absolute;
        top: 50%;
        margin-top: -22px;
        bottom: inherit;
        width: 45px;
        height: 45px;
        /*background: #777;*/
    }

        .carousel-control:hover {
            background: #6a6a6a;
        }

        .carousel-control.left, .carousel-control.right {
            background-image: none;
        }

        .carousel-control .fa {
            line-height: 45px;
        }

    .carousel-indicators {
        bottom: -90px;
    }

        .carousel-indicators > li {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
            background-color: #fff;
        }

            .carousel-indicators > li.active {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
                opacity: 1;
            }

    /* hero unit slider */
    .hero-unit-slider {
        /* hero unit with slick carousel */
    }

        .hero-unit-slider .carousel-inner > .item {
            overflow: hidden;
        }

        .hero-unit-slider .carousel-caption {
            bottom: inherit;
            top: 8em;
            text-shadow: none;
        }

        .hero-unit-slider .hero-heading {
            font-size: 50px;
            color: #fff;
        }

        .hero-unit-slider .hero-button {
            border: 3px solid #fff;
            color: #fff;
        }

        .hero-unit-slider .hero-button-dark {
            border: 3px solid #fff;
            background: #406da4;
            color: #fff;
        }

        .hero-unit-slider .hero-button:hover, .hero-unit-slider .hero-button:focus {
            background: #406da4;
            color: #fff;
        }

        .hero-unit-slider .hero-button-dark:hover, .hero-unit-slider .hero-button-dark:focus {
            opacity: 0.7
        }

        .hero-unit-slider .carousel-indicators {
            bottom: 0;
        }

        .hero-unit-slider .carousel-control {
            background: rgba(0, 0, 0, 0.2);
        }

            .hero-unit-slider .carousel-control:hover {
                background: rgba(0, 0, 0, 0.3);
            }

    @media screen and (min-width: 1200px) and (max-width: 1440px) {
        .hero-unit-slider .carousel-caption {
            top: 10em;
        }
    }

    @media screen and (max-width: 1200px) {
        .hero-unit-slider .carousel-inner > .item > img {
            max-width: inherit;
        }
    }

    @media screen and (max-width: 768px) {
        .hero-unit-slider .carousel-caption {
            top: 11em;
        }

        .hero-unit-slider .hero-heading {
            font-size: 28px;
        }

        .hero-unit-slider .lead {
            font-size: 16px;
        }

        .hero-unit-slider .hero-button {
            font-size: 13px;
        }
    }

    .hero-unit-slider .slick-carousel .slick-slider {
        margin-bottom: 0;
    }

    .hero-unit-slider .slick-carousel .slick-prev, .hero-unit-slider .slick-carousel .slick-next {
        top: 50%;
        margin-top: -22.5px;
        width: 45px;
        height: 45px;
    }

        .hero-unit-slider .slick-carousel .slick-prev:hover, .hero-unit-slider .slick-carousel .slick-prev:focus, .hero-unit-slider .slick-carousel .slick-next:hover, .hero-unit-slider .slick-carousel .slick-next:focus {
            background: rgba(0, 0, 0, 0.3);
        }

    .hero-unit-slider .slick-carousel .slick-prev {
        left: 0;
    }

    .hero-unit-slider .slick-carousel .slick-dots {
        position: absolute;
        bottom: 20px;
    }

        .hero-unit-slider .slick-carousel .slick-dots button {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
            background-color: #fff;
        }

        .hero-unit-slider .slick-carousel .slick-dots .slick-active button {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }

    /* ----------------------------------------------------- */
    /* BOOTSTRAP UI ELEMENTS 
/* All styles that override bootstrap elements
/* ----------------------------------------------------- */
    /* button */
    .btn {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition: compact(compact(all 0.2s ease-in-out, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(all 0.2s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(all 0.2s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(all 0.2s ease-in-out, false, false, false, false, false, false, false, false, false);
    }

        .btn:active, .btn.active {
            -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
            -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
            box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
        }

    .btn-primary {
        background-color: #406da4;
        border-color: #3c6699;
    }

        .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
        .btn-primary .open > .dropdown-toggle.btn-primary {
            background-color: #3c6699;
            border-color: #355987;
        }

    .colored-btn-primary {
        border: 3px solid #0000;
        border-radius: 6px;
        background: linear-gradient(white,white) padding-box, linear-gradient(90deg,#0056A7,#D71920) border-box;
    }

        .colored-btn-primary:hover, .colored-btn-primary:focus, .colored-btn-primary:active {
            border: 3px solid #0000;
            border-radius: 6px;
            background: linear-gradient(#F0F0F0,#F0F0F0) padding-box, linear-gradient(90deg,#0056A7,#D71920) border-box;
        }

    .btn-colored-size {
        color: #0056A7;
        font-size: 21px;
        padding: 10px 20px;
    }

    .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
        -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
        box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
    }

    /* input groups */
    .input-group-lg > .form-control,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .btn {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

    .input-group-sm > .form-control,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .btn {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
    }

    .form-control,
    .input-group-addon {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
    }

        .input-group-addon .fa {
            min-width: 14px;
        }

    /* tabs */
    .nav-tabs > li > a {
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-border-radius-topright: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px;
        font-size: 14px;
    }

    @media screen and (max-width: 480px) {
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            background-color: #406da4;
            color: #fff;
        }
    }

    .nav .open > a, .nav .open a:hover, .nav .open a:focus {
        border-color: #fff;
    }

    .nav-pills > li > a {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        background-color: #406da4;
    }

    .nav-tabs.tabs-iconized > li i,
    .nav-pills.tabs-iconized > li i {
        position: relative;
        margin-right: 3px;
        top: 3px;
        font-size: 20px;
    }

    .custom-tabs-left {
        border-bottom: none;
    }

        .custom-tabs-left > .nav-tabs {
            float: left;
            margin-right: 19px;
            border-right: 1px solid #ccc;
            border-bottom: none;
        }

            .custom-tabs-left > .nav-tabs > li {
                float: none;
            }

                .custom-tabs-left > .nav-tabs > li a {
                    -moz-border-radius-topleft: 2px;
                    -webkit-border-top-left-radius: 2px;
                    border-top-left-radius: 2px;
                    -moz-border-radius-bottomleft: 2px;
                    -webkit-border-bottom-left-radius: 2px;
                    border-bottom-left-radius: 2px;
                    min-width: 74px;
                    margin-right: -1px;
                }

                    .custom-tabs-left > .nav-tabs > li a:hover, .custom-tabs-left > .nav-tabs > li a:focus {
                        background: transparent;
                        border-color: transparent;
                    }

            .custom-tabs-left > .nav-tabs .active a, .custom-tabs-left > .nav-tabs .active a:hover, .custom-tabs-left > .nav-tabs .active a:focus {
                border: 1px solid #ccc;
                border-right-color: #fff;
                color: inherit;
                background-color: #fff;
            }

        .custom-tabs-left .tab-content {
            padding-top: 5px;
        }

    .custom-tabs-line {
        text-align: center;
    }

        .custom-tabs-line ul {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

            .custom-tabs-line ul > li {
                float: left;
            }

                .custom-tabs-line ul > li a {
                    color: #707070;
                }

                    .custom-tabs-line ul > li a:hover, .custom-tabs-line ul > li a:focus {
                        color: #4a4a4a;
                        background-color: transparent;
                    }

        .custom-tabs-line.tabs-line-top {
            border-top: 1px solid #ccc;
        }

            .custom-tabs-line.tabs-line-top ul > li {
                margin-top: -1px;
            }

            .custom-tabs-line.tabs-line-top a {
                border-top: 1px solid transparent;
            }

            .custom-tabs-line.tabs-line-top .active a {
                border-top-color: #406da4;
            }

        .custom-tabs-line.tabs-line-bottom {
            border-bottom: 1px solid #ccc;
        }

            .custom-tabs-line.tabs-line-bottom ul > li {
                margin-bottom: -1px;
            }

            .custom-tabs-line.tabs-line-bottom a {
                border-bottom: 1px solid transparent;
            }

            .custom-tabs-line.tabs-line-bottom .active a {
                border-bottom: 1px solid #406da4;
            }

    .tab-content {
        padding: 15px 8px;
    }

    .tab-pane.text-center img {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
    }

    /* accordion, collapsible content */
    .panel-group .panel .panel-title > a i {
        font-size: 18px;
    }

        .panel-group .panel .panel-title > a i.icon-collapsed {
            display: none;
        }

    .panel-group .panel .panel-title > a.collapsed .icon-expanded {
        display: none;
    }

    .panel-group .panel .panel-title > a.collapsed .icon-collapsed {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        vertical-align: baseline;
    }

    /* alerts */
    .alert {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
    }

    div[class*="col-"] > .form-group {
        margin-left: 0;
        margin-right: 0;
    }

    /* pagination */
    .pagination > li > a,
    .pagination > li > span {
        color: #406da4;
    }

        .pagination > li > a:hover, .pagination > li > span:hover,
        .pagination > li > a:focus, .pagination > li > span:focus {
            background-color: #5281bb;
            border-color: #406da4;
            color: #fff;
        }

    .pagination > li:first-child > a, .pagination > li:first-child > span {
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-border-radius-bottomleft: 2px;
        -webkit-border-bottom-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .pagination > li:last-child > a, .pagination > li:last-child > span {
        -moz-border-radius-topright: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px;
        -moz-border-radius-bottomright: 2px;
        -webkit-border-bottom-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    .pagination > .active > a:hover, .pagination > .active > span:hover,
    .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #5281bb;
        border-color: #406da4;
        color: #fff;
    }

    .pagination > .active > a, .pagination > .active > span {
        background-color: #406da4;
        border-color: #396192;
    }

    .pagination.borderless > li > a,
    .pagination.borderless > li > span {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        border-color: transparent;
        margin: 0 1px;
    }

    .pagination.borderless > li:first-child > a,
    .pagination.borderless > li:first-child > span, .pagination.borderless > li:last-child > a,
    .pagination.borderless > li:last-child > span {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .pagination.borderless > li.active > a,
    .pagination.borderless > li.active > span {
        color: #fff;
        background-color: #406da4;
    }

        .pagination.borderless > li.active > a:hover, .pagination.borderless > li.active > a:focus,
        .pagination.borderless > li.active > span:hover,
        .pagination.borderless > li.active > span:focus {
            color: #fff;
            background-color: #406da4;
        }

    .pager li > a:hover, .pager li > a:focus {
        background-color: #406da4;
        border-color: #3c6699;
        color: #fff;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        border-color: #ddd;
    }

    /* ----------------------------------------------------- */
    /* UI ELEMENTS 
/* All styles related with custom UI elements, overrides
/* plugin styles
/* ----------------------------------------------------- */
    .btn-toggle,
    .btn-toggle.focus {
        background-color: #eaeaea;
        color: #a8a8a8;
        border-color: #d7d7d7;
    }

        .btn-toggle.active,
        .btn-toggle.focus.active {
            background-color: #F0AD4E;
            border-color: #EEA236;
            color: #fff;
        }

            .btn-toggle.active:hover,
            .btn-toggle.focus.active:hover {
                color: #fff;
            }

        .btn-toggle:hover {
            color: #808080;
        }

    .control-inline {
        display: -moz-inline-stack !important;
        display: inline-block !important;
        vertical-align: middle !important;
        zoom: 1 !important;
    }

    .form-horizontal.label-left .control-label {
        text-align: left;
    }

    /* slick plugin */
    .slick-carousel {
        position: relative;
    }

    .slick-next,
    .slick-prev {
        position: absolute;
        right: 16px;
        top: 17px;
        left: inherit;
        width: 30px;
        height: 30px;
        background-color: #406da4;
        color: #fff;
    }

        .slick-next:hover, .slick-next:focus,
        .slick-prev:hover,
        .slick-prev:focus {
            background-color: #396192;
        }

    .slick-prev {
        right: 47px;
    }

        .slick-prev:before {
            content: '\f104';
        }

    .slick-next:before {
        content: '\f105';
    }

    .slick-dots {
        position: relative;
        bottom: 0;
        margin-top: 15px;
    }

        .slick-dots li {
            width: 12px;
            height: 12px;
        }

            .slick-dots li button {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                width: 12px;
                height: 12px;
                background-color: #e8e8e8;
            }

                .slick-dots li button:before {
                    font-family: initial;
                    font-size: 0;
                }

            .slick-dots li.slick-active button {
                background-color: #c2c2c2;
            }

    /* boxed content */
    .boxed-content {
        text-align: center;
        margin-bottom: 35px;
    }

        .boxed-content > i {
            font-size: 8em;
            color: #406da4;
        }

        .boxed-content .boxed-content-title {
            font-size: 22px;
            font-weight: 700;
        }

        .boxed-content.left-aligned {
            text-align: left;
        }

            .boxed-content.left-aligned .boxed-content-title {
                margin-bottom: 10px;
                line-height: 28px;
                font-weight: normal;
            }

            .boxed-content.left-aligned i {
                float: left;
                margin-right: 10px;
                font-size: 2em;
            }

        .boxed-content.left-boxed-icon i {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
            padding: 10px;
            width: 60px;
            height: 60px;
            background: #406da4;
            color: #fff;
            text-align: center;
            line-height: 40px;
        }

        .boxed-content.left-boxed-icon .boxed-content-title,
        .boxed-content.left-boxed-icon p {
            padding-left: 80px;
        }

    /* testimonial */
    .testimonial-body {
        position: relative;
        margin: 0 auto;
    }

        .testimonial-body p {
            font-size: 1.5em;
            font-style: italic;
            font-weight: 300;
            color: #717171;
        }

        .testimonial-body.smaller-font p {
            font-size: 14px;
        }

    .testimonial-author {
        padding-top: 20px;
    }

        .testimonial-author img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            margin-right: 12px;
        }

        .testimonial-author .author-name {
            font-weight: 700;
        }

        .testimonial-author em {
            display: block;
        }

    .testimonial-fancy i {
        position: absolute;
        top: -12px;
        font-size: 3em;
        color: #406da4;
        z-index: 1;
    }

    .testimonial-fancy .testimonial-body {
        width: 80%;
    }

    .testimonial-fancy .testimonial-author {
        padding-left: 60px;
    }

    @media screen and (max-width: 768px) {
        .testimonial-fancy .testimonial-body {
            width: 100%;
        }
    }

    .testimonial.slick-carousel .slick-prev, .testimonial.slick-carousel .slick-next {
        top: auto;
        bottom: 0;
        background-color: #eaeaea;
    }

        .testimonial.slick-carousel .slick-prev:before, .testimonial.slick-carousel .slick-next:before {
            color: #4a4a4a;
        }

        .testimonial.slick-carousel .slick-prev:hover, .testimonial.slick-carousel .slick-next:hover {
            background-color: #dddddd;
        }

    .testimonial.slick-carousel .testimonial-body {
        padding: 0 1px;
        /* fix truncated testimonial body by slick */
    }

    @media screen and (max-width: 480px) {
        .testimonial.slick-carousel .slick-prev, .testimonial.slick-carousel .slick-next {
            bottom: inherit;
        }
    }

    .testimonial-bubble {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        padding: 15px 15px 15px 54px;
        margin: 10px;
        background: #ebebeb;
    }

        .testimonial-bubble:after {
            content: "";
            position: absolute;
            bottom: -20px;
            left: 50px;
            border-width: 20px 0 0 20px;
            border-style: solid;
            border-color: #ebebeb transparent;
        }

    @media screen and (max-width: 480px) {
        .testimonial-bubble {
            padding: 15px 20px;
        }
    }

    .testimonial-with-bg {
        padding: 120px 0;
        background-image: url("https://cdn.unitedsecurityins.com/img/testimonial-bg.png");
        background-attachment: fixed;
        background-position: center center;
        color: #fff;
    }

        .testimonial-with-bg .testimonial-body p {
            color: #fff;
            font-style: normal;
            font-size: 1.8em;
        }

        .testimonial-with-bg .testimonial {
            margin-bottom: 0;
        }

            .testimonial-with-bg .testimonial.slick-carousel .slick-next, .testimonial-with-bg .testimonial.slick-carousel .slick-prev {
                background-color: transparent;
            }

                .testimonial-with-bg .testimonial.slick-carousel .slick-next:before, .testimonial-with-bg .testimonial.slick-carousel .slick-prev:before {
                    color: #fff;
                }

                .testimonial-with-bg .testimonial.slick-carousel .slick-next:hover, .testimonial-with-bg .testimonial.slick-carousel .slick-prev:hover {
                    background-color: rgba(255, 255, 255, 0.08);
                }

    .mobile .testimonial-with-bg {
        background-attachment: inherit;
        background-position: center -35em;
    }

    @media screen and (max-width: 480px) {
        .testimonial-with-bg .testimonial-body p {
            font-size: 1.3em;
        }
    }
    /* client logo list */
    .list-client-logo {
        text-align: justify;
        margin-bottom: 0;
    }

        .list-client-logo:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .list-client-logo:before {
            content: '';
            display: block;
        }

    @media screen and (max-width: 768px) {
        .list-client-logo img {
            width: 85px;
        }
    }

    /* call to action */
    .call-to-action {
        background-color: #ebebeb;
        padding: 25px 0;
        margin-bottom: 0;
    }

        .call-to-action .section-heading {
            margin: 0;
            font-size: 36px;
            line-height: 45px;
        }

            .call-to-action .section-heading:after {
                display: none;
            }

        .call-to-action span {
            position: relative;
            top: 2px;
            font-size: 18px;
        }

    @media screen and (max-width: 768px) {
        .call-to-action {
            text-align: center;
        }

            .call-to-action .pull-left, .call-to-action .pull-right {
                width: 100%;
                float: none !important;
            }

            .call-to-action .btn {
                margin-top: 10px;
            }

            .call-to-action span {
                top: 7px;
            }
    }

    /* social connect icons */
    ul.social-icons li a {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        display: block;
        width: 50px;
        height: 50px;
        font-size: 24px;
        color: #fff;
        text-align: center;
    }

        ul.social-icons li a.facebook-bg:hover, ul.social-icons li a.facebook-bg:focus {
            background-color: #344f98;
        }

        ul.social-icons li a.linkedin-bg:hover, ul.social-icons li a.linkedin-bg:focus {
            background-color: #3071a9;
        }

        ul.social-icons li a.twitter-bg:hover, ul.social-icons li a.twitter-bg:focus {
            background-color: #138bee;
        }

        ul.social-icons li a.googleplus-bg:hover, ul.social-icons li a.googleplus-bg:focus {
            background-color: #d73925;
        }

        ul.social-icons li a.rss-bg:hover, ul.social-icons li a.rss-bg:focus {
            background-color: #e65c00;
        }

        ul.social-icons li a i {
            position: relative;
            top: 8px;
        }

    /* newsletter form */
    .newsletter-form {
        margin-top: 20px;
    }

        .newsletter-form .form-control {
            font-size: 14px;
        }

        .newsletter-form .input-group-lg > .form-control,
        .newsletter-form .input-group-lg > .input-group-btn > .btn {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            border: none;
        }

        .newsletter-form .input-group-lg > .form-control {
            -moz-border-radius-topright: 0;
            -webkit-border-top-right-radius: 0;
            border-top-right-radius: 0;
            -moz-border-radius-bottomright: 0;
            -webkit-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
            background: #414143;
            outline: none;
        }

            .newsletter-form .input-group-lg > .form-control:focus {
                -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
                -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
                box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
            }

        .newsletter-form .input-group-lg > .input-group-btn > .btn {
            -moz-border-radius-topleft: 0;
            -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
            -moz-border-radius-bottomleft: 0;
            -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
            background-color: #406da4;
            font-size: 14px;
            padding: 10px;
            min-width: 93px;
        }

            .newsletter-form .input-group-lg > .input-group-btn > .btn:hover, .newsletter-form .input-group-lg > .input-group-btn > .btn:focus {
                background-color: #396192;
            }

            .newsletter-form .input-group-lg > .input-group-btn > .btn i {
                display: none;
            }

            .newsletter-form .input-group-lg > .input-group-btn > .btn.loading i {
                display: inline;
            }

            .newsletter-form .input-group-lg > .input-group-btn > .btn.loading span {
                display: none;
            }

        .newsletter-form .input-group-lg .input-group-btn:last-child > .btn {
            margin-left: 0;
        }

        .newsletter-form .alert {
            -webkit-transition: compact(compact(all 0.3s ease-out, false, false, false, false, false, false, false, false, false) false false);
            -moz-transition: compact(compact(all 0.3s ease-out, false, false, false, false, false, false, false, false, false) false false false);
            -o-transition: compact(compact(all 0.3s ease-out, false, false, false, false, false, false, false, false, false) false false false);
            transition: compact(all 0.3s ease-out, false, false, false, false, false, false, false, false, false);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            padding: 5px;
            border: none;
            font-size: 12px;
            background: transparent;
            color: #fff;
            font-weight: 600;
        }

            .newsletter-form .alert.active {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
                opacity: 1;
            }

            .newsletter-form .alert.alert-danger {
                color: #DF6967;
            }

            .newsletter-form .alert.alert-success {
                color: #69C76A;
            }

            .newsletter-form .alert a {
                color: #fff;
                text-decoration: underline;
            }

                .newsletter-form .alert a:hover, .newsletter-form .alert a:focus {
                    text-decoration: none;
                }

    .widget {
        margin-bottom: 40px;
    }

    /* sharing tools */
    .sharing-tools > li {
        padding-left: 3px;
        padding-right: 3px;
    }

        .sharing-tools > li > a {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
            display: block;
            width: 25px;
            height: 25px;
            line-height: 25px;
            font-size: 14px;
            color: #fff;
            text-align: center;
        }

    /* bootstrap multiselect */
    .input-group.input-group-lg > .input-group-btn > .multiselect + .btn-group > .btn {
        height: 46px;
    }

    .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
        line-height: 24px;
    }

    /* sidebar navigation */
    ul.sidebar-nav {
        padding-left: 0;
    }

        ul.sidebar-nav li {
            padding: 0;
        }

            ul.sidebar-nav li a {
                display: block;
                padding: 10px 15px;
                color: #4a4a4a;
            }

                ul.sidebar-nav li a:hover {
                    color: #406da4;
                }

            ul.sidebar-nav li.current a {
                color: #406da4;
                font-weight: 700;
            }

        ul.sidebar-nav .list-group-item.active,
        ul.sidebar-nav .list-group-item.active:hover,
        ul.sidebar-nav .list-group-item.active:focus {
            background-color: #fff;
            border-color: #ddd;
        }

        ul.sidebar-nav li.has-submenu:after {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            position: absolute;
            right: 10px;
            top: 11px;
            font-family: "FontAwesome";
            content: '\f105';
            color: #4a4a4a;
        }

        ul.sidebar-nav li.has-submenu.active {
            background-color: #fff;
            border-color: #ddd;
        }

            ul.sidebar-nav li.has-submenu.active:after {
                content: '\f107';
            }

            ul.sidebar-nav li.has-submenu.active > a,
            ul.sidebar-nav li.has-submenu.active li.active > a {
                color: #406da4;
                font-weight: 700;
            }

        ul.sidebar-nav ul.submenu {
            padding-left: 10px;
        }

            ul.sidebar-nav ul.submenu li:first-child a {
                padding-top: 0;
            }

    /* breadcrumb */
    .breadcrumb > li.active {
        color: #406da4;
    }

    .breadcrumb a {
        color: #4a4a4a;
    }

        .breadcrumb a:hover, .breadcrumb a:focus {
            text-decoration: none;
            color: #406da4;
        }

    .breadcrumb.link-accent > li.active {
        color: inherit;
    }

    .breadcrumb.link-accent a {
        color: #406da4;
    }

        .breadcrumb.link-accent a:hover, .breadcrumb.link-accent a:focus {
            text-decoration: none;
            color: #355987;
        }

    .breadcrumb.separator-arrow > li + li:before {
        padding: 0 8px;
        font-family: "FontAwesome";
        content: '\f105';
    }

    /* google maps */
    .google-map > div {
        height: 350px;
    }

    /* fancy checkbox and radio button */
    .fancy-checkbox {
        display: block;
    }

        .fancy-checkbox input[type="checkbox"] {
            display: none;
        }

            .fancy-checkbox input[type="checkbox"] + span {
                display: -moz-inline-stack;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                zoom: 1;
                *display: inline;
                cursor: pointer;
                position: relative;
                font-size: 13px;
                margin-right: 10px;
            }

                .fancy-checkbox input[type="checkbox"] + span:before {
                    display: -moz-inline-stack;
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    zoom: 1;
                    *display: inline;
                    position: relative;
                    bottom: 1px;
                    width: 18px;
                    height: 18px;
                    margin-right: 8px;
                    content: "";
                    border: 1px solid #ccc;
                }

            .fancy-checkbox input[type="checkbox"]:checked + span:before {
                font-family: FontAwesome;
                content: '\f00c';
                font-size: 11px;
                color: #fff;
                text-align: center;
                line-height: 16px;
                background: #406da4;
                border: 1px solid #406da4;
            }

    .fancy-radio {
        display: block;
    }

        .fancy-radio input[type="radio"] {
            display: none;
        }

            .fancy-radio input[type="radio"] + span {
                display: block;
                cursor: pointer;
                position: relative;
                margin-right: 15px;
                font-size: 13px;
            }

                .fancy-radio input[type="radio"] + span i {
                    display: -moz-inline-stack;
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    zoom: 1;
                    *display: inline;
                    -webkit-border-radius: 8px;
                    -moz-border-radius: 8px;
                    -ms-border-radius: 8px;
                    -o-border-radius: 8px;
                    border-radius: 8px;
                    position: relative;
                    bottom: 1px;
                    content: "";
                    border: 1px solid #ccc;
                    width: 18px;
                    height: 18px;
                    margin-right: 8px;
                }

            .fancy-radio input[type="radio"]:checked + span i:after {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                display: block;
                position: relative;
                top: 3px;
                left: 3px;
                content: '';
                width: 10px;
                height: 10px;
                background-color: #406da4;
            }

    /* switch checkbox and radio */
    .switch-input {
        display: block;
        position: relative;
        line-height: 1;
        margin-bottom: 4px;
        padding: 10px 60px 0 0;
        cursor: pointer;
    }

        .switch-input input {
            position: absolute;
            left: -9999px;
        }

            .switch-input input:checked + i {
                border-color: #406da4;
            }

                .switch-input input:checked + i:before {
                    right: 33px;
                }

                .switch-input input:checked + i:after {
                    content: attr(data-swon-text);
                    text-align: right;
                    color: #777;
                }

        .switch-input i {
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
            border-radius: 20px;
            content: '';
            display: block;
            position: absolute;
            top: 6px;
            right: 0;
            width: 50px;
            height: 20px;
            border-width: 1px;
            border-style: solid;
            border-color: #ccc;
            background: #fff;
            font-style: normal;
        }

            .switch-input i:before {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                -webkit-transition-property: compact(right, false, false, false, false, false, false, false, false, false);
                -moz-transition-property: compact(right, false, false, false, false, false, false, false, false, false);
                -o-transition-property: compact(right, false, false, false, false, false, false, false, false, false);
                transition-property: compact(right, false, false, false, false, false, false, false, false, false);
                -webkit-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false, false);
                -moz-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false, false);
                -o-transition-duration: compact(0.1s, false, false, false, false, false, false, false, false, false);
                transition-duration: compact(0.1s, false, false, false, false, false, false, false, false, false);
                -webkit-transition-timing-function: compact(ease-in, false, false, false, false, false, false, false, false, false);
                -moz-transition-timing-function: compact(ease-in, false, false, false, false, false, false, false, false, false);
                -o-transition-timing-function: compact(ease-in, false, false, false, false, false, false, false, false, false);
                transition-timing-function: compact(ease-in, false, false, false, false, false, false, false, false, false);
                content: '';
                display: block;
                position: absolute;
                top: 4px;
                right: 4px;
                width: 10px;
                height: 10px;
                background-color: #406da4;
            }

            .switch-input i:after {
                content: attr(data-swoff-text);
                position: absolute;
                top: 2px;
                right: 8px;
                left: 8px;
                font-weight: 700;
                font-size: 10px;
                line-height: 15px;
                color: #aaaaaa;
            }

    /* date picker */
    .datepicker > div {
        padding: 5px 20px;
    }

    .datepicker th, .datepicker td {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
    }

        .datepicker td.active:active, .datepicker td.active.active {
            background-image: none;
            background-color: #406da4;
            border-color: #32557f;
            color: #fff;
        }

        .datepicker td.active:hover {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
        }

            .datepicker td.active:hover:active, .datepicker td.active:hover.active {
                background-image: none;
                background-color: #406da4;
                border-color: #32557f;
            }

        .datepicker th.next,
        .datepicker th.prev {
            font-size: 14px;
        }

    .datepicker .switch {
        text-align: center;
    }

    .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled,
    .datepicker table tr td.active [disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
        background-color: #406da4;
        border-color: #32557f;
    }

    /* date range picker */
    .daterangepicker .calendar-date {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .daterangepicker th .input-mini, .daterangepicker th li, .daterangepicker td .input-mini, .daterangepicker td li,
    .daterangepicker .ranges .input-mini,
    .daterangepicker .ranges li {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .daterangepicker td {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

        .daterangepicker td.active, .daterangepicker td.active:hover {
            background-color: #406da4;
            border-color: #32557f;
        }

        .daterangepicker td.in-range {
            background: #e8eef6;
        }

    .number-info p {
        font-size: 28px;
        font-weight: 300;
        line-height: 1.3;
        margin-bottom: 0;
    }

        .number-info p span {
            font-size: 0.5em;
        }

    .number-info.horizontal i {
        font-size: 30px;
        line-height: 1.2;
    }

    .number-info.horizontal p {
        padding-left: 40px;
        line-height: 1;
        text-align: left;
    }

        .number-info.horizontal p span {
            display: block;
            margin-top: 5px;
        }

    @media screen and (max-width: 768px) {
        .number-info.horizontal {
            margin-top: 30px;
            margin-bottom: 30px;
            text-align: center;
        }

            .number-info.horizontal i {
                float: none !important;
            }

            .number-info.horizontal p {
                display: -moz-inline-stack;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                zoom: 1;
                *display: inline;
                padding-left: 0;
            }
    }

    @media screen and (max-width: 480px) {
        .number-info.horizontal i {
            float: none !important;
            display: block;
            margin-bottom: 10px;
            margin-right: 0;
        }

        .number-info.horizontal p {
            text-align: center;
        }
    }

    .number-info.vertical {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
    }

        .number-info.vertical i {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            width: 60px;
            margin-bottom: 5px;
            font-size: 36px;
        }

        .number-info.vertical p span {
            display: block;
        }

    @media screen and (max-width: 768px) {
        .number-info.vertical {
            margin-bottom: 30px;
        }
    }

    .number-info.info-big p {
        font-size: 4em;
    }

    .info-chart {
        text-align: center;
    }

        .info-chart .chart-title {
            display: block;
            font-size: 24px;
        }

    @media screen and (max-width: 768px) {
        .info-chart .chart-title {
            margin-bottom: 50px;
        }
    }

    .pie-chart {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        position: relative;
        width: 180px;
        margin-bottom: 20px;
    }

        .pie-chart canvas {
            position: absolute;
            top: 0;
            left: 0;
        }

        .pie-chart .percent {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            line-height: 180px;
            z-index: 2;
            font-size: 36px;
            font-weight: 300;
        }

            .pie-chart .percent:after {
                margin-left: 0.1em;
            }

    /* parsley erorr list */
    .parsley-errors-list {
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
        *zoom: 1;
    }

        .parsley-errors-list li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            white-space: nowrap;
        }

        .parsley-errors-list li {
            color: #D9534F;
            font-size: 0.9em;
            margin-top: 3px;
        }

    /* latest news */
    .news-item img {
        width: 140px;
    }

    .news-item .right {
        padding-left: 150px;
    }

    .news-item .news-title {
        margin-bottom: 5px;
        margin-top: 0;
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
    }

    .news-item p {
        font-size: 12px;
    }

    .news-item a {
        color: inherit;
    }

        .news-item a:hover, .news-item a:focus {
            color: #406da4;
        }

    .news-featured img {
        width: 100%;
        margin-bottom: 15px;
    }

    .news-featured .news-title {
        font-size: 22px;
        width: 100%;
    }

    .news-featured p {
        font-size: inherit;
    }

    .news-featured .news-meta {
        font-size: 11px;
        color: #777;
    }

    .see-all-news {
        border: 1px solid #e4e4e4;
        font-size: 16px;
        text-align: center;
    }

        .see-all-news a {
            display: block;
            padding: 30px 0;
        }

    @media screen and (max-width: 480px) {
        .news-item img {
            float: none !important;
            width: 100%;
            margin-bottom: 10px;
        }

        .news-item .right {
            padding-left: 0;
        }
    }

    @media screen and (max-width: 768px) {
        .news-item .news-title {
            width: 100%;
        }
    }

    @media screen and (max-width: 992px) {
        .news-featured {
            margin-bottom: 30px;
        }
    }

    @media screen and (min-width: 992px) and (max-width: 1200px) {
        .news-item img {
            width: 110px;
        }

        .news-item .right {
            padding-left: 120px;
        }

        .news-item.news-featured img {
            width: 100%;
        }
    }
    /* ----------------------------------------------------- */
    /* PORTFOLIO 
/* Portfolio carousel, portfolio list, single portfolio
/* ----------------------------------------------------- */
    /* general portfolio item with hovered caption */
    .portfolio-item {
        position: relative;
    }

        .portfolio-item .overlay {
            width: 100%;
            height: 100%;
            position: absolute;
            background-color: rgba(64, 109, 164, 0.9);
        }

        .portfolio-item .info {
            position: absolute;
            top: 50%;
            margin-top: -49px;
            width: 100%;
            text-align: center;
            color: #fff;
        }

        .portfolio-item .media-wrapper {
            overflow: hidden;
        }

        .portfolio-item .title {
            font-family: inherit;
            color: #fff;
        }

        .portfolio-item .brief-description {
            font-weight: 300;
        }

        .portfolio-item .overlay, .portfolio-item .info {
            -webkit-transition: compact(compact(all 200ms ease-out, false, false, false, false, false, false, false, false, false) false false);
            -moz-transition: compact(compact(all 200ms ease-out, false, false, false, false, false, false, false, false, false) false false false);
            -o-transition: compact(compact(all 200ms ease-out, false, false, false, false, false, false, false, false, false) false false false);
            transition: compact(all 200ms ease-out, false, false, false, false, false, false, false, false, false);
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
        }

        .portfolio-item img {
            -webkit-transition: compact(compact(all 0.2s linear, false, false, false, false, false, false, false, false, false) false false);
            -moz-transition: compact(compact(all 0.2s linear, false, false, false, false, false, false, false, false, false) false false false);
            -o-transition: compact(compact(all 0.2s linear, false, false, false, false, false, false, false, false, false) false false false);
            transition: compact(all 0.2s linear, false, false, false, false, false, false, false, false, false);
            max-width: 100%;
        }

        .portfolio-item:hover img, .portfolio-item:focus img {
            -webkit-transform: scale(1.3, 1.3);
            -moz-transform: scale(1.3, 1.3);
            -ms-transform: scale(1.3, 1.3);
            -o-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
        }

        .portfolio-item:hover .overlay, .portfolio-item:hover .info, .portfolio-item:focus .overlay, .portfolio-item:focus .info {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
            z-index: 1;
        }

        .portfolio-item a, .portfolio-item a:hover, .portfolio-item a:focus {
            color: #fff;
        }

        .portfolio-item .btn {
            background-color: #4474af;
            border: 1px solid #396192;
        }

            .portfolio-item .btn:hover, .portfolio-item .btn:focus {
                color: #fff;
                background-color: #406da4;
            }

    .portfolio-nospace .portfolio-item {
        margin-bottom: 0;
    }

    .portfolio-static {
        margin: 0 10px;
    }

        .portfolio-static .portfolio-item {
            margin-left: -10px;
            margin-right: -10px;
        }

    /* portfolio with slick carousel */
    .slick-carousel .portfolio-item {
        width: 500px;
    }

    /* portfolio list with isotope filter */
    .isotope-item {
        z-index: 2;
    }

    .isotope-hidden.isotope-item {
        pointer-events: none;
        z-index: 1;
    }

    /* Isotope CSS3 transitions */
    .isotope, .isotope .isotope-item {
        -webkit-transition-property: compact(height, width, false, false, false, false, false, false, false, false);
        -moz-transition-property: compact(height, width, false, false, false, false, false, false, false, false);
        -o-transition-property: compact(height, width, false, false, false, false, false, false, false, false);
        transition-property: compact(height, width, false, false, false, false, false, false, false, false);
    }

        .isotope, .isotope .isotope-item {
            -webkit-transition-duration: compact(0.4s, false, false, false, false, false, false, false, false, false);
            -moz-transition-duration: compact(0.4s, false, false, false, false, false, false, false, false, false);
            -o-transition-duration: compact(0.4s, false, false, false, false, false, false, false, false, false);
            transition-duration: compact(0.4s, false, false, false, false, false, false, false, false, false);
        }

            .isotope .isotope-item {
                -webkit-transition-property: compact(transform, opacity, false, false, false, false, false, false, false, false);
                -moz-transition-property: compact(transform, opacity, false, false, false, false, false, false, false, false);
                -o-transition-property: compact(transform, opacity, false, false, false, false, false, false, false, false);
                transition-property: compact(transform, opacity, false, false, false, false, false, false, false, false);
            }

                /* disabling Isotope CSS3 transitions */
                .isotope.no-transition, .isotope .no-transition.isotope-item, .isotope.no-transition .isotope-item, .isotope .no-transition.isotope-item .isotope-item,
                .isotope .isotope-item.no-transition {
                    -webkit-transition-duration: compact(0s, false, false, false, false, false, false, false, false, false);
                    -moz-transition-duration: compact(0s, false, false, false, false, false, false, false, false, false);
                    -o-transition-duration: compact(0s, false, false, false, false, false, false, false, false, false);
                    transition-duration: compact(0s, false, false, false, false, false, false, false, false, false);
                }

    /* portfolio isotope filters */
    .portfolio-item-filters {
        text-align: center;
        margin-bottom: 30px;
    }

        .portfolio-item-filters li {
            padding: 0;
            margin-left: -2px;
            margin-right: -2px;
        }

            .portfolio-item-filters li:first-child {
                margin-left: 0;
            }

            .portfolio-item-filters li a {
                -webkit-transition: compact(compact(all 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false);
                -moz-transition: compact(compact(all 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
                -o-transition: compact(compact(all 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
                transition: compact(all 0.3s ease-in-out, false, false, false, false, false, false, false, false, false);
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -ms-border-radius: 2px;
                -o-border-radius: 2px;
                border-radius: 2px;
                display: block;
                padding: 7px 14px;
                color: inherit;
            }

                .portfolio-item-filters li a:hover, .portfolio-item-filters li a:focus {
                    text-decoration: none;
                    outline: none;
                    color: #406da4;
                }

                .portfolio-item-filters li a.active {
                    background-color: #406da4;
                    color: #fff;
                }

    /* portfolio items */
    .portfolio-item-wrapper {
        -webkit-transition: compact(compact(height 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false);
        -moz-transition: compact(compact(height 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
        -o-transition: compact(compact(height 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false false);
        transition: compact(height 0.3s ease-in-out, false, false, false, false, false, false, false, false, false);
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        height: auto;
        margin-bottom: 30px;
    }

    .portfolio-item-list {
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .portfolio-item-list li {
            padding: 0;
            overflow: hidden;
        }

            .portfolio-item-list li img {
                max-width: 100%;
                width: 100%;
            }

        .portfolio-item-list.spaced {
            width: auto;
        }

            .portfolio-item-list.spaced li {
                padding: 0 5px;
            }

        .portfolio-item-list.list-col-4 li {
            width: 25%;
        }

        .portfolio-item-list.list-col-3 li {
            width: 33.333333%;
        }

        .portfolio-item-list.list-col-2 li {
            width: 50%;
        }

    @media screen and (max-width: 548px) {
        .portfolio-item-list.list-col-2 li, .portfolio-item-list.list-col-3 li, .portfolio-item-list.list-col-4 li {
            width: 100%;
        }
    }

    @media screen and (min-width: 548px) and (max-width: 1024px) {
        .portfolio-item-list.list-col-2 li, .portfolio-item-list.list-col-3 li, .portfolio-item-list.list-col-4 li {
            width: 50%;
        }
    }

    /* single portfolio item */
    .portfolio-media img {
        width: 100%;
        max-width: 100%;
    }

    .portfolio-media .slick-dots {
        position: absolute;
        margin-bottom: 25px;
    }

        .portfolio-media .slick-dots li {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
            margin: 0 3px;
        }

            .portfolio-media .slick-dots li button {
                width: 10px;
                height: 10px;
                background-color: #fff;
            }

            .portfolio-media .slick-dots li.slick-active {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
                opacity: 1;
            }

                .portfolio-media .slick-dots li.slick-active button {
                    width: 12px;
                    height: 12px;
                    background-color: #fff;
                }

    .portfolio-media .slick-next, .portfolio-media .slick-prev {
        background-color: rgba(210, 210, 210, 0.19);
    }

        .portfolio-media .slick-next:hover, .portfolio-media .slick-prev:hover {
            background-color: rgba(210, 210, 210, 0.6);
        }

    .portfolio-media .slick-next {
        right: 7px;
    }

    .portfolio-media .slick-prev {
        right: 40px;
    }

    .project-detail-list {
        margin-bottom: 25px;
    }

        .project-detail-list > li {
            margin-bottom: 15px;
        }

        .project-detail-list strong {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            min-width: 80px;
        }

    .portfolio-related {
        margin-top: 50px;
    }

    /* ----------------------------------------------------- */
    /* BLOG 
/* Blog list, blog single item
/* ----------------------------------------------------- */
    /* blog list */
    .blog a:hover, .blog a:focus {
        text-decoration: none;
    }

    .blog .entry-title a {
        color: inherit;
    }

        .blog .entry-title a:hover, .blog .entry-title a:focus {
            color: #406da4;
        }

    .blog .entry-header {
        margin-bottom: 20px;
    }

    .blog h2 {
        font-size: 22px;
    }

    .blog .meta-line {
        color: #adadad;
    }

        .blog .meta-line span {
            margin-right: 15px;
        }

        .blog .meta-line .post-comment {
            margin-right: 0;
        }

        .blog .meta-line a {
            color: inherit;
            font-weight: 600;
        }

            .blog .meta-line a:hover, .blog .meta-line a:focus {
                color: #406da4;
            }

    .blog .featured-video,
    .blog .featured-image {
        margin-bottom: 20px;
    }

        .blog .featured-image img {
            max-width: 100%;
        }

        .blog .featured-video iframe {
            border: none;
        }

        .blog .featured-video .post-date-info {
            z-index: 9999;
        }

    .blog.medium-thumbnail .featured-video .fluid-width-video-wrapper {
        position: relative;
        height: 0;
        padding-top: 1px !important;
        padding-bottom: 70%;
    }

        .blog.medium-thumbnail .featured-video .fluid-width-video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .blog .post-date-info {
        position: absolute;
        padding: 7px 0;
        width: 60px;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        font-weight: 300;
    }

    .blog .post-date,
    .blog .post-month,
    .blog .post-year {
        display: block;
        text-align: center;
    }

    .blog .post-date {
        font-size: 20px;
    }

    .blog .post-month,
    .blog .post-year {
        font-size: 11px;
        line-height: 1.3;
    }

    .blog hr {
        margin: 35px 0;
    }

    @media screen and (max-width: 768px) {
        .blog .meta-line > div {
            display: block;
            float: none !important;
        }
    }

    @media screen and (max-width: 480px) {
        .blog .post-tags {
            display: none;
        }
    }

    /* latest posts, recent posts */
    .blogposts, .recent-comments {
        margin-bottom: 0;
    }

        .blogposts li, .recent-comments li {
            margin-bottom: 20px;
        }

            .blogposts li:last-child, .recent-comments li:last-child {
                margin-bottom: 0;
            }

        .blogposts .post-title {
            margin-bottom: 0;
            font-family: inherit;
            font-size: 13px;
            line-height: 1.6;
        }

        .blogposts span {
            font-size: 11px;
        }

        /* recent comments */
        .recent-comments img {
            width: 40px;
            height: 40px;
        }

        .recent-comments .media-heading {
            font-family: inherit;
            font-size: 13px;
            line-height: 1.3;
        }

    .category-list li a {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #eaeaea;
        color: inherit;
        font-weight: 600;
    }

        .category-list li a:hover, .category-list li a:focus {
            color: #406da4;
        }

    .sub-category-list {
        padding-left: 10px;
        list-style: none;
    }

    /* tag list */
    .tag-list {
        padding-left: 5px;
    }

        .tag-list li {
            padding-right: 0;
        }

            .tag-list li a {
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -ms-border-radius: 2px;
                -o-border-radius: 2px;
                border-radius: 2px;
                display: block;
                margin-bottom: 5px;
                padding: 4px 10px;
                background-color: #406da4;
                color: #fff;
                border: 1px solid transparent;
            }

                .tag-list li a:hover, .tag-list li a:focus {
                    background-color: #fff;
                    border-color: #777;
                    color: #4a4a4a;
                }

    /* blog single item */
    .blog.single .section-heading {
        margin-top: 0;
        font-family: inherit;
        font-size: 21px;
        font-weight: 600;
    }

    .social-sharing .section-heading {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        font-size: 18px !important;
        margin-bottom: 0;
        margin-right: 10px;
        line-height: 22px;
        font-weight: normal !important;
    }

        .social-sharing .section-heading:after {
            display: none;
        }

    .sharing-tools {
        margin-bottom: 0;
    }

    .author-info .author-name {
        font-size: 18px;
    }

    /* related post */
    .related-post-list img {
        width: 275px;
        max-width: 100%;
    }

    .related-post-list a {
        display: block;
    }

    .related-post-list .post-title {
        margin-top: 10px;
        font-size: 16px;
    }

    @media screen and (max-width: 768px) {
        .related-post-list li {
            margin-bottom: 30px;
        }

            .related-post-list li:last-child {
                margin-bottom: 0;
            }

        .related-post-list img {
            width: 100%;
        }
    }

    /* comments */
    .comments .media-left {
        float: left;
    }

    .comments .avatar {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        display: block;
        width: 45px;
        height: 45px;
    }

        .comments .avatar.anonymous {
            font-size: 22px;
            background-color: #ccc;
            color: #8c8c8c;
            text-align: center;
            line-height: 45px;
        }

    .comments .comment-author {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin-right: 10px;
        font-family: inherit;
        font-size: 16px;
    }

    .comments .comment-by-author {
        padding: 5px;
        background: #FCF7D9;
    }

    /* --------------*/
    /* TYPOGRAPHY 
/* -------------*/
    .text-body-color {
        color: #4a4a4a !important;
    }

    .text-white-color {
        color: #fff;
    }

    .text-dashed {
        border-bottom: 1px dashed #4a4a4a;
    }

    .text-accent-color {
        color: #406da4;
    }

    .dropcap {
        float: left;
        min-width: 31px;
        padding: 5px 0;
        margin: 5px 8px 0 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
        background-color: #406da4;
        color: #FFF;
    }

        .dropcap.dropcap-big {
            min-width: 50px;
            padding: 8px 0;
            margin: 5px 10px 0 0;
            font-size: 36px;
            font-weight: 400;
            line-height: 36px;
        }

    .list-iconed i {
        font-size: 15px;
    }

    .heading-center {
        text-align: center;
        margin-bottom: 50px;
    }

        .heading-center .section-heading {
            font-size: 40px;
            margin-bottom: 0;
        }

        .heading-center hr {
            width: 80px;
            margin-top: 40px;
            border-color: #406da4;
        }

    .contact-info.contact-half {
        margin-left: 2.5em;
    }

        .contact-info.contact-half li {
            font-size: 18px;
            margin-bottom: 30px;
        }

        .contact-info.contact-half i {
            font-size: 21px;
            line-height: 21px;
        }




    /*------------------------------------------------*/
    /*	Page: Plans 
/*------------------------------------------------*/
    .plans-icon {
        height: 52px;
        width: 52px;
    }

    .header-icon > span {
        font-size: 30px;
        align-items: center;
        align-content: center;
        display: inline;
        margin-left: 13px;
        margin-top: 10px;
        font-family: "Roboto Condensed", sans-serif;
        color: #474747;
    }

    .special-panel:hover {
        border-color: silver;
    }

    .special-panel-heading:hover {
        background-color: rgb(220,220,220);
    }

    .panel-default > .panel-heading > .panel-title {
        background: none;
    }





    /*------------------------------------------------*/
    /*	Page: FAQ
/*------------------------------------------------*/

    .panel-group-faq {
        margin-bottom: 60px;
    }

        .panel-group-faq .panel-heading {
            padding-left: 0;
        }

        .panel-group-faq .panel-minimal .panel-heading + .panel-collapse > .panel-body {
            margin-top: 0;
        }

        .panel-group-faq .panel-title {
            font-family: inherit;
            font-size: 16px;
            line-height: 1.6;
        }

        .panel-group-faq .panel-body {
            padding-left: 0;
        }

        .panel-group-faq.top-faq .panel-heading {
            padding: 15px 0;
        }

            .panel-group-faq.top-faq .panel-heading .number {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                display: -moz-inline-stack;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                zoom: 1;
                *display: inline;
                width: 30px;
                height: 30px;
                margin-right: 10px;
                color: #fff;
                line-height: 1.6;
                text-align: center;
                background-color: #406da4;
            }

        .panel-group-faq.top-faq .panel-title {
            font-size: 18px;
        }

        .panel-group-faq.top-faq .panel-body {
            padding-left: 40px;
        }

    .faq-footer {
        position: relative;
        margin-top: 15px;
        padding: 5px 8px;
        background-color: #e7e7e7;
        font-size: 11px;
    }

        .faq-footer .share {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            position: absolute;
            right: 8px;
        }

    @media screen and (max-width: 768px) {
        .faq-footer {
            font-size: 13px;
        }

            .faq-footer .share {
                display: block;
                position: relative;
                right: 0;
            }
    }

    .faq-further-links-list {
        margin: 30px 0;
    }

        .faq-further-links-list > li {
            width: 20em;
        }

    /*------------------------------------------------*/
    /*	Page: Search Results
/*------------------------------------------------*/
    .page-search-result h2 {
        font-size: 1.8em;
        margin-bottom: 30px;
        margin-top: 0;
    }

        .page-search-result h2 .search-result-info {
            font-size: 0.5em;
        }

    .page-search-result ul.list-results li {
        margin: 30px 0;
    }

        .page-search-result ul.list-results li h3 {
            margin: 0;
            font-size: 1.5em;
        }

            .page-search-result ul.list-results li h3 a:hover, .page-search-result ul.list-results li h3 a:focus {
                text-decoration: underline;
            }

        .page-search-result ul.list-results li .result-url {
            color: #008000;
        }

        .page-search-result ul.list-results li p {
            margin-bottom: 0;
        }

        .page-search-result ul.list-results li.type-document i {
            font-size: 6em;
            line-height: 1;
        }

        .page-search-result ul.list-results li.type-image img {
            width: 140px;
        }

    @media screen and (max-width: 480px) {
        .page-search-result ul.list-results li.type-image img {
            width: 110px;
        }
    }

    .page-search-result ul.list-results li.type-portfolio img {
        width: 150px;
    }

    /*------------------------------------------------*/
    /*	Page: Pricing Tables
/*------------------------------------------------*/
    .multiple-pricing-table {
        text-align: center;
    }

        .multiple-pricing-table .plan-heading {
            margin-bottom: 50px;
        }

            .multiple-pricing-table .plan-heading h4 {
                font-size: 28px;
            }

        .multiple-pricing-table .pricing-badge {
            background-image: url("https://cdn.unitedsecurityins.com/img/badge.png");
            background-repeat: no-repeat;
            width: 100px;
            height: 100px;
            margin: 0;
            position: absolute;
            top: -3em;
            right: -1em;
        }

            .multiple-pricing-table .pricing-badge span {
                position: relative;
                top: 27px;
                font-size: 19px;
                color: #fff;
                text-align: center;
                line-height: 1.3;
            }

        .multiple-pricing-table .pricing-item {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
            padding: 50px 20px;
            margin: 0 15px 30px 15px;
            border: 1px solid #ccc;
            background: #fff;
        }

            .multiple-pricing-table .pricing-item .plan-icon {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                display: block;
                width: 100px;
                height: 100px;
                margin: 0 auto;
                margin-bottom: 15px;
                font-size: 48px;
                background: #ccc;
            }

                .multiple-pricing-table .pricing-item .plan-icon:before {
                    line-height: 100px;
                }

            .multiple-pricing-table .pricing-item .price {
                display: block;
                font-size: 28px;
                line-height: 2.3;
                font-weight: normal;
            }

                .multiple-pricing-table .pricing-item .price .number {
                    font-size: 5em;
                    font-weight: 700;
                    padding-left: 25px;
                }

                .multiple-pricing-table .pricing-item .price .duration {
                    font-size: 0.7em;
                }

            .multiple-pricing-table .pricing-item .plan-detail-list {
                margin-bottom: 30px;
                margin-top: 10px;
            }

    @media screen and (max-width: 992px) {
        .multiple-pricing-table .pricing-item {
            margin-left: 0;
            margin-right: 0;
            padding: 50px 5px 30px 5px;
        }
    }

    @media screen and (max-width: 768px) {
        .multiple-pricing-table .pricing-badge {
            top: -2em;
            right: 0;
        }
    }

    .single-pricing-table {
        text-align: center;
    }

        .single-pricing-table .plan-heading {
            font-size: 28px;
        }

        .single-pricing-table .plan-content {
            width: 80%;
            margin: 40px auto;
            padding: 30px;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background: #fff;
        }

        .single-pricing-table .price {
            font-size: 22px;
            line-height: 2.3;
            font-weight: normal;
        }

            .single-pricing-table .price .currency {
                position: absolute;
                top: 57px;
                font-size: 2em;
            }

            .single-pricing-table .price .number {
                font-size: 5em;
                font-weight: 700;
                padding-left: 25px;
            }

            .single-pricing-table .price .duration {
                margin-left: -20px;
            }

        .single-pricing-table .plan-detail-list {
            text-align: left;
            margin-bottom: 20px;
        }

            .single-pricing-table .plan-detail-list > li {
                margin-bottom: 10px;
            }

                .single-pricing-table .plan-detail-list > li i {
                    color: #7bae16;
                    margin-right: 5px;
                }

        .single-pricing-table .btn strong {
            display: block;
            margin-bottom: 5px;
            font-weight: normal;
            font-size: 24px;
        }

        .single-pricing-table .btn span {
            display: block;
            font-size: 0.7em;
            color: #7ea1cc;
        }

    @media screen and (max-width: 768px) {
        .single-pricing-table .plan-content {
            width: 100%;
        }

        .single-pricing-table .price {
            font-size: 18px;
            line-height: 1.6;
        }
    }

    @media screen and (max-width: 480px) {
        .single-pricing-table .plan-detail-list {
            text-align: center;
        }
    }

    /*------------------------------------------------*/
    /*	Page: Error Page
/*------------------------------------------------*/
    .page-error {
        padding: 2em 0 6em 0;
    }

        .page-error h1 {
            font-size: 12em;
            line-height: 1;
        }

    /*------------------------------------------------*/
    /*	Page: Suppport
/*------------------------------------------------*/
    .form-knowledge-search {
        margin-bottom: 50px;
    }

    @media screen and (max-width: 480px) {
        .form-knowledge-search input[type="search"] {
            font-size: 0.9em;
        }
    }

    .knowledge h2 {
        border-bottom: 1px solid #ccc;
        line-height: 30px;
        font-size: 20px;
    }

        .knowledge h2 span {
            font-weight: normal;
        }

        .knowledge h2 a {
            text-decoration: none;
        }

    .knowledge ul li {
        line-height: 30px;
    }

        .knowledge ul li a {
            color: #4a4a4a;
            display: block;
            padding-left: 20px;
        }

            .knowledge ul li a:hover {
                text-decoration: underline;
            }

        .knowledge ul li i {
            font-size: 14px;
            line-height: 29px;
        }

    .knowledge-recent-popular {
        margin-top: 50px;
    }

        .knowledge-recent-popular ol {
            padding-left: 20px;
        }

            .knowledge-recent-popular ol li {
                line-height: 30px;
            }

    ul.nav-categories {
        margin-bottom: 30px;
    }

        ul.nav-categories > li {
            border: 1px solid #ccc;
        }

            ul.nav-categories > li:first-child {
                -moz-border-radius-topleft: 2px;
                -webkit-border-top-left-radius: 2px;
                border-top-left-radius: 2px;
                -moz-border-radius-topright: 2px;
                -webkit-border-top-right-radius: 2px;
                border-top-right-radius: 2px;
            }

            ul.nav-categories > li:last-child {
                -moz-border-radius-bottomleft: 2px;
                -webkit-border-bottom-left-radius: 2px;
                border-bottom-left-radius: 2px;
                -moz-border-radius-bottomright: 2px;
                -webkit-border-bottom-right-radius: 2px;
                border-bottom-right-radius: 2px;
            }

            ul.nav-categories > li:not(:first-child) {
                border-top: none;
            }

            ul.nav-categories > li + li {
                margin-top: 0;
            }

            ul.nav-categories > li > a {
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
                color: #4a4a4a;
            }

                ul.nav-categories > li > a:hover {
                    background-color: #e6e6e6;
                }

    .ticket-box {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #ccc;
        padding: 15px;
    }

    /*------------------------------------------------*/
    /*	Page: Contact Us
/*------------------------------------------------*/
    .contact-info {
        margin-left: 1.7em;
    }

        .contact-info > li {
            margin-bottom: 8px;
        }

    .sidebar-map > div {
        height: 260px;
    }

    /*------------------------------------------------*/
    /*	Page: About Us
/*------------------------------------------------*/
    .team-member {
        margin-bottom: 60px;
    }

        .team-member.media > .pull-left {
            margin-right: 30px;
            padding-right: 0;
        }

        .team-member .team-name {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            padding: 0 5px;
            line-height: 1.6;
            color: #fff;
            background-color: #406da4;
        }

        .team-member strong {
            display: block;
            font-size: 0.9em;
        }

        .team-member hr {
            width: 50px;
            border-top: 1px solid #ccc;
            margin-top: 10px;
            margin-left: 0;
        }

        .team-member .social-icon > li {
            padding-right: 12px;
        }

            .team-member .social-icon > li > a {
                color: #989898;
                font-size: 18px;
            }

                .team-member .social-icon > li > a:hover, .team-member .social-icon > li > a:focus {
                    color: #797979;
                }

    @media screen and (max-width: 480px) {
        .team-member {
            text-align: center;
        }

            .team-member.media > .pull-left {
                display: inline;
                float: none !important;
                margin-bottom: 20px;
                margin-right: 0;
            }

            .team-member hr {
                margin: 20px auto;
                float: none !important;
            }
    }

    @media screen and (max-width: 480px) {
        .team {
            padding-bottom: 0;
        }
    }
    /* ----------------------------------------------------- */
    /* HELPERS
/* ----------------------------------------------------- */
    .inline-img {
        float: left;
        margin: 0 10px 10px 0;
        width: 50%;
    }

    .no-margin {
        margin: 0 !important;
    }

    .no-padding {
        padding: 0 !important;
    }

    .margin-bottom-30px {
        margin-bottom: 30px !important;
    }

    .margin-bottom-50px {
        margin-bottom: 50px !important;
    }

    .body-text-bg {
        background-color: #4a4a4a !important;
    }

    /* list icons */
    .list-icons-demo li {
        margin-bottom: 20px;
    }

        .list-icons-demo li i {
            font-size: 24px;
        }

    @media screen and (max-width: 480px) {
        .inline-img {
            float: none;
            width: 100%;
        }
    }

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

    .boxed {
        border: 1px solid black;
    }
    /* Quote navbar
================================================== */
    .qnavbar {
        padding: 0.8rem 2rem;
        border-radius: 0.125rem;
        display: inline-flex;
    }

        .qnavbar .qnav-item {
            margin-left: 2px;
            margin-right: 2px;
        }

    .qnavbar-brand {
        padding-top: .25rem;
        padding-bottom: .25rem;
        font-size: 1rem;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
    }

        .qnavbar-brand > h2 {
            color: #fff;
        }

    .qnavbar-inverse .qnavbar-nav .qnav-link i {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .qnavbar-light .qnavbar-nav .qnav-link i {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .qnavbar-inverse .qnavbar-nav .qnav-link:focus,
    .qnavbar-inverse .qnavbar-nav .qnav-link:hover {
        color: #fff;
    }

    .qnavbar-light .qnavbar-nav .qnav-link:focus,
    .qnavbar-light .qnavbar-nav .qnav-link:hover {
        color: #323232;
    }

    .qnav-link:hover {
        background-color: rgba(255,255,255,0.2);
    }

    .qnavbar-light .qnavbar-nav .qnav-link:hover {
        background-color: rgba(21,21,21,0.06);
    }

    .qmPS2id-highlight {
        background-color: rgba(255,255,255,0.2) !important;
    }

    .qnavbar-light .qnavbar-nav .qnav-link.qmPS2id-highlight {
        color: #fff !important;
    }

    .qnavbar-inverse .qnavbar-nav .open > .qnav-link,
    .qnavbar-inverse .qnavbar-nav .active > .qnav-link,
    .qnavbar-inverse .qnavbar-nav .qnav-link.open,
    .qnavbar-inverse .qnavbar-nav .qnav-link.active,
    .qnavbar-inverse .qnavbar-nav .dropdown.show .qnav-link {
        background-color: rgba(255,255,255,0.2);
    }

    .qnavbar-light .qnavbar-nav .open > .qnav-link,
    .qnavbar-light .qnavbar-nav .active > .qnav-link,
    .qnavbar-light .qnavbar-nav .qnav-link.open,
    .qnavbar-light .qnavbar-nav .qnav-link.active,
    .qnavbar-light .qnavbar-nav .dropdown.show .qnav-link {
        background-color: rgba(21,21,21,0.06);
    }

    .qnav.qnav-tabs {
        position: relative;
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        border: none;
        /*border-bottom: 1px solid rgba(0,0,0,.1);*/
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .bg-tab-primary .qnav.qnav-tabs {
        border-bottom: 1px solid rgba(255,255,255,.2);
    }

    .qnav-tabs .qnav-item {
        position: relative;
        margin-bottom: -1px;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .qnav-tabs .qnav-link {
        position: relative;
        border: 1px solid transparent;
        border-radius: 3rem;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 22px;
        color: #777;
        padding: 0.7rem 1.4rem;
        margin: 0 4px;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .bg-tab-primary .qnav-tabs .qnav-link {
        border: 1px solid transparent;
        color: #fff;
        background-color: transparent;
    }

        .bg-tab-primary .qnav-tabs .qnav-link:hover {
            border-color: #fff;
        }

        .bg-tab-primary .qnav-tabs .qnav-link:active,
        .bg-tab-primary .qnav-tabs .qnav-link:focus {
            border-color: transparent;
        }

    .qnav-tabs .qnav-link i {
        font-size: 17px;
        line-height: 22px;
        padding-right: 7px;
    }

    .qnav-tabs .qnav-link:focus,
    .qnav-tabs .qnav-link:hover {
        border-color: #777;
        border-bottom-color: #777;
    }

    .qnav-tabs .qnav-link.active,
    .qnav-tabs .qnav-item.show .qnav-link {
        background-color: #d9edf7;
    }

    /***Online Training Digital Library CSS***/
    .btn-videos {
        display: block;
        border: 1px solid white;
        font-size: 1.2em;
        line-height: 1.4em;
        width: 100%;
        background-color: #F4F4F4;
        color: #9B9B9B;
        border: none;
    }

        .clicked-btn-videos, .btn-videos:active, .btn-videos:focus {
            border: 1px solid #6a737e;
            background-color: #FFFFFF;
            color: #6a737e;
        }

        .btn-videos:hover {
            color: #fff;
            background-color: #6a737e;
        }

    .video-partial {
        border: 1px solid #dbdbdb;
        background-color: #F4F4F4;
        padding: 0em 3em 2.5em;
    }

        .video-partial h2 {
            font-size: 1.6em;
            color: #9B9B9B;
            padding-top: 2.5%;
        }

        .video-partial h1 {
            font-size: 2.5em;
            color: #9B9B9B;
            text-align: center;
            padding-top: 10%;
        }

        .video-partial .divide50 {
            border-bottom: 3px solid #979797;
            width: 100%;
            height: 50px;
        }

        .video-partial .row {
            display: flex;
        }

    .video-container {
        padding: 1em .5em 0em;
        margin: 0em -.5em 1em;
        border: 1px solid #979797;
        background-color: #FFFFFF;
        box-shadow: 1px 3px 4px 0 rgba(0,0,0,0.5);
        height: 100%;
    }

.docs-container {
    padding: 1em .5em;
    margin: 0em -.5em 1em;
    border: 1px solid #979797;
    background-color: #FFFFFF;
    box-shadow: 1px 3px 4px 0 rgba(0,0,0,0.5);
    height: 100%;
}
        .video-container .video-thumbnail {
            background-color: #000000;
        }

        .video-container img {
            max-width: 100%;
        }

            .video-container img:hover {
                opacity: 0.8;
            }

    .doc-text {
        font-size: 1.1em;
        color: #9B9B9B;
        font-weight: bold;
    }

    .divide25 {
        width: 100%;
        height: 25px;
    }

    .divide30 {
        width: 100%;
        height: 30px;
    }

    .divide45 {
        width: 100%;
        height: 45px;
    }

    .divide50 {
        width: 100%;
        height: 50px;
    }

    .video-partial-title {
        font-size: 1.8em;
        color: #165fab;
    }

    /***New Homepage CSS***/
    .flex-center {
        display: flex;
        justify-content: center;
    }

    .contained-hero-unit {
        max-height: 550px;
        max-width: 1920px;
        overflow: hidden;
        padding: 0;
        margin-bottom: 0;
        align-content: top;
        align-items: center;
    }

    .hero-unit {
        max-height: 500px;
        max-width: 100%;
        overflow: hidden;
        padding: 0;
        margin-bottom: 0;
    }

    .hero-buttons {
        display: flex;
        flex-direction: row;
        max-height: 500px;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    /* WEB-4265: hero buttons, per Figma USHC_Design_2022 nodes 4:3158 / 4:3173 / 4:3189.
       The row count is set explicitly (either 4 across or exactly 2) rather than
       letting flex-wrap choose it, which put 3 on the first row and one stretched
       button on the second. */
    /* Figma node 14:190. align-items is stretch rather than the design's
       center: with the fixed height gone, centring would let a button with a
       wrapped label be taller than its neighbour, and the annotation on
       14:199 says "these buttons belong to group and should have the same
       height". Stretch makes both rows equal and both buttons within a row
       equal, so all four match whatever the longest label does. */
    .hero-button-container {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: stretch;
        justify-content: center;
        gap: 20px;
        width: 100%;
        /* Centred and capped, carrying over the live banner's flex-center
           behaviour. 1562px = a 1532px button group plus the 15px insets;
           1532 = 4 x 368 + 3 x 20 gaps, so buttons stop growing at 368px -
           the same width they are on unitedsecurityins.com. Below ~1562px
           this is inert and the buttons fill as before. */
        max-width: 1562px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px;
    }

    /* Figma nodes 14:191 / 14:196. Each row holds two buttons and has a 608px
       floor (295 + 295 + 20 gap), so once the band cannot fit both rows side
       by side the second wraps underneath and the group becomes 2x2 on its
       own. This replaces the 1023px media query that used to force it. */
    .hero-button-row {
        display: flex;
        flex: 1 0 0;
        align-items: stretch;
        gap: 20px;
        min-width: 608px;
        /* Lets a wrapped row shrink to the band once it is on its own line.
           Without it the 608px floor kept the row at 608px after wrapping and
           it overflowed the band on narrow screens. The wrap point is
           unaffected: the hypothetical size is still clamped to 608px while
           there is room for two rows. */
        max-width: 100%;
    }

    /* Figma nodes 14:192/194/197/199: flex 1 0 0, 295px floor, no fixed height -
       padding-driven at py-[12px], now uniform across all four (button 1's
       earlier 11/9 nudge is gone). A single-line label lands at 59px:
       12 + 12 padding + 6 + 6 border + a 23px line box at 20px type.
       A wrapped label grows the button rather than overflowing it. */
    .hero-button {
        flex: 1 0 0;
        min-width: 295px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px 0;
        border-radius: 6px;
        border: 6px solid transparent;
        /* The design fills these with rgba(255,255,255,0.68) over the plate. That
           has to be flattened to an opaque colour here, or the gradient border
           washes through the middle of the button. */
        background: linear-gradient(#fefdf9, #fefdf9) padding-box,
                    linear-gradient(to right, #0056A7, #D71920) border-box;
    }

        .hero-button:hover {
            background: linear-gradient(white, white) padding-box, linear-gradient(to right, #0056A7, #D71920) border-box;
        }

    .hero-button a {
        color: #0056A7;
        font-family: "Roboto Condensed";
        /* Figma nodes 14:193/195/198/200 - reduced from 24px */
        font-size: 20px;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0;
        text-align: center;
        text-decoration: none;
        word-break: break-word;
        flex: 1 0 0;
        min-width: 1px;
    }

    /* Node 4:3173 - the 2x2 state carries its own gaps: 20px between buttons and
       between rows, and 30px from the button group to the content row. 1023px puts
       the 964px design frame in this state, and matches the breakpoint the nav
       already uses. Above it the labels still fit within two lines, which is what
       the designer annotation asks for. */

    /* The 2x2 state is a grid, not wrapped flex lines. The annotation on
       14:199 says the group must "have the same height", and wrapped flex
       lines each size to their own content: at 500px the AUTO SERVICES label
       wrapped and made row 1 74px against row 2's 55px. grid-auto-rows: 1fr
       makes every row take the tallest row's height, so all four match at any
       width. Above 1265px the four sit on a single flex line, where
       align-items: stretch already equalises them. */
    @media (max-width: 1265px) {
        .hero-button-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: 1fr;
            align-items: stretch;
            justify-items: stretch;
            gap: 20px;
            min-height: 0;
            /* No `order` here. Above 768px .hero-lower is a sibling flex item
               with order 0, so ordering the buttons to 1 pushed them below the
               headline and photo. The reorder belongs only in the mobile block
               below, where the banner genuinely restacks. */
        }

        /* The wrappers dissolve so the four buttons are direct grid items. */
        .hero-button-row {
            display: contents;
        }

        .hero-button {
            /* No flex basis or floor here - the grid track sets the width.
               The 295px desktop floor would overflow anything under ~640px. */
            width: auto;
            min-width: 0;
            max-width: none;
        }
    }

    /* Node 4:3189 / 17:721 - below 768 the banner reorders to buttons, then
       headline, then a small thumbnail, and the labels drop to 16px. */
    @media (max-width: 768px) {
        /* First in the restacked banner, ahead of the headline (order 2) and
           the thumbnail (order 3). */
        .hero-button-container {
            order: 1;
        }

        .hero-button {
            /* Figma node 4:3192 etc: py-[12px], matching the desktop component.
               Horizontal padding is 10px on two buttons and 20px on the other
               two in the design; 20px is used for all four so the labels sit
               consistently. */
            padding: 12px 20px;
        }

        /* Figma nodes 4:3193/3195/3198/3200 and 17:698 - 16px here, against
           20px on the desktop component. Without this the buttons would
           inherit the desktop size. */
        .hero-button a {
            font-size: 16px;
        }
    }

    /* Linear at 363px and below: the group goes linear once the viewport
       reaches 363, so 2x2 covers 364px and up. One grid column, and
       grid-auto-rows: 1fr keeps all four the same height here too.
       Note node 17:694 is a 363px-wide frame drawn 2x2, so the file and the
       code differ at that one width - the instruction was that 363 is where it
       goes linear. Node 4:3189 at 323px is the stacked one either way. */
    @media (max-width: 363px) {
        .hero-button-container {
            grid-template-columns: 1fr;
        }
    }
    /*.hero-button h2 {
    color: #0056A7;
    font-weight:600;
    padding-left:2em;
}*/

/* WEB-4265: an office-closure notice renders directly above the banner. The
   surface behind it takes the banner's plate colour so the two read as one
   band instead of the notice floating on white. The notice's own alert box
   keeps its existing styling - only what sits behind it changes.
   index.aspx.vb renders this wrapper only when there is a message, so it
   cannot leave an orphaned tinted strip. */
.hero-notice {
    background-color: #fdf8ed;
    /* 26px replaces the <br /> that used to precede this wrapper in
       index.aspx, so the gap below the nav is tinted rather than white. */
    padding-top: 26px;
    padding-bottom: 30px;
}

    /* `section` carries margin-bottom: 30px globally (main.css:30). On the
       notice's inner section that margin falls outside this wrapper and shows
       as a white strip between the notice and the banner, so it is zeroed and
       the spacing moves to the wrapper's padding instead. */
    .hero-notice section {
        margin-bottom: 0;
    }

/* WEB-4265: the banner component (Figma node 14:212) sets gap-[40px] between
   the banner block and the mission section. `section` is 30px globally
   (main.css:30) and .mission-text added a 62px top margin on top of it, which
   came to 92px; the spacing now lives here and the heading's top margin is
   removed below.
   NOTE: an earlier instruction gave 64px, which is what the page-level frame
   (Frame 15, 9:48) measures. 14:212 is the newer component and says 40px. */
.hero-section {
    margin-bottom: 40px;
}

.hero-main {
    /* WEB-4265: plate is rgba(243,220,164,0.2) over white, per Figma 4:3158.
       450px is the band height on the live site and in Figma node 14:189, and
       the parts add up to it exactly: 20 top + 80 buttons + 30 gap + 320 photo.
       That is why .hero-photo below is a fixed 600x320 rather than flex-sized -
       a flex-sized photo came out 450px tall and would not fit. */
    background-color: #fdf8ed;
    /* No horizontal padding: node 14:189 carries only pt-[20px], and the 15px
       inset lives on the button container (14:190) and the content row
       (14:201). Keeping it here too would have doubled the buttons' inset. */
    padding: 20px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.hero-lower {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    max-width: 1140px;
    padding: 0 15px;
    /* Absorbs whatever the band has left after the 20px top padding, the
       buttons and the 30px gap. Without this the shorter 60px buttons left
       20px of slack under the photo and it floated off the band floor. */
    flex: 1 1 auto;
    min-height: 0;
}

.hero-text-col {
    /* Shrinkable: it was a fixed 419px, and with the photo also fixed the row
       overflowed below about 1069px and the band clipped the photo. */
    flex: 0 1 419px;
    min-width: 0;
    max-width: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Figma node 14:202 carries pb-[20px], which lifts the headline off the
       band floor. Missed on the first pass. */
    padding-bottom: 20px;
}

.hero-photo {
    /* 600x320 at full size, per Figma node 14:160, but both axes shrink rather
       than hold:
       - width: flex 0 1 600px with min-width 0, so the row can compress instead
         of overflowing and being clipped by the band.
       - height: 100% of whatever the content row has left, capped at 320px. In
         the 2x2 state the buttons take 140px and the row is only 260px tall; a
         fixed 320px photo is bottom-anchored, so its top rode 60px up behind
         the buttons.
       object-fit: contain on the image means the family scales down with the
       box instead of being cropped. */
    flex: 0 1 600px;
    min-width: 0;
    height: 100%;
    max-height: 320px;
    max-width: 100%;
    position: relative;
    /* The cutout is cropped at the thigh, so it must never float inside the band.
       It is always flush with the bottom edge, whatever the band height. */
    align-self: flex-end;
}

    .hero-photo img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        /* contain, not cover: the box is 600x320 (1.875) and the cutout is
           1.492, so cover filled the width and sheared the raised arms off the
           top. contain scales the whole family down to fit instead - nothing is
           cropped at any band size. The surrounding space is transparent PNG
           over the plate, so it is invisible. */
        object-fit: contain;
        /* Bottom-anchored, so the thigh-level crop in the source always sits on
           the band floor rather than floating. */
        object-position: bottom center;
        pointer-events: none;
    }

@media (max-width: 768px) {
    /* The 450px desktop band is fixed; on mobile the stack sizes to content. */
    .hero-main { gap: 20px; height: auto; }

    /* Order is buttons, headline, thumbnail. .hero-lower dissolves so its
       children become direct flex items that can be ordered independently. */
    .hero-lower { display: contents; }

    .hero-text-col {
        order: 2;
        flex: 0 0 auto;
        width: 100%;
        max-width: 420px;
        padding: 0;
    }

    .hero-photo {
        order: 3;
        flex: 0 0 auto;
        width: 137px;
        height: 91px;
        aspect-ratio: auto;
        /* align-self is a cross-axis property: in this column container flex-end
           would right-align the thumbnail. It is already last in the column and
           the band has no bottom padding, so it lands on the floor by flow. */
        align-self: center;
    }
}

        .hero-main .row {
            margin-left: 0;
        }

    #mission-heading {
        color: #D71920;
        text-align: center;
        font-weight: 600;
    }

    .mission-text {
        justify-content: center;
        text-align: center;
        align-content: center;
        align-items: center;
        min-height: 42px;
        color: #D71920;
        font-family: "Roboto Condensed";
        font-size: 3em;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 42px;
        margin: 62px 0px 24px 0px;
        text-wrap: nowrap;
        overflow: hidden;
    }

    /* WEB-4265: the OUR MISSION heading, per Figma node 4:3037 - Roboto
       Condensed Bold 36px, expressed as 27pt (27 / 0.75 = 36px exactly).
       Scoped with a second class because .mission-text is also used by the
       decorative divider at the foot of this section, which should keep its
       existing size and spacing.
       The 62px top margin is dropped so the gap to the banner is the 64px on
       .hero-section rather than 64 + 62. The 24px below matches Frame 12's
       own gap-[24px] between the heading and the mission statement. */
    .mission-text.mission-heading-text {
        /* Figma node 14:206 - the heading and its two rules are a centred row
           with a 29px gap. .mission-text already declares justify-content and
           align-items but was a block, so they were inert. */
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 29px;
        font-size: 27pt;
        margin-top: 0;
        /* .mission-text sets line-height: 42px with overflow: hidden. At 36px
           Roboto Condensed the font's own box is ascent 33 + descent 9 = 42px
           exactly, so there is zero slack and sub-pixel rounding, browser zoom
           or a font fallback shaves the glyph tops and bottoms. Figma node
           14:208 specifies leading-[normal] anyway, and nothing here needs
           clipping - min-height still holds the row at 42px. */
        line-height: normal;
        overflow: visible;
    }

    @media (max-width: 768px) {
        .mission-text {
            justify-content: center;
            text-align: center;
            align-content: center;
            align-items: center;
            min-height: 42px;
            color: #D71920;
            font-family: "Roboto Condensed";
            font-size: 1.5em;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 42px;
            margin: 62px 0px 24px 0px;
        }

        /* Keep the smaller mobile heading size, but no top margin: the gap to
           the banner is the 40px on .hero-section alone. The 62px this used to
           carry stacked on top of it and made the gap 102px on mobile. */
        .mission-text.mission-heading-text {
            font-size: 1.5em;
            margin-top: 0;
        }


        .mission-statement {
            min-height: 137px;
            max-width: 1044px;
            color: #4A4A4A;
            font-family: "Open Sans";
            font-size: 100%;
            letter-spacing: 0;
            line-height: 45px;
            margin-bottom: 98px;
            justify-content: center;
            align-items: center;
        }
    }

    .mission-heading-red {
        color: #D71920;
        text-align: center;
        font-weight: 600;
    }

    .mission-heading-blue {
        color: #0056A7;
        text-align: center;
        font-weight: 600;
    }

    /* WEB-4265: the decorative rule under the mission statement. It used to be
       two runs of U+2500 glyphs at 48px - a fixed 528px each - in a full-bleed,
       unpadded box with nowrap and overflow: hidden, so below roughly 1100px the
       right-hand run was clipped: at 928px the red line lost 172px and looked
       shorter than the blue. These are now flex children, so the two halves are
       always equal and always fit, inset 15px from the edges.
       The 44px gap and 62px/24px margins match what the glyph version measured. */
    .mission-rule {
        display: flex;
        align-items: center;
        gap: 44px;
        /* No horizontal padding: this now sits inside .col-md-12 alongside the
           mission paragraph, so Bootstrap's 15px column gutters already inset
           it and it matches the paragraph's width exactly. */
        margin: 62px 0 24px;
    }

        /* Single source of thickness for every rule in this section - the two
           beside OUR MISSION and the full-width one below the statement - so
           they cannot drift apart. 3px renders crisply without the
           antialiasing a fractional height picks up. */
        .mission-rule > span,
        .mission-heading-rule {
            height: 3px;
        }

        .mission-rule > span {
            flex: 1 1 0;
        }

        /* 171px each per Figma 14:207/14:209, but allowed to shrink so they do
           not overflow once the heading text takes the remaining width. */
        .mission-heading-rule {
            flex: 0 1 171px;
            min-width: 20px;
        }

        .mission-rule-blue {
            background-color: #0056A7;
        }

        .mission-rule-red {
            background-color: #D71920;
        }


    #mission-statement {
        min-height: 137px;
        /* WEB-4265: was max-width: 1044px inside a 1140px column, which left
           ~96px unfilled on the right and read as stray padding - the heading
           above is centred on the full width, so the asymmetry showed. Figma
           node 14:210 specifies min-w-full for this paragraph. */
        max-width: 100%;
        color: #4A4A4A;
        font-family: "Open Sans";
        font-size: 21px;
        letter-spacing: 0;
        line-height: 45px;
        margin-bottom: 98px;
        justify-content: center;
        align-items: center;
    }

    .img-off {
        display: none;
    }

    .img-on, #btn-agent:hover .img-off, #btn-consumer:hover .img-off {
        display: inline;
    }

    .modal {
        text-align: center;
        padding: 0 !important;
    }

        .modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-title {
        color: #B1191E;
        font-size: 1.5em;
        font-weight: 600;
        line-height: 2em;
        display: inline;
    }

    .modal-header button {
        font-size: 2em;
    }

    .modal-content {
        border: 1px solid #979797;
        border-radius: 15px;
        padding: 1% 2%;
    }

    .modal-body {
        color: #808080;
        font-weight: 600;
        font-size: 1.2em;
        line-height: 2em;
        text-align: center;
    }

    .policy-buttons {
        display: flex;
        justify-content: space-between;
    }

        .policy-buttons a {
            border: 2px solid #B1191E;
            border-radius: 8px;
            height: 3.5em;
            width: 45%;
            align-content: center;
            background-color: white;
            font-size: 1.1em;
            font-weight: 700;
            color: #B1191E;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .hero-text {
        margin: 0;
        flex: 1 0 0;
        min-width: 1px;
        /* Figma node 14:203 - Roboto Bold, deliberately a different family
           from the Roboto Condensed used by the buttons and OUR MISSION.
           Requested in USHCSite.master; without that it falls back. */
        font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        /* 56px is the desktop size, held flat down to the 1024px breakpoint
           rather than scaling off the viewport - a vw-only rule made it 42px
           on a 1440px screen, which is the common desktop width.
           Annotation on 14:203: "Text should shrink in numbers relative to the
           banners height. The most the font size should stop shrinking at 28.
           with 32 line height" - the taper and the 28px floor are below. */
        font-size: 56px;
        line-height: 1.52;              /* 85 / 56 from the design */
        color: #D71920;
        word-break: break-word;
    }

    /* The taper starts at the 2x2 wrap point, not at 1024px. When the buttons
       go to two rows the band keeps its 450px but the content row drops from
       340px to 260px, and a 56px headline is four 85px lines = 340px, which
       the band then clipped. The annotation on 14:203 asks for the text to
       shrink "relative to the banners height", and 1265px is where that
       height actually changes.
           28px + 28 * (viewport - 768) / (1265 - 768)
       Tighter line-height through the taper too, heading toward the 32px/28px
       ratio the annotation gives at the floor.
       This has to sit AFTER the base rule above - at equal specificity source
       order decides, and a copy placed earlier in the file lost to the flat
       56px even inside the media query. */
    @media (max-width: 1265px) {
        .hero-text {
            font-size: calc(28px + 28 * (100vw - 768px) / 497);
            line-height: 1.25;
        }
    }

    @media (max-width: 768px) {
        .hero-text {
            font-size: 28px;
            line-height: 32px;
            text-align: center;
        }
    }

    #btn-agent:hover, #btn-consumer:hover {
        background-color: #B1191E;
        border: 2px solid #931317;
    }

    .hero-button:hover {
        background-color: #931317;
    }

        .hero-button:hover a, .hero-button a:active {
            text-decoration: none;
        }

    @media only screen and (max-width: 768px) {
        #servicesOKModal {
            background-color: #B1191E;
            z-index: 99999999;
        }
    }

.login-dropdown {
    min-width: auto;
}