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




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

/**
 * Box-sizing
 */

* { box-sizing: border-box; }

/*
 * Effects
 */
a:after,
a,
img,
span,
button,
input,
select,
textarea
.btn,
.slick-arrow,
.slick-arrow:before,
.selectric,
/*.site-logo-img,*/
.page-header-top,
.nav-primary-menucont,
.sub-menu-toggle:before,
.overlays,
.overlay {
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
}

.site-logo-img{
    -webkit-transition: none;-o-transition: none;transition: none;
}

/**
 * Images
 *
 * These selectors are hard cast because they are only used
 * by wordpress wyswyg when adding images to content
 */

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

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

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

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

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

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

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

.wp-caption img { display: block; }

.wp-caption-text {
    background: #00538c;
    color: #fff;
    padding: .5rem;
}



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

/* Please set up line-heights in ems */

html,
body { overflow-x: hidden; }

body {
    font-family: 'Nunito Sans', sans-serif;
    margin: 50px auto 0;
    width: 100%;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
    font-family: 'Saira Extra Condensed', sans-serif;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    text-transform: uppercase;
}

h2, .h2 { font-size: 35px; }

h3, .h3 { font-size: 30px; }

h4, .h4 { font-size: 22px; }

p, ul, ol {
    color: #474747;
    margin: 0;
}

ul.list-style-none li { list-style-type: none; }

ul li { list-style: none; }

.blog-featured ul {
    margin-bottom: 20px;
}

.blog-featured li {
    padding-bottom: 10px;
    list-style: disc;
}

a {
    color: #00538c;
    text-decoration: none;
}

  a:hover { text-decoration: underline; }

@media(min-width: 768px) {
    body { margin: 0 auto; }

    h1, .h1 { font-size: 45px; }

    h2 { font-size: 40px; }

    h3, .h3 {
        font-size: 35px;
        line-height: 38px;
    }

    h4, .h4 {
        font-size: 28px;
        line-height: 38px;
    }
}


@media(min-width: 1025px) {
    h1, .h1 {
        font-size: 70px;
        line-height: 72px;
    }

    h2, .h2 {
        font-size: 55px;
        line-height: 45px;
    }

    p, ul, ol { font-size: 16px; }
}



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


/**
 * Wrappers
 */

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

.container,
.container-fluid,
.nav-primary a {
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
}

.container { max-width: 1300px; }

/* @media(max-width: 1024px){
    .page-header.js-scrolled .nav-primary-menucont { opacity: 0; }
} */

@media (min-width: 768px) {
    .container,
    .nav-primary a {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 1025px) {
    .nav-primary a {
        padding-left: 0;
        padding-right: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after { clear: both; }


/*--------------------------------------------------------------*\
    OBJECTS
    Objects are independent generic stylibf classes or UI peices.
    All styles for objects should be self contained.

    e.g. an object shouldn't rely on trump helpers to apply padding etc.
\*--------------------------------------------------------------*/


/**
 * Buttons
 */


.btn,
.btn-secondary,
.btn-tertiary {
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
}

    .btn:hover,
    .btn-secondary:hover,
    .btn-tertiary:hover {
        text-decoration: none;
        color: #fff;
    }

    .btn {
        background-color: #00538c;
        padding: 16px 52px 13px;
    }

    .btn:hover {
        background-color: #003e69;
        color: #fff;
    }


.btn-secondary {
    background-color: #13a038;
    padding: 16px 38px 13px;
}

    .btn-secondary:hover {
        background-color: #0b6b24;
    }

.btn-tertiary {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 16px 35px 13px;
}

    .btn-tertiary:hover {
        background-color: #fff;
        border: 1px solid #fff;
        color: #00538c;
    }

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

.btn + .btn {
    margin-left: 5px; /* Add margin-left when 2 buttons are next to each other */
}

/**
 * Icons
 */
/*
 * Flaticon icon font: Flaticon
 * Creation date: 15/07/2019 13:21
 */

@font-face {
  font-family: "Flaticon";
  src: url("../font/Flaticon.eot");
  src: url("../font/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../font/Flaticon.woff2") format("woff2"),
       url("../font/Flaticon.woff") format("woff"),
       url("../font/Flaticon.ttf") format("truetype"),
       url("../font/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../font/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 0;
}

.flaticon-linkedin:before { content: "\f100"; }
.flaticon-facebook-logo-button:before { content: "\f101"; }
.flaticon-magnifying-glass:before { content: "\f102"; }
.flaticon-smartphone-call:before { content: "\f103"; }
.flaticon-down-arrow:before { content: "\f104"; }
.flaticon-right-arrow:before { content: "\f105"; }
.flaticon-left-arrow:before { content: "\f106"; }
.flaticon-menu:before { content: "\f107"; }
.flaticon-speech-bubbles-comment-option:before { content: "\f108"; }


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

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

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

.icon-menu:before {  content: "\e900"; }

.icon-search:before { content: "\e901"; }

.icon-facebook-with-circle:before { content: "\e902"; }

.icon-linkedin-with-circle:before { content: "\e903"; }

.icon-comments:before { content: "\f086"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-down:before { content: "\f107"; }

.icon-mobile:before { content: "\f10b"; }

.icon-mobile-phone:before { content: "\f10b"; }

/**
 * Tables
 */

.tablepress-1_wrapper { margin-top: 30px; }

.table-wrap-outer {
    max-width: 100% !important;
    padding-top: 37px !important;
}

table { border-collapse: collapse; }

td { text-align: center !important; }

tr {
    width: 100%;
    display: block;
}

th { padding: 15px !important; }

tbody {
    width: 100%;
    display: block;
}

.tablepress {
    display: block;
    margin-bottom: 50px !important;
    width: 100% !important;
    color: #474747;
}

.word--break {
    word-break: break-all;
}

.tablepress thead,
.tablepress thead th[colspan="2"] {
    display: block;
    width: 100%;
}

.tablepress thead th,
.tablepress tfoot th {
    background-color: #f0f0f0 !important;
    padding: 20px 40px 20px !important;
    text-align: center !important;
    border-bottom: none !important;
    font-size: 20px !important;
    font-family: 'Saira Extra Condensed', sans-serif;
    color: #00538c;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tablepress td {
    padding: 15px !important;
    border-top: none !important;
    text-align: left;
    display: inline-block;
}

/* two items */
.tablepress td:first-child:nth-last-child(2),
.tablepress td:first-child:nth-last-child(2) ~ td {
    width: 50%;
}

/* Responsive Tables */
.table-wrap-outer { position: relative; }
.table-wrap-inner { overflow: auto; }

.js-table-fade {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.table-wrap-outer:after {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    height: 100%;
    width: 80px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 600px) {
    .table-wrap-outer:after { display: none; }

    .table-wrap-inner { overflow: visible !important; }
}


@media (min-width: 1025px) {
    .table-wrap-outer { padding-top: 97px !important; }
}


/**
 * Forms
 */

textarea {
    border: #e1e1e1 solid 2px;
    border-radius: 20px;
    width: 100%;
    padding: 8px 18px;
    margin-bottom: 20px;
}

/* Removes default webkit form styling */
input:not([type="radio"]):not([type="checkbox"]),
button,
textarea {
    -webkit-appearance: none;
    outline: none;
}

/* default text input style */
[type="text"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="url"],
[type="week"],
[type="date"] {
    border: #e1e1e1 solid 2px;
    border-radius: 20px;
    width: 100%;
    padding: 8px 20px;
    margin-bottom: 20px;
    outline: none;
}

input:focus,
textarea:focus {
    border-color: #13a038;
}


/* Default Submit Button Style */
[type="submit"] {
    background-color: #00538c;
    border: 0;
    border-radius: 25px;
    padding: 13px 40px;
    color: #fff;
}

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

/* Default Radio/Checkbox Style (if using CF7) */
.wpcf7-radio .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label {
    display: inline-block;
    margin-left: 5px;
}


/* Selectric */

.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

.selectric-responsive { width: 100%; }

.selectric {
    border: 1px solid #DDD;
    border-radius: 0px;
    background: #F8F8F8;
    position: relative;
    overflow: hidden;
}

.selectric .label {
    color: #444;
    display: block;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    margin: 0 38px 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #F8f8f8;
    color: #BBB;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BBB;
    border-bottom: none;
}

.selectric-focus .selectric { border-color: #aaaaaa; }

.selectric-hover .selectric { border-color: #c4c4c4; }

.selectric-hover .selectric .button { color: #a2a2a2; }

.selectric-hover .selectric .button:after { border-top-color: #a2a2a2; }

.selectric-open { z-index: 9999; }

.selectric-open .selectric { border-color: #c4c4c4; }

.selectric-open .selectric-items { display: block; }

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F8F8F8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer;
}

.selectric-items li.selected {
    background: #E0E0E0;
    color: #444;
}

.selectric-items li.highlighted {
    background: #D0D0D0;
    color: #444;
}

.selectric-items li:hover {
    background: #D5D5D5;
    color: #444;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #444;
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li { padding-left: 25px; }


/* CF7 Validation (Replace if not using CF7) */

/* Individual field error messages */
.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #00528E;
    position: relative;
    top: -19px;
    margin-left: 20px;
}

/* Entire form error message */
.wpcf7-response-output {
    margin-top: 25px;
    color: red;
}

/* Styling for fields that have errors */
select.wpcf7-not-valid,
textarea.wpcf7-not-valid,
input.wpcf7-not-valid,
.wpcf7-not-valid .selectric {
      border-color: red;
}

.contact-form-bottom label {
    font-size: 20px;
    font-family: 'Saira Extra Condensed', sans-serif;
    color: #00538c;
    padding-left: 20px;
}

.contact-form-bottom textarea { height: 100px; }

.contact-img {
    height: 675px;
    background-size: cover;
    padding: 0;
}

.contact-img a:hover:before {
    content: 'Click the map to get directions';
    height: 100%;
    width: 100%;
    bottom: 0;
    top: 0;
    text-align: center;
    color: #fff;
    z-index: 2;
    position: absolute;
    margin: auto;
    padding-top: 45%;
    text-transform: uppercase;
    font-size: 22px;
    text-shadow: 0px 3px 7px #000000b8;
    background-color: #00000085;
    box-sizing: border-box;
}


@media(min-width: 600px){
    .contact-form-bottom [class*="col-xs-"]:nth-child(odd) { padding-right: 22px; }

    .contact-form-bottom [class*="col-xs-"]:nth-child(even) { padding-left: 22px; }

}


/**
 * Breadcrumbs
 */

.breadcrumbs {
    margin-top: 10px;
    text-transform: uppercase;
}


/**
 * Pagination
 */

.page-template-page-gallery .pagination {
    width: 100%;
    display: flex;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; /* Safari 6.1+ */
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 50px;
}

.page-template-page-gallery .pagination a,
.page-template-page-gallery .pagination .page-numbers.current{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    width:  30px;
    height: 30px;
    margin-top: -20px;
    padding: 0 15px;
}

.page-template-page-gallery .pagination .page-numbers.current{ color: #13A038; }

.page-template-page-gallery .pagination .page-numbers{ display: inline; }

.page-template-page-gallery .pagination .next.page-numbers,
.page-template-page-gallery .pagination .prev.page-numbers {
    position: relative;
    top: 12px;
    color: #fff;
    text-indent: 500px;
    padding-top: 20px;
    overflow: hidden;
    display: flex;
    width:  40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}


.page-template-page-gallery .pagination .next.page-numbers {
    display: inline-block;
    background-image: url(../img/right-icon.png);
    background-size: contain;
    left: 20px;
}


.page-template-page-gallery .pagination .prev.page-numbers{
    width:  40px;
    height: 40px;
    display: inline-block;
    background-image: url(../img/left-icon.png);
    background-size: contain;
    right: 20px;
    position: relative;
}


.featured-blog-area { padding-top: 45px; }

.featured-blog-area .hovereffect a { display: block; }

.featured-blog-area .hovereffect:hover,
.feat-content.hovereffect:hover,
.hovereffects.big_featured:hover,
.hovereffect:hover {
    opacity: .8;
}

.hovereffect:hover .overlays h3:after,
.hovereffect:hover h3:after {
    background-color: #11a037;
}

.page-template-page-project .hovereffect,
.page-template-page-project .hovereffect img {
    height: 100%;
}

.featured-blog-area .hovereffect { margin-bottom: 83px; }


.sg_additional-content,
.g_additional-content { padding: 25px 0; }


@media(max-width:767px){
    .featured-blog-area .overlays  { bottom: 0; }
}

.feat-projects {  padding: 0 0 83px; }

.feat-content { margin-bottom: 25px; }

.feat-content img {
    max-width: 100%;
    position: absolute;
    object-position: center;
    object-fit: cover;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.feat-content a {
    position: relative;
    display: block;
    cursor: pointer;
    height: 260px;
    text-align: center;
}

.feat-content .feat-overlay {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
}

.feat-content .feat-title {
    display: block;
    background-color: rgba(255,255,255,0.85);
    cursor: pointer;
    padding: 15px;
    margin: 0;
    position: relative;
}

.feat-content .feat-title:after {
    background-color: #00538c;
    border-radius: 50%;
    content: '\f105';
    color: #fff;
    font-family: "Flaticon";
    font-size: 12px;
    padding: 4px 15px;
    position: absolute;
    right: 14px;
    top: 13px;
}

.post-box {
    min-height: 285px;
    display: block;
}

.post-box p{
    padding: 20px 0 !important;
    margin: 0;
}

.post-box h6 { margin: 0; font-size: 16px; }

@media(min-width: 768px){

    /*.feat-content {  margin-bottom: 0;  }*/

    .feat-content img {
        width: 100%;
        position: relative;
    }

    .feat-content a {
        height: 360px;
        text-align: left;
    }

    .feat-content .feat-title { padding: 18px 108px 15px 30px; }

}



/**
 * Sliders/Carousels
 * Slick Slider - http://kenwheeler.github.io/slick/
 */

/* General styling */

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

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

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

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

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

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

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

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

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

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

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

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden { display: none; }

.slick-slide,
.slick-arrow,
.slick-dots button,
.slick-slide:focus * { outline: none !important; }


.slick-slider .slide { display: none; }

.slick-slider .slide:first-child { display: block; }

.slick-slider.slick-initialized .slide { display: block; }

.js-slider-has-preloader { /* Add this class to your slider */
    min-height: 50px;
    position: relative;
}

.js-slider-has-preloader:before {
    content: url('../img/loading.gif'); /* Create and upload a loading gif to your image directory */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px; /* Update width based on gif size */
    height: 50px; /* Update height based on gif size */
    transition: all .5s ease;
    transform: translate(-50%, -50%);
}

.js-slider-has-preloader-init:before { transform: scale(0); }


/* Custom styling per slider/carousel */

.section-gallery .slick-arrow {
    position: absolute;
    top: -98px;
    right: 0;
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 0;
    font-family: 'icomoon';
}

.section-gallery .slick-prev{ right: 55px; }

.section-gallery .slick-next{ right: 10px; }

.section-gallery .slick-prev:before{
    content: "\f104";
    font-size:20px;
    color: #7aa4c0;
}

.section-gallery .slick-next:before{
    content: "\f105";
    font-size:20px;
    color: #7aa4c0;
}


@media(min-width: 1025px){

    .section-gallery h2 { max-width: 80%; }

    .section-gallery .slick-arrow {
        top: -108px;
        width: 70px;
        height: 70px;
    }

    .section-gallery .slick-next:before,
    .section-gallery .slick-prev:before {  font-size: 40px;  }

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

    .section-gallery .slick-prev { right: 105px;  }

    .section-gallery .slick-arrow:hover{ background-color: #ebebeb; }

    .section-gallery .slick-arrow:hover:before,
    .section-gallery .slick-arrow:hover:before{ color: #00538c; }

}

@media(min-width: 1366px) {
    .section-gallery h2 { max-width: 100%; }
}


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

/**
 * Page-head
 */
.page-header  {
    width: 100%;
    z-index: 555;
}

.page-header,
.page-header-bot {
    position: relative;
    top: 0;
    left: 0;
}


.page-header-bot { background-color: rgba(255,255,255,0.7); }

.page-header-top {
    background-color: rgba(255, 255, 255, 0.8);
    display: none;
    height: 44px;
    padding-top: 9px;
    padding-bottom: 5px;
}

.page-header.js-scrolled .page-header-top {
    height: 0;
    overflow: hidden;
    padding: 0;
}


.page-header-top ul {
    float: right;
    max-width: 490px;
}

.page-header-top a:before {
    font-size: 26px;
    margin-left: 6px;
}

.page-header-top li:last-child a {
    color: #13a038;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
}

.page-header-top li:last-child a:before {
    font-size: 22px;
    font-weight: normal;
    float: left;
    margin-right: 5px;
}

@media(min-width: 1025px){
    .page-header-top { display: block; }
}


/*Page Header Searchform*/
.page-header-fsearch {
    margin: 0 25px;
    position: relative;
}

.page-header-fsearch input {
    border: 0;
    border-bottom: 1px solid #909090;
    color: #00538c;
    height: 26px;
    text-transform: capitalize;
    background-color: transparent;
    border-radius: 0px;
}

.page-header-top input[type="text"]::-webkit-input-placeholder,
.page-header-top input[type="text"]::-moz-placeholder,
.page-header-top input[type="text"]::-ms-input-placeholder { color: #00538c; }


.page-header-fsearch button {
    background-color: transparent;
    border: 0;
    color: #00538c;
    font-size: 12px;
    margin-top: -12px;
    position: absolute;
    right: 2%;
    top: 50%;
}

.page-header-fsearch button:before { font-size: 12px; }

.menu-btn {
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 4%;
    top: 24%;
}

.menu-btn p {
    color: #0e5d92;
    font-size: 10px;
    margin: 0;
    text-transform: uppercase;
}

.nav-icon:before {
    content: '\f107';
    display: block;
    color: #0e5d92;
    font-family: "Flaticon";
    font-size: 33px;
    margin-bottom: 2px;
}

.icon-active.nav-icon:before {
    background-image: url(../img/close.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 36px;
    content: '';
    display: block;
    margin-left: 10px;
}

.page-header-mtop {
    background-color: #00538c;
    height: 50px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

.page-header-mtop a {
    -webkit-border-radius: 0;
            border-radius: 0;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-header-mtop a:before {
    font-size: 30px;
    margin-right: 5px;
    vertical-align: bottom;
}

/**/
.slogo-mbuttons { position: relative; }

.site-logo-img {
    max-width: 123px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.mobilebtn {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -27px;
    width: 100%;
}

.mobilebtn-search,
.menu-btn {
    background-color: transparent;
    border: 0;
    color: #0e5d92;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    padding: 0;
    margin-left: 30px;
}

.mobilebtn-search:before,
.mobilebtn-menu:before {
    display: block;
    padding-bottom: 6px;
}

.mobilebtn-search:before {
    font-size: 26px;
    font-weight: 700;
}

.mobilebtn-menu:before { font-size: 24px; }

.mobilebtn-search {
    right: 87px;
    position: absolute;
    top: 3px;
}


@media(min-width: 600px) {
    .mobilebtn-search,
    .mobilebtn-menu { font-size: 11px; }
    .mobilebtn-search:before { font-size: 26px; }
    .mobilebtn-menu:before { font-size: 30px; }
}


@media(min-width: 768px) {
    .page-header,
    .page-header-bot { border-top: 2px solid #00538c; }

    .page-header-mtop {
        background-color: transparent;
        position: absolute;
        top: 20%;
        right: 23%;
    }

    .page-header-mtop a {
        border-radius: 30px;
        float: right;
        padding: 10px 0;
        text-align: center;
        width: 25%;
        height: 50px;
    }

    .mobilebtn-search { top: 0; }

}

@media(min-width: 768px) {

    .page-header { position: absolute; }

    .page-header,
    .page-header-bot { border-top: 0; }

    .site-logo-img {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: -9px;
    }

    .page-header.js-scrolled  {
        position: fixed;
        top: 0;
        background-color: rgba(255,255,255,0.9);
        width: 100%;
        box-shadow: none;
        margin: 0;
    }

    .page-header.js-scrolled .site-logo-img { width: 70%; }

    .page-header.js-scrolled .nav-primary-menucont a { font-size: 14px; }



}



@media(min-width: 1200px) {

    .site-logo {
        position: relative;
        z-index: 9;
    }

    .site-logo-img {
        max-width: 211px;
        margin-left: -18px;
        width: 102.427%;
    }

    .page-header.js-scrolled .site-logo-img { width: 70%; }



}

/**
 * Navigation
 */
.page-header-top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
        -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
}

/*Search Scrolled Section*/

.js-scrolled .search-form {
    overflow: hidden;
    opacity: 0;
    position: relative;
    transition: 0.5s;
    z-index: 1;
}

.js-scrolled .search-form .screen-reader-text { display: none; }

.js-scrolled .search-field {
    width: 95%;
    height: 28px;
}

.js-scrolled .search-submit {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}


/* Nav Primary */


.nav-primary {
    background-color: #fff;
    display: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
}

.nav-primary ul {
    float: right;
    padding: 0;
    position: relative;
}

.nav-primary a {
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 1em;
    padding-top: 13px;
    padding-bottom: 13px;
}

.nav-primary-menu > li {
    padding: 25px 3px;
    height: 100%;
}

.nav-primary-menu > li > a { text-transform: uppercase; }

.nav-primary .navbtn {
    background-color: transparent;
    color: #00538c;
    margin-left: 10px;
}

/*Parent Toggle Arrow*/
.sub-menu-toggle {
    font-size: 30px;
    line-height: 47px;
    text-align: center;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-transition: none;
    transition: none;
}

.scrolled-btn.container {
    display: none;
    left: 0;
    right: 0;
    position: absolute;
}

.scrolled-btn.container .btn-search {
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 29%;
    top: -62%;
}

.scrolled-btn.container .btn-search:before {
    color: #003e69;
    font-size: 15px;
}

@media (min-width: 1025px) {
    .page-header.js-scrolled .scrolled-btn { display: inline-block; }

    .page-header.js-scrolled .nav-primary-menucont {
        position: absolute;
        right: 1%;
    }

    .page-header.js-scrolled .nav-primary ul { float: right; }
}

@media (min-width: 1025px) {
    .page-header.js-scrolled .nav-primary .navbtn { margin-left: 20px; }
}

.scrolled-btn.container { display: none; }

.scrolled-btn.container .btn-secondary {
    display: inline-block;
    padding: 12px 25px;
    position: absolute;
    right: 3%;
    top: -71%;
}

.nav-primary li {
    display: block;
    position: relative;
}



@media(max-width: 1024px) {

    .nav-primary-cont {
        padding: 0;
        border-top: 1px solid #f5f5f5;
    }

    .nav-primary-menu { display: block; }

    .nav-primary li {
        position: relative;
        width: 100%;
    }

    .nav-primary a { border-bottom: 1px solid #f5f5f5; }

    .nav-primary ul ul {
        background-color: rgba(0, 0, 0, .04);
        display: none;
    }

    .nav-primary ul ul a { padding-left: 60px; }
    .nav-primary ul ul ul a { padding-left: 80px; }
    .nav-primary ul ul ul ul a { padding-left: 100px; }

    /*Parent Toggle Arrow*/
    .sub-menu-toggle {
        width: 81px;
        border-left: 1px solid #f5f5f5;
        padding-right: 40px;
        transform: translateY(20px) rotate(90deg);
    }

    .current > a .sub-menu-toggle {
        transform: translateY(-20px) rotate(-90deg);
        display: inline-block;
    }

    .nav-primary ul {
        top: 0;
        float: none;
    }

    .nav-primary .navbtn { margin-left: 0; }

}

@media(max-width: 767px) {

    .nav-primary ul {
        top: 0;
        float: none;
    }

    .nav-primary ul ul a { padding-left: 40px; }
    .nav-primary ul ul ul a { padding-left: 60px; }
    .nav-primary ul ul ul ul a { padding-left: 80px; }

    /*Parent Toggle Arrow*/
    .sub-menu-toggle {
        width: 65px;
        padding-right: 24px;
        top: -7px;
    }

    .current .sub-menu-toggle { top: 7px; }
    .nav-primary .navbtn { margin-left: 0; }

}

@media(min-width: 1025px) {


    .nav-primary {
        background-color: transparent;
        display: block;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .nav-primary a { font-size: 13px; }
    .nav-primary-menu { margin-left: -25px; }

    /*first level only*/
    .nav-primary-menu > li {
       padding: 20px 0;
       display: inline-block;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
    }

    .nav-primary-menu > li > a {
        border-radius: 30px;
        color: #00538c;
        margin-left: -5px;
        padding: 14px 11px;
        text-align: center;
        top: 20%;
    }

    .nav-primary-menu > li:hover > a,
    .nav-primary-menu > li > a:hover,
    .nav-primary-menu > li.current-menu-item > a,
    .nav-primary-menu > li.current-menu-ancestor > a {
        background-color: #fff;
        color: #00538c;
    }

    .nav-primary .navbtn a {
        background-color: #00538c;
        color: #fff;
        margin-top: -20px;
        padding: 14px 25px;
    }

    .nav-primary .navbtn a:hover {
        background-color: #003e69;
        color: #fff;
    }

    /*Dropdown*/
    .nav-primary .sub-menu {
        display: none;
        background: #fff;
        width: 265px;
        padding: 0;
        border-bottom: 1px solid #e2e0e3;
        position: absolute;
        top: 100%;
        z-index: 999;
    }

    .nav-primary .sub-menu .sub-menu {
        left: 100%;
        top: 0;
        width: 187px;
        margin-left: -1px;
    }

    .nav-primary .sub-menu li {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .nav-primary .sub-menu a {
        padding-left: 18px;
        padding-right: 18px;
        border: 1px solid #e2e0e3;
        border-bottom: 0px;
    }

    .nav-primary .sub-menu a:hover,
    .nav-primary .sub-menu li:hover > a,
    .nav-primary .sub-menu li.current-menu-item > a,
    .nav-primary .sub-menu li.current-menu-ancestor > a {
        background-color: #ebebeb;
        color: #00538c;
    }

    .nav-primary li { position: relative; }

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

    /*Parent Toggle Arrow*/
    .sub-menu-toggle { display: none; }

    .sub-menu .sub-menu-toggle {
        display: block;
        color: #13a038;
        right: 10px;
        font-size: 24px;
    }

    .nav-primary,
    .nav-primary div,
    .nav-primary-menu { height: 100%; }

    /* scrolled search */

    .scrolled-btn {
      display: block;
      top: -78px; /* -85px; */
    }
    .scrolled-btn.container .btn-search { top: 114px; }
    .scrolled-btn.container .btn-secondary { top: 99px; /*top: 105px;*/ }
    .scrolled-btn.container .btn-search ,
    .scrolled-btn.container .btn-secondary { transition: none; }

    /* scrolled */

    .nav-reveal.scrolled-btn { top: auto; }
    .js-scrolled .btn-search { right: 15% !important; }
    .nav-reveal.scrolled-btn.container .btn-search { top: -62%; }
    .nav-reveal.scrolled-btn.container .btn-secondary { top: -76%; }
    .js-scrolled .nav-reveal .search-form { opacity: 1; }
    .js-scrolled .nav-primary-menu > li { padding: 13px 0; }
    .js-scrolled .btn-secondary { display: none !important; }
}

li#menu-item-71 a {
    background-color: #04538c;
    color: #fff;
}



@media(min-width: 1075px){
    .js-scrolled .btn-search { right: 15% !important; }
}


@media(min-width: 1200px) {

    .nav-primary-menu > li { padding: 25px 3px; }
    .nav-primary-menu > li > a,
    li#menu-item-71 a { padding: 14px; }
    .js-scrolled .btn-search {
        right: 321px !important;
        top: 111px !important;
    }

    .js-scrolled .btn-secondary {
        padding: 13px 12px !important;
        display: block !important;
    }

    .page-header.js-scrolled .nav-primary-menu > li > a { padding: 10px; }



    .page-header.js-scrolled .nav-primary .navbtn { margin-left: 33px !important; }
    .page-header.js-scrolled .nav-primary-menucont { right: 45px; }

    .page-header.js-scrolled .nav-primary ul {
        margin-right: 143px;
    }
}


@media(min-width: 1366px) {

    .nav-primary a { font-size: 15px; }

    .nav-primary-menucont {
        float: right;
        width: 80%;
    }
}

/* Fix sticky header position for when admin bar visible */

/*.admin-bar .page-header { margin-top: 46px; }*/

@media (min-width: 783px) {
    .admin-bar .page-header { margin-top: 32px; }
}


.mbsearch {
    display: none;
    position: relative;
    width: 100%;
    z-index: -9;
    top: 68px;
    overflow: hidden;
    position: absolute;
    height: 43px;
}


.mbsearch:after {
    content: "\f102";
    font-size: 23px;
    position: absolute;
    top: 10px;
    font-family: Flaticon;
    display: block;
    right: 20px;
    z-index: 9;
    color: #00538C;
    font-weight: bold;
}

.mbsearch .screen-reader-text { display: none !important; }

.mbsearch form {
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    position: relative;
    height: 43px;
}

.mbsearch .search-field {
    float: left;
    max-width: 83%;
    right: 0;
    position: absolute;
    z-index: 9;
}

.mbsearch .search-submit {
    position: absolute;
    right: 0;
    z-index: 1011;
    float: right;
    text-indent: -999px;
    top: 0;
    border-radius: 100%;
    right: 0;
    background: transparent;
}

.mbsearch .search-submit:fucos { background: transparent !important; }

@media(min-width: 600px){
    .mbsearch .search-field {  max-width: 85%; }
}

@media(min-width: 768px){
    .mobilebtn-search { right: 90px; }
}


/**
 * Masthead
 */


.masthead {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 380px;
    position: relative;
    text-align: center;
    width: 100%;
}

.masthead-content {
    padding: 80px 0 100px;
}

.masthead.js-parallax {
    /*background-attachment: fixed;*/
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    width: inherit;
}

/* .js-parallax::before {
    position: fixed;
    content: '';
} */

/* fixing: Disable background-attachment for iOS */
@supports (-webkit-overflow-scrolling: touch) {
    .masthead.js-parallax {
        background-attachment: scroll;
    }
}

/* fixing: Disable background-attachment for IE10-11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
  .masthead.js-parallax {
      background-attachment: scroll !important;
  }
}

.masthead h2 {
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 0;
}

.masthead h1 {
    color: #fff;
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 45px;
    letter-spacing: 2px;
}

.hero-slides header img {
	height: 100%;
	width: 100%;
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	font-family: 'object-fit: cover;';
	z-index: -1;
}

@media(min-width: 768px){

    .hero-slides {
        position: relative;
        z-index: 1;
    }

    .hero-slides button {
        position: absolute;
        z-index: 9;
        top: 40%;
        text-indent: -999999px;
        width: 71px;
        height: 71px;
        background-color: transparent;
        border: none;

    }

    .hero-slides .slick-prev,
    .hero-slides .slick-next { display: none; }


    .hero-slides .slick-prev {
        left: 45px;
        background-image: url(../img/left-icon.png);
    }

    .hero-slides .slick-next {
        right: 45px;
        background-image: url(../img/right-icon.png);
    }

}


@media(max-width: 767px){
    .hero-slides button {
        display: none !important;
    }

}


@media(min-width: 1025px){

    .hero-slides button { top: 50%; }

    .masthead.js-parallax {
        background-attachment: fixed;
        background-position: center;
    }

}


.masthead .btn {
    margin-top: 50px;
}

.check-out {
    background-color: #fff;
    height: 64px;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}

.check-out a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.check-out span {
    display: block;
    margin-top: -4px;

}

.masthead .slick-prev,
.masthead .slick-next { display: none !important; }

.masthead--slideshow img {
  	height: 100%;
	width: 100%;
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	font-family: 'object-fit: cover;';
	z-index: -1;
	top: 0;
}

@media(max-width: 1024px) {

    .check-out {
        position: absolute;
        bottom: 0;
    }

}


@media(min-width: 768px) {
    .masthead-content {
        padding: 170px 0 95px;
    }

    .masthead h2 { font-size: 20px; }

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

    .masthead .slick-prev,
    .masthead .slick-next {
        border: 0;
        background: #fff;
        border-radius: 50%;
        font-size: 0;
        display: block !important;
        height: 50px;
        position: absolute;
        top: 50%;
        width: 50px;
        z-index: 2;
    }

    .masthead .slick-prev:before,
    .masthead .slick-next:before {
        color: #00538c;
        font-family: "Flaticon";
        font-size: 20px;
        font-weight: 900;
        line-height: 1;
    }

    .masthead .slick-prev { left: 5%; }

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

    .masthead .slick-next { right: 5%; }

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

}


@media(min-width: 1025px) {

    .masthead.js-parallax {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        max-height: 100%;
        width: inherit;
    }

    .masthead { height: 960px; }

    .masthead h2 {
        font-size: 40px;
        letter-spacing: 13px;
        text-shadow: 0 0 0.9em #000, 0 0 0 #000, 0 0 0.7em #000;
        margin-bottom: 20px
    }

    .masthead-content { padding: 300px 0; }

    .masthead h1 {
        font-size: 130px;
        text-shadow: 0 0 0.9em #000, 0 0 0 #000, 0 0 0.7em #000;
    }

    .masthead .slick-prev,
    .masthead .slick-next { display: none !important; }

    .check-out {
        background-color: transparent;
        bottom: 8%;
        position: absolute;
    }

    .check-out a {
        color: #fff;
        text-shadow: 0 0 0.5em #000, 0 0 0.5em #000, 0 0 0.5em #000;
    }

    .check-out span { margin-top: 5px; }

}

/**
 * About - Section
 */

.about-right,
.about-left {
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    z-index: 1;
}

.about-left { min-height: 266px; }

.about-right { min-height: 542px; }

.about-right:after {
    background-color: rgba(255,255,255,0.9);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.about-right { padding: 50px 20px; }

.about-content h2 {
    color: #00538c;
    font-size: 28px;
}

.about-content p { margin-top: 30px; }

.about-content .btn-secondary { text-align: center; }

.about-section img {
	height: 100%;
	width: 100%;
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	font-family: 'object-fit: cover;';
	z-index: -1;
}



@media(min-width: 768px) {

  .about-left { min-height: 325px; }
  .about-right {
    min-height: 483px;
    padding: 98px 20px;
  }

  .about-content h2 { font-size: 40px; }
}

@media(min-width: 1025px) {

    .about-section { display: flex; }

    .about-right,
    .about-left {
        background-size: cover;
        background-position: center;
        float: left;
        min-height: 542px;
        position: relative;
        z-index: 1;
    }

    .about-left { width: 45%; }

    .about-right {
        padding: 95px 35px 90px 90px;
        width: 55%;
    }

    .about-content {
        position: relative;
        max-width: 440px;
    }

}

@media(min-width: 1200px) {
    .about-right { padding: 95px 35px 90px 129px; }
}


@media(min-width: 1366px) {
    .about-right { padding: 115px 35px 90px 129px; }
    .about-content { max-width: 580px; }
}


/**
 * System - Section
 */

.system-section {
    min-height: 634px;
    padding: 50px 0;
}

.system-section .btn-tertiary {
    align-items: center;
    border-radius: 40px;
    border: 2px solid #fff;
    display: flex;
    font-weight: 600;
    padding: 16px 14px 13px;
    width: 83%;
    margin: 0 auto;
}

.system-section .btn-tertiary i:before {
    font-size: 13px;
    margin-left: 13px;
}

.white-bg { margin-bottom: 30px; }

.white-bg h2 {
    color: #00538c;
    text-transform: uppercase;
    line-height: 0.9em;
    margin-top: -2px;
}

.white-bg p {
    color: #474747;
    margin-top: 20px;
}

.hoversystem {
    background-color: #fff;
    min-height: 300px;
    margin: 0 auto 20px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    display: block;
}

.hoversystem img {
    margin: 0 auto;
    min-height: 300px;
    object-fit: cover;
    font-family: "object-fit: cover;";
    width: 100%;
}

.headline {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    padding: 25% 0;
}

.hoversystem:after {
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.content-overlay {
    transition: 0.5s;
    opacity: 0;
    position: absolute;
    bottom: -100%;
    transform: translate(0, 18%);
    -ms-transform: translate(0, 18%);
    text-align: center;
    z-index: 1;
    height: 0;
    padding: 43% 0;
    color: #fff;
}

.hoversystem:hover .content-overlay {
    bottom: 18%;
    background-color: rgba(19,160,56,0.7);
    height: 100%;
}

.headline .small-headlines,
.headline h2,
.content-overlay p,
.content-overlay .small-headlines,
.content-overlay h2 {
    color: #fff;
    text-align: center;
}


@media(min-width: 1025px) {

    .system-section { padding: 0; }

    .white-bg { padding: 60px 50px 0 0; }

    .white-bg,
    .hoversystem { margin-bottom: 0; }

    .white-bg,
    .hoversystem,
    .hoversystem img {
        min-height: 634px;
    }

    .headline h2,
    .white-bg h2,
    .content-overlay h2 { font-size: 40px; }

    .hoversystem:hover .headline { display: none; }

    .hoversystem:hover .content-overlay { opacity: 1; }

    .hoversystem:hover .content-overlay p { padding: 0 20px; }

    .headline { padding: 78% 0; }

}


@media(min-width: 1200px) {
  .headline { padding: 60% 0; }
}


@media(min-width: 1366px) {
    .headline h2,
    .white-bg h2,
    .content-overlay h2 { font-size: 55px; }

    .white-bg { padding: 50px 50px 0 0; }

    .system-section .btn-tertiary { width: 76%; }

    .hoversystem:hover .content-overlay p { padding: 0 35px; }
    .headline { padding: 60% 0; }
}


/**
 * Guideline Section
 */

.guideline-section{
    position: relative;
}

.guideline-section .container{
    position: relative;
    z-index: 2;
    width: 100%;
}

.guideline-section .bkg-image-cover{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -o-object-position: center center;
    object-position: center center;
}

.guideline-section:after {
    background-color: rgba(25,52,79,0.7);
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

/*.guideline-section .col-md-5 { padding-top: 30px; }*/

.guideline-section h2 {
    text-transform: uppercase;
    color: #fff;
}

.guideline-section p {
    color: #fff;
    margin-bottom: 20px;
}

.guideline-section .small-headlines { margin-top: 0; color: #fff; }

.icon-slider,
.slick-slide,
.slick-list { overflow: hidden; }

.icon-section ul {
    margin: 0 auto;
    padding: 0 50px;
    text-align: center;
}

.icon-section li {
    border-radius: 50%;
    display: inline-block;
    list-style: none;
    height: 145px;
    margin: 0 13px;
    padding: 28px 0;

    vertical-align: bottom;
}

.icon-section li:hover { background-color: rgba(25,52,79,0.85); }

.icon-section li:hover img:last-child { display: block; }
.icon-section li:hover img,
.icon-section li img:last-child { display: none; }

.icon-section li:hover p { margin-top: 16px; }

.icon-section img {
    margin: 0 auto;
    min-height: 57px;
}


.icon-section p {
    font-size: 13px;
    margin-top: 10px;
    text-transform: uppercase;
}

.icon-section a { font-family: 'Nunito Sans', sans-serif; }

@media(min-width: 1025px){
  .icon-section li {
    width: 145px !important;
  }
}

/* Arrows */
.icon-slider .slick-prev,
.icon-slider .slick-next {
    position: absolute;
    top: 32%;
    display: block;
    width: 52px;
    height: 52px;
    padding: 0 15px;
    color: transparent;
    border: none;
    outline: none;
    background: #ebebeb;
    border-radius: 50%;
    z-index: 3;
}

.icon-slider .slick-prev:before,
.icon-slider .slick-next:before {
    font-family: "Flaticon";
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #00538c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-slider .slick-prev { left: 0%; }
.icon-slider .slick-prev:before { content: '\f106'; }

.icon-slider .slick-next {  right: 0%; }
.icon-slider .slick-next:before { content: '\f105'; }


.icon-slider li .hover_image { display: none; }

.icon-slider li:hover img.hover_image { display: block; }

.guideline-section {
    padding: 60px 0 40px;
}

@media(min-width: 768px) {

    .guideline-section .small-headlines { font-size: 18px; }

    .icon-section { padding-top: 50px; }

    .icon-section li { margin: 0 1px;}
}


@media(min-width: 1025px) {

    .icon-section {
        margin-top: -33px;
        padding-top: 0;
    }

    .icon-section ul { padding: 0; }

    .icon-section li {
        height: 170px;
        padding: 40px 0;
        width: 170px !important;
    }

    .icon-section img { width: 38%; }

    .icon-section p {
        font-size: 16px;
        line-height: 16px;
    }

    .guideline-section {
        min-height: 653px;
        padding: 95px 0 40px;
    }

}


/**
 * Project Section
 */

.project-section {
    color: #fff;
    min-height: 915px;
    padding: 55px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.project-section img.project-background {
	height: 100%;
	width: 100%;
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	font-family: 'object-fit: cover;';
	z-index: -1;
	top: 0;
}

.project-section a {
    color: #11a037;
}

.project-section a.btn-secondary {
    color: #fff;
}

    .project-section:after {
        background-color: rgba(0,0,0,0.7);
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    .project-section .small-headlines {
        color: #fff;
        margin: 0;
    }

    .project-section h2 {
        color: #fff;
        font-size: 40px;
        text-transform: uppercase;
    }

    .project-section p {
        color: #fff;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 25px 0 40px;
    }

    .project-section ul{
        color: #fff;
    }

     .project-section ul li{
        padding: 4px 0;
     }

    .project-section ul li:before{
        content: '•';
        display: inline-block;
        color: #fff;
            position: relative;
    left: -10px;
    }


.projects-wrap { margin-top: 68px; }


.hovereffects.big_featured {
    position: relative;
    display: block;
}
@media(min-width: 768px){
.hovereffects.big_featured .overlays h3:after{
    display: none;
}
}

.hovereffect.big_featured a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
}


.hovereffects.big_featured img {
    position: relative;
    top: 0;
    left: 0;
    object-position: center;
    object-fit: cover;
    height: 100%;
}

.view-more-button {
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
}


@media(min-width: 768px){
    .hovereffects.big_featured img {
        position: absolute;
        top: 0;
        left: 0;
        object-position: center;
    }

    .overlays {
        background-color: rgba(255,255,255,0.85);
        cursor: pointer;
        display: block;
        position: absolute;
        left: 0;
        bottom: -85%;
        width: 100%;
        margin: 0;
        padding: 25px 60px 13px 20px;
        overflow: hidden;
        z-index: 1;
    }

}

.hovereffect {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.hovereffect img {
    object-fit: cover;
    font-family: "object-fit: cover;";
    height: 360px;
    margin: 0 auto;
    width: 100%;
}

.overlays {
    background-color: rgba(255,255,255,0.85);
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 15px 60px 15px 20px;
    overflow: hidden;
    z-index: 1;
}

    .overlays h3 {
        color: #00538c;
        font-size: 25px;
        font-family: 'Saira Extra Condensed', sans-serif;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .overlays h3 > a { color: #00538c; }

    .overlays h3:after {
        background-color: #00538c;
        border-radius: 50%;
        content: '\f105';
        color: #fff;
        font-family: "Flaticon";
        font-size: 12px;
        position: absolute;
        right: 14px;
       bottom: 50%;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
            transform: translateY(50%);
    }

   .overlays h6 {
      color: #474747;
      font-size: 15px;
      font-weight: 400;
      margin: 0;
   }

    .overlays span:before {
        font-size: 10px;
        font-weight: 700;
        position: relative;
        top: -1px;
        left: 8px;
    }

    .hovers-pro { display: none; }

@media(min-width: 768px) {

    .project-section {
        min-height: 930px;
        padding: 100px 0;
    }

    .feat {
        background-color: #fff;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        padding: 13px 0;
        position: absolute;
        text-align: center;
        top: 4%;
        width: 146px;
    }

    .feat p {
        color: #13a038;
        margin: 0;
        text-transform: uppercase;
    }

    .hovereffect,
    .hovereffect img { height: 470px; }

    .hovers-pro .hovereffect,
    .hovers-pro .hovereffect img { height: 260px; }

    .hovers-pro {
        display: block;
        margin-top: 53px;
    }

    .hovereffect .overlays h3:after { display: none; }

    .hovereffect .overlays h3 { font-size: 35px; }

    .overlays {
        bottom: 0%;
        padding: 35px 50px;
    }

    .overlays p {
        color: #474747 !important;
        font-weight: 400;
        letter-spacing: 0;
    }

    .overlays a {
        color: #13a038;
        font-weight: 600;
    }

    .overlays i:before {
        font-size: 12px;
        margin-left: 5px;
    }

    .hovers-pro .overlays {
        /*bottom: -6%;*/
        padding: 18px 58px 18px 20px;
    }

    .hovers-pro .overlays h3 {
        font-size: 25px;
        margin-bottom: 24px;
    }


    .hovers-pro .hovereffect {
        width: 49%;
        float: left;
    }

    .hovers-pro .hovereffect:hover a { color: #13a038; }

    .hovers-pro .hovereffect:last-child { margin-left: 13px; }

    .hovers-pro .hovereffect .overlays h3:after {
        display: block;
       /* top: 18px; */
    }
}


@media(min-width: 1025px) {
    .project-section {
        min-height: 1234px;
        padding: 160px 0 163px;
    }

    .project-section h2 { font-size: 55px; }

    .hovereffect,
    .hovereffect img {
        height: 540px;
    }

    .hovers-pro { margin-top: 0; }
    .hovers-pro .hovereffect { margin-bottom: 20px; }

    .hovers-pro .hovereffect,
    .hovers-pro .hovereffect img { height: 260px; }

    .hovers-pro .overlays { bottom: 0%; }


    .hovers-pro .hovereffect .overlays h3::after {
        display: block;
      /*  top: 25px;*/
    }

    .hovers-pro .hovereffect {
        width: 100%;
        float: none;
    }

    .hovers-pro .hovereffect:last-child { margin-left: 0; }

    .hovers-pro .overlays h3 {
        /*font-size: 35px;*/
        margin-bottom: 0;
    }

    .feat { width: 158px; }

}



/**
 * Blog Section
 */

.blog-section {
    padding: 0;
    width: 100%;
}

.blog-section h2 {
    color: #00538c;
    font-size: 40px;
    text-transform: uppercase;
}


.title-section { display: inline-block; }

.blog-section a { margin-top: 20px; }

 .blog-section .post-box a{
    position: absolute;
    bottom: 0;
 }

.blog-featured { margin-top: 20px; }

  .blog-featured .btn-secondary {
    display: block;
    text-align: center;
  }

.home .blog-featured .featured:nth-last-child(2) { display: none; }

.blog-section .post-box a {
    position: relative;
    bottom: 15px;
}

@media(min-width: 768px){
    .blog-section {
        padding: 60px 0;
    }
    .blog-section .post-box a {
        position: absolute;
        bottom: 0;
    }
}

@media(min-width: 1025px){
    .home .blog-featured .featured:nth-last-child(2) { display: block; }
}

.hovereffects {
    background-color: #fff;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.hovereffects img {
    object-fit: cover;
    font-family: "object-fit: cover;";
    height: 300px;
    margin: 0 auto;
    width: 100%;
}

.overlay {
    background-color: rgba(25,52,79,0.9);
    color: #fff;
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 18px 108px 15px 30px;
    overflow: hidden;
    z-index: 1;
    opacity: 1;
}

.overlay.with_content {
    opacity: 0;
    padding: 18px 30px 15px;
    position: absolute;
    bottom: -100%;
    height: 0;
    transition: 0.5s;
}

.home .hovereffects:hover .overlay  { opacity: 0; display: none; }

.hovereffects:hover .overlay.with_content {
    opacity: 1;
    height: auto;
    bottom: 0;
    display: block;
}

.overlay h3 { font-size: 30px; }


.hovereffects .overlay h3 {
    font-family: 'Saira Extra Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

.overlay h3:after,
.hovereffects .overlay h3:after{
    align-items: center;
    background-color: #13a038;
    border-radius: 50%;
    content: '\f105';
    color: #fff;
    display: grid;
    font-family: "Flaticon";
    font-size: 15px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    right: 14px;
    top: 17px;
}

.overlay.with_content h3:after { opacity: 0; }

.hovereffects .overlay h6 {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}

.hovereffects .overlay p {
    color: #fff;
    font-weight: 600;
    margin: 20px 0 30px;
}

.hovereffects .overlay a {
    color: #13a038;
    float: none;
    font-weight: 700;
}


@media(min-width: 768px) {

    .blog-section a {
        float: right;
        margin-top: 0;
    }

    .blog-section a.blog-image-buttons {
        float: none;
    }

    .hovereffects,
    .hovereffects img {
        margin-bottom: 0;
        height: 456px;
    }

    .hovereffects .overlay h3 { font-size: 35px; }

    .overlay h3:after { top: 20px; }

}

.blog-section-container { display: block; }

@media(min-width: 1025px) {
    .blog-section h2 { font-size: 55px; }

    .blog-section {  padding: 118px 0 83px; }

    .hovereffects {
        margin-bottom: 0;
        height: 540px;
    }

    .overlay {
        transition: all 0.3s ease;
    }

    .hovereffects img {
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }

    .overlay i:before {
        font-size: 13px;
        margin-left: 10px;
    }

    .overlay h3::after { top: 22px; }

    .hovereffects:hover .overlay {
        bottom: 0;
        width: 100%;
        height: auto;
        padding:18px 108px 15px 30px;
        text-align: left;
        transition: all 0.3s ease;
    }

    .blog .hovereffects:hover .overlay {
        padding:28px 108px 25px 30px;
        transition: all 0.3s ease;
    }

    .blog .blog-featured .post-box h3 {
        transition: all 0.5s ease;
    }

    .blog .blog-featured .post-box:hover h3 {
        color: #13a038;
        transition: all 0.5s ease;
    }

    .blog .post-box p { padding-bottom: 68px !important; }

    .blog .blog-featured {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .featured { display: block; }
}

.blog-content-wrapper {
    float: none;
    display: block;
    width: 100%;
    height: 100%;
}

.blog .hovereffects .overlay a.view-post-btn {
    display: block;
    margin-top: 20px;
}

.blog .hovereffects .overlay a p {
    text-transform: none;
}

.single-post .blog-section a {
    float: none;
    margin-top: auto;
}

.feat-projects .blog-section a { float: none; }

.blog-featured .hovereffect h6 {
    margin-top: 0;
    font-size: 15px;
    font-weight: normal;
}

.blog-featured .hovereffect,
.blog-featured .hovereffect h3,
.blog-featured .hovereffect p { color: #fff; }

.blog-featured .hovereffect a {
    color: #13a038;
    float: none;
}

.blog-featured .hovereffect:hover .overlay { background-color: rgba(25,52,79, 0.7) !important; }

.blog-featured .hovereffect h3 { margin-bottom: 5px; }


/**
 * Testimonial Section
 */

.testimonial-section {
    min-height: 647px;
    padding: 60px 0;
    width: 100%;
	position: relative;
}

.testimonial-section img.testimonial-background {
	height: 100%;
	width: 100%;
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	font-family: 'object-fit: cover;';
	z-index: -1;
	top: 0;
}
    .testimonial-section .btn-secondary {
        font-size: 16px;
        margin-top: 30px;
        display: block;
        text-align: center;
    }

.page-template-page-testimonials .testi-img {
    float: right;
    margin-left: 30px;
    max-height: 125px;
    margin-top: -25px;
    width: auto;
}

.home .testi-img {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    max-width: 50%;
    max-height: 120px;
    width: auto;
    height: auto;
}

.testimonials {
    background-color: rgba(255,255,255,0.9);
    border-radius: 30px;
    padding: 30px 30px 75px;
}

    .small-headlines {
        color: #707070;
        display: block;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

    .testimonials h2 {
        color: #00538c;
        font-family: 'Saira Extra Condensed', sans-serif;
        font-size: 30px;
        text-transform: uppercase;
    }

    .testimonials i {
        color: #474747;
        display: block;
        font-size: 16px;
        margin-top: 30px;
    }

    .testimonials h5 {
        color: #155a88;
        display: block;
        font-family: 'Saira Extra Condensed', sans-serif;
        font-weight: 400;
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .testimonials h6 {
        color: #535353;
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 1px;
        margin: 0 20px 0 0;
    }

    .testi .slick-dots {
        float: none;
        padding: 0;
        text-align: right;
        top: 43px;
        position: relative;
    }

    .testi .slick-dots li { padding: 0; }


@media(min-width: 768px) {
    .testi .slick-dots {
        float: none;
        padding: 0;
        text-align: center;
        top: 0;
    }

    .testimonial-section {
        min-height: 585px;
        padding: 113px 0;
    }

    .testi .slick-dots {
        margin-right: 25px;
        text-align: right;
    }

    .testimonial-section .btn-secondary {
       display: inline-block;
        text-align: left;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media(min-width: 1025px) {

    .testimonial-section .btn-secondary {
        left: 0%;
        transform: translateX(0%);
    }
    .testimonial-section { text-align: left; }

    .testimonials {
        padding: 57px;
        width: 95%;
    }

    .small-headlines { font-size: 22px; }

    .testimonials h2 { font-size: 40px; }

    .testimonials i { font-size: 19px; }

    .testimonials h5 { font-size: 22px; }

    .testimonials h6 { font-size: 15px; }

    .testi .slick-dots {
        top: 25px;
        /* right: -105px; */
        margin-right: 0;
    }
}

/**
 * Testimonial Page
 */

[class*="col-"]:last-child .testi-list { border-bottom: none; }


/**
 * Blog Sidebar
 */

.widget { margin-top: 50px; }

.widget ul { padding-left: 20px; }

.widget .screen-reader-text { display: none; }

.widget input[type="search"] {
    box-sizing: border-box;
    margin: 0px 0 10px;
}

.widget [type="submit"] { width: 100%; }

.blog-section .widget a { float: none; }

.blog-featured article { padding: 30px 0px; }

.article-social span {
    font-size: 30px;
}

@media(min-width: 768px) {
    .blog-section .article-social a {
        float: none;
        font-size: 25px;
        position: relative;
        top: 5px;
    }

    .blog-featured article {  padding: 50px 0px 0px; }

    .blog-section .article-social strong { margin-right: 10px; }
}

@media (min-width: 1025px) {
    .widget:first-child { margin-top: 0; }
}


.post-496 p { margin-bottom: 25px !important; }

.post-496 .page-item-494,
.post-496 .page-item-493,
.post-496 .page-item-496,
.post-496 .page-item-55,
.post-496 .page-item-3 { display: none; }


/**
 * Project Slider
*/

.gallery-container {
    position: relative;
    margin-top: 25px;
}

.gallery-slider {
    display: flex;
    flex-direction: column;
    display: inline-flex;
    min-height: 224px;
}

.gallery-slider button { display: none !important; }

.gallery-slider .slide_items {
    height: 212px;
    padding: 15px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 260px!important;
}

.gallery-slider .slick-slide {
    transition: all .2 ease;
}


.gallery-slider .slide_items.slick-current {
    height: 230px;
    padding: 0px;
    margin-top: -10px;
    position: relative;
}

.gallery-slider div img{
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
    object-position: center;
    height: 100%;
}

.slide-hover { position: relative; }

.slide_items .flaticon-magnifying-glass:before { opacity: 0; }

.gallery-slider .slide_items.slick-current .flaticon-magnifying-glass:before {
    content: "\f102";
    position: absolute;
    font-size: 30px;
    top: 35px;
    z-index: 2;
    right: 30px;
    font-weight: bold;
    color: #00508D;
    opacity: 1;
}

.section-gallery h2 .text-right {
    text-align: left !important;
    position: relative;
    top: 15px;
}

.section-gallery  h2 a {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    font-family: 'Nunito Sans', sans-serif;
    margin-top: -20px;
}

.gallery-slider .slick-list { overflow: visible !important; }

@media(min-width: 768px) {
    .gallery-slider { min-height: 348px; }

    .gallery-slider .slide_items {
        height: 318px;
        width: 350px!important;
    }

    .gallery-slider .slide_items.slick-current  { height: 335px; }

    .section-gallery  h2 a { margin-top: -30px; }

    .gallery-slider button {
        display: block !important;
        background: #f5f5f5;
        font-weight: bold;
    }

    .gallery-slider button:hover { background: #ebebeb;}

    .section-gallery h2 .text-right {
        display: inline-flex;
        padding-left: 45px;
        top: 2px;
    }

}

@media(min-width: 1025px) {
    .gallery-slider .slide_items.slick-current { height: 365px; }

    .section-gallery  h2 a { margin-top: 7px; }

    .section-gallery h2 .text-right {
        float: right !important;
        display: inline-flex;
    }
}

@media(min-width: 1200px) {
    .gallery-slider { min-height: 365px; }

    .gallery-slider .slide_items {
        height: 358px;
        width: 400px!important;
    }

    .gallery-slider .slide_items.slick-current { height: 380px; }
}

@media(min-width: 1366px) {

    .section-gallery h2 .text-right {
        right: 115px;
    }

    .gallery-slider .slide_items {
        width: 750px!important;
    }

}

@media(min-width: 1600px) {

    .section-gallery h2 .text-right {
        right: 0px;
    }

}


/**
 * Inner Page
*/

.inner-container ol li,
.inner-containerul ul li { margin: 18px 0; }

.system-section ul li,
.about-content ul li,
.inner-container ul li {
    padding: 0 0 0 18px;
    margin: 10px 0;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #646464;
    background: url(../img/bullets.png) 0 6px no-repeat;
}

.inner-container ol,
.inner-container ul { margin-left: 20px; }

.inner-container ol { padding: 0 0 0 18px;}

.inner-container ul { padding: 0 0 15px 0; }

.inner-container .testimonials li {
    background: none;
    list-style: none;
}

.small-cta p { color: #fff; }

.small-cta h3 { color: #fff; }

.small-cta a { margin-top: 15px; }

.blue-box a { color: #13a038; }

.blue-box a:hover { color: #0b6b24; }


/**
 * Search Results
*/

#wp-realtime-sitemap-pages .page-item-494,
#wp-realtime-sitemap-pages .page-item-496,
#wp-realtime-sitemap-pages .page-item-3,
#wp-realtime-sitemap-pages .page-item-493 { display: none; }


/**
 * Product Page
*/

.pages { display: none; }

.wp-pagenavi {
    clear: both;
    text-align: center;
    margin-bottom: 30px;
    display: block;
}

.wp-pagenavi .current { color: #12A241; }

.wp-pagenavi .current,
.wp-pagenavi a {
    border: none;
    font-size: 20px;
    font-weight: 600;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .prevpostslink {
    border: 1px solid #dcdcdc !important;
    height: 50px;
    width: 50px;
    display: inline-block;
    margin-bottom: 30px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 11px 13px;
    margin: 2px;
}

.wp-pagenavi .current,
.wp-pagenavi a:hover {
    background-color: #e6e6e6;
}

/* Project Single Post */
.project--single .galleries .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.single-image img { max-width: 100%; }

.project--single .galleries .gallery__title { display: none; }

/**
 * Page-Project
*/

.list-all [class*="col-md-"] a { display: block; }

.list-all [class*="col-md-"] img  { margin: 0; }

.list-all [class*="col-md-"] {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.gallery-wrapper .gallery-img {
    position: relative;
}

.gallery-wrapper .gallery-img .gallery-count {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    background: #00538c;
    color: #fff;
    padding: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
}

/**
 * Page-footer
 */

.page-footer {
    background-color: #19344f;
    position: relative;
    top: 0;
    z-index: 0;
}

.page-footer,
.page-footer:before,
.page-footer:after { min-height: 470px; }

.page-footer:after {
    background-color: #00538c;
    border-left: 1px solid #3375a3;
    /*content: "";*/
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.faddress a { color: #fff !important; }

.faddress span { display: block; }

.footer-logo {
    padding: 50px 0 30px;
    text-align: center;
}

.footer-logo img { margin: 0 auto; }

.address_info {
    padding: 0 20px 50px;
    text-align: center;
}

.address_info p {
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.address_info a {
    color: #13a038;
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.address_info .btn-secondary {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-top: 30px;
    padding: 10px 30px;
    text-align: center;
}

.address_info .btn-secondary:before {
    content: '\f103';
    display: inline-block;
    font-family: Flaticon;
    font-size: 22px;
    font-weight: normal;
    margin-right: 5px;
    vertical-align: bottom;
}

.address_info i:before {
    font-size: 11px;
    font-weight: 700;
    margin-left: 5px;
}

.social-links { margin-top: 20px; }

.social-links a { display: inline-block; }

.social-links a:before { font-size: 22px; }

.page-link {
    padding: 50px 20px ;
    text-align: center;
    background: #00538c;
    margin-left: -40px;
    margin-right: -40px;
}


.page-link ul {  padding: 0; }

.page-link li {
    list-style: none;
    margin-bottom: 5px;
}

.page-link a {
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
}

.bottom-footer {
    background-color: #19344f;
    border-top: 1px solid #475d72;
    padding: 17px 0;
    text-align: center;
}

.bottom-footer ul { padding: 0; }

.bottom-footer li {
    display: block;
    margin-bottom: 10px;
}

.bottom-footer li,
.bottom-footer a {
    color: #616872;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.bottom-footer span { display: none; }


.back-to-top {
    cursor: pointer;
    width: 50px;
    position: fixed;
    bottom: 3%;
    left: 3%;
    height: 50px;
    border-radius: 50%;
    background-color: #00538c;
    margin: 0 auto;
    text-align: center;
    display: grid;
    align-items: center;
    z-index: 333;
    line-height: 50px;
}

.back-to-top i:before {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}


@media(min-width: 768px) {
    .page-footer,
    .page-footer::before,
    .page-footer::after { min-height: 300px; }

    /*.page-footer:after{
        width: calc(100% - 80px);
   right: auto;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    }*/

    .page-link {
        text-align: left;
        margin-bottom: 40px;
        margin-right: auto;
        margin-left: auto;
            padding: 50px 120px;

    }

    .page-link ul {
        column-count: 2;
        padding: 0;
    }

    .address_info {
        padding: 75px 60px 0 0;
        text-align: left;
    }

    .address_info .btn-secondary { display: inline-block; }

    .footer-logo { padding: 100px 0; }

    .bottom-footer li { display: inline-block; }

    .bottom-footer span {
        display: inline-block;
        margin: 0 10px;
    }

}

@media(min-width: 1025px) {
    .page-footer,
    .page-footer:before,
    .page-footer:after {


        min-height: 328px; }

    .page-footer:after {
        width: 50%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }

    .footer-logo { padding: 105px 0; }

    .address_info { padding: 70px 56px 60px 0; }

    .address_info .btn-secondary {
        color: #fff;
        margin-top: 30px;
    }

    .page-link { /*padding: 106px 0 106px 90px; */background: transparent; margin-bottom: 0;     padding: 70px 20px; }

    .bottom-footer li { margin-bottom: 0; }

}

/**
 * Print CSS
 */

@media print {

    /* Reset*/
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        text-shadow: none !important;
    }

    h2, h3 {
       /* Avoid a paragraph being detached from the heading immediately preceding it */
        page-break-after: avoid;
    }

    figure, table {
        /* Avoid breaking figure or table into 2 pages */
        break-inside: avoid;
        page-break-inside: avoid;
    }

    p {
        /* Prevent single line at the end of a page and a single line at the top the next page */
        orphans: 2;
        widows: 2;
    }


    /* Grid Styling */

    .container { width: auto; }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666666666666%; }
    .col-sm-10 { width: 83.33333333333334%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666666666666%; }
    .col-sm-7 { width: 58.333333333333336%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666666666667%; }
    .col-sm-4 { width: 33.33333333333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.666666666666664%; }
    .col-sm-1 { width: 8.333333333333332%; }


        /* Slick Slider - remove if not using slick slider */

    .slick-slider .slick-arrow,
    .slick-slider .slick-dots {
        display: none !important; /* we usually don't need to show slider navigation for print */
    }

    /* For sliders you want to display full width for print.
     Update ".slick-slider" with your specific slider names. */
    .slick-slider,
    .slick-sliderg .slick-list,
    .slick-slider .slick-track,
    .slick-slider .slick-slide {
        width: 100% !important;
        height: auto !important;
    }

    /* For sliders where you only want to show the 1st image of that slider.
     Update ".slick-slider" with your specific slider names. */
    .slick-slider .slick-slide        { display: none !important; }
    .slick-slider .slick-slide.slick-active { display: inline-block !important; }

    /* Show Only Active Thumbnails */
    .slick-slider .slick-cloned { display: none; }

    /* Reset adaptiveHeight */
    .slick-list { height: auto !important; }

    /* Remove Scrollbars */
    .slick-track {
        width: auto !important;
        height: auto !important;
        transform: none !important;
    }

    .slick-track.slick-slide { width: auto !important; }

}

.slick-dots {
    padding: 0 0 50px;
    float: right;
    position: relative;
    top: -16px;
}

.slick-dots li { display: inline-block !important; }

.slick-dots button{
    font-size: 0;
    border: 0;
    padding: 0 5px;
    background: transparent;
}

.slick-dots button:after{
    background: #00538c;
    font-size: 0;
    border: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    content: '';
    display:block;
}

.slick-active button:after{ background: #13a038; }

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

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

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

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

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

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

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

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

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

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

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden { display: none; }

.gallery-img img{
    object-fit: cover;
    font-family: "object-fit: cover;";
    height: 200px;
    width: 100%;
}

.testi-list{
    border-bottom: #ccc solid 1px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.testi-list span{
    color: #00538c;
    text-transform: uppercase;
}

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

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

/**
 * Images
 */

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


/**
 * Visiblity
 */

.show { display: block !important; }

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

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

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

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


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

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

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

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

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

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

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

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


/**
 * Hiding
 */

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

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

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

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

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

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

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

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

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

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

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

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


/**
 * Screen Readers
 */

.sr-only,
.wpcf7 .screen-reader-response {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


/**
 * Print
 */

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

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

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

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


/**
 * Text alignment
 */

.text-left     { text-align:left  !important; }
.text-center   { text-align:center!important; }
.text-right    { text-align:right !important; }


/**
 * Positioning
 */

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

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

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


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

/**
 * Add/remove margins
 */

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

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

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


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

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

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


@media (min-width:600px) {

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

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

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

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

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

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

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

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

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

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

}

@media (min-width:768px) {

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

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

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

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

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

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

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

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

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

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

}

@media (min-width:1025px) {

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

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

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

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

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

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

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

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

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

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

}

@media (min-width:1200px) {

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

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

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

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

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

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

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

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

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

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

}

.search-list { border-bottom: #ccc solid 1px; }

.search-list:last-child { border: none; }

/*--- From Main-inner css file---*/

.masthead-inner{ position: relative; }

.masthead-text h1 {
    text-shadow: 0px 1px 5px #000000;
}

.masthead-inner img {
    object-fit: cover;
    font-family: "object-fit: cover;";
    height: 200px;
    width: 100%;
}

.masthead-text {
    position:absolute;
    top:0;
    height: 100%;
    /*display: table;*/
    color: #fff;
    width: 100%;
}

.masthead-text a{ color: #fff;}

.masthead-text .container{
    /*display: table-cell;
    height: 100%;
    vertical-align: middle;*/
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}

.bg-white {
    padding-top: 25px;
    padding-bottom: 25px;
 }

.bg-grey {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #f0f0f0;
}

h2 {
    margin-bottom: 20px;
    color: #00538c;
}

p { margin-bottom: 25px; }

p:last-child{ margin-bottom: 0; }

.text-content { padding: 30px 0; }

.img-btn-wrapper{
    margin: 0 -8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.img-btn-col {
    float: left;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 24px;

}

.img-btn {
    position: relative;
    display: block;
    margin-bottom: 20px;
    height: 174px;
}

.img-btn img{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
    top: 0;
}

.img-btn-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,83,143,.70);
    color: #fff;
    text-align: center;
    padding: 50px 10px;
    -webkit-transition: .3s all ease-in-out;
       -moz-transition: .3s all ease-in-out;
        -ms-transition: .3s all ease-in-out;
         -o-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-content: center;
    align-items: center;
}

.img-btn-text span {
    text-transform: uppercase;
    display: block;
    font: 15px/9px 'Nunito Sans', sans-serif;
    letter-spacing: 2px;
}

.img-btn-text h3 {
    color: #fff;
    font-size: 39px;
    line-height: 39px;
    margin-bottom: 0;
    width: 100%;
    word-break: keep-all;
}

.bg-full-img {
    background-size: cover;
    background-position: center;
    padding: 30px 0;
}

.container-full { padding: 0 10px; }

.white-box{
    background-color: rgba(255,255,255,.90);
    width:100%;
    display: inline-block;
}

.blue-box{
    background-color: #00538c;
    display: inline-block;
    color: #fff;
    text-align: center;
}

.blue-box p,
.blue-box .small-headlines,
.blue-box h3 { color: #fff; }

.blue-box .text-content,
.white-box .text-content{ padding:35px 25px; }

.remove-padding{
    padding: 0 !important;
    position: relative;
}

.big-cta{
    margin: 20px 0;
    color: #fff;
    text-align:center;
}

.big-subtitle{ text-transform: uppercase; }

.big-cta h1{ margin-bottom:20px; }

.section-gallery{ padding: 30px 0; }
.section-gallery .btn-secondary {
  margin: 0;
}

h3{
    font-family: 'Saira Extra Condensed', sans-serif;
    color: #00538c;
    margin-bottom: 10px;
}

.white-box h3,
.blue-box h3{
    margin-bottom: 25px;
    margin-bottom: 25px;
}

a,
input,
textarea { transition: all 0.9s ease;}

a:hover {
    text-decoration: none;
    color: #13a038;
}

.contact-img {
	min-height: 100%;
	position: relative;
}

.contact-img img {
	height: 100%;
	width: 100%;
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	font-family: 'object-fit: cover;';
}

.contact-form-bottom{ padding:25px; }

.gallery-cat-list{ text-align: center; }

.gallery-cat-sub {
    display: block;
    margin: 15px 0 25px;
}

.gallery-cat-list h3 {
    border-bottom: #e1e1e1 solid 1px;
    padding-bottom: 7px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 20px;
    color: #707070;
    letter-spacing: 4px;
    font-weight: normal;
}

.gallery-cat-sub a {
    color: #00538c;
    border: #00538c solid 2px;
    padding: 9px 21px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 25px;
    margin: 10px 5px;
    cursor: pointer;
}

.gallery-cat-sub .active {
    background-color: #00538c;
    color: #fff;
}

.gallery-cat__list_item {
  display: inline-block;
}

.gallery-cat__placeholder {
  display: none;
}

.modaal-gallery-item img {
    display: block;
    max-height: 80vh;
    width: auto !important;
    max-width: 100%;
    height: auto;
}

/* start of .gallery-cat */
@media (max-width: 768px) {

  .gallery-cat__select {
    display: inline-block;
    position: relative;
  }

  .gallery-cat__placeholder {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
    display: inline-block;
    height: 42px;
    margin-bottom: 15px;
    padding: 10px 20px;
    width: 260px;
  }

  .gallery-cat__list {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
    display: none;
    left: 50%;
    max-width: 400px;
    padding: 0;
    position: absolute;
    top: 42px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
  }

  .gallery-cat__select--active .gallery-cat__list {
    display: block;
  }

  .gallery-cat__select .gallery-cat__list_item {
    display: block;
    width: 100%;
  }

  .gallery-cat__select .gallery-cat__list_link {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0;
    display: block;
    margin: 0;
  }

}
/* end of .gallery-cat */

.small-cta{
    background-color: #00538c;
    text-align:center;
    color: #fff;
    padding:25px;
    border-radius: 20px;
    margin-bottom:25px;
}

.blue-box-cta{
    background-color: #00538c;
    text-align:center;
    color: #fff;
    padding:25px;
    margin-bottom:25px;
    text-transform: uppercase;
}

.blue-box-cta a{ margin-top: 12px; }

@media(min-width: 600px) {
    .img-btn-col { width: 50%; }
}

@media(min-width: 767px) {

    .masthead-inner img { height: 270px; }

    .bg-white,
    .bg-grey { padding-top: 35px;
    padding-bottom: 35px;  }

    .text-content { padding: 35px 0; }

    .img-btn-col { width:33%; }

    .white-box.left {
        left: -10px;
        position:relative;
    }

    .white-box.right {
        position:relative;
        right: -10px;
    }

    .blue-box .text-content,
    .white-box .text-content{ padding:45px 35px; }

    .contact-form-bottom{ padding:35px 25px; }

    .gallery-cat-sub { margin: 20px 0 40px; }

    .big-cta{
        margin: 20px 0;
        color: #fff;
        text-align:left;
    }

    .big-cta h1{ margin: 0; }

    .big-cta a{ float:right; }

}

    @media (max-width: 1024px) {
        .page-id-536 img.bg-full-background {
            width: 100%;
        }
    }

@media(min-width: 1025px) {

    .masthead-inner img { height: 440px; }

    .bg-white,
    .bg-grey {
        padding-top: 75px;
    padding-bottom: 75px;
     }

    .text-content { padding: 50px 0; }

    .img-btn-col {
        width: 20%;
        padding: 0 10px;
        transition: .5s;
    }

    .img-btn-col:hover { padding: 0; }

    .img-btn-col:hover .img-btn { margin-top: -9px; height: 194px;  }

    .img-btn {
        margin: 0;
        z-index: 1;
        width: 100%;
    }

    .img-btn:hover { z-index: 9; }

    .img-btn-col:hover .img-btn-text {
        background-color: rgba(19,160,56,.80);
        padding: 72px 10px;
    }

    .bg-full-img { padding: 70px 0; position: relative; }

	.bg-full-img .bg-full-background {
		height: 100%;
        width: 100%;
        position: absolute;
        -o-object-fit: cover;
           object-fit: cover;
        font-family: 'object-fit: cover;';
        z-index: -1;
		top: 0;
	}

    .big-cta { margin: 120px 0; }

    .section-gallery { min-height: 635px; padding: 70px 0; }

    .white-box .text-content { padding: 95px; }

    .blue-box .text-content {
        padding: 55px 50px 70px;
        position: absolute;
        height: 100%;
    }

    .white-box.left .text-content {
        padding-left: 10px;
        float: right;
        max-width: 525px;
    }

    .white-box.right .text-content {
        padding-right: 10px;
        float: left;
        max-width:750px;
    }

    .blue-box h3,
    .white-box h3{
        font-size: 40px;
        line-height: 40px;
    }

    .contact-img {
        background-size: cover;
        height: 100%;
        width: 50%;
        right: 0;
        position: absolute;
    }

    .contact-form-bottom {
        padding: 65px 40px;
        float: right;
        max-width: 680px;
    }

    .gallery-cat-sub { margin: 25px 0 50px; }

    .gallery-cat-sub a:hover {
        color: #fff;
        background-color: #00538c;
    }

    .masthead-text .container { padding-top: 130px; }

    .big-subtitle { font-size: 33px; }

    .big-cta h1 { font-size: 88px; }

    .big-cta a { margin-top: 45px; }

    .blue-box-cta { padding: 40px; }

    .blue-box-cta a { margin-top: 20px; }

}

.rp-container { position: relative; }

.rp-left--image{
    max-width: 100%;
    margin: 0 auto;
}

.rp-left--image img { height: auto;  }

.rp-left--image img,
.rp-right--image img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    font-family: "object-fit: cover;";
    object-position: left;
}

.rp-right--image { display: none; }

.rp-content {
    width: 100%;
    background-color: #0B6B24;
}

.rp-content .btn-secondary { color: #fff !important; }

@media(max-width: 599px){
    .rp-left--image{
        height: auto;
        max-width: 100%;
        margin: 0 auto;
    }
}

    @media (max-width: 499px) {
        img.bg-full-background {
            max-height: 300px;
        }
    }

@media(min-width: 768px){

    .rp-left--image {
        height: auto;
        position: relative;
    }

    .rp-left--image img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;";
        object-position: left;
    }

    .rp-container {
        display: flex;
        justify-content: flex-end;
        position: relative;
    }

    .rp-left--image { width: 50%; }

    .rp-content { width: 50%; }

    .rp-content .blue-box {
        position: absolute;
        height: 100%;
        width: 50%;
        top: 0;
        margin: 0 auto;
    }

}


@media(min-width: 1025px){

    .rp-container {
        display: flex;
        justify-content: flex-end;
        position: relative;
        height: 456px;
    }

    .rp-left--image,
    .rp-right--image {
        width: 22%;
        display: block;
    }

    .rp-content { width: 78%; }

    .rp-content .blue-box {
        position: absolute;
        height: 100%;
        width: 64%;
        top: 0;
        margin: 0 auto;
    }

    .rp-left--image {
        height: 430px;
        position: relative;
    }

}


@media(min-width: 1200px){
    .rp-left--image { height: 456px; }

    .blue-box .text-content {
        padding: 65px 65px 70px;
    }
}

@media(min-width: 1366px){

    .rp-left--image,
    .rp-right--image {
        width: 22.5%;
        display: block;
    }

    .rp-content { width: 57.5%; }
    .rp-content .blue-box { width: 57.5%; }

    /* .blue-box .text-content {
        padding: 95px 70px 70px;
    } */

}


.blog-home .blog-section { padding: 50px 0px; }
.blog-home .hovereffects { margin-bottom: 25px; }
.container-404 { padding: 50px 15px; }
.container-404 article { padding: 25px 0px; }


/*Inner Section*/

@media(min-width: 1025px) {
    /*.img-btn-wrapper { height: 190px; }*/
    .img-btn-wrapper .bg-grey { padding: 75px 0 35px; }
    .container-404 { padding: 50px 0px; }
}

.gallery-slider div img { display: block !important; }


body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * { box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next { display: block; }

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div { height: 100%; }

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) { display: none; }

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) { display: none; }

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% { transform: rotate(360deg); }
}

/* Transition effects */

.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); }

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image { padding: 6px 0; }

    .fancybox-close-small { right: -6px; }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw {  background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {  fill: #fff; }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }
.modaal-container {
    background-color:transparent !important;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {

    .fancybox-thumbs { width: 110px; }

    .fancybox-show-thumbs .fancybox-inner { right: 110px; }

    .fancybox-thumbs__list a { max-width: calc(100% - 10px); }
}