.button,
.button--tertiary,
.fancybox-nav, a {
    text-decoration: none;
}

/*.button-footer,*/
.clearfix:after,
.container-fluid:after,
.container:after,
.row,
.row:after, hr { clear: both; }

sub,
sup,
ul li { position: relative; }

#fancybox-thumbs ul,
.block-list,
.comment-list li,
.matrix,
.multi-list,
.slick-dots li,
nav li,
nav ol,
nav ul { list-style: none; }

.fancybox-nav,
.slick-slider { -webkit-tap-highlight-color: transparent; }

* { box-sizing: border-box; }

@-ms-viewport { width: auto!important; }

html { min-height: 100%; }

.clearfix { display: block; clear: both; }

body {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #323232;
    font-family: 'Montserrat', sans-serif;
}

h1 {
    font-size: 45px;
    line-height: 55px;
    font-weight: 600;
}

h2 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    margin-top: 2.1em;
    margin-bottom: 0.6em;
}

h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.8em;
}

h4 {
    font-size: 17px;
    line-height: 22px;
    font-weight: 900;
    margin-top: 1.2em;
    margin-bottom: 1em;
}

h2, h3, h4, h5 {
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
}

@media(min-width: 768px){

    body {
        font-size: 16px;
        line-height: 22px;
    }

    h1 {
        font-size: 52px;
        line-height: 60px;
    }

    h2 {
        font-size: 40px;
        line-height: 52px;
        margin-top: 2.1em;
        margin-bottom: 0.4em;
    }

    h3 {
        font-size: 28px;
        line-height: 35px;
    }

    h4 {
        font-size: 18px;
        line-height: 25px;
        margin-top: 0.8em;
        margin-bottom: 0.8em;
    }

}


@media (min-width:1025px) {

    h1 {
        font-size: 65px;
        line-height: 75px;
        font-weight: 600;
    }

    h2 {
        font-size: 48px;
        line-height: 52px;
        margin-top: 1.15em; /*2.1em;*/
        margin-bottom: 0.6em;
    }

    h3 {
        font-size: 35px;
        line-height: 40px;
        margin-top: 1.15em; /*2.1em;*/
        margin-bottom: 0.5em;
    }

    h4 {
        font-size: 20px;
        line-height: 28px;
    }

}


.alignright {
    float: right;
    margin: 0 0 20px 20px
}

.alignleft,
.matrix>li,
.multi-list>li,
[class*=col-xxs-] { float: left; }

.alignleft { margin: 0 20px 20px 0; }


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

b,
dt,
strong {
    font-family: 'Montserrat', sans-serif;
}

blockquote,
ol,
p,
pre,
table,
ul {
    margin-top: 1.3em;
    margin-bottom: 1.3em;

}

table { border: 1px solid transparent; }

p {
    margin-top: .2em;
    margin-bottom: 1.5em;
    letter-spacing: 0.01em;
}

hr {
    border: 1px solid #d2d2d2;
    margin-bottom: 23px;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 0;
    margin-bottom: 0
}

ul li {
    list-style-type: none;
    padding-left: 20px
}

dl dd::before,
ul li::before {
    position: absolute;
    content: '•';
    color: #26316a;
    font-size: 20px;
    left: 0;
    top: -2px
}

ol li { list-style-position: inside; }

.page-id-70 ol li { margin-bottom: 40px; }

b,
code,
em,
small,
strong { line-height: 1; }

sub,
sup {
    vertical-align: baseline;
    top: -.4em;
}

sub { top: .4em; }

nav ol,
nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    /*overflow: hidden*/
}

nav li {
    position: static;
    padding-left: 0
}

nav li:after { display: none; }

.text--underline { border-bottom: 1px solid #9B9B9B; }

.text--regular { font-family: 'Montserrat', sans-serif; }

.button,
.button--secondary,
a { font-family: 'Montserrat', sans-serif;}

.text--red { color: #e21f26; }

.text--white { color: #fff; }

.text--black { color: #000; }

.text--gray { color: #505050; }

.bg--gray { background: #e9e9e9;}

.bg--medium-gray { background: #1c1c1c; }

.bg--light-gray { background: #fafafa; }

.bg--black { background: #000; }

.bg--red { background: #fff; }

.bg--pattern {
    background: #03141b !important;
    border-bottom: solid 1px #ccc;
    color: #fff;
}

.bg--pattern-crossword {
    background: #eaeaea;
    margin-top: 150px;
    /* border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px; */
}

.page-template-page-careers .bg--pattern-crossword { border-bottom: 0 !important; }


.bg--opaque-black { background: rgba(0, 0, 0, .8); }

.border--gray { border: 1px solid #ccc; }

.button,
.button--tertiary {
    text-transform: uppercase;
    border: 0;
    position: relative;
}

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.container-full { max-width: 100%; }

.row {
    margin-left: 0;
    margin-right: 0;
}

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

.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%; }

@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%; }
}

@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%; }
}

@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%; }

  .col-md-offset-1-half { margin-left: 12.5%; }
}

@media (min-width:1300px) {
  [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:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

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

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

.button,
.button--primary:after,
.button--secondary:after,
.button-slider,
.button-slider:after,
.button:after,
.button:before,
.home .product-family-block .product-text,
.home .product-image img,
.nav--primary .sub-menu,
.product-icon,
.product-img:after,
.product-text h3:after,
.search-close,
.search-submit .icon-search,
.selectric,
.sidebar-imagination-cta span,
.sidebar-imagination-cta span:after,
.sidebar-banner span:after,
.site-search,
.site-search-popup,
.sticky-button,
.sticky-promotion,
a,
a:after,
a:before,
button,
input,
select,
textarea {
    transition: all 250ms ease-in-out
}

a {
    text-decoration: none;
    color: #00A3E0 !important;
}

a:hover {
    text-decoration: underline;
}

.button {
    padding: 10px 22px;
    font-size: 16px;
    color: #fff !important;
    display: inline-block;
    line-height: 20px;
}

.full-width {
    min-width: 100%;
    display: block;
    text-align: center;
}

.button--primary,
.button--secondary,
.button--tertiary {
    padding: 10px 22px;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

.button--primary {
    background: #00a3e0 !important;
}

.button--primary:hover {
    background: #1d799b !important;
    color: #fff;
    text-decoration: none;
}

.button--secondary {
    background: #102c36!important;
    font-size: 16px;
}

.button--secondary:hover {
    background: #134a5d!important;
    color: #fff;
    text-decoration: none;
}

.button--tertiary {
    color: #00a3e0 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    background: 0 0;
    background-color: #fff !important;
}
.button--tertiary:hover {
    background-color: #1d799B !important;
    color: #fff !important;
    text-decoration: none;
}

.button--fourth {
    padding: 5px 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #585858;
}

.button--fourth:after {
    content: "\e613";
    font-family: icomoon;
    font-size: 14px;
    position: relative;
    top: 1px;
}

/*.button--blue,
.button--header,
.button--red {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px
}

.button--header,
.button--red {
    padding: 4px 12px;
    font-size: 13px;
}*/

/*.button--fourth .icon {
    margin-right: 10px;
    font-weight: 700;
}

.button--block {
    display: block;
    width: 100%;
}
*/
/*.button--header {
    background: #e21f26;
    color: #fff;
}

.button--header:hover {
    background: #26316a;
    color: #fff;
}

.button--red {
    border: 1px solid #ee7b7f;
    color: #e21f26;
}

.button--blue {
    border: 1px solid #a6aac2;
    color: #fff;
    padding: 3px 12px 2px;
    font-size: 12px;
}

.button--blue:hover {
    color: #fff;
    border: 1px solid #7f89c5;
}
*/
@font-face {
	font-family: 'icomoon';
	src:  url('../icons/fonts/icomoon.eot?8jp5on');
	src:  url('../icons/fonts/icomoon.eot?8jp5on#iefix') format('embedded-opentype'),
		url('../icons/fonts/icomoon.ttf?8jp5on') format('truetype'),
		url('../icons/fonts/icomoon.woff?8jp5on') format('woff'),
		url('../icons/fonts/icomoon.svg?8jp5on#icomoon') format('svg');
	font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.button--primary:after,
.button--secondary:after,
.button--tertiary:after,
.contact-sidebar:before,
.icheckbox:before,
.product-family-content:before,
.product-info h2:before,
.product-text h3:after,
.sidebar-imagination-cta span:after,
/*.sidebar-banner span:after,*/
.sticky-button:after,
[class^="icon-"]:before, [class*=" icon-"]:before ,
[class^="icon-"]:after, [class*=" icon-"]:after,
.testi_list:before,
.testi_list: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-zoom:before,
.icon-search1:before { /*zoom*/
  content: "\e90c";
}

.icon-search2:before {
  content: "\e90e";
}

.icon-new-doors:before {
  content: "\e900";
}
.icon-door-not-work:before {
  content: "\e901";
}
.icon-building:before {
  content: "\e902";
}
.icon-residential:before {
  content: "\e903";
}
.icon-commercial:before {
  content: "\e904";
}
.icon-service:before {
  content: "\e905";
}
.icon-employee:before {
  content: "\e915";
}
.testi_list:before,
.icon-qoute-left:before {
  content: "\e913";
}
.testi_list:after,
.icon-qoute-right:before {
  content: "\e914";
}
.icon-tw:before {
  content: "\e907";
}
.icon-fb:before {
  content: "\e906";
}
.icon-chevron-thin-up:before {
  content: "\e614";
}
.icon-chevron-thin-right:before {
  content: "\e613";
}
.icon-chevron-thin-left:before {
  content: "\e612";
}
.icon-chevron-thin-down:before {
  content: "\e611";
}
.icon-check:before {
  content: "\e615";
}
.icon-cheveron-down:before {
  content: "\e90f";
}
.icon-cheveron-left:before {
  content: "\e910";
}
.icon-cheveron-right:before {
  content: "\e911";
}
.icon-cheveron-up:before {
  content: "\e912";
}
.icon-close:before {
  content: "\e909";
}
.icon-download:before {
  content: "\e90a";
}
.icon-menu1:before {
  content: "\e90b";
}
.icon-view-show:before {
  content: "\e90d";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-facebook1:before {
  content: "\ea91";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-yelp:before {
  content: "\ead7";
}

/**/
.flexbox {
    display: table;
    width: 100%
}

html.flexbox {
    display: block;
    width: auto
}

.flexbox__item {
    display: table-cell;
    vertical-align: middle
}

.block-list,
.block-list>li,
.matrix,
.matrix>li {
    border: 0 solid #ccc
}

.block-list,
.matrix {
    margin-left: 0;
    border-top-width: 1px
}

.block-list>li,
.matrix>li {
    border-bottom-width: 1px;
    padding: 12px
}

.block-list__link,
.matrix__link {
    display: block;
    padding: 12px;
    margin: -12px
}

td,
th {
    padding: 10px
}

.matrix {
    border-left-width: 1px
}

.matrix>li {
    border-right-width: 1px
}

.multi-list {
    margin-left: 0
}

.multi-list--padded>li {
    padding-left: 10px;
    padding-right: 10px
}

.two-cols>li {
    width: 50%
}

.three-cols>li {
    width: 33.333%
}

.four-cols>li {
    width: 25%
}

.five-cols>li {
    width: 20%
}

.matrix>.all-cols,
.multi-list>.all-cols,
table {
    width: 100%
}

@media (max-width:768px) {
    .two-cols>li {
        width: 100%
    }
}

table {
    border-collapse: collapse;
    border: none;
    font-family: 'Montserrat', sans-serif;
}

td {
    border-right: 1px solid #ccc
}

th {
    background: #9b9b9b;
    color: #fff;
    text-transform: uppercase;
    border-left: 1px solid #fff;
    text-align: left
}

fieldset {
    border: none
}

button[type=submit],
input[type=submit] {
    /*background: #e21f26;
    padding: 10px 90px;*/
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    float: none;
    background-color: #1CA8DC !important;
    min-width: 147px;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 500;
    outline: none;
}

button[type=submit]:hover,
input[type=submit]:hover {
    background: #26316a
}

button.search-submit[type=submit]:hover,
input.search-submit[type=submit]:hover {
    background: 0 0;
    color: #26316a
}

.selectric,
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=week],
select,
textarea {
    width: 100%;
    height: 53px;
    background: #f4f4f4;
    border: 1px solid #d7d7d7;
    font-size: 15px;
    color: #505050;
    padding-left: 10px;
    border-radius: 0
}

.search-form input[type=search] {
    font-size: 30px
}

.selectric-hover .selectric,
input[type=email]:hover,
input[type=text]:hover,
textarea:hover {
    border-color: #C4C4C4;
}

.selectric-hover .selectric,
input[type=email]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: #35B5BD;
}

textarea {
    transition: height 0s ease-in-out, border 250ms ease-in-out;
    height: 111px;
    resize: vertical;
    min-height: 111px
}

textarea.products {
    height: 100px
}

select {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

label {
    font-size: 20px;
    color: #505050
}

.wpcf7-radio {
    display: block
}

.wpcf7-list-item-label {
    margin-right: 10px
}

.selectric .label {
    padding-top: 14px;
    font-size: 15px;
    color: #323232;
    margin: 0
}

.iradio {
    border-radius: 100px
}

.icheckbox,
.iradio {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    top: -2px;
    margin-right: 5px;
    overflow: hidden;
}

.icheckbox.checked,
.iradio.checked {
    border: 1px solid transparent;
    background: #f5f5f5
}

.icheckbox:before {
    content: "\e615";
    font-size: 12px
}

.icheckbox:before,
.iradio:before {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    left: 0;
    top: 0;
    text-align: center;
    opacity: 0;
    color: #000!important
}

.icheckbox.checked:before,
.iradio.checked:before {
    opacity: 1
}

.selectric-disabled,
.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    -webkit-user-select: none
}

.iradio:before {
    content: "";
    font-size: 19px;
    background-color: #00A3E0;

}

.form-row {
    margin-bottom: 25px;
    margin-left: -20px;
    margin-right: -20px
}

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

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 9px;
    width: 38px;
    height: 38px;
    color: #BBB;
    text-align: center;
    font: 0/0 a
}

.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-hover .selectric .button {
    color: #A2A2A2
}

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

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

.selectric-open .selectric {
    border-color: #C4C4C4
}

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

.selectric-disabled {
    cursor: default;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-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%;
    display: none
}

.affix--left,
.selectric-input {
    left: 0!important
}

.selectric-input {
    position: absolute!important;
    top: 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: 0!important;
    border: none!important;
    background: 0 0!important
}

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

.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 li,
.selectric-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items ul li::before {
    display: none;
}


.selectric-items li {
    display: block;
    padding: 8px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer
}

.selectric-items li:after {
    display: none
}

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

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

.selectric-items .disabled {
    cursor: default!important;
    background: 0 0!important;
    color: #666!important;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
            user-select: none
}

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

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

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


.wpcf7 label {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 30px;
}

.wpcf7 label span {
    padding-left: 5px;
    color: #00a3e0;
}

.wpcf7 label .wpcf7-not-valid-tip {
    font-size: 15px;
    text-transform: capitalize;
    padding-left: 0;
}

.wpcf7 label .wpcf7-form-control-wrap {
    padding-left: 0;
}

.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-acceptance-missing,
.wpcf7 div.wpcf7-response-output{
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-transform: capitalize;
    border: none;
}




/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative
}

.fancybox-skin {
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(../img/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
    z-index: 8040;
    position: absolute;
    cursor: pointer
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../img/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px
}

.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    background: url(../img/blank.gif)
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock,
.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../img/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050
}

#fancybox-thumbs.bottom {
    bottom: 2px
}

#fancybox-thumbs.top {
    top: 2px
}

#fancybox-thumbs ul {
    position: relative;
    margin: 0;
    padding: 0
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: .5
}

#fancybox-thumbs ul li.active {
    opacity: .75;
    padding: 0;
    border: 1px solid #fff
}

#fancybox-thumbs ul li:hover {
    opacity: 1;
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: 0
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-next span,
    .fancybox-prev span {
        background-image: url(../img/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url(../img/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

.gallery-item {
    padding: 0;
    margin: 0
}

.gallery-item figure {
    margin-left: 20px;
    margin-right: 20px
}

.video-thumb img {
    height: auto;
    width: 100%
}

.gallery-item .gallery-caption {
    display: none;
    font-size: 12px
}

.video-thumb p {
    line-height: 1.5em
}

.video-gallery-container {
    margin-top: 30px
}

@media (min-width:768px) {
    .gallery-item .gallery-caption {
        display: block
    }
}

.wpcf7-not-valid-tip {
    color: #35B5BD
}

.screen-reader-response {
    display: none
}


input.wpcf7-not-valid {
    background-color: #fafafa !important
}

@media (max-width:599px) {
    button[type=submit],
    input[type=submit] {
        float: none;
        width: 100%
    }
}

.main-contact {
    padding-right: 50px
}

@media (max-width:768px) {
    .main-contact {
        padding-right: 0
    }
}

@media (max-width:600px) {
    input#city {
        margin-bottom: 25px
    }
}


/*
* Page Header
*/
.page__header {
    background-color: #FAFAFA;
    position: relative;
    width: 100%;
    z-index: 500;
    height: 138px;
}

    @media(min-width: 1025px) {

        .fixed-headtop-btns.page__header-ctas {
            padding: 0 !important;
            display: none;
        }

        .fixed-headtop-btns.page__header-ctas .button--primary { padding: 13px 20px; }

        .page__header.js-fixed .headtop-button { display: none; }

        .page__header .headtop-button { display: none; }

        .page__header .fixed-headtop-btns { display: none; }

        .page__header.js-fixed .fixed-headtop-btns { display: block; }

        .page__header.js-fixed {
            top: 0;
            transition: 1s;
            height: auto;
        }

        .page__header.js-fixed .logo {
          margin-left: 12px;
          margin-top: 14px;
        }

            .page__header.js-fixed .logo img { max-width: 198px; }

            .page__header {
                position: fixed;
                top: 0;
            }

            .page__header .fixed-headtop-btns.page__header-ctas { display: none; }

        .page__header.js-fixed .fixed-headtop-btns.page__header-ctas { display: block; }

        .page__header.js-fixed .nav--primary { right: 80px; }

        .page__header.js-fixed .nav--primary a {
            /* padding: 25px 15px;
            font-size: 16px !important; */
            padding: 25px 12px;
            font-size: 14px !important;
        }

            .page__header.js-fixed .sub-menu li > a { padding: 9px 17px !important; }

            .page__header.js-fixed .nav--primary .sub-menu-toggle {
                background: transparent !important;
                right: -9px;
                top: 38%;
            }

        .page__header.js-fixed .site-search {
          font-size: 18px;
          right: 12px;
          top: -9px;
        }

        .page__header.js-fixed .nav--primary a:before{
            /*left: -2px;
            margin: 15px 0;*/
        }

    }

    @media(min-width: 1400px) {
        .page__header .headtop-button { display: block !important; }
        .page__header.js-fixed .headtop-button { display: none !important; }
    }

    @media (max-width:1100px) {

        .home-slideshow {
            margin-top: -12px;
        }
    }

    .headtop {
        background-color: #102c36;
        display: block;
        height: 48px;
        color: #fff;
    }
        .headtop-btns {
            height: 48px;
            display: block;
            width: 100%;
            position: relative;
        }

        .taptocall,
        .tollfree {
            background-color: #0f1e24;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff !important;
            font-size: 14px;
            font-weight: 600;
            line-height: 16px;
            float: left;
            height: 100%;
            padding: 5px 20px;
            position: relative;
            width: 100%;
            text-align: center;
            text-transform: uppercase;
        }

        .taptocall:hover,
        .tollfree:hover {
            background-color: #000;
            text-decoration: none;
        }

        .taptocall {
            border-right: 1px solid #102c36;
        }

        .headtop a:hover {
            color: #00a0dc;
        }

            @media(min-width: 768px) {

                .headtop-btns {
                    display: flex;
                    justify-content: center;
                }

                .taptocall,
                .tollfree {
                    color: #99b7c1 !important;
                    text-transform: capitalize;
                    width: 40%;
                    margin: 0 10px;
                }

                .taptocall strong,
                .tollfree strong {
                    color: #fff;
                    font-size: 17px;
                    font-weight: 600;
                }
            }

            @media (max-width: 768px) {
                .headtop-btns {
                    position: fixed;
                    z-index: 9999999;
                }
            }

            @media(min-width: 1025px) {

                .headtop-btns {
                    float: right;
                    width: auto;
                    margin-right: 20px;
                }

                .taptocall,
                .tollfree {
                    width: auto;
                    margin: 0 5px;
                }

                .header-social {
                    display: inline-block;
                    height: 100%;
                    float: right;
                    padding-top: 12px;
                    margin-right: 10px;
                }

                .header-social .fab.fa-facebook:before {
                    content: '\ea91';
                    font-family: 'icomoon';
                    font-weight: bold;
                    position: relative;
                    top: 1px;
                    font-size: 17px;
                }

                    .social-link {
                        display: inline-block;
                        width: 25px;
                        height: 25px;
                        color: #102C36 !important;
                        font-size: 18px;
                        background-color: #1CA8DC;
                        text-align: center;
                        padding-top: 2px;
                        margin-right: 5px;
                    }

                    .social-link:hover {
                        background-color: #FAFAFA;
                    }

            }


    .head-info {
        position: relative;
        height: 61px;
    }

        .logo {
            display: block;
            width: 165px;
            height: 25px;
            margin-top:  18px;
            position: relative;
        }

            .logo img { max-width: 165px; }

            @media(min-width: 768px) {

                .logo {
                    width: 225px;
                    height: auto;
                    margin-left: 40px;
                    margin-top:  23px;
                }

                .logo img { max-width: 225px; }
            }

            @media(min-width: 1025px) {

                .logo {
                    width: 100%;
                    display: block;
                    /*height: 40px;*/
                    margin-left: 10px;
                }

                .logo img { max-width: 196px; max-height: 60px; }
            }


            @media(min-width: 1366px) {

                .logo {
                    width: 296px;
                   /* height: 40px;*/
                    margin-left: 10px;
                }

                .logo img { max-width: 230px; max-height: 60px; }

            }

            @media(min-width: 1824px) {
                .logo img { max-width: 296px; max-height: 60px; }

            }


        .header--main-menu {
            padding-right: 20px
        }

            .page__header-ctas {
                display: none;
                padding-right: 0;
                width: 100%;
            }

                .page__header-ctas a {
                    margin-left: 13px;
                }

                .page__header-ctas .button--primary {
                    font-size: 13px;
                    float: right!important;
                    width: 50%;
                    text-align: center;
                }

                .page__header-ctas .button--primary:first-child {
                    border-left: 1px solid #000;
                }


            /* default search box */
            .header--search-box {
                display: none;
                margin-right: -14px;
            }

                .header--search-box form {
                    line-height: 0
                }

                .header--search-box input {
                    height: auto;
                    padding: 4px 4px 3px;
                    width: auto;
                    position: relative;
                    z-index: 1;
                }

                .header--search-box button[type=submit] {
                    background: 0 0;
                    padding: 0;
                    height: auto;
                    color: #26316a;
                    font-size: 15px;
                    z-index: 9;
                    position: relative;
                    left: -20px;
                    top: 6px
                }

                .header--search-box button[type=submit]:hover {
                    color: #e21f26
                }


            /* search icon */
            .header--search {
                float: right;
                display: block;
            }
                .site-search {
                    float: right;
                    display: inline-block;
                    color: #2b366e;
                    font-size: 20px;
                    position: relative;
                    top: 17px;
                    cursor: pointer;
                    right: 50px;
                }

                    @media(min-width: 768px) {
                        .site-search {
                            font-size: 30px;
                            top: 22px;
                            right: 70px;
                        }
                    }

                    @media(min-width: 1025px) {
                        .page__header-ctas {
                            display: inline-block;
                            width: auto;
                            float: right;
                            padding: 18px 20px 0 0;
                        }

                            .page__header-ctas .button--primary {
                                background-color: #00A3E0;
                                display: inline-block;
                                letter-spacing: 0.5px;
                                float: none!important;
                                font-weight: 600;
                                padding: 15px 20px;
                                width: auto;
                            }

                            .page__header-ctas .button--primary:first-child {
                                border-left: 0;
                            }


                        .header--search {
                            padding: 35px 10px 20px;
                        }
                        .site-search {
                            font-size: 16px;
                            right: 0;
                            top: 0;
                        }
                    }

                    @media(min-width: 1366px) {

                        .header--main-menu {
                            padding-right: 0;
                        }

                        .page__header-ctas .button--primary {
                            font-size: 12px;
                            padding: 14px 12px;
                        }

                        .site-search {
                            font-size: 16px;
                            right: 12px;
                            top: 0;
                        }

                    }



                    @media(min-width: 1824px) {

                        .page__header-ctas .button--primary {
                            font-size: 14px;
                            padding: 15px 15px;
                        }

                        .page__header-ctas .button--primary {
                            font-size: 16px;
                            padding: 15px 20px;
                        }

                    }



            /* menu icon */
            .main-menu-toggle {
                color: #26316a;
                cursor: pointer;
                display: block;
                font-size: 26px;
                float: right;
                right: 20px;
                top: 17px;
                position: absolute
            }

                .menu-text {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 12px;
                    text-transform: uppercase;
                    position: absolute;
                    bottom: -1.3em;
                    left: 4px;
                    padding-top: 5px;
                    display: none;
                }


            /**
            * Navigation- Primary
            */

            .nav--primary {
                display: none;
                background-color: #fff;
                font-family: 'Montserrat', sans-serif;
                font-weight: 600;
                font-size: 15px;
                margin: 0;
                padding: 0;
                position: absolute;
                left: 0;
                top: 100%;
                text-align: left;
                width: 100%;
            }

            .nav--primary.active {
                display: block;
                background: #ffffff;
                color: #102C36;
                width: 100%;
                position: absolute;
                left: 0;
                top: 89px;
            }

            .icon-menu1.active:before { content: "\e909" !important; }


            .nav--primary > ul {
              margin: 0;
              padding: 0;
              overflow: visible;
            }

            .nav--primary li {
                border-bottom: 1px solid #E3E3E3;
                list-style-type: none;
                position: relative;
            }

            .nav--primary li:before {
                display: none;
            }

            .nav--primary li:hover {
                background-color: #00A3E0;
            }

            .nav--primary li:last-child {
                border: 0;
            }

            .nav--primary li.menu-item-has-children.toggled li {
                background-color: #efefef;
                padding-left: 10px;
            }

            .nav--primary a {
                color: #181818 !important;
                display: block;
                padding: 9px 12px;
                text-decoration: none;
                position: relative;
                z-index: 1;
                font-weight: 400;
            }

      .nav--primary .sub-menu li:hover > a,
      .nav--primary .sub-menu .current-menu-ancestor > a,
      .nav--primary .sub-menu .current-menu-parent > a,
      .nav--primary .sub-menu .current-menu-item > a {
          background-color: #ededed !important;
      }



              @media(min-width: 768px) {

                .main-menu-toggle {
                    top: 27px;
                    font-size: 24px;
                }

              }

              @media (min-width: 768px) and (min-width: 768px) {}

              @media(min-width: 1025px) {

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

                .nav--primary {
                    display: inline-block;
                    background-color: transparent;
                    position: absolute;
                    top: 0;
                    width: auto;
                    right: 74px;
                }


                .nav--primary ul {
                    width: auto;
                    display: inline-block;
                    float: right;
                }

                .nav--primary li {
                    border: 0;
                    float: left;
                    display: inline-block;
                }

                .nav--primary a {
                    padding: 32px 9px;
                    font-size: 14px;
                    /*padding: 32px 12px;
                    font-size: 16px;*/
                }

                .nav--primary a:hover { color: #00A3E0!important; }

                .nav--primary .menu-item-has-children > a { padding-right: 14px; }

                .nav--primary li:hover { background-color: transparent; }

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

                .nav--primary a:before {
                    position: absolute;
                    content: '';
                    display: block;
                    width: 100%;
                    height: 40px;
                    top: 50%;
                    left: -2px;
                    margin: -20px 0 0;
                    z-index: -1;
                }

                /*.sub-menu li.current-menu-item > a,*/
                .nav--primary .sub-menu a:before,
                .nav--primary .sub-menu a:hover:before { display: none !important; }

                .nav--primary .sub-menu a:hover { background-color: #ededed !important; color: #102C36; }

              }


              @media(min-width: 1200px){

                  .nav--primary a {
                      padding: 32px 12px;
                      font-size: 16px;
                  }

              }



              @media(min-width: 1400px){

                  .nav--primary { right: 428px; }

                  .nav--primary a {
                      padding: 32px 8px;
                      font-size: 14px;
                  }

                  /*.nav--primary a:before { left: -3px; } */
              }

              @media(min-width: 1824px){
                  .nav--primary { right: 463px; }

                  .nav--primary a {
                      padding: 34px 12px;
                      font-size: 16px;
                  }

                  .page__header.js-fixed .nav--primary a {
                      padding: 25px 12px 26px;
                      font-size: 16px !important;
                  }

              }



            /**
            * Sub-navigation
            */


            .sub-menu {
              text-transform: capitalize!important;
            }

            .nav--primary .sub-menu,
            .nav--primary .sub-menu.toggled {
              background: #FAFAFA;
            }

            .nav--primary .sub-menu,
            .nav--primary .sub-menu ul{ display: none; }
            .nav--primary .sub-menu.toggled { display:block; }
            .nav--primary .sub-menu ul.toggled { max-height: 55em; }

            .sub-menu.toggled .sub-menu.toggled li {
              background-color: #e1e1e1;
            }

            .nav--primary .sub-menu-toggle {
                content: "";
                color: #00A3E0;
                cursor: pointer;
                font-size: 12px;
                font-weight: 400;
                width: 40px;
                height: 38px;
                line-height: 40px;
                background: #FAFAFA;
                position: absolute;
                right: 0;
                top: 0;
                display: block;
                text-align: center;
                z-index: 999;
            }

            .nav--primary .sub-menu-toggle:hover,
            .nav--primary .sub-menu-toggle.toggled {
                transform: rotate(180deg);
            }

              /* third level */
              .nav--primary .sub-menu ul {
                  background-color: #fff;
                  content: "";
                  top: 0;
                  left: 100%;
                  max-height: 55em;
                  width: 100%;
                  z-index: 101;
              }


@media(min-width: 1025px) {

  .nav--primary .sub-menu-toggle {
      width: 20px;
      height: 20px;
      line-height: 20px;
      top: 40%;
      display: none;
  }

  .nav--primary .sub-menu {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 268px;
    text-align: left;
    z-index: 100;
  }

  .nav--primary .sub-menu a { padding: 9px 23px; }

  .nav--primary .sub-menu li {
    background-color: transparent;
    border: 0;
    width: 100%;
    position: relative;
    text-align: left;
  }

  .nav--primary .sub-menu li:last-child { border: 0; }

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

  .nav--primary .sub-menu .sub-menu-toggle:hover,
  .nav--primary .sub-menu .sub-menu-toggle.toggled,
  .nav--primary .sub-menu .sub-menu-toggle {
    line-height: 35px;
    transform: rotate(-90deg);
    right: 5px;
    display: none;
  }

  .nav--primary .sub-menu-toggle:hover,
  .nav--primary .sub-menu-toggle.toggled {
    transform: rotate(0deg);
  }

  .nav--primary .sub-menu li{ position: relative; }

  .nav--primary .sub-menu ul { width: 250px; }

  .sub-menu li:hover > .sub-menu { display: block !important; }

}

@media (min-width: 1025px) and (max-width: 1366px) {

    .nav--primary .sub-menu {
        width: 200px;
        font-size: 15px;
    }

    .sub-menu li > .sub-menu {
        width: 175px;
    }

     .sub-menu li > .sub-menu a {
        font-size: 13px;
    }
}


/* mobile and tablet buttons */
.mobile-btns {
    display: block;
    height: 29px;
    position: relative;
}

.mobile-btns a {
    background-color: #00a3e0;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    float: left;
    text-align: center;
    text-transform: uppercase;
}

.button--service { border-right: 1px solid #fff; }


@media(min-width: 768px) {

  .mobile-btns {
      position: absolute;
      right: 148px;
      top: 70px;
      width: 288px;
      height: 40px;
  }

  .mobile-btns a { width: 47%; }

  .button--service { margin-right: 15px; }

}

@media(min-width: 1025px) {
    .mobile-btns { display: none; }
}

/* Search Form Pop-up*/

.site-search-popup {
    background: rgba(0, 0, 0, .9);
    width: 80%;
    height: 257px;
    text-align: center;
    position: fixed;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 300;
    transform: translateY(40px)
}

.site-search-popup.active {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 0 800px rgba(0, 0, 0, .8);
    transform: translateY(0)
}

.site-search-popup .screen-reader-text { display: none; }

.site-search-popup form {
    padding: 80px 106px 80px 80px;
    position: relative;
    z-index: 100
}

.search-field {
    font-size: 20px;
    padding: 20px;
    font-weight: 300;
    margin: 0
}

.site-search-popup .search-submit {
    width: 60px;
    height: 95px;
    position: absolute;
    right: 74px;
    top: 80px;
    line-height: 60px;
    color: #000;
    font-size: 45px;
    background: 0 0;
    border: 0;
    padding: 0;
}

.search-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 25px;
    z-index: 300
}

.site-search-popup .search-close:hover {
    color: #fff;
    cursor: pointer;
    transform: rotate(-90deg)
}

.search-submit .icon-search:hover,
.site-search:hover { color: #26316a; }

.search-form input[type=search] {
    border-radius: 2px
}

@media (max-width:600px) {

  .search-form input {
      height: 50px;
      padding: 0 5px
  }

  .site-search-popup {
      height: 122px;
      background: rgba(0, 0, 0, .8)
  }

  .site-search-popup form { padding: 35px 63px 19px 56px; }

  .site-search-popup .search-submit {
      right: 46px;
      top: 35px;
      font-size: 30px;
      line-height: normal;
      height: 52px;
      min-width: 46px;
      padding-top: 6px;
  }

  .search-form input[type=search] { font-size: 23px }

  .search-close { top: 0 }

}

@media (max-width:360px) {

    .search-form input { height: 38px }

    .site-search-popup form {  padding: 36px 0 19px }

    .site-search-popup { height: 109px }

    .search-close {
        position: absolute;
        top: 0;
        right: -13px;
        font-size: 20px;
        z-index: 300
    }

    .site-search-popup .search-submit {
        right: -12px;
        top: 36px;
        height: 40px;
        min-width: 46px;
        font-size: 20px;
    }

    .search-form input[type=search] { font-size: 18px }

}


@media(min-width: 768px){

    .site-search-popup input[type=search]{ height: 29px; }

    .site-search-popup .search-submit {
        width: 60px;
        height: 71px;
    }

}

@media(min-width: 1025px){

    .site-search-popup input[type=search]{ height: 53px; }

    .site-search-popup .search-submit {
        width: 60px;
        height: 95px;
        position: absolute;
        right: 74px;
        top: 80px;
    }

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

.admin-bar .page__header,
.admin-bar .page__header.js-fixed {
    top: 32px;
}

@media (max-width: 782px) {

    .admin-bar .page__header {
        top: 0;
    }

}

/*
* Masthead - Inner page Header
*/
.masthead-header {
    position: relative;
    background-repeat: no-repeat;

    background-position: center 25px;
    background-size: cover;
}

.masthead-header,
.masthead-header-title {
    min-height: 200px;
    margin: 0;
}

.masthead-header-title {
    padding: 50px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 3;
}

.masthead-header-title p {
    color: #fff;
    font-size: 38px;
    font-weight: 400;
    line-height: 43px;
    margin: 0;
    padding: 0;
    text-shadow: 0px 0px 20px #000;
    text-transform: uppercase;
}

@media(min-width: 768px){
    .masthead-header-title p {
        font-size: 52px;
        line-height: 60px;
    }
}

@media(min-width: 1025px){

    .masthead-header {
            padding-top: 138px;
        background-repeat: no-repeat;
        background-position: center 25px;
            background-size: cover;
    }

    .masthead-header-title {
        min-height: 304px;
        padding: 0;
    }

    .masthead-header-title p {
      font-size: 65px;
      line-height: 75px;
    }
}

@media(max-width: 1024px) {
  .page-parent.page-child .masthead-header {
    background-position: top;
  }
}

@media(min-width: 1799px){

/*    .masthead-header {
        background-position: center top;
        background-attachment: fixed;
        background-size: 100% auto;
        position: relative;
    }

    .masthead-header:after {
        content: '';
        background: rgba(0,0,0,.4);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
    }

        .admin-bar .masthead-header {
            background-position: center 25px;
        }    */
}

@media(min-width: 1025px){

    .single-clopay_collection .masthead-header {
    background-position: center;
    background-size: cover;
  }
}

@media(min-width: 1366px){

    .single-clopay_collection .masthead-header {
    background-size: cover;
    background-position: top center;
  }
}


/*
* Breadcrumbs
*/
.breadcrumbs {
    background-color: #ebebeb;
    display: block;
    margin: 0;
    min-height: 50px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

  .breadcrumbs a,
  .breadcrumbs .breadcrumb_last {
    display: inline-block;
    padding: 15px;
  }

  .breadcrumbs a {
      color: #102c36 !important;
  }

  .breadcrumbs a:hover,
  .breadcrumbs .breadcrumb_last {
    color: #00a3e0 !important;
  }

  @media(min-width: 1025px) {
    .breadcrumbs {
      padding: 0 20px;
    }
  }

  @media (max-width: 1024px) {
        .breadcrumbs {
            min-height: 40px;
            font-size: 14px;
        }
  }



@media (max-width:600px) {

    .slider-cta {
        bottom: 10%
    }

    .breadcrumbs {
        font-size: 12px;
    }
    .breadcrumbs a, .breadcrumbs .breadcrumb_last {
        padding: 10px;
    }
}



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

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

.product-info-tabs img {
    max-width: 100%;
}

.img-rounded {
    border-radius: 6px!important;
}

.img-circle {
    border-radius: 50%!important;
}

.img-square {
    border-radius: 0!important;
}

.show {
    display: block!important;
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-xxs,
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-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; }

    td.visible-xxs,
    th.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; }

    td.visible-xs,
    th.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;
    }
    td.visible-sm,
    th.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;
    }
    td.visible-md,
    th.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;
    }
    td.visible-lg,
    th.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;
    }
    .hidden-lg {
        display: none!important;
    }
}


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

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

/**
 * 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;
    float: none;
}

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

/**
 * Add/remove margins
 */

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

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

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


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

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

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



.form-submit,
.slick-list {
    overflow: hidden;
}

.weight--light {
    font-weight: 300!important
}

.weight--normal {
    font-weight: 400!important
}

.weight--semibold {
    font-weight: 600!important
}

.weight--bold {
    font-weight: 700!important
}

.border--top {
    border-top: 1px solid #eee
}

.border--bottom {
    border-bottom: 1px solid #eee
}

.border--left {
    border-left: 1px solid #eee
}

.border--right {
    border-right: 1px solid #eee
}

.border--all {
    border: 1px solid #eee
}

.border--black {
    border-color: #000
}



.slick-list,
.slick-slide,
.slick-slider,
.slick-track {
    position: relative
}

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

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

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

.slick-slider {
    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;
    touch-action: pan-y
}

.slick-list {
    height: 100%;
    display: block;
    margin: 0;
    padding: 0
}

.home-slider .container,
.slick-dots {
    width: 100%;
    max-width: 1360px;
    padding: 0 25px
}

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0;
    height: 100%;
    display: block
}

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

.slick-track:after {
    clear: both
}

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

.home-slideshow .slick-slide:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    z-index: 5
}

.rsContent,
.slide {
    position: relative
}

.thumbnail.slick-slide:after {
    display: none
}

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

.slick-slide img {
    display: block
}

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

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

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

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

.slick-loading .slick-list {
    background: url(ajax-loader.gif) center center no-repeat #fff
}

.slide {
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff
}

.slide-one {
    background-image: url(../img/hero-bg-01.jpg)
}

.slide-two {
    background-image: url(../img/slide2.jpg)
}

.slide-three {
    background-image: url(../img/slide3.jpg)
}

.slide-four {
    background-image: url(../img/slide4.jpg)
}

.slide-five {
    background-image: url(../img/slide5.jpg)
}

.slick-next,
.slick-prev {
    position: absolute;
    top: 50%;
    background: 0 0;
    border: 0;
    color: transparent;
    outline: none;
    z-index: 99;
}

.product-thumbs .slick-next,
.product-thumbs .slick-prev {
    top: inherit;
    z-index: 300
}

.slick-next:before,
.slick-prev:before {
    content: '\e911' !important;
    display: block;
    color: #fff;
    font-size: 42px;
    font-family: icomoon;
    font-weight: 300 !important;
    /*
    text-shadow: 0 2px #000;
    text-shadow: 0 2px rgba(0, 0, 0, .9)*/
}

.slick-prev:before {
    content: "\e612";
    transform: rotate(180deg);
}

.slick-next:before {
    content: "\e613"
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

.slick-dots {
    bottom: 0;
    left: 0;
    position: relative;
    top: -60px;
    margin: 0 auto
}

.slick-dots li {
    display: inline-block;
    padding: 0 10px 0 0
}

.slick-dots li:after {
    content: ''
}

.slick-dots button {
    width: 18px;
    height: 18px;
    background: 0 0;
    border: 2px solid #fff;
    font-size: 0
}

.slick-active button {
    background-color: #26316a;
    border: 2px solid #26316a
}


.slider-cta {
    position: absolute;
    bottom: 180px;
    z-index: 9
}

.cta-black-box {
    padding: 20px 0;
    color: #fff;
    position: relative
}

.cta-black-box span,
.cta-black-box strong {
    display: block
}

.cta-black-box h1 {
    font-size: 92px;
    margin: 0 0 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400
}

.cta-black-box p,
.slider-button.button {
    font-family: 'Montserrat', sans-serif;
}

.cta-black-box p {
    font-size: 92px;
    margin: 0 0 50px
}

.slider-button.button {
    background-color: #26316a;
    position: absolute;
    font-size: 14px;
    z-index: 100;
    padding: 15px 0;
    width: 342px;
    text-align: center;
    border-bottom: #192046 solid 3px
}

.slider-button:hover {
    background-color: #192046;
    color: #fff
}

.slider-button:hover:after {
    padding-left: 15px
}

.sticky-promotion {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 300;
    width: 100%;
    background: #e21f26;
    text-align: center;
    padding: 5px 0;
    display: none;
}

.sticky-promotion .sticky-button {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px
}

.sticky-button:after {
    content: "\e613";
    font-family: icomoon;
    font-size: 13px;
    padding-left: 3px;
    color: #fff
}

.btn-view,
.promotion-text span {
    font-family: 'Montserrat', sans-serif;
}

.sticky-promotion .sticky-slide {
    float: left
}

.sticky-promotion .sticky-slide p {
    margin-top: 0;
    margin-bottom: 0
}

.promotion-text {
    text-align: center;
    line-height: 1.5
}

.promotion-text span {
    font-size: 24px;
    line-height: 1
}

.promotion-text .button {
    font-size: 14px
}

.sticky-button {
    text-align: center;
    padding: 10px;
    line-height: 1
}

.sticky-button span {
    color: #fff;
    font-size: 18px;
    line-height: 1
}


@media (max-width:1200px) {

    .cta-black-box h1,
    .cta-black-box p {
        font-size: 80px;
        line-height: .8
    }
}


@media (min-width:1024px) {
    .home-slider {
        height: 775px
    }
}

@media (max-width:1024px) {
    .sticky-promotion {
        display: none
    }
    .home-slider {
        height: 458px
    }
    .cta-black-box h1,
    .cta-black-box p {
        font-size: 52px;
        margin: 0 0 8px
    }
    .slick-slide img {
        width: auto;
        height: auto
    }
    .slick-next,
    .slick-prev {
        top: 50%
    }
    .slider-cta {
        bottom: 45%
    }
    .slider-button.button {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        width: 233px;
        margin-top: 20px
    }

}

@media (max-width:768px) {
    .slider-cta {
        bottom: 30%
    }
    .cta-black-box h1,
    .cta-black-box p {
        font-size: 52px;
        margin: 0
    }
    .slick-dots {
        display: none;
        max-width: 1326px
    }
    .cta-black-box {
        padding-bottom: 0
    }
    .slider-button.button {
        position: relative;
        display: block;
        bottom: 0;
        margin: 20px -40px 0 0
    }
    .cta-black-box:after,
    .cta-black-box:before,
    .sticky-promotion .sticky-slide {
        display: none
    }
    .slick-next,
    .slick-prev {
        top: 40%
    }
    .sticky-promotion {
        position: relative;
        left: 0;
        margin-top: 35px;
        margin-bottom: 35px
    }
    .sticky-promotion:hover {
        left: inherit
    }
    .sticky-promotion .sticky-button {
        width: 100%;
        padding: 17px 0
    }
    .sticky-promotion .sticky-button span {
        font-size: 24px
    }
    .sticky-button:after {
        right: 0
    }
    .sticky-promotion:nth-child(1n),
    .sticky-promotion:nth-child(2n) {
        top: auto
    }
}

@media (max-width:640px) {

    .home-slider {
        height: 320px
    }
    /*.slick-next,
    .slick-prev {
        display: none!important
    }
*/
    .slider-button.button {
        padding: 8px 0
    }
    .cta-black-box h1,
    .cta-black-box p {
        font-size: 22px
    }
}


.services-section {
    padding: 43px 0;
    position: relative;
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, .1)
}

.services-block {
    display: block;
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

.services-block:hover {
    color: #fff;
    -webkit-transform: scale(.99, .99);
    -moz-transform: scale(.99, .99)
}

.services-block span {
    font-size: 15px;
    line-height: 18px;
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    display: block
}

.cross-sell h3,
.error-links-list li a,
.main-sidebar h3,
.main-sidebar li a {
    text-transform: uppercase
}

.service-text {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px;
    text-shadow: 1px 1px 2px #000
}

.services-section .icon-right-arrow {
    font-family: icomoon;
    display: inline-block;
    padding-left: 13px
}



@media (min-width:1300px) {
    .services-block {
        font-size: 29px
    }
    .services-section .icon-right-arrow {
        font-size: 17px
    }
}


@media (max-width:1024px) {

    .services-block {
        font-size: 16px
    }

}

@media (max-width:850px) {
    .services-block {
        line-height: 18px
    }
}


@media (max-width:600px) {
    .container-small.bottom {
        max-width: 100%
    }
    .services-block {
        font-size: 21px;
        line-height: 24px;
        margin-top: 20px
    }
    .service-text {
        padding: 15px
    }

    .services-section .icon-right-arrow {
        padding-left: 7px
    }
    .services-section {
        padding: 5px 0 20px
    }
}

.imagine-lookbook-section {
    padding: 0;
    background: #fff
}

.design-cta,
.lookbook-cta {
    position: relative;
    text-align: center
}

.lookbook-text {
    position: absolute;
    right: 37px;
    padding-right: 20px;
    width: 44%
}

.design-text {
    width: 70%
}

.design-text h3,
.lookbook-text h3 {
    font-size: 36px;
    margin: 0
}

.design-text p,
.lookbook-text p {
    margin: 0;
    font-size: 24px;
    line-height: 1.2
}

.design-cta .button,
.design-text p,
.lookbook-cta .button,
.lookbook-text p {
    position: relative;
    top: -27px
}

@media (max-width:1024px) {
    .design-text p,
    .imagine-lookbook-section .button,
    .lookbook-text p {
        font-size: 16px
    }
    .design-text p,
    .lookbook-text p {
        margin-top: 6px
    }
    .design-cta .button,
    .design-text p,
    .lookbook-cta .button,
    .lookbook-text p {
        top: 0;
        margin: 20px 0 0
    }
    .design-cta {
        margin-top: 50px
    }
}

@media (max-width:768px) {
    .imagine-lookbook-section {
        padding: 0 0 35px
    }
}

.main-sidebar ul {
    padding: 0;
    margin-bottom: 0
}

.main-sidebar li:after {
    content: '';
    padding: 0
}

.main-sidebar li a {
    font-size: 19px;
    color: #505050;
    padding: 25px 0 25px 33px;
    display: block;
    position: relative
}

.main-sidebar li a:after {
    font-size: 22px;
    padding-left: 15px;
    display: block;
    content: "\e611";
    font-family: icomoon;
    position: absolute;
    top: 40%;
    right: 25px;
    /*transform: rotate(-90deg);*/
    font-weight: 900;
}

.main-sidebar li.current-menu-ancestor>a,
.main-sidebar li.current-menu-item>a,
.main-sidebar li.current-menu-parent>a,
.main-sidebar li:hover>a {
    color: #B30838;
    background: inherit
}

.main-sidebar li:hover>a:after {
    right: 15px
}

.main-sidebar li a:hover:after {
    padding-left: 20px
}

.main-sidebar li.current-menu-item a {
    color: #B30838
}

.main-sidebar li:first-child a {
    border-top: 0
}

.sidebar-testimonial {
    padding: 15px 33px;
    border-top: 1px solid #505050;
    border-bottom: 2px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}


.main-sidebar .wpcf7-form,
.main-sidebar h3 {
    padding-left: 19px
}

.main-sidebar {
    padding-top: 76px
}

.main-content h2:first-child,
.main-content h3:first-child,
.main-content h4:first-child,
.main-content h5:first-child,
.main-content p:first-child,
.half-content h2:first-child,
.half-content h3:first-child,
.half-content h4:first-child,
.half-content h5:first-child,
.half-content p:first-child,
.seo-content h2:first-child,
.seo-content h3:first-child,
.seo-content h4:first-child,
.seo-content h5:first-child,
.seo-content p:first-child,
.single-job h3:first-child {
    margin-top: 0;
}

.main-content {
    /*border-right: #c3c3c3 solid 1px;*/
    /*margin: 30px 0*/
}


.main-content img {
    margin: 0 !important;
    float: none !important;
    max-width: 100%;
    height: auto;
}

.main-sidebar .search-form input[type=search] {
    font-size: 16px;
    box-sizing: border-box
}

.main-sidebar button[type=submit],
.main-sidebar input[type=submit] {
    float: none;
    width: 100%;
    margin-top: 10px
}

.main-sidebar h3 {
    margin-bottom: 5px
}

.main-sidebar .screen-reader-text {
    display: none
}

.main-sidebar .widget {
    padding-bottom: 20px
}

.main-sidebar .widget.popular-posts h3,
.main-sidebar .widget.widget_categories h3,
.main-sidebar .widget.widget_recent_entries h3,
/*.main-sidebar .widget_archive,*/
.main-sidebar .widget_search {
    padding-left: 20px;
    padding-right: 20px
}

.main-sidebar .widget ul {
    margin-top: 0
}

.main-sidebar .widget li {
    padding-left: 0
}

.main-sidebar .widget li a {
    font-size: 16px;
    line-height: 1.3;
    padding: 20px 50px 20px 20px
}

.main-sidebar .wpcf7-form {
    padding-left: 0;
}

.main-sidebar .form-row {
    margin-top: 20px;
}

.pdf-section { text-align: right; }

.filter-section { position: relative; }

.pdf-section .search-icon {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #00a3e0;
}

.pdf-section input[type=text] {
    width: auto;
    height: 35px;
    min-width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.main-content-resource-page  {
    padding-left: 0;
}

.pdf-item {
    margin-left: 0;
    padding: 12px 13px;
    width: 100%;
    display: flex;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.pdf-item td { padding: 0; border: 1px solid transparent; }

.pdf-item:nth-child(odd){
    background-color: #ededed;
}

.pdf-item:nth-child(even){ background-color: #fff; }

.pdf-item--right { display: inline; }


.pdf-item--left {
    text-align: left;
    width: 78%;
    padding-top: 5px !important;
}

.pdf-item--left .pdf-storage {
    color: #00a3e0;
    font-size: 14px;
    padding-left: 20px;
}

.pdf-item--right {
    text-align: right;
    width: 22%;
}

.pdf-item--right a {
  font-size: 20px;
  color: #bebebe !important;
}

.pdf-item--right a:hover {
    text-decoration: none !important;
    color: #00a3e0 !important;
}


.pdf-section .page-numbers.current {
    background-color: #00a3e0 !important;
    border: 1px solid #00a3e0 !important;
    color: #fff !important;

}

.pdf-section .page-numbers {
    transition: 1s;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    padding-top: 8px;
    color: #595959 !important;
}

.pdf-section .page-numbers:hover {
    background-color: #00a3e0 !important;
    text-decoration: none !important;
    color: #fff !important;
}


.pagination {
    border-top: 0 !important;
    padding-top: 0 !important;
}

.pagination .next,
.pagination .prev {
    background-color: #EFEFEF !important;
    color: #bebebe !important;
    font-weight: bold !important;
    font-size: 13px !important;
}

@media(min-width: 600px){
    .pagination { text-align: right !important; }
}

@media(min-width: 1025px){

    .main-content img.alignright {
        margin: 0 0 20px 20px !important;
        float: right !important;
    }

    .pdf-item--left .pdf-storage { font-size: 16px; }


  .pdf-section input[type=text] {
      min-width: auto;
      height: 35px;
      max-width: 100% !important;
  }

}

@media(min-width: 600px){

  .pdf-item { padding: 12px 27px; }

  .pdf-item--left .pdf-storage { padding-left: 40px; }

  .pdf-item--left { width: 75%; }

  .pdf-item--right { width: 25%; }

  .pdf-item--right a { font-size: 28px; }

}


@media(min-width: 1366px){
  .main-content {
      padding-left: 163px;
  }

}

@media (max-width:1024px) {

    .sidebar-imagination-cta span,

    .main-sidebar li a {
        font-size: 15px;
        padding: 13px 15px
    }
}

@media (max-width:768px) {
    .sidebar-imagination-cta {
        margin-right: 5px
    }
    .sidebar-banner {
        margin-left: 5px
    }
}

@media (max-width:599px) {

    .sidebar-imagination-cta,
    .sidebar-banner {
        margin-left: 0;
        margin-right: 0
    }
    .main-sidebar { padding-top: 0 }

    .main-sidebar .col-xxs-12 { padding: 0 }

}






/*---------------------
  Slide Sidebar Section
-----------------------*/

.slide-sidebar {
    background-image: url(../img/mobile-background-sidebar.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 200px;
    max-width: 768px;
    margin-bottom: 20px;
}

.sidebar-banner {
    width: 100%;
    height: 200px;
}

.sidebar-section {
    height: 200px;
    width: 100%;
    display: flex;
   align-items: center;
    overflow: hidden;
}

.sidebar-slides {
    width: 100%;
    height: auto;
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    text-align: center;
    padding: 0 !important;
    cursor: pointer;
}

.slide-sidebar:hover {
    background-color: #000;
    opacity: 0.5;
}

.sidebar-caption {
    position: relative;
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    width: 100%;
    display: block;
    text-transform: capitalize !important;
    color: #fff;
    margin: 0 0 20px 0 !important;
    padding-left: 0 !important;
    background-color: transparent !important;
}

.sidebar-icon {
    height: 58px;
    width: 58px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    position: relative;
    background-color: none;
}

.widget .sidebar-banner{
  padding: 0;
}

.sidebar-caption br{
  display: none;
}

@media (min-width: 768px) {

    .slide-sidebar {
        background-image: url(../img/slide-background-sidebar.jpg);
    }

    .sidebar-section {
        position: relative;
        padding: 0 20px;
    }

    .sidebar-section:after {
        content: "\e911";
        position: absolute;
        font-family: 'icomoon' !important;
        font-size: 480px;
        font-weight: lighter;
        color: #102c36;
        top: 50%;
        margin-top: -10px;
        left: 50%;
        margin-left: -250px;
    }

    .sidebar-slides {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    .sidebar-caption {
        position: relative;
        display: inline-block;
        text-align: left;
        width: auto;
        max-width: 43%;
        font-size: 22px;
        line-height: 1.5em;
        margin: 0 !important;
    }

    .sidebar-banner {
        max-width: 768px;
    }

    .sidebar-icon {
        height: 99px;
        width: 70px;
    }
}

@media (min-width: 1025px) {
    .sidebar-caption {
        padding-right: 19px;
    }

    .sidebar-section {
        padding: 0 0 0 20px;
    }

    .sidebar-section:after {
        margin-left: -240px;
    }

    .sidebar-caption {
        max-width: 53%;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .sidebar-section:after {
        display: none;
    }

    .sidebar-caption {
        max-width: 75%;
    }
}

@media (min-width: 1300px) and (max-width: 1600px) {
    .sidebar-section:after {
        display: none;
    }

    .sidebar-caption {
        max-width: 75%;
    }
}


/* Contact Sidebar */


.contact-sidebar {
    position: relative;
    padding-left: 18px;
    margin-top: 94px
}

.contact-sidebar:before {
    position: absolute;
    font-size: 96px;
    color: #feeef3;
    top: 0;
    border-left: 1px solid #ccc;
    height: 100%;
    width: 100%;
    content: '';
    display: block;
    left: 0;
}

@media(min-width: 1200px){

  .contact-sidebar:before {
      left: -58px;
  }

}

/* Large screens ----------- */
@media(min-width : 1824px) {

  .contact-sidebar:before {
      left: -70px;
  }

}


.time-info {
    position: relative
}

/*.contact-sidebar--address,
.contact-sidebar--hours {
    padding-left: 114px
}*/

.contact-sidebar .icon-clock:before,
.contact-sidebar .icon-location:before,
.contact-sidebar .icon-mobile:before {
    color: #e21f26;
    padding-right: 10px
}

.icon-clock,
.time-info {
    float: left;
    display: block
}

.time-info {
    top: -3px
}

.contact-sidebar .location-info,
.contact-sidebar .time-info {
    padding-left: 29px;
    display: block;
    float: none;
    line-height: 25px;
    margin-bottom: 20px
}

.contact-sidebar .address,
.contact-sidebar .phone,
.contact-sidebar--hours {
    float: left;
    clear: both;
    line-height: 25px;
    color: #616161
}

.contact-sidebar--hours {
    margin-top: 50px
}

.contact-sidebar h3 {
    margin: 0 0 10px
}

.page-body {
    /*padding-right: 80px;*/
    margin-top: 60px;
    margin-bottom: 70px
}

.page-body>h1:first-child,
.page-body>h2:first-child,
.page-body>h3:first-child,
.page-body>h4:first-child,
.page-body>h5:first-child,
.page-body>h6:first-child,
.page-body>p:first-child {
    margin-top: 0
}

.product-family {
    padding-right: 0
}

.location-map iframe,
.overview-video iframe {
    width: 100%;
    margin: 20px 0
}

.video-thumb figcaption {
    height: 50px
}


.main-content--container {
    padding-top: 60px;
}

@media (max-width:1024px) {

    .contact-sidebar .address,
    .contact-sidebar .phone,
    .contact-sidebar--hours {
        font-size: 13px
    }
    .page-body {
        padding-right: 23px
    }
}

@media (max-width:768px) {
    .page-body {
        padding-right: 0;
        margin-top: 30px
    }
}

@media (min-width: 1025px) {
    .main-content--container {
        padding: 60px 0;
    }
}

@media (min-width: 1100px) {
    .main-content--container {
        padding: 102px 0;
    }
}



/*.product-thumbs,*/
.product-thumbs .slick-next,
.product-thumbs .slick-prev {
  background-color: #f5f5f5!important;
}

.product-thumbs {
    margin-top: 5px;
    padding: 13px 0;
    position: relative
}

.product-thumbs .slick-list {
    padding-left: 40px;
    padding-right: 40px
}

.product-thumbs .slick-next,
.product-thumbs .slick-prev {
    height: 100%;
    width: 40px;
    text-align: center;
    bottom: 0;
    position: absolute;
    outline: 0;
    border: none;
    background-color: #f5f5f5!important;
}

.product-thumbs .slick-prev {
    left: 16px;
}

.product-thumbs .slick-prev.slick-hidden,
.product-thumbs .slick-next.slick-hidden {
  cursor: default;
}

.product-thumbs .slick-prev.slick-hidden:before,
.product-thumbs .slick-next.slick-hidden:before {
  color: #ccc!important;
  cursor: default;
}

.cross-sell img,
.thumbnail img {
    width: 100%;
    height: 100%; /*auto*/
}

.product-thumbs .slick-next:before,
.product-thumbs .slick-prev:before {
  color: #0f1e24;
  font-size: 43px;
  text-shadow: none;
  position: absolute;
  right: 10px;
  font-weight: normal;
  content: "\e912";
}

.product-thumbs .slick-prev:before {
    transform: rotate(-180deg);
    left: 20px;
}

.product-thumbs .slick-next:before { /* IE 9 */ /* Safari 3-8 */
    transform: rotate(0deg);
    right: 5px;
}



.thumbnail {
    padding-left: 7px;
    padding-right: 7px
}

.thumbnail a {
    display: block
}

.thumbnail img {
    border: 1px solid #fff
}

@media (max-width:600px) {
    .slick-next,
    .slick-prev {
        display: block!important
    }
    .home-slider .slick-dots,
    .home-slider .slick-next,
    .home-slider .slick-prev {
        display: none!important
    }
}

.design-option {
    float: left;
    margin-bottom: 50px;
    line-height: 1em;
    text-align: center
}

.design-option.colors {
    min-height: 100px
}

.design-option span {
    display: block;
    text-align: center;
    line-height: 16px;
    margin-top: 10px
}

.error-links {
    margin-top: 20px
}

.error-links-list {
    margin: 0;
    padding: 30px 20px
}

.error-links-list li {
    float: left
}

.error-links-list li:after {
    display: none
}

.error-links-list li:after {
    content: '|';
    position: relative;
    padding: 10px
}

.error-links-list li:last-child:after {
    content: '';
    display: none
}

.error-links-list li a {
    color: #505050;
    font-size: 16px
}

.error-404 p {
    margin: 5px 0
}

@media (max-width:600px) {
    .error-links-list li {
        float: none;
        border-bottom: 1px solid #505050;
        line-height: 15px
    }
    .error-links-list li:last-child {
        border-bottom: 0
    }
    .error-links-list li a {
        padding: 20px 10px;
        display: block
    }
    .error-links-list {
        padding: 0
    }
    .error-links-list li:after {
        content: '';
        display: none
    }
}

.search-result-block p {
    margin: 0;
    padding: 0
}

.cross-sell,
.search-result-section {
    padding-bottom: 20px
}

.search-result-section .button {
    margin-top: 20px
}

.search-result-section article h3:first-child {
    margin-bottom: 0
}

.search-result-section article p {
    margin-top: 0
}


.bottom-additional-info .container-fluid{
    max-width: 1572px;
    margin: 0 auto 40px;
    padding: 0 20px;
}

.bottom-additional-info a{
    display: inline-block;
    margin: 5px;
}


/*
* Product Details
*/
.product-details {
   margin-bottom: 0;
}

  .product-overview {
    line-height: 25px
  }

    .product-overview article {
      padding: 20px 0;
    }

    .product-overview h2 {
        line-height: 1;
        margin: 20px 0;
        font-family: 'Montserrat', sans-serif;
        font-size: 30px;
        font-weight: 600;
        line-height: 34px;
        position: relative
    }

    .product-overview h4 {
        color: #323232;
        font-family: 'Montserrat', sans-serif;
        font-size: 17px;
        font-weight: 700;
        margin: 0;
        letter-spacing: normal;
    }

    .product-overview .button {
        background-color: #00a3e0;
        margin: 20px 0;
        padding-left: 50px;
        padding-right: 50px;
        font-family: 'Montserrat', sans-serif;
    }

    .product-overview .button:hover {
        background-color: #1d799b;
    }


    .product-overview a,
    .product-overview h2 span,
    .product-overview p {
        z-index: 200;
        position: relative
    }

    .product-overview p {
        color: #000;
        font-size: 25px;
        margin-top: 10px;
        line-height: 34px
    }

    .social-share { position: relative; }

      .social-share h5 {
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        font-weight: 800;
        line-height: 36px;
        margin: 0;
        padding: 0;
      }

        .social-icons {
          display: inline-block;
          width: 40px;
          height: 40px;
          color: #fff !important;
          background-color: #00a3e0;
          padding: 8px 5px 5px;
          margin: 5px 10px 0 0;
          text-align: center;
          font-size: 20px;
        }

        .social-icons a:hover{
            text-decoration: none;
        }

        .social-icons:hover { background-color: #1d799b; }


  .product-slider .product-image {

  }

  .product-slider .product-thumbs {
    margin: 0;
    padding: 25px 0;
    background-color: #f5f5f5!important;
  }

  .product-thumbs .slick-disabled.slick-next:before,
  .product-thumbs .slick-disabled.slick-prev:before {
      color: #ccc;
  }


    @media(min-width: 1025px) {
      .product-details {
        margin-top: 100px;
      }
        .product-overview h2 {
          font-size: 50px;
          line-height: 54px;
        }

        .social-icons { font-size: 24px; }

        .product-slider {
          margin-bottom: 100px;
        }

        .product-slider .thumbnail {
            width: 220px;
            max-height: 154px;
            margin-right: 5px;
            margin-left: 5px;
            position: relative;
            z-index: 9999;
        }
    }

@media(min-width: 1366px){
    .product-overview .button {
        max-width: 362px;
        /*padding-right: 60px;*/
    }
}


@media(min-width: 1500px){
    .product-slider .product-image,
    .product-slider .product-image img {
      width: auto;
      max-width: 100%;
    }
}


/*
* Product Additional Info - product tabs
*/
.product-additional-info {
  background-color: #f7f7f7;
  padding: 50px 0;
}

  @media(min-width: 1025px) {
    .product-additional-info {
      padding: 100px 0;
    }

    .product-additional-info .container-fluid {
      max-width: 1220px;
      margin: 0 auto;

    }
  }

  /* product tabs */
  .product-info-tabs {}

    .tabs { margin: 0; }

      .tab {
          float: none;
          display: none;
          margin-top: 0
      }
        /* tab a*/
        .product-info-tablink {}

    .tab-details {}

      .tab-details ul {
          padding-left: 0;
          margin-top: 0
      }

      .mobile-tab-header {
          background-color: #ebebeb;
          color: #575757;
          font-size: 22px;
          font-weight: 600;
          margin: 5px 0 0;
          display: block;
      }

        .mobile-tab-header a {
            color: #323232 !important;
            display: block;
            padding: 16px 15px;
            cursor: pointer;
            position: relative
        }

        .mobile-tab-header a:after {
            content: "\e90f";
            width: 30px;
            font-family: icomoon;
            font-size: 20px;
            color: #323232;
            position: absolute;
            right: 0;
            top: 0;
            padding: 16px 0;
            text-align: left;
        }

        .mobile-tab-header:hover a,
        .mobile-tab-header.active a {
            background-color: #ebebeb!important;
        }

        .mobile-tab-header.active a:after {
            content: "\e912";
        }

        .mobile-tab-header a:before {
            font-size: 20px;
            right: 20px
        }

      .tab-data {
        background-color: #fff;
        padding: 20px;
        display: none;
      }
        .tab-data.active {
            display: block
        }

        .tab-data .button {
            margin-bottom: 20px
        }

        @media(min-width: 1025px) {
          .mobile-tab-header a {
            padding: 16px 25px;
          }
          .mobile-tab-header a:after {
            font-size: 32px;
            width: 50px;
          }
        }


        @media (max-width:1136px) {
            .tab {
                font-size: 18px
            }
            .tab a {
                padding: 13px 15px 15px
            }
            .tab--active a {
                padding-right: 30px
            }
        }

        @media (max-width:1024px) {
            .mobile-tab-header a {
                padding: 10px 20px;
                font-size: 20px
            }
            .mobile-tab-header a:after {
                padding: 10px 0;
            }
            .product-intro {
                border-left: 0!important;
                padding-left: 20px!important
            }
            .product-description-heading {
                margin-bottom: 0
            }

        }

        @media (max-width:1000px) {

            .tab,
            .tab a:before {
                font-size: 16px
            }
            .tab a {
                padding: 13px 10px 15px
            }
            .tab--active a {
                padding-right: 30px
            }
        }

        @media (max-width:800px) {
            .tab {
                font-size: 14px
            }
            .tab a {
                padding-top: 6px;
                padding-bottom: 6px;
                border-top-width: 2px
            }
            .tab--active a {
                padding-right: 30px;
                padding-top: 7px;
                padding-bottom: 5px
            }
            .tab a:before {
                font-size: 16px
            }

        }


        @media (max-width:700px) {
            .tab,
            .tab-data ul {
                margin-top: 0
            }
            .tab {
                float: none;
                display: none
            }
            .tab-details {
                padding: 0;
                border: 0
            }
            .tab a {
                padding-top: 6px;
                padding-bottom: 6px;
                border-top-width: 2px
            }
            .tab--active a {
                padding-right: 30px;
                padding-top: 7px;
                padding-bottom: 5px
            }
            .tab a:before {
                font-size: 16px
            }
            .mobile-tab-header a {
                display: block
            }
            .tab-data {
                padding: 20px;
            }

        }


/*
* Product Content
*/

.product-content {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}

.product-content__wrapper {
    max-width: 1230px;
    margin: 0 auto;
}

@media (min-width: 1025px) {
    .product-content {
        padding: 80px 0;
    }
}


.categ-desc {
    color: #000;
    font-size: 18px;
    padding-top: 40px
}

.by-clopay {
    font-size: 15px!important;
    font-family: 'Montserrat', sans-serif;
    line-height: 31px;
    color: #474749
}

.button--fourth .icon-email {
    font-size: 11px
}

.button--fourth .icon-print {
    font-size: 13px
}

.product-description-heading {
    font-size: 20px;
    font-weight: 400
}

.product-intro {
    padding-left: 40px
}

.product-intro span {
    font-size: 12px
}

.cross-sell {
    margin-left: -40px;
    margin-right: -40px;
    padding-top: 20px
}

.cross-sell h3 {
    color: #b30838;
    font-size: 16px;
    margin-top: 0
}

.cross-sell p {
    margin-top: 0
}

  @media (max-width:800px) {
      .search-result-block {
          padding-left: 0
      }
  }
  @media (max-width:700px) {
      .cross-sell {
          margin: 0
      }
  }



/*
* Collection Category
*/
.page-body.product-family {
    margin: 0;
}

.tax-clopay_collection_category {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #323232;
}

.tax-clopay_collection_category h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 38px;
}

.tax-clopay_collection_category h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 22px;
}

dl dd::before, ul li::before {
    content: "•";
    color: #009bdd!important;
    font-size: 28px!important;
    top: -3px!important;
}

/*
* Collection First ection - SEO Text and Image
*/

.seo-text-image {
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

.seo-text-image.left {
    background-color: #F5F5F5;
}

    .seo-text-image_content {
        font-size: 15px;
        line-height: 20px;
        padding: 50px 15px 30px;
        position: relative;
        color: #323232;
    }
        .seo-text-image_content h2,
        .seo-text-image_content h3 {
            font-family: 'Montserrat', sans-serif;
        }

        .seo-text-image_content h2 {
            font-size: 32px;
            font-weight: 600;
            line-height: 38px;
            margin: 0 0 20px;
            padding: 0;
        }

        .seo-text-image_content h3 {
            font-size: 17px;
            font-weight: 800;
            line-height: 22px;
            margin: 0 0 20px;
            padding: 0;
        }

    .seo-text-image_photo {
        position: relative;
        width: 100%;
        height: 300px;
    }
        .seo-text-image_photo img {
            -o-object-fit: cover;
               object-fit: cover;
            width: 100%;
            height: 300px;
        }

        .image-info {
            opacity: 0;
            color: #323232;
            background-color: rgba(255,255,255,0.85);
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 30px 40px;
            width: 100%;
            min-height: 155px;
            z-index: 2;
            transition: all 250ms ease-in-out;
        }

        .seo-text-image_photo:hover .image-info {
           opacity: 1;
            min-height: 160px;
            height: auto;
        }

            .btn-text {
                color: #1ca8dc;
                letter-spacing: 1px;
                text-transform: uppercase;
            }
            .btn-text:hover,
            .image-info:hover  {
                color: #102c36;
            }

        @media(min-width: 768px){

            .seo-text-image_content {
                padding: 50px 40px 30px;
            }
            .seo-text-image_photo,
            .seo-text-image_photo img {
                height: 388px;
            }
        }

        @media(min-width: 1025px){

            .seo-text-image {
                height: 720px;
            }
                .seo-text-image_photo {
                    height: 720px;
                    z-index: 1;
                }

                .seo-text-image_photo img {
                    height: 800px;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    z-index: 2;
                }

            .seo-text-image_photo,
            .seo-text-image_content {
                width: 50%;
                float: left;
                height: 100%;
            }

              .seo-text-image.left .seo-text-image_content {
                float: right;
              }

            .seo-text-image_content {
                padding: 0 100px 0 0;
            }

                .seo-text-image_content article {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 100%;
                    padding: 50px 0;
                }

                .seo-text-image_content h2 {
                    font-size: 48px;
                    line-height: 52px;
                }
                .seo-text-image_content h3 {
                    font-size: 20px;
                    line-height: 25px;
                }
        }

.product-family-block {
    background-color: #f7f7f7;
    padding: 50px 0;
    color: #323232;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    text-align: center;
}
    .product-family-item {
        background-color: #A8A8A8;
        display: block;
        height: 250px;
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    .product-family-item a {
        color: #323232;
    }

    .flex-centering { padding: 20px; }

    .product-family-item .img-btn-flex {
        height: 100%;
        width: 100%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .item-image {
            height: 100%;
        }

            .item-image img {
                width: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }

        .item-info {
            background-color: rgba(255,255,255,0.85);
            cursor: pointer;
            display: block;
            /*height: 60px;*/
            height: auto;
            overflow: hidden;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 2;
            transition: all 250ms ease-in-out;
        }

        .product-family-item:hover .item-info {
            height: 100%;
        }

        .product-family-item:hover .item-info article {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            padding: 20px;
        }

            .item-info h3 {
                color: #323232;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: 'Montserrat', sans-serif;
                font-size: 18px;
                font-weight: 600;
                line-height: 22px;
                min-height: 60px;
                margin: 0;
                padding: 15px 10px;
                text-transform: uppercase;
            }

            .product-family-item:hover .item-info a { text-decoration: none; }

            .item-info-desc,
            .item-info-btn { display: none; }

            .product-family-item:hover .item-info-desc,
            .product-family-item:hover .item-info-btn { display: block; }

            .item-info-desc {
                padding: 10px 0 20px;
            }

            a.item-info-btn {
                color: #1ca8dc;
                letter-spacing: 1px;
                text-transform: uppercase;
            }
            a.item-info-btn:hover {
                color: #102c36;
            }


                @media(min-width: 1025px) {
                    .product-family-block {
                        font-size: 16px;
                        padding: 120px 20px 80px;
                    }

                        .product-family-block [class*=col-] {
                            padding-left: 10px;
                            padding-right: 10px;
                        }
                        .product-family-item,
                        .item-image img {
                            height: 445px;
                        }

                        .item-info {
                            min-height: auto;
                        }

                        .item-info h3 {
                            font-size: 30px;
                            line-height: 32px;
                            min-height: 100px;
                        }
                        .product-family-item:hover .item-info article {
                            padding: 20px 40px;
                        }

                }

/*
* Category Content
*/
.product-family-description {
    position: relative;
    padding: 50px 20px;
}

    @media(min-width: 1025px) {
        .product-family-description {
            padding: 100px 20px 80px;
        }
    }


/*
* Category Extra Content
*/
.product-family-content {
    background: url(../img/blocks-bg.jpg) left top repeat-x #fff;
    position: relative;
    padding: 50px 20px;
}

    @media(min-width: 1025px) {
        .product-family-content {
            padding: 100px 20px 80px;
        }
    }

/*
* Category Bottom Content
*/

.bottom-category-content {
    background-color: #fff;
    position: relative;
    padding: 50px 20px;
    line-height: 22px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}

.bottom-category-content article,
.product-family-content article {
    max-width: 1230px;
    margin: 0 auto;
}

    @media(min-width: 1025px) {
        .bottom-category-content {
            padding: 80px 20px 100px;
        }
    }



/*
* Blog
*/


.single-post img {
  max-width: 100%;
  height: auto;
  float: none;
}

.blog-post {
    border-top: 1px solid #d7d7d7;
    padding-top: 40px;
    margin-top: 40px
}

.blog-post h2,
.blog-post p,
.logged-in-as {
    margin-top: 0
}

.blog-post:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

.blog-post h2 {
    margin-bottom: 0
}

.blog-post h2 a{
    color: #595959 !important;
}


.post-date {
    font-size: 14px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
    color: #cdcdcd
}

.blog .post-date { color: #323232; }

.comment-form-comment,
.comment-reply-title,
.comments-title {
    margin-bottom: 0
}

.stButton .stFb,
.stButton .stMainServices,
.stButton .stTwbutton {
    height: 24px!important
}

.stButton .stBubble_count {
    height: 41px!important
}

.comment-form .form-submit {
    margin-top: 10px
}

.comments-area {
    margin-top: 40px;
    border: 1px solid #d7d7d7;
    padding: 0 20px 20px
}

.comment-list {
    padding-left: 0
}

.comment-content p {
    margin-top: 0
}

.comment-body {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 20px
}

  /*
  * Sidebar and Widgets
  */

.widget {
  margin: 0 0 20px;
}

    .widget h3 {
      background-color: #102c36;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-size: 25px;
      padding: 20px;
      margin: 0;
    }

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

    .widget ul {
      margin: 0;
      padding: 0;
    }

    .widget li {
      background-color: #EDEDED;
      display: block;
      list-style-type: none;
      font-family: 'Montserrat', sans-serif;
      padding: 0;
    }
    .widget li:before { display: none; }

    .widget li:nth-child(odd)  {
      background-color: #F7F7F7;
    }

    .widget li a {
      position: relative;
    }

    .widget li a:after {
      content: "\e911";
      color: #00A3E0;
      font-family: icomoon;
      font-size: 30px;

      position: absolute;
      top: 50%;
      right: 20px;
      margin-top: -10px;
    }

    .widget a {
      color: #102c36 !important;
      display: block;
      padding: 20px 50px 20px 20px;
    }

    .widget a:hover {
      color: #00a3e0;
    }


    .widget_wysija {
        padding: 0 20px 20px
    }

    .widget_wysija_cont .widget_wysija {
        padding: 0 0 40px
    }

    .main-sidebar .widget_archive .selectric .label,
    .main-sidebar .widget_categories .selectric .label {
        color: #323232 !important;
    }

    .widget .selectric-items ul > li { padding: 10px; }

    /*News letter*/

    .mailpoet_form .mailpoet_text {
        width: 100% !important;
    }

    .blog .main-sidebar input[type=submit] {
        margin-top: 0;
        padding: 15px 25px;
        min-width: 147px;
        width: auto;
        display: inline-block !important;
    }


    @media(min-width: 1025px) {
        .widget li a:after {
          font-size: 32px;
          width: 25px;
        }
    }

.widget.testimonial {
    padding: 0 20px;
    background-color: #0F1E24;
}

.widget.testimonial h3{
   background-color: transparent;
    /* color: #505050;*/
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.widget.testimonial label { color: #fff; }
.widget.testimonial .wpcf7 input,
.widget.testimonial .wpcf7 textarea,
.widget.testimonial .wpcf7-select {
    color: #fff !important;
}

.widget.testimonial .selectric,
.widget.testimonial select {
    color: #fff !important;
    background: #102C36 !important;
}

.widget.testimonial .selectric label { color: #fff !important; }

@media(max-width: 600px) {

  .widget.testimonial {
    max-height: 470px;
  }
  .widget.testimonial .selectric {
      color: #fff !important;
      background: #102C36 !important;
  }
}
@media(min-width: 1025px) {

    .widget.testimonial .submit {
        display: inline-block;
        width: auto !important;
    }

}


.page-numbers {
    display: inline-block;
    border: 1px solid #e9e9e9;
    line-height: 1;
    padding: 5px 8px
}

.pagination {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e9e9e9
}

.category-content {
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px
}

.entry-categories {
    margin-left: 10px;
    border-left: 1px solid #e9e9e9;
    padding-left: 10px
}

.entry-categories a {
    font-family: 'Montserrat', sans-serif;
}

.category-content {
    background-color: #eaeaea;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 40% 100%;
    padding: 30px 0
}





.product-family-content h3 {
    color: #000
}

#wp-realtime-sitemap-menu {
  /* display: none; */
}

#wp-realtime-sitemap-pages .page-item-128,
#wp-realtime-sitemap-resource,
#wp-realtime-sitemap-jobs,
#wp-realtime-sitemap-testimonial {
    display: none;
}


.color-list li,
.design-items li,
.support-docs li,
.tile,
.window-list li {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 20px
}

.tile h3 {
    font-size: 15px
}

.color-list li:after,
.design-items li:after,
.support-docs li:after,
.window-list li:after {
    content: ''
}

@media (max-width:1024px) {
    .category-content {
        background: #eaeaea!important
    }

    .color-list li,
    .design-items li,
    .support-docs li,
    .tile,
    .window-list li {
        width: 50%
    }
}

@media (max-width:400px) {
    .color-list li,
    .design-items li,
    .support-docs li,
    .tile,
    .window-list li {
        width: 100%
    }
}

@media print {
    *,
    [class*=" icon-"],
    [class^=icon-] {
        font-size: 14px!important
    }
    #player,
    .black--bg-trans,
    .breadcrumbs,
    .button,
    .feature__image,
    /*.footer-bottom,*/
    .footer-social,
    .header--search,
    .home-content2 .bg-image .page__header-nav,
    .home-slider,
    .main-menu-toggle,
    .menu--tools,
    .nav--primary,
    .nav--secondary,
    .overview-video,
    /*.page-footer,
    .page-sidebar,
    .page__footer,
    .page__footer .nav--links,*/
    .page__header,
    .page__header-nav img,
    .player,
    .player .controls-wrapper,
    .player .video-wrapper,
    .product-intro a,
    .product-overview .options,
    .product-overview h2:before,
    .product-overview>p,
    .product-thumbs,
    .sticky-promotion,
    .tabs,
    a:after,
    a:before,
    head {
        display: none!important
    }
    * {
        overflow: visible!important;
        color: #000!important;
        text-align: left!important;
        opacity: 1!important;
        background: #fff!important
    }
    .page-body,
    body {
        margin: 0!important
    }
    .home-content2 .text {
        margin-left: 0;
        padding-left: 40px!important
    }
    body.home {
        background: 0 0
    }
    img {
        max-width: 50%!important;
        height: auto!important
    }
    a:after,
    a:before {
        text-decoration: underline!important
    }
    .site__header {
        position: static!important
    }
    /*.page__footer .col-lg-offset-1 {
        margin-left: 0!important
    }*/
    h1 {
        font-size: 32px!important
    }
    h2 {
        font-size: 24px!important
    }
    h3,
    h4 {
        font-size: 18px!important
    }
    h5 {
        font-size: 16px!important
    }
    h6,
    input,
    label,
    li,
    p,
    select,
    textarea,
    ul { font-size: 14px!important }

    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.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
    }
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        width: 100%;
        float: none
    }
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6 {
        width: 100%
    }


    .design-cta,
    .lookbook-cta {
        width: 50%!important;
        float: left!important
    }
    .img-responsive {
        max-width: 100%!important;
        width: 100%!important;
        height: auto
    }
    .tab-details .tab-data {
        display: block!important
    }
    .tab-data img {
        width: auto!important;
        height: 174px!important
    }
    .tab-data .col-xs-1,
    .tab-data .col-xs-2,
    .tab-data .col-xs-3,
    .tab-data .col-xs-4,
    .tab-data .col-xs-5,
    .tab-data .col-xs-6 {
        width: inherit!important
    }


    .page-body .push--ends {
        padding: 0
    }
    .tab-data,
    .tab-details {
        border: 0!important;
        padding: 0!important
    }
    .border--left.product-intro {
        border: 0
    }

    .tab--active a {
        display: none!important
    }
    .mobile-tab-header,
    .mobile-tab-header a {
        display: block!important
    }
    .mobile-tab-header a {
        font-size: 20px!important;
        border-bottom: 1px solid #000;
        margin-bottom: 20px
    }

    /*.footer-logos,
    .footer-top {
        display: none
    }
    .footer-logos .col-xxs-6 {
        width: 120px !important
    }
    .footer-logos .col-xxs-3 {
        width: 60px !important
    }*/
}


/*---------------------
    Hmepage Style Started here
---------------------*/


/*------------------------------
    Homepage SEO Content Section
---------------------------------*/

.seo-content {
    background-image: url(../img/seo-content.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 61px 0 72px;
    color: #fff;
    /*line-height: 24px;*/
    font-weight: 500;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}

.seotext-top a { color: #102c37 !important; }

.seo-content .container {
    max-width: 908px;
    padding: 0 20px;
}

.seo-content h3 {
    color: #fff;
    margin-bottom: 30px;
    display: block;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.seo-content h2:first-child,
.seo-content h3:first-child,
.seo-content h4:first-child,
.seo-content h5:first-child {
    margin-top: 0;
}

.seo-icons {
    width: 100%;
    margin: 22px 0;
    display: block;
    clear: both;
}

.seo-slide-icon {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.seo-slide-item {
    padding: 20px 0;
    border: 3px solid transparent;
}

/*.seo-slide-item:hover {
    border: 3px solid #fff;
}*/

.seo-slide-item img { height: auto; }

/*.seo-slide-item:hover img{
  -ms-transform: rotate(20deg);
  -ms-transform-origin: 20% 40%;
  -webkit-transform: rotate(20deg);
  -webkit-transform-origin: 20% 40%;
  transform: rotate(20deg);
  transform-origin: 20% 40%;
  margin-bottom: 20px !important;
}*/

.seo-slide .slick-slide img {
    width: auto !important;
    margin: 0 auto;
}


.seo-slide .slick-prev { text-align: left; }

.seo-slide .slick-next:before,
.seo-slide .slick-prev:before { font-weight: bold; }

.seo-icon-title {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    width: 208px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
    line-height: normal;
}

.seo-btn {
    display: inline-block;
    background-color: #fff !important;
    color: #00a3e0 !important;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 600;
    padding: 16px 40px;
    margin-top: 38px;
}

.seo-btn:hover {
    color: #fff !important;
}

@media(min-width: 768px){

    .seo-content { padding: 84px 0 82px; }

    .seo-content h3 { margin-bottom: 25px; }

    .seo-slide-item {
        width: 20%;
        /*float: left;*/
        text-align: center;
        display: inline-block;
        height: 165px;
    }

    /*.seo-slide-item:hover img{ margin-bottom: 10px !important;  }
*/
    .seo-slide-icon { width: 100%; }

    .seo-icon-title { width: 100%; }

    .seo-btn { min-width: 341px; }

}


@media(min-width: 1025px){

    .seo-content h3 { font-size: 33px; }

    .seo-content { padding: 178px 0 117px; }

    .seo-content .container { padding: 0; }
}



/*------------------------------
  Homepage Masthead banner Section
---------------------------------*/

.btn {
    background-color: #1ca8dc;
    display: inline-block;
    min-width: 224px;
    padding: 10px 30px;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
}

.btn:hover {
    text-decoration: none;
}


.btn-secondary {}


.full-container { width: 100%; }

@media(min-width: 768px){
    .full-container { padding: 0 25px; }
}

@media(min-width: 1366px){

    .mh-buttons .full-container { padding: 0 35px !important; }

}

.masthead-section {
    position: relative;
    z-index: 1;
    height: 256px;
}

.mhslide button{
    opacity: 0;
}

.mhslide:hover button{
    opacity: 1;
}



@media(min-width: 768px){


    .masthead-section {
        position: relative;
        z-index: 1;
        height: 346px;
    }

    .mh-content {
        padding: 0 30px;
    }
}

@media(min-width: 1025px){

    .masthead-section {
        position: relative;
        z-index: 1;
        height: 657px;
    }

}

@media(min-width: 1200px){

    .masthead-section .mh-content{
        position: relative;
        top: -56px;
    }
}


.mhslide button:before{
    content: '\e911' !important;
    font-family: 'icomoon' ;
}


.mhslide .slick-prev:before {
    transform: rotate(180deg);
}

.mhslide .slick-prev {
    left: -13px;
}

.mh-content {
    width: 100%;
    height: 100%;
}

.mhslide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}


.masthead-banner {
    background-size: cover !important;
    background-repeat: no-repeat;
    color: #fff;
    padding: 55px 0 92px;
    text-align: center;
}

.mh-title,
.mh-subtitle {
    margin: 0;
    padding: 0;
    line-height: normal;
    text-transform: uppercase;
    text-shadow: 0px 0px 16px #000000;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

.mh-title{
    font-size: 35px;
    font-weight: 900;
}

.mh-subtitle {
    font-size: 25px;
    font-weight: 300;
}

/*inserted*/

.mh-buttons {
    position: absolute;
    bottom: -184px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;

}

.mh-buttonlist {
    display: block;
    padding: 0 20px;
}

.mh-button-items {
    width: 100%;
    height: 62px;
    display: inline-flex;
    position: relative;
    transition: .3s ease-in-out;
    box-shadow: 0px 8px 6px -2px #cdcdcd;

}

.mh-button-items:hover {
   height: 100px;
   margin-top: -6px;
   text-decoration: none;
}

.mh-button-items .mh-button--bg {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
}

.mh-icon-content {
    /*background-color: rgb(15, 57, 73, 0.85);*/
    position: relative;
    display: flex;
    width: 100%;
    text-align: left;
    z-index: 1;
}

.mh-icon-content:after {
    position: absolute;
    background-color: #0f3949;
    left: 0;
    top: 0;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    z-index: -1;
}

.mh-icon-content:hover:after {
    opacity: 0.95;
}


.mh-icon {
    background-color: #0f222a;
    height: 100%;
    width: 75px;
    display: flex;
    justify-content: center;
    opacity: 0.75;
}

.mh-icon--icon {
    height: 38px;
    display: flex;
    align-self: center;
    transition: .3s ease-in-out;
}

.mh-button-items:hover .mh-icon--icon {
    transform: rotate(15deg);
}


.mh-caption {
    height: 100%;
    width: 100%;
    padding-left: 15px;
    align-items: center;
    display: flex;
    line-height: normal;
    color: #fff;
}


    @media(min-width: 768px){

        .masthead-banner { padding: 115px 0 149px; }

        .mh-title { font-size: 55px; }

        .mh-subtitle { font-size: 35px; }

        .mh-buttons { bottom: -42px; }

        .mh-buttonlist {
            display: flex;
            flex-direction: row;
            height: 75px;
            padding: 0;
        }

        .mh-button-items {
            width: 33.3%;
            margin: 0 10px;
            display: inline-flex;
        }

    }

    @media(min-width: 1025px){

        .masthead-banner {
            background-repeat: no-repeat;
            padding: 260px 0 330px;
            background-attachment: fixed;
        }

        .mh-button {
          font-size: 28px;
          bottom: -42px;
        }

        .mh-title { font-size: 85px; }

        .mh-subtitle { font-size: 65px; }

        .mh-buttonlist {
            height: 85px;
        }

        .mh-button-items { height: 142px; }

        .mh-button-items:hover {
          height: 170px;
          margin-top: -13px;
        }

        .mh-icon {
            height: 100%;
            width: 172px;
        }
        .mh-icon--icon { height: 65px; }

        .mh-caption {
            font-size: 28px;
            padding-left: 24px;
        }
    }

@media(min-width: 1200px){
    .masthead-banner { padding: 315px 0 330px; }

    .mh-buttons { bottom: 0px;  }
}

@media(min-width: 1366px){
    .mh-caption span { width: 65%; }
    .masthead-banner { padding: 340px 0 330px; }
}

@media(min-width: 768px) {
  .masthead-banner {
    background-position-x: 80% !important;
    background-position-y: -25px !important;
  }
}

@media(min-width: 1025px) {
  .masthead-banner {
    background-position-x: 85% !important;
    background-position-y: -150px !important;
  }
}

.testi_list .slick-track,
.valign-middle {
	height: 100%;
	align-items: center;
	display: flex !important;
}

/*effect*/
.ps-imgbtn,
.ps-imgbtn-cont,
.ps-imgbtn-photo {
    transition: 0.3s;
}

/*Image Button Item*/
.ps-imgbtn {
    height: 200px;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
}

.ps-imgbtn-cont {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    padding: 20px;
}

.ps-imgbtn-cont {
    background-color: rgba(252,252,252,.85);
    color: #323232;
}
    .ps-imgbtn:hover .ps-imgbtn-cont {
        background-color: rgba(16,44,54,.8);
        color: #fff;
    }

.ps-imgbtn-cont.hover {
    height: 100%;
    bottom: -100%;
}

.ps-imgbtn-photo {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.ps-imgbtn-photo.hover {
    z-index: 3;
    bottom: -100%;
}

.ps-imgbtn:hover .ps-imgbtn-photo.hover {
    bottom: 0;
}

.ps-imgbtn-inn {
    position: relative;
    z-index: 8;
    padding-left: 46px;
}

.ps-imgbtn-icon {
    display: block;
    width: 27px;
    height: 27px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 2;
}

.ps-imgbtn-icon .imgcon-service,
.ps-imgbtn-icon .imgcon-commercial,
.ps-imgbtn-icon .imgcon-residential {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.ps-imgbtn-icon .imgcon-service{
    background-image: url(../img/ps-icon1.png);
}

.ps-imgbtn-icon .imgcon-commercial {
    background-image: url(../img/ps-icon2.png);
}

.ps-imgbtn-icon .imgcon-residential {
    background-image: url(../img/ps-icon3.png);
}

.ps-imgbtn-desc {
    opacity: 1;
    padding-top: 9px;
}

.ps-imgbtn-desc span {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 15px;
    cursor: pointer;
}

.ps-imgbtn-desc span:hover {
    color: #00a3e0;
}

.ps-imgbtn-desc span:after {
    content: '\e613';
    font-family: 'icomoon';
    font-size: 12px;
    position: relative;
    right: 0;
    top: 0;
    font-weight: 600;
}

.ps-imgbtn-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1em;
    margin: 0;
    padding-top: 3px;
    padding-right: 40px;
    position: relative;
}

.ps-imgbtn-title:after {
    display: block;
    content: '\e911' !important;
    font-family: 'icomoon';
    font-size: 40px;
    font-weight: 300;
    color: #00a3e0;
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -10px;
}

@media(min-width:600px){

    .ps-imgbtn { height: 300px;}

    .ps-imgbtn:hover .ps-imgbtn-cont.hover,
    .ps-imgbtn.nohvr-cont:hover .ps-imgbtn-cont {
        bottom: 0;
    }
    .ps-imgbtn:hover .ps-imgbtn-cont,
    .ps-imgbtn.nohvr-cont:hover .ps-imgbtn-cont.hover {
        bottom: -100%;
    }

    .ps-imgbtn:hover .ps-imgbtn-icon {
        top: 5px;
    }
    .ps-imgbtn:hover .ps-imgbtn-title:after {
        display: none;
    }
    .ps-imgbtn.nohvr-cont:hover .ps-imgbtn-title:after {
        display: block;
    }
}

@media(min-width:768px){

    .ps-imgbtn-icon {
        width: 38px;
        height: 27px;
    }

    .ps-imgbtn-inn { padding-left: 62px; }

    .ps-imgbtn-title:after {
        font-size: 40px;
        font-weight: bold;
    }

    .ps-imgbtn-title { font-size: 25px; }

}

@media(min-width:1025px){

    .ps-imgbtn-cont {
        padding: 30px;
    }

    .ps-imgbtn-title {
        font-size: 20px;
        padding-right: 0;
    }

    .ps-imgbtn-title:after,
    .ps-imgbtn.nohvr-cont:hover .ps-imgbtn-title:after {
        display: none;
    }

}

@media( min-width: 1200px ){

    .ps-imgbtn { height: 385px; }

    .ps-imgbtn-inn { padding-left: 70px; }

    .ps-imgbtn-title {
        font-size: 33.45px;
        padding-top: 5px;
    }

    .ps-imgbtn-title.medium {
        font-size: 24.45px;
    }

    .ps-imgbtn-icon {
        width: 45px;
        height: 45px;
    }

}

@media(min-width:1366px){

    .ps-imgbtn-cont {
        padding: 23px 53px 30px;
    }

    .ps-imgbtn-title {
        padding-top: 10px;
    }

    .ps-imgbtn-title.medium {
        font-size: 26px;
    }

    .ps-imgbtn-inn {
        padding-left: 90px;
    }

}


/*------------------------------
  Product and Services Section
---------------------------------*/

.product-services {
    padding: 44px 0;
    background-color: #f7f7f7
}

.product-services h2 {
    margin: 0;
    padding-bottom: 25px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

@media (min-width: 600px) {

    .product-services-grid [class*=col-] {
        display: block;
        padding: 5px 10px;
    }
}
@media(min-width:768px){

    .product-services h2 {
        margin: 0;
        padding-bottom: 52px;
    }

    .product-services [class*="col-sm-"] { padding: 0 10px; }
}

@media(min-width:1025px){

    .product-services {
        padding: 88px 0;
    }

}

@media(min-width:1200px){

    .product-services {
        padding: 99px 0;
    }

    .product-services h2 {
        margin: 0;
        padding-bottom: 70px;
    }

}

/*------------------------------
  Homepage Product and Services Section
---------------------------------*/
.home .product-services {
    background-color: #f7f7f7;
    padding: 234px 20px 88px;
}

@media(min-width: 768px){

    .home .product-services {
         padding: 88px 0;
    }

}

@media(min-width: 1025px){

    .home .product-services {
        padding: 185px 0 120px;
    }

}

/*--------------------------------
    Inner Page Product and Services Section
----------------------------------*/
.innerpage-buttons .ps-imgbtn-icon {
    top: 5px;
}

@media (min-width: 1025px) {

    .innerpage-buttons .ps-imgbtn-inn {
        padding-left: 46px;
    }

}


@media (min-width: 1200px) {

    .innerpage-buttons .ps-imgbtn-inn {
        padding-left: 60px;
    }

}


@media (min-width: 1366px) {

    .innerpage-buttons  .ps-imgbtn-cont {
        padding: 26px 30px;
    }

    .innerpage-buttons .ps-imgbtn-inn {
        padding-left: 67px;
    }

}

/*------------------------------
  Homepage Call to Action Banner Section
---------------------------------*/


.cta-banner {
    padding: 57px 0;
    background: url(../img/ctabanner-background-mobile.png);
    background-size: cover;
    background-position: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.ctabanner-cont {
    text-align: center;
    max-width: 100%;
    padding-left: 0;
}

.ctabanner-title {
    font-size: 30px;
    margin: 0;
    font-weight: 600;
    line-height: normal;
    position: relative;
    display: block;
    color: #fff;
}

.ctabanner-title:before {
    position: relative ;
    width: 100% ;
    height: 65px ;
    background: url(../img/ctabanner-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    content: '';
    margin-bottom: 29px;
    background-size: contain;
}



.ctabanner-link.button--primary {
    margin: 35px auto 0;
    max-width: 223px;
    display: block;
    font-weight: 500;
    color: #fff !important;

}

.ctabanner-link.button--primary:hover { text-decoration: none; }

.ctabtn {
    display: block;
    margin: 0 auto;
    text-align: center;
}


    @media(min-width: 768px) {

        .cta-banner {
            padding: 57px 0 56px;
            background-image: url(../img/ctabanner-background-tablet.png);
        }

        .cta-banner .container-fluid {
            max-width: 666px !important;
            margin: 0 auto;
        }

        .ctabanner-cont {
            max-width: 739px;
            text-align: center;
        }

        .ctabanner-title {
            font-size: 40px;
            display: inline-block;
            position: relative;
            padding-left: 120px;
        }

        .ctabanner-title:before {
            position: absolute;
            width: 79px;
            height: 65px;
            left: 0;
            margin-bottom: 0;
            display: inline-block;
        }

        .ctabtn {
            display: block;
            padding-left: 125px;
            margin: 0 auto;
            text-align: center;
        }

        .ctabanner-link.button--primary {
            margin: 35px 0 0;
            max-width: 223px;
            display: block;
        }

        .ctabanner-caption { display: block; }
    }

    @media(min-width: 1025px){

        .cta-banner {
            height: 248px;
            padding: 76px 0 50px;
            background-size: contain;
            background: url(../img/ctabanner-background.png);
        }

        .ctabtn {
            padding-left: 10px;
            margin-top: 30px;
        }

        .home .ctabtn {
            margin-top: 0;
        }

        .ctabanner-link.button--primary {
            margin: 0;
        }
        .ctabanner-cont {
            text-align: left;
            max-width: 100%;
        }

        .ctabanner-caption {
          padding-left: 124px;
          padding-top: 8px;
        }

        .cta-banner .container-fluid { max-width: 1533px !important; }
    }

    @media(min-width: 1366px){

        .ctabanner-title { font-size: 46px; }

        .ctabanner-title,
        .ctabanner-caption { padding-left: 132px; }

        .ctabanner-title:before { top: 10px; }

        .ctabanner-link.button--primary {
            margin: 15px 0 0;
        }
    }

/*------------------------------
Homepage Half Text Half Image Content Section
---------------------------------*/

.bg--pattern { display: block; }

.bg--pattern-crossword {
    margin-top: 0 !important;
    border-top: none !important;
    background: transparent !important;
}


.bg-image {
    height: 335px !important;
    position: relative !important;
    display: block;
    clear: both;
}

.bg-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
}

.half-image-caption {

}

.bg-image:hover .half-image-caption,
.half-image:hover .half-image-caption {
    display: block !important;
    position: absolute;
    min-height: 148px;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    opacity: 0.9;
    padding: 30px 20px;
    line-height: normal;
    bottom: 0;
    z-index: 99;
    transition: opacity 1.0s ease-in;
}

.halftext-link {
  padding-left: 14px !important;
  padding-right: 14px !important;
  min-width: unset;
}

.half-image-caption {
    background-color: #ccc;
    opacity: 0;
}

.half-image-caption p{
    margin: 0;
    padding-bottom: 20px;
}

.half-image-btn {
    display: block;
}

.half-image-caption .btn {
    display: inline-block;
    padding: 10px 26px;
    font-weight: 500;
    cursor: pointer;
}

.home-content1,
.home-content2 {
    font-family: 'Montserrat', sans-serif !important;
    padding-top: 60px;
   font-weight: 500;
}


.home-content1 .text p,
.home-content2 .text p {
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 25px
}

.home-content1 .text h3,
.home-content2 .text h3 { font-size: 40px; }

.home-content1 .text h3 span,
.home-content2 .text h3 span {
    font-family: 'Montserrat', sans-serif;
    display: block;
}

.home-content1 a,
.home-content2 a {
    color: #00a3e0 !important;
}

.home-content1 a.btn,
.home-content1 a.button--primary {
    color: #fff !important;
}

.home-content1 a:hover,
.home-content2 a:hover{
    text-decoration: underline;
}

.home-content1 .button--primary,
.home-content2 .button--primary { color: #fff !important; }


.home-content2 {
    background-color: #fff;
    position: relative;
}


.home-content1 h2 {
    margin: 0;
    font-size: 32px;
    line-height: normal;
}

.home-content1 .text,
.home-content2 .text {
    padding-bottom: 40px;
    color: #000
}

.home-content1 .text h3 { color: #000; }

.home-content1 h2:after {
    color: #B30838;
    padding-left: 13px
}

.home-content1 p { margin: 0 0 20px; }

.home-content2 h2 {
    margin-top: 0;
    margin-bottom: 30px;
}

@media (min-width: 600px) {
    .halftext-link {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

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

    .home-content1,
    .home-content2 { padding-top: 52px; }

    .home-content1 .text,
    .home-content2 .text { padding-bottom: 46px; }

    .home-content1 h2,
    .home-content2 h2 {
        font-size: 29px;
        line-height: normal;
    }

    .home-content1 .text h3,
    .home-content2 .text h3 {
        font-size: 30px;
        margin-top: 0
    }

}

@media (min-width:1024px) {

    .home-content1 { padding-top: 0px; }

    .home-content1 .text,
    .home-content2 .text {
        padding: 30px 0;
        height: auto
    }

    .home-content1 .text h2,
    .home-content2 .text h2 {
        font-size: 33px;
        margin-top: 0
    }

}

@media (min-width:1025px) {

    .home-content1 .text,
    .home-content2 .text {
        padding: 92px 0 70px;
        height: auto
    }

    .jobs-template-default .home-content1 .text {
        padding-bottom: 92px;
    }

    .container-half--left .button--primary {
      display: inline-block;
      padding: 15px 30px !important;
      font-weight: 600;

    }
}

@media (min-width:1366px) {
    .home-content1,
    .home-content2 { padding-bottom: 0px; }

    .home-content1 .text{
        padding-top: 92px;
        padding-left: 80px;
        padding-right: 177px;
    }

    .jobs-template-default .home-content1 .text {
        padding-bottom: 92px;
    }

    .home-content2 .text {
        padding: 30px 105px 80px 80px;
        height: auto
    }

}


@media(min-width: 768px){
    .bg-image { height: 389px !important; }
}



@media(min-width: 1025px){

    .home-content1,
    .home-content2 { position: relative; }

    .home-content1 {
        z-index: 1;
        background-color: transparent;
        margin-top: -46px !important;
    }

    .resource-template-default .home-content1 {
        margin-top: 0!important;
    }

    .home-content2 {
        z-index: 1;
        background: transparent !important;
        margin-bottom: -46px !important;
    }

    .home-content1 .bg-image,
    .home-content2 .bg-image {
        position: absolute !important;
        height: 100% !important;
        width: 50% !important;
    }

    .home-content1 .bg-image {
        top: 0 !important;
        right: 0;
    }

    .home-content2 .bg-image { top: 0 !important; }

    .home-content1 .bg-image img,
    .home-content2 .bg-image img {
        position: absolute;
        left: 0;
        top: 0;
        -o-object-fit: cover;
           object-fit: cover;
        z-index: 3;
        height: 100%;
        width: 100%;
    }


}

/*------------------------------
  Homepage SEO Content Section
---------------------------------*/

.seo-content {
    background-image: url(../img/seo-content.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 61px 0 72px;
    color: #fff;
    line-height: 24px;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}

.seo-content .container {
    max-width: 908px;
    padding: 0 20px;
}

.seo-content h3 {
    color: #fff;
    margin-bottom: 30px;
    display: block;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.seo-icons {
    width: 100%;
    margin: 22px 0;
    display: block;
    clear: both;
    height: 155px;
    overflow: hidden;
}

.seo-slide-icon {
    margin: 0 auto;
    display: block;
    text-align: center;
}


.ps-imgbtn-icon span:before {
    color: #109BD3 !important;
    font-size: 32px;
}


.seo-slide-item {
    padding: 32px 20px;
    height: 170px;
    float: left;
}


.seo-slidecont {
    display: block;
    width: 240px;
    margin: 0 auto;
}


.seo-slide-item img {
  transition: 0.3s ease-in-out;
}

.seo-slide-item:hover img{
    transform: rotate(10deg);
}


.seo-slide .slick-slide img {
    width: auto !important;
    margin: 0 auto;
}

.seo-slide .slick-next,
.seo-slide .slick-prev {
    top: 27%;
    text-align: center !important;
    width: 60px;
}

.benefits .seo-slide .slick-next:before,
.benefits .seo-slide .slick-prev:before {
    font-size: 63px;
    right: 0;
    left: 0;
}

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

.seo-slide .slick-prev {
    text-align: left;
    left: 25px;
}



.seo-icon-title {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    width: 208px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
    line-height: normal;
}

.seo-btn {
    display: inline-block;
    background-color: #fff;
    color: #00A3E0 !important;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 600;
    padding: 16px 40px;
    margin-top: 38px;
}



@media(min-width: 768px){

    .seo-slidecont {
        max-width: 240px;
        width: auto;
    }

    .seo-icons {
        height: 195px;
    }

    .seo-content { padding: 114px 0 82px; }

    .seo-content h3 { margin-bottom: 25px; }

    .seo-slide-item {
        width: 20%;
        text-align: center;
        display: inline-block;
        height: 165px;
        padding: 32px 9px 13px;
    }

    .seo-slide-item:hover img{ /*margin-bottom: 10px !important;*/ }

    .seo-slide-item:hover { border: 3px solid #fff; }

    .seo-slide-icon { width: 100%; }

    .seo-icon-title { width: 100%; }

    .seo-btn { min-width: 341px; }

    .seo-slide-item {
        padding: 40px 20px;
        height: 194px;
    }
}


@media(min-width: 1025px){

    .seo-content h3 { font-size: 33px; }

    .seo-content .container { padding: 0;}
}


/*--------------------------------------
    Homepage News and blog posts Section
----------------------------------------*/

.news-section {
    color: #323232;
    padding: 56px 0;
    font-family: 'Montserrat', sans-serif;
}

.news-section .container-fluid {  max-width: 100%; }

.news-section h2 {
  margin: 0 0 28px;
  letter-spacing: normal;
  text-transform: capitalize;
  padding: 0 28px;
}

.blognews { padding: 0 0 36px; }

.newscont {
    height: 335px;
    position: relative;
    background-position: center !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.newscont img {
    position: absolute;
    -o-object-fit: contain;
       object-fit: contain;
}

.newscont-article {
    position: absolute;
    min-height: 148px;
    width: 100%;
    bottom: 0;
    background-color: #fcfcfc;
    opacity: 0.9;
    padding: 34px 20px 30px;
    line-height: normal;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
}

.newsdate { display: none; }

.newscont-article .news-title {
    margin: 0;
    padding: 0;
    line-height: normal;
    text-transform: capitalize;
    color: #323232;
    line-height: 30px;
    font-size: 22px;
    letter-spacing: 0;
}

.newscont-article .news-content{
    display: none;
    margin: 15px 0 15px 0;
    line-height: 24px;
}

.newscont:hover .news-content,
.newscont:hover .newscont-article {
    display: block;
    min-height: 100%;
    background-color: #fcfcfc;
    transition: .3s ease-in-out;
}

.readmore {
    display: block;
    text-transform: uppercase;
    color: #1CA8DC;
    margin-top: 5px;
    font-family: 'Montserrat';
    font-weight: 500;
}

.readmore:after {
    position: relative;
    right: 0;
    content: "\e613";
    font-family: 'icomoon';
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
}

.news-section-btn {
    display: inline-block;
    padding: 10px 0;
    background-color: #1ca8dc;
    min-width: 295px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: 500;
    letter-spacing: 1px;
}

.news-section [class*=col-] { padding: 0 20px; }

.news-section [class*=col-]:nth-child(2),
.news-section [class*=col-]:nth-child(3) { display: none; }

@media(min-width: 768px){

    .news-section [class*=col-] { padding: 0 10px; }

    .news-section [class*=col-] { padding: 0 10px; }

    .news-section [class*=col-]:nth-child(2) { display: none; }
    .news-section [class*=col-]:nth-child(3) { display: block; }

}

@media(min-width: 1025px){

    .news-section { padding: 105px 0 94px; }

    .news-section .container-fluid { padding: 0 20px; }

    .news-section [class*=col-]:nth-child(2),
    .news-section [class*=col-]:nth-child(3) { display: block; }

    .blognews { padding: 0 0 36px; }

    .newscont { height: 413px; }

    .newscont-article .news-title { font-size: 27px; }

    .newscont:hover .news-content{ display: block;}

    .newscont:hover .newscont-article {
        min-height: 148px;
        font-size: 16px;
    }

}

/*--------------------------------------
    Inner Page Category Template
----------------------------------------*/
.seo-content--white {
    background: none;
}

.seo-content--grey {
    background-image: url(../img/seo-content-bw.jpg);
    background-size: contain;
    background-position: top center;
}

.seo-content--grey,
.seo-content--white {
    background-color: #fff;
    color: #323232;
}

.page-template-page-category .ht-hi-container.image_left {
    background-color: #F5F5F5;
    margin-bottom: 0px;
}


/*------------------------------
Innerpage Half Text Half Image Content Section
---------------------------------*/

.ht-hi-container {
    position: relative;
    clear: both;
    display: block;
}

.ht-hi-container h2{ margin: 0; }

.himage-content { padding: 57px 25px 60px; }

.half-image {
    height: 335px;
    position: relative;
    display: block;
    clear: both;
}

.half-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
}

.ht-hi-container .button--primary {
    padding: 10px 26px;
    display: inline-block;
    font-weight: 500;
    text-decoration: none;
}

.half-image-cont {
    position: relative;
    z-index: 1;
}

.half-image:hover .half-image-caption {
    display: block !important;
    position: absolute;
    min-height: 148px;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    opacity: 0.9;
    padding: 30px 20px;
    line-height: normal;
    bottom: 0;
}

.half-image-caption {
    background-color: #ccc;
    display: block;
}

.half-image-caption p{
    margin: 0;
    padding-bottom: 20px;
}

.half-image-btn { display: block; }

.half-image-caption .button--primary {
    display: inline-block;
    padding: 10px 26px;
    font-weight: 500;
    cursor: pointer;
}

    @media(min-width: 768px){
        .half-image { height: 389px; }
    }


    @media(min-width: 1025px){

      .ht-hi-container {
          position: relative;
          z-index: 1;
          padding: 60px 0 60px;
      }

      .ht-hi-container.image_right{
          margin-top: -52px;
          padding-top: 120px;
      }

      .half-image {
          position: absolute;
          width: 50%;
          height: 100%;
          display: block;
          top: 0;
          right: 0;
          z-index: 2;
      }

      .himage-content {
          padding: 0 40px;
          width: 50%;
      }

      .ht-hi-container img {
          height: 100%;
          width: 100%;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 3;
          -o-object-fit: cover;
             object-fit: cover;
      }


      .half-image:hover .half-image-caption {
          position: absolute;
          z-index: 3
      }

      .ht-hi-container.image_left {
          margin-bottom: -54px;
          display: block;
          clear: both;
          padding-bottom: 120px;
      }

      .ht-hi-container.image_left .himage-content {
          width: 100%;
          padding-left: 54%;
      }

      .ht-hi-container.image_left .half-image { left: 0; }

    }

    @media(min-width: 1366px){

        .ht-hi-container {
            position: relative;
            z-index: 1;
            padding: 90px 0 91px;
        }

        .himage-content {
            padding: 0 90px;
            width: 50%;
        }

        .ht-hi-container.image_left .himage-content {
              width: 100%;
              padding-left: 55.3%;
        }

        .ht-hi-container.image_left{  padding-bottom: 160px; }

    }

/*------------------------------------------
 Testimonial Slider and Contact Form Section
--------------------------------------------*/

.testimonial-content {
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #f00;
}

.testimonial-content .row {
	padding-bottom: 0;
	margin-bottom: 0;
}

.testimonial-content {
    border: none;
    background-color: #0f1E24 !important;
    color: #fff;
    text-align: center;
}

.testimonial-bottom-image {
    padding-top: 84px;
    padding-bottom: 84px;
    position: relative;
    background-color: #102c36;
}

.testi_list {
    max-width: 656px;
    margin: 0 auto;
	padding: 47px 25px;
    font-size: 25px;
}

.testi_list .slick-track {
	min-height: 120px;
}

.testi_list:before,
.testi_list:after {
    font-size: 100px;
    position: absolute;
    z-index: 1;
    color: #0f1e24;
}
.testi_list:before {
    top: 0px;
    left: 0px;
}

.testi_list:after {
    right: 0px;
    bottom: 0px;
}
.testi_list .slick-list {
    z-index: 2;
}

.testi-bottom-item {
    line-height: normal;
    max-height: 100% !important;
}

.testi_list .slick-dots {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: -22px;
    left: 0;
    z-index: 999;
}

.testi_list .slick-dots button {
    border: none !important;
    background-color: #0F1E24;
    height: 16px;
    width: 16px;
    border: none;
}

.testi_list li.slick-active button {
    border: none;
    outline: none;
    height: 16px;
    width: 16px;
    background-color: #00A3E0;
}

.testi_list .slick-dots li:before,
.testi_list .slick-dots li:after{
	display: none;
}

.testimonial-btn {
    margin-top: 69px;
}

@media(min-width: 768px){

	.testi_list .slick-track {
		min-height: 156px;
	}

    .testi_list {
        font-size: 32px;
    }

	.testi_list .slick-dots {
	    bottom: 0;
	}

}

@media(min-width: 1025px){

    .testimonial-incont {
        position: relative;
    }

    .testimonial-bottom-image {
        padding-top: 29px;
        padding-bottom: 105px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .testi_list {
    	padding-top: 88px;
    	padding-bottom: 88px;
    }

	.testi_list:before,
	.testi_list:after {
	    font-size: 5.125em; /*164px;*/
	}

	.testi_list .slick-dots {
	    bottom: 22px;
	}

    .testimonial-btn {
        margin-top: 25px;
    }

}

@media (min-width: 1300px) and (max-width: 1400px), (min-width: 1025px) and (max-width: 1250px){
	.testi_list {
	    font-size: 28px;
	}
}

@media(min-width: 1366px){
    .testimonial-bottom-image {
        padding-top: 20px;
    }

}

/**/
.testiform {
  display: none;
  text-align: left;
}

.testiform-container {
    max-width: 909px;
    margin: 0 auto;
    color: #fff;
    padding: 94px 0 69px; /*padding: 92px 0 0;*/
}

.testiform-container [class*=col-] {
    padding-bottom: 25px;
}

.testiform-container p { display: none; }

.testiform h3 {
    border-bottom: none;
    margin: 0;
    padding: 0;
    font-size: 29px;
    font-weight: 700;
}

.testiform h3,
.testiform label {color: #fff;}

.testiform label {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 30px;
}

.testiform label span {
    padding-left: 5px;
    color: #00a3e0;
}

.testiform label .wpcf7-not-valid-tip {
    font-size: 13px;
    text-transform: capitalize;
    padding-left: 0;
    display: none;
}

.testiform label .wpcf7-form-control-wrap {
    padding-left: 0;
}

.testiform input {
    height: 48px;
}

.testiform input,
.testiform textarea {
    background-color: #102C36;
    border: none;
}

.testiform-container button[type=submit] { float: none; }

.testiform div.wpcf7-validation-errors,
.testiform div.wpcf7-acceptance-missing,
.testiform div.wpcf7-response-output{
    margin: 0;
    padding: 0;
    font-size: 13px !important;
    text-transform: capitalize;
}

.testiform div.wpcf7-response-output{
    position: relative;
    top: -10px;
    border: none;
    font-weight: normal;
}

.wpcf7 input:fucos,
.wpcf7 textarea:fucos {
    border: 2px solid #102C36 !important;
}

.wpcf7 .wpcf7-validation-errors { color: #00a3e0; }


@media(min-width: 1025px){

    .testiform {
        display: block;
        padding: 0 50px;
    }

}

@media(min-width: 1366px){

    .testiform {
        display: block;
        padding: 0 109px;
    }
}


/* Nicole's Additions 08/08/19 */

/*.testimonial-bottom-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
   -ms-flex-align: center;
    align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.testimonial-content-wrapper {
    max-width: 100%;
}

.testi_list .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
}

.testi_list .slick-dots {
    margin-top: 20px;
}

.testimonial-bottom-image:before,
.testimonial-bottom-image:after {
    font-family: 'icomoon' !important;
    position: absolute;
    color: #0F1E25;
    font-size: 170px;
}

.testimonial-bottom-image:before {
    content: "\e913";
    left: 50px;
    top: 100px;
}

.testimonial-bottom-image:after {
    content: "\e914";
    right: 50px;
    bottom: 100px;
}*/


/*------------------
    Page Gallery Slider
--------------------*/


.gallery-section {
    padding-top: 61px;
    padding-bottom: 125px;
    position: relative;
    overflow: hidden;
    min-height: 417px;
    padding-left: 20px;
    padding-right: 20px;

}

.gallerylist {
     padding-top: 0;
}

.gallery__image .img-responsive {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 185px;
}

@media(min-width: 600px){

    .gallery-section {
        padding-left: 0;
        padding-right: 0;

    }

}

@media(min-width: 1025px){

    .gallery-section {
        padding-top: 99px;
        padding-bottom: 162px;
    }

    .gallerylist {
         padding-top: 65px;
    }
}




.gallery-section h2 {
    margin: 0;
    padding: 0;
    max-width: 80%;
    float: left;
    font-size: 32px;
    font-weight: 700;
    color: #535353;
}


.gallerylist {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}


.gallerylist .icon-search1 {
    color: #0F1E24;
    font-size: 22px;
    position: absolute;
    right: 30px;
    z-index: 99;
    top: 25px;
    cursor: pointer;
}

@media(min-width: 600px){
  .gallerylist .icon-search1 {
      right: 18px;
      top: 18px;
  }
}

@media(min-width: 1025px){
    .gallerylist .icon-search1 {
        font-size: 30px;
        right: 20px;
        top: 20px;
        font-weight: 300;
    }
}


.gallery-button{
    margin-bottom: 38px;
    padding: 0 20px;
    position: relative;
}

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

.gallery-buttons.mobile-only {
    position: relative;
    width: 100% !important;
    top: 17px;
    text-align: center;
    right: 0;
    text-align: center;
}

.mobile-only .slick-prev,
.mobile-only .slick-next{
  display: inline-block !important;
  position: relative;
}

.gallery-buttons .slick-prev {
    left: -3px;
    content: "\f053";
}

.gallery-buttons .slick-next {
    background-color: #ebebeb;
    content: "\f054";
}

.gallery-buttons {
    height: 40px;
    float: right;
    width: 19%;
    text-align: right;
    position: absolute;
    top: 0;
    right: 30px;
}

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

.gallery-buttons button {
    background-color: #f5f5f5;
    width: 73px;
    height: 73px;
    position: absolute;
    z-index: 1;
    top: 0;
}

.gallery-buttons .slick-next:before,
.gallery-buttons .slick-prev:before{
    color: #0f1e24;
    font-size: 46px;
    font-weight: normal;
}

.gallery-buttons .slick-prev:before {
    color: #82898c;
    font-size: 46px;
    font-weight: normal;
}



.gallerylist-items {
    height: 198px;
    width: 320px !important;
    position: relative !important;
    margin: 0 8px;
    box-shadow: 0px 13px 16px -6px #cdcdcd;
}

.gallerylist-items span { opacity: 0; }

.gallerylist-items:hover {
    /*height: 230px;*/
    position: relative;
    /*margin-top: -15px;*/
}

.gallerylist-items:hover span { opacity: 1; }


.gallerylist-items img{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    /*padding: 0 20px;*/
}


@media(min-width: 600px){

    .gallery-buttons.mobile-only { display: none; }

    .gallery-container {
        position: relative;
        height: 40px;
       padding-top: 15px;
    }

    .gallery-section {
        min-height: 476px;
    }

    .gallery-buttons {
        width: 115px;
        top: -14px;
        right: 20px;
    }

    .gallerylist {
        overflow: visible;
        padding: 0;
    }

    .gallerylist-items img{
        position: absolute;
        height: auto;
    }

    .mobile-only .slick-prev,
    .mobile-only .slick-next{
      display: none !important;
      position: relative;
    }

    .tablet-desktop .slick-prev,
    .tablet-desktop .slick-next{ display: block !important; }

    .gallerylist .site-search2:before {
        font-size: 22px;
        font-weight: 400;
    }

    .gallery-buttons .slick-prev { left: -36px; }

    .gallerylist-items img{
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
           object-fit: cover;
        padding: 0;
    }

}

@media(min-width: 768px){

    .gallery-section h2 {
        font-size: 40px;
    }

    .gallerylist-items {
        width: 297px !important;
    }

    .gallery-button{
        margin-bottom: 50px;
    }


}

@media(min-width: 1025px){

    .gallery-section {
        min-height: 676px;
    }

    .gallery-container {
       padding-top: 45px;
    }

    .gallery-button{
        padding: 0 30px;
    }

    .gallery-buttons {
        width: 113px;
    }

    .gallery-section h2 {
        font-size: 50px;
    }


    .gallerylist-items  {
        width: 587px !important;
        height: 318px;
        padding: 30px;
        transform: scale(1);
    }


    .gallerylist-items:hover  {
        /*height: 350px;
        margin-top: -17px;*/
        transform: scale(1.045);
    }


}





/*
* Job Listings
*/

.job-item {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.job-item img {
    display: block;
}

.job-listing {
    padding: 30px 28px;
    /*background-color: #f8f8f8;*/
}



.job-itemcontent {
    background-color: #ebebeb !important;
    max-width: 320px;
    margin: 0 auto;
    /* height: 511px;*/
    height: 600px;
}

.job-itemcontent h4 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.job-itemcontent article {
    padding: 0 20px;
    background-color: #ebebeb !important;
    /*height: 510px;*/
    height: 184px;
}
/*
.job-listing [class*=col-].job-item:nth-child(2),
.job-listing [class*=col-].job-item:nth-child(3),
.job-listing [class*=col-].job-item:nth-child(4) {
    display: none;
}
*/
.job-card {
  background: #ebebeb;
}


@media(min-width: 600px) {

    .job-item {
        margin-bottom: 20px;
    }

    .job-itemcontent {
        background-color: #ebebeb !important;
        max-width: 520px;
        margin: 0 auto;
    }

    .job-itemcontent {
        height: auto;
    }

    .job-itemcontent article {
        height: 184px;
    }
}



@media(min-width: 768px) {
/*
    .job-listing [class*=col-].job-item:nth-child(2),
    .job-listing [class*=col-].job-item:nth-child(3),
    .job-listing [class*=col-].job-item:nth-child(4) {
        display: block;
    }
*/
    .job-itemcontent { max-width: 100%;}


    .job-item {
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .job-item img {
        display: block;
    }

    .job-itemcontent article {
        height: 260px;
    }

}

@media(min-width: 1025px) {

    .page-id-4260 .page__footer { float: left !important; }

}


@media(min-width: 1366px) {


    .job-listing {
        padding: 129px 28px;
        background-color: #f8f8f8;
    }


    .job-item {
        /*background-color: #ebebeb;
        padding-bottom: 0px;
        padding-left: 0px;*/
        /*margin-bottom: 25px;*/
    }

    .job-item img {
        width: 40%;
        position: absolute;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .job-item article {
        float: right;
        width: 60%;
        padding: 11px 30px 50px;
    }


    .job-itemcontent {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #ebebeb !important;
    }

    .job-item {
        min-height: 280px;
    }

    .job-item:nth-child(odd) .job-itemcontent{
        margin-right: 10px;
    }

    .job-item:nth-child(even) .job-itemcontent{
        margin-left: 10px;
    }

}

/*Inserted Job listing career page styling*/


.seo-content.benefits { padding: 80px 0 30px; }

.seo-content .container.benefits-list {
    max-width: 100%;
    text-align: center;
}

.container.benefits-list .seo-btn { min-width: 280px; }

.page-template-page-careers .benefits-list button{

}

.benefits-list .slick-next:before,
.benefits-list .slick-prev:before {
    font-size: 43px;
    text-shadow: none;
    position: absolute;
    right: 10px;
    font-weight: normal;
    content: "\e912";
}

.benefits-list .slick-next:before {
    transform: rotate(0deg);
    right: 5px;
}

.benefits-list .slick-prev:before {
    transform: rotate(-180deg);
    right: 24px;
}


.benefits-item {
    display: inline-block;
    padding: 20px 5px;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    width: 213px;
    height: 165px;
}

.b-description {
    position: relative;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: none;
    top: 0;
    overflow-y: scroll;
    transition: 2s;
    text-align: left;
    font-size: 15px;
}

.b-description::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;

}
.b-description::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #d3d3d3;
    opacity: 0.5;
}



.benefits-item.active { padding: 15px !important; outline: none !important;}

.benefits-item.active .benefit-icon,
.benefits-item.active .benefit-name { display: none; }

.benefits-item.active { background-color: #fff; color: #000 !important; }

.benefits-item.active .b-description{
    display: block;
    color: #000 !important;
    background-color: #fff;
}

.b-description .benefit-name {
    display: block !important;
    color: #000 !important;
    text-align: center;
    font-size: 16px !important;
    padding-bottom: 10px !important;
}


.img-responsive.benefit-icon {
    max-width: 100%;
    margin: 0 auto 15px;
    width: auto;
    transition: .4s;
    height: 60px;
}

.benefit-name {
    text-transform: uppercase;
}

.single-job article {
    /*background-color: #ebebeb;*/
    padding: 30px;
}

.single-job h4 { margin: 0px 0px 20px; }


.single-jobs .masthead-header {
    background-size: cover;
}

.page-template-page-careers .seo-content .text--center {
    font-size: 31px;
}


@media(min-width: 768px) {
    .benefits-item {
        width: 182px;
    }
    .seo-content.benefits { padding: 80px 0 30px; }
}


@media(min-width: 1025px) {

    .seo-content.benefits { padding: 123px 0 64px; }

    .seo-content .container.benefits-list {
        max-width: 1025px;
    }

    .benefits-item {
        width: 20%;
        margin: 0 7px 25px;
        border: 3px solid transparent;
        height: 225px;
        padding: 20px;
    }

    .benefits-item:hover { border: 3px solid #fff; }

    .benefits-item:hover .benefit-icon { transform: rotate(10deg); }

    .img-responsive.benefit-icon {
        height: auto;
    }

}

@media(min-width: 1200px) {

    .seo-content .container.benefits-list {
      max-width: 100%;
      padding: 0 30px;
      display: flex;
      margin: 0 auto;
    }

    .benefit-name {
        font-size: 20px;
        padding-top: 30px;
        display: block;
    }
}


.job-detail-acc .tab-data { background-color: #fff; }
.job-detail-acc {
    padding: 50px 0px;
    background-color: #f7f7f7;
}

@media(min-width: 1025px) {
    .job-detail-acc { padding: 102px 0px; }
}

/*------------------
    Inserted
--------------------*/

    .resource-stat {
        font-size: 17px;
        color: #00a3e0;
        font-weight: 700;
        display: block;
        position: relative;
        top: -15px;
    }

    .resource-template-default .resource-stat {
        top: 0;
        margin-bottom: 15px;
    }

    .resource-stat > span {
        display: inline-block;
        margin: 0px 10px;
    }
    .res-icons { margin-top: 25px; }
    .res-icons .st_facebook_large:before {
        display: inline-block;
        width: 25px;
        height: 25px;
        color: #1ca8dc;
        font-size: 32px;
        background-color: #fff;
        position: absolute;
        z-index: -1;
    }
    .res-icons .st_twitter_large:before {
        display: inline-block;
        width: 20px;
        height: 18px;
        color: #fff;
        font-size: 19px;
        background-color: #1ca8dc;
        position: absolute;
        z-index: -1;
        padding: 6px;
        border-radius: 2px;
    }
        .res-icons .stButton {
            opacity: 0;
        }
        .res-icons strong {
            font-weight: 900;
        }
    .resource-prev {
        display: block;
    }
    .single-resource .resource-prev img {
        position: relative;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 3;
        height: 100%;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        float: none;
        display: block;
        -o-object-position: top;
           object-position: top;
    }
    .resource-prev a {
        background-image: url(/wp-content/themes/idcautomatic/assets/img/pdf-preview.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 91px;
        height: 92px;
        position: absolute;
        display: block;
        right: 0px;
        z-index: 10;
    }

.page-id-4085 .main-content .alignleft {
    float: none !important;
    margin-left: 0 !important;
}

.page-id-4787 .widget {
    display: none;
}

.job_application_form  label{
    text-transform: capitalize;
}

.job_application_form [class*=col-] {
    padding-bottom: 20px;
}

.job_application_form .wpcf7-list-item {
    display: block;
}




/* Testimonial Page */

.testimonial-filter {
    padding-left: 20px;
}

.testimonial-filter .selectric-wrapper {
    width: 300px;
}

.testimonial-filter .selectric .label {
    padding-top: 14px;
}

.testimonial-filter .selectric-items li:before {
    display: none;
}



/*------------------
    Page footer
--------------------*/


.page__footer .bg--pattern {
    border-bottom: none;
    padding: 25px 20px;
}

.page__footer li:after { content: '' }

.footer-top {
    font-size: 14px;
    line-height: 1.6;
    color: #000
}

.page__footer li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

.page__footer li {
    margin: 0 14px 10px;
    display: inline-block
}

.page__footer .nav--links li {
    line-height: 1.3;
    margin-bottom: 10px
}

.page__footer .nav--links li:before {
    display: none;
}

.footer-contact {
    color: #fff;
    margin-top: 30px;
    font-size: 14px
}

.footer-contact span {
    margin-bottom: 10px;
    line-height: 26px;
    clear: both
}

.footer-contact h3 {
    margin: 20px 0 5px
}

.footer-top span:before {
    color: #e21f26;
    padding-right: 5px
}

.page__footer .current-menu-item a,
.page__footer .current-page-ancestor a,
.page__footer .current-page-parent a,
.page__footer li a:hover {
    color: #00a3e0 !important;
}

.footer-address {
    float: left
}

.footer-hours {
    float: right
}

.hours-drop {
    display: block;
    padding-left: 1.6em
}

.button-footer {
    float: right;
    margin-bottom: 20px;
    width: 80%;
    text-align: center
}

.footer-logos {
    float: right;
    overflow: hidden
}

.footer-logos img {
    display: inline-block
}

.footer-contact:before {
    left: 0;
    position: absolute;
    font-size: 143px;
    z-index: 100
}

.footer-contact:after {
    position: absolute;
    right: 0;
    bottom: -20px;
    font-size: 140px;
    z-index: 100
}

.footer-address,
.footer-hours {
    width: 50%;
    z-index: 300;
    position: relative
}

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

.footer-bottom nav ul{
    text-align: center !important;
    font-weight: 500;
}

.footer-bottom a {
    text-transform: none;
    color: #616161;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px
}

.footer-bottom li:after {
    content: '|';
    padding: 0 13px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    top: 0;
    color: #fff;
}

.footer-bottom li:last-child:after {
    content: '' !important;
}

.nav--secondary {
    line-height: 19px;
}

.nav--secondary .menu > li:before {
    display: none !important;
}


.footer-social span:before { font-size: 28px; }

.footer-social a {
    padding-right: 6px;
    font-size: 24px;
}

.footer-social a:hover span:before {
    opacity: .6;
}

.space-bar:before {
    content: "|";
    color: #000!important;
    margin: 0 5px 0 30px;
    font-size: 19px;
    top: 1px;
    position: relative;
}


.footer-copyright p {
    margin-top: 5px;
    font-size: 16px;
    line-height: 10px;
    float: left;
    color: #fff;
}

.footer-copyright li a,
.footer-copyright p{
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}

.icon-facebook {
    color: #537bbd;
}

.icon-googleplus {
    color: #4a4a49;
}

.icon-pinterest {
    color: #eb5755;
}

.icon-youtube {
    color: #e9654b;
}

span.icon-pinterest:before {
    font-size: 59px;
    position: relative;
    top: 4px;
}

.footer-service-buttons { margin-top: 15px; }


.footer-copyright { text-align: left; }


.footer-logos {
    float: none;
    text-align: center;
    width: 50%;
    margin: 20px auto 0;
    overflow: hidden
}



@media (max-width:1024px) {
    .footer-address h3,
    .footer-contact {
        margin-top: 0;
    }
    .footer-contact:after,
    .footer-contact:before {
        content: '';
    }
    .button-footer,
    .footer-hours {
        float: left;
    }
    .footer-address,
    .footer-hours {
        width: 100%;
    }
}


@media (max-width:768px) {

    .page__footer .img-responsive {  width: 100%; }
}


@media (max-width:599px) {

    .footer-hours,
    .page__footer .nav--links {
        border-bottom: 1px solid #fff;
        padding-bottom: 22px;
    }
    .page__footer .nav--links {
        position: relative;
        z-index: 999;
    }
    .footer-hours {
        clear: both;
        width: 100%;
    }

    .button-footer {
        width: 100%;
        margin-top: 22px;
        margin-bottom: 0;
    }

    .footer-logos {
        float: left;
        margin-top: 22px;
    }

    .footer-top { padding: 27px 0; }

    .footer-copyright {
        float: none;
        /*padding: 20px 0;*/
    }

    .footer-copyright nav,
    .footer-copyright p {
        float: left;
        width: 100%;
    }

    .footer-copyright p { margin-bottom: 5px; }

    .footer-bottom li:first-child:before {
        padding: 0;
        content: '';
    }

    .space-bar:before {
        content: "";
        display: block;
        color: #000!important;
        margin: 0 5px 0 30px;
        font-size: 19px;
        top: 1px;
        position: relative;
        width: 100%;
        height: 4px;
    }

    .footer-address h3 { margin-top: 19px; }

    .page__footer img { max-width: 20%; }

    .footer-social { text-align: left; }

    .footer-copyright {
        display: block;
        text-align: center;
    }

    .footer-bottom p {
        margin: 0;
        padding-top: 8px;
        margin-bottom: 0;
        font-weight: 500;
    }

}


@media (min-width: 600px) {

    .footer-copyright { display: inline-flex; }

    .page__footer .bg--pattern {
        border-bottom: none;
        padding: 25px 0 0;
    }

    .footer-copyright p { margin-top: 1px; }

    .footer-bottom li:last-child:after { content: '|' !important; }
}


@media (min-width: 1025px) {

    .footer-bottom.bg--pattern .container-fluid {
        padding: 0 40px !important;
        text-align: left !important;
        margin: 0 auto;
        max-width: 1533px;
    }

}

@media (min-width: 1366px) {

    .footer-bottom.bg--pattern .container-fluid {
        padding: 0 !important;
        max-width: 1533px;
    }

}




.footer-social .fa-500px {
    color: #0099e5
}

.footer-social .fa-adn {
    color: #4A484C
}

.footer-social .fa-amazon {
    color: #f90
}

.footer-social .fa-android {
    color: #a4c639
}

.footer-social .fa-angellist {
    color: #000
}

.footer-social .fa-apple {
    color: #979797
}

.footer-social .fa-behance,
.footer-social .fa-behance-square {
    color: #1769ff
}

.footer-social .fa-bitbucket,
.footer-social .fa-bitbucket-square {
    color: #205081
}

.footer-social .fa-bitcoin {
    color: #ee9209
}

.footer-social .fa-black-tie {
    color: #222
}

.footer-social .fa-btc {
    color: #ee9209
}

.footer-social .fa-buysellads {
    color: #c90100
}

.footer-social .fa-cc-amex {
    color: #007bc1
}

.footer-social .fa-cc-diners-club {
    color: #004A97
}

.footer-social .fa-cc-discover {
    color: #f68121
}

.footer-social .fa-cc-jcb {
    color: #003A8F
}

.footer-social .fa-cc-mastercard {
    color: #0a3a82
}

.footer-social .fa-cc-paypal {
    color: #253b80
}

.footer-social .fa-cc-stripe {
    color: #00afe1
}

.footer-social .fa-cc-visa {
    color: #0157a2
}

.footer-social .fa-chrome {
    color: #4587F3
}

.footer-social .fa-codepen {
    color: #000
}

.footer-social .fa-connectdevelop {
    color: #391448
}

.footer-social .fa-contao {
    color: #eb8623
}

.footer-social .fa-creative-commons {
    color: #231f20
}

.footer-social .fa-css3 {
    color: #1680C0
}

.footer-social .fa-dashcube {
    color: #7f7f7f
}

.footer-social .fa-delicious {
    color: #39f
}

.footer-social .fa-deviantart {
    color: #4e6252
}

.footer-social .fa-digg {
    color: #000
}

.footer-social .fa-dribbble {
    color: #444
}

.footer-social .fa-dropbox {
    color: #007ee5
}

.footer-social .fa-drupal {
    color: #0077c0
}

.footer-social .fa-empire {
    color: #000
}

.footer-social .fa-expeditedssl {
    color: #343433
}

.footer-social .fa-facebook,
.footer-social .fa-facebook-official,
.footer-social .fa-facebook-square {
    color: #3b5998
}

.footer-social .fa-firefox {
    color: #e66000
}

.footer-social .fa-flickr {
    color: #ff0084
}

.footer-social .fa-fonticons {
    color: #1C1E29
}

.footer-social .fa-forumbee {
    color: #83ad13
}

.footer-social .fa-foursquare {
    color: #0072b1
}

.footer-social .fa-ge {
    color: #000
}

.footer-social .fa-get-pocket {
    color: #d3505a
}

.footer-social .fa-gg,
.footer-social .fa-gg-circle {
    color: #000
}

.footer-social .fa-git,
.footer-social .fa-git-square,
.footer-social .fa-github,
.footer-social .fa-github-alt,
.footer-social .fa-github-square { color: #333 }

.footer-social .fa-gittip { color: #630 }

.footer-social .fa-google { color: #4285f4 }

.footer-social .fa-google-plus,
.footer-social .fa-google-plus-square { color: #dd4b39 }

.footer-social .fa-google-wallet { color: #4285f4 }

.footer-social .fa-hacker-news { color: #f60 }

.footer-social .fa-houzz { color: #7ac142 }

.footer-social .fa-html5 { color: #e34f26  }

.footer-social .fa-instagram { color: #3f729b }

.footer-social .fa-internet-explorer { color: #1EBBEE }

.footer-social .fa-ioxhost { color: #faa729 }

.footer-social .fa-joomla { color: #142849 }

.footer-social .fa-jsfiddle { color: #4679BD }

.footer-social .fa-lastfm,
.footer-social .fa-lastfm-square { color: #c3000d }

.footer-social .fa-leanpub { color: #0c0c0c }

.footer-social .fa-linkedin,
.footer-social .fa-linkedin-square { color: #0976b4 }

.footer-social .fa-linux { color: #333 }

.footer-social .fa-maxcdn { color: #F60 }

.footer-social .fa-meanpath { color: #538ed7 }

.footer-social .fa-medium { color: #000 }

.footer-social .fa-odnoklassniki,
.footer-social .fa-odnoklassniki-square { color: #ed812b }

.footer-social .fa-opencart { color: #2AC2EF }

.footer-social .fa-openid { color: #F78C40 }

.footer-social .fa-opera { color: #cc0f16 }

.footer-social .fa-optin-monster { color: #83c11f }

.footer-social .fa-pagelines { color: #000 }

.footer-social .fa-paypal { color: #253b80 }

.footer-social .fa-pied-piper,
.footer-social .fa-pied-piper-alt,
.footer-social .fa-pied-piper-square { color: #2f9f46 }

.footer-social .fa-pinterest,
.footer-social .fa-pinterest-p,
.footer-social .fa-pinterest-square { color: #cc2127 }

.footer-social .fa-qq,
.footer-social .fa-ra,
.footer-social .fa-rebel { color: #000 }

.footer-social .fa-reddit,
.footer-social .fa-reddit-square { color: #ff4500 }

.footer-social .fa-renren { color: #005EAC }

.footer-social .fa-safari { color: #1B88CA }

.footer-social .fa-sellsy { color: #1f78b9 }

.footer-social .fa-share-alt,
.footer-social .fa-share-alt-square { color: #01bf01 }

.footer-social .fa-shirtsinbulk { color: #dd3a26}

.footer-social .fa-simplybuilt { color: #000 }

.footer-social .fa-skyatlas { color: #00adbb }

.footer-social .fa-skype { color: #00aff0 }

.footer-social .fa-slack { color: #0f7965 }

.footer-social .fa-slideshare { color: #e98325 }

.footer-social .fa-soundcloud { color: #f80 }

.footer-social .fa-spotify { color: #7ab800 }

.footer-social .fa-stack-exchange { color: #000 }

.footer-social .fa-stack-overflow { color: #fe7a15 }

.footer-social .fa-steam,
.footer-social .fa-steam-square { color: #0B0B0B }

.footer-social .fa-stumbleupon,
.footer-social .fa-stumbleupon-circle { color: #eb4924 }

.footer-social .fa-tencent-weibo { color: #74AF2C }

.footer-social .fa-trello { color: #256a92 }

.footer-social .fa-tripadvisor { color: #589442 }

.footer-social .fa-tumblr,
.footer-social .fa-tumblr-square { color: #35465c }

.footer-social .fa-twitch { color: #6441a5 }

.footer-social .fa-twitter,
.footer-social .fa-twitter-square { color: #55acee }

.footer-social .fa-viacoin { color: #333 }

.footer-social .fa-vimeo,
.footer-social .fa-vimeo-square { color: #1ab7ea }

.footer-social .fa-vine { color: #00b488 }

.footer-social .fa-vk { color: #45668e }

.footer-social .fa-wechat { color: #93d034 }

.footer-social .fa-weibo { color: #E71D34 }

.footer-social .fa-weixin { color: #93d034 }

.footer-social .fa-wikipedia-w { color: #000 }

.footer-social .fa-windows { color: #00bcf2 }

.footer-social .fa-wordpress { color: #21759b }

.footer-social .fa-xing,
.footer-social .fa-xing-square { color: #026466 }

.footer-social .fa-y-combinator,
.footer-social .fa-yc { color: #F0652F }

.footer-social .fa-yahoo { color: #400191 }

.footer-social .fa-yelp { color: #af0606 }

.footer-social .fa-youtube,
.footer-social .fa-youtube-play,
.footer-social .fa-youtube-square { color: #e52d27 }

/*----------------
    end inserted
----------------*/
.page__footer {
    background-color: #102c36;
    position: relative;
}

.footerlist { width: 100%; }

.footer-top { padding: 0 0 50px 0; }

.footer-top [class*=col-sm-],
.footer-top [class*=col-xxs-] { padding: 0; }

.footer-top .container-fluid { max-width: 1533px !important; }

.leftcont .container-fluid { padding: 0 20px !important; }

.footer-bottom.bg--pattern .container-fluid {
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    text-align: center;
}

.footer-item {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}

.fcontainer {
    max-width: 320px;
    margin: 0 auto;
    padding-top: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.footer-item address,
.footer-item address a{ font-style: normal; color: #fff; }

.footer-item address a:hover{ color: #00a3e0; }



.footer-item span { display: block; }

.footer-item span a{
   color: #00a3e0;
   font-weight: 500;
}

.footer-item .phone { padding-top: 12px; }

.footer-item img {
    max-width: 70%;
    margin: 0 auto 20px;
}

.footer-social {
    padding: 15px 0 0;
    height: 71px;
}

.footer-social.col-xs-3 { width: 100%; }

.footer-social a .fab {
    color: #fff;
    background-color: #1ca8dc;
    width: 27px;
    height: 27px;
    position: relative;
    cursor: pointer;
}

.footer-social a .fab.fa-facebook:hover  {
    background-color: #1d799b!important;
}

.footer-social a .fa-facebook:before {
    content: '\ea91';
    font-family: 'icomoon';
    font-weight: bold;
}

.footer-social a .fa-facebook:before,
.footer-social a .fa-twitter:before{
    position: relative;
    left: 5px;
    right: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #102c36;
    font-size: 18px;
    top: 0px;
}

.slidelogo-list { position: relative; }

.slidelogo {
    height: 119px;
    background-color: #fff;
    max-width: 338px;
    clear: both;
    padding: 18px 0;
}

.slidelogo-items {
    text-align: center;
}

.slidelogo-items img{
    max-width: 100%;
    margin: 0 auto !important;
}

.slidelogo-image {
  position: relative;
  width: 192px;
  margin: 0 auto;
  text-align: center;
  display: block;
}

.slidelogo-image img {
  width: auto;
  margin: 0 auto !important;
  max-width: 100% !important;
}


.slidelogo-image .img-responsive { width: auto !important;  }

/*.slidelogo img { width: auto; margin: 0 auto; }*/

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

.slidelogo .slick-next { right: -10px;}

.slidelogo .slick-next,
.slidelogo .slick-prev { top: 18px; }

.slidelogo .slick-next:before,
.slidelogo .slick-prev:before {
    display: block;
    color: #000;
    font-size: 30px;
    font-family: 'icomoon';
    font-weight: normal;
    z-index: 999;
    content: '\e911' !important;
}



.slidelogo .slick-prev:before {
  transform: rotate(180deg);
}

.loc_map { margin-top: 30px; }

.loc_fmap{
    position: relative;
    height: 227px;
    max-width: 320px;
    margin: 25px auto;
    display: block;
}

.footer-map-image {
    display: block;
}

.loc_fmap img{
    /* position: absolute;
    left: 0; */
    max-width: 100%;
    display: block;
    height: 100%;
    width: 100%;
    /* object-fit: none; */
}

a.loc_fmap:hover {
    opacity: .8;
}

.footerform {
    position: relative;
    background-color: #0f1e24;
}

.footerform .form-row.row {
    background-color: #0f1e24;
    padding: 58px 20px 60px;
}

.footerform p { display: none; }


.footerform [class*=col-] { margin-bottom: 15px; }

.footerform h3 {
    margin: 0;
    color: #fff;
    font-weight: 600;
}

.footerform label {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    line-height: 36px;
    font-size: 16px;
}

.footerform label > span {
    color: #1CA8DC;
    margin-left: 5px;
}

.footerform label > .wpcf7-form-control-wrap { margin-left: 0; }

.footerform input[type=text],
.footerform input[type=email],
.footerform .wpcf7-form-control.wpcf7-textarea{
    background-color: #102c36 !important;
    border: none;
    outline: none !important;
}

.footerform input[type=text]:hover,
.footerform textarea:hover { border-color: 1px solid #00a3e0 !important; }

.footerform input[type=text]:focus,
.footerform textarea:focus,
.footerform input[type=email]:focus { border: 2px solid #00a3e0 !important; }

.footerform .wpcf7-form-control.wpcf7-textarea {
    min-height: 14px !important;
    font-weight: 500 !important;
}

.footerform input[type=submit] {
    float: none;
    background-color: #1CA8DC !important;
    width: 147px;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    outline: none;
}

.footerform input[type=submit]:hover {
    background: #1d799b !important;
}

.slidelogo.tablet { display: none; }

.leftcont,
.leftcont [class*=col-sm-]{ padding: 0; }

.footerform .wpcf7 div.wpcf7-response-output {
    padding-left: 26px !important;
    padding-top: 10px;
    color: #00a3e0;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: 22px;
}

.footerform label .wpcf7-not-valid-tip { font-size: 13px; }



@media(min-width: 768px){

    .loc_fmap{ margin-top: 0; }

    .footer-top [class*=col-sm-],
    .footer-top [class*=col-xxs-]{ padding: 0; }


    .slidelogo { max-width: 100%; }

    .fcontainer {
        max-width: 100%;
        text-align: center;
        padding-top: 0;
    }

    .loc_fmap{
        height: 125px;
        max-width: 100%;
        margin-top: 15px;
    }


    .loc_fmap img{
        /* position: absolute;
        left: 0;
        max-width: 100%; */
        height: 100%;
        width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;';
    -o-object-position: center center;
       object-position: center center;

    }

    .slidelogo.tablet { display: block; }

    .slidelogo.mobile { display: none; }

    .mapfooter { padding: 0; }

    .footerform { margin-bottom: 64px; }

    .footerform .form-row.row { padding: 60px; }

}


@media(min-width: 1025px){

    .page__footer {
        left: 0;
        bottom: 0;
        width: 100%;
        display: block;
    }

    .footer-top {
        padding: 80px 0;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .fcontainer {
        max-width: 100%;
        text-align: left;
    }

    .fcontainer img{
        max-width: 100%;
    }

    .slidelogo-list img {
        margin: 0 auto !important;
    }


    .footer-social { padding: 0 !important; }

    .footer-top [class*=col-sm-],
    .footer-top [class*=col-xxs-]{ padding: 0 20px; }


    /* .loc_fmap img{ max-width: none !important; } */


    .loc_fmap {
        height: 364px;
        position: relative;
        margin: 0px;
    }


    .footerform {
        margin-top: 0;
        position: relative;
        margin-bottom: 0;
        z-index: 1;
        font-family: 'Montserrat', sans-serif;
    }

    .footerform:before,
    .footerform:after {
        height: 103px;
        width: 100%;
        z-index: 0;
        content: '';
        display: block;
        position: absolute;
        background-color: #0f1e24;
    }

    .footerform:before { top: -80px; }

    .footerform:after { bottom: -126px; }

    .footerform:after {
        height: 133px;
        bottom: -126px !important;
    z-index: -1;
    }

    .footerform .form-row.row {
        margin: 0;
        padding: 0 30px;
    }

    .footerform [class*=col-] { padding: 0 7px; }

    .slidelogo.tablet { display: none; }

    .slidelogo.mobile { display: block; }

    .footerform .form-row.row {
        padding: 0 20px;
        margin-bottom: 0;
    }

    .footerform label { font-size: 13px;  }

    .footerform input[type="text"] { height: 40px; }

    .footerform .wpcf7-form-control.wpcf7-textarea { height: 95px; }

    .footerform input[type="text"],
    .footerform input[type="email"],
    .footerform .wpcf7-form-control.wpcf7-textarea {
        background-color: #102c36;
        border: none;
        color: #fff;
        font-weight: 400;
    }

    .main-sidebar input[type="text"],
    .main-sidebar input[type="email"],
    .main-sidebar .wpcf7-form-control.wpcf7-textarea {
        background-color: #102c36;
        border: none;
        color: #fff;
        font-weight: 400;
    }

    .footerform ::-webkit-input-placeholder { /* WebKit browsers */
        color: #aeced9 !important;
    }
    .footerform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #aeced9 !important;
    }
    .footerform ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #aeced9 !important;
    }
    .footerform :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #aeced9 !important;
    }


    .main-sidebar form .selectric .label,
    .footerform form .selectric .label,
    .testiform-container form .selectric .label {
        color: #aeced9 !important;
    }

    .main-sidebar .widget.testimonial .selectric,
    .main-sidebar .widget.testimonial select {
        border: 0;
    }

    .footerform input[type="email"] {
        height: 40px;
    }

    .footerform label .wpcf7-not-valid-tip {
        font-size: 9px;
    }

    .footerform .wpcf7 div.wpcf7-response-output {
        padding-left: 26px !important;
        position: relative;
        top: -17px;
    }

}

@media(min-width: 1200px){


    .footerform .wpcf7 div.wpcf7-response-output {
        top: 0;
    }

    .leftcont .container-fluid,
    .footer-bottom .bg--pattern .container-fluid,
    .footer-top [class*="col-sm-"]{ padding: 0 !important; }

    .leftcont { padding: 0 0 0 20px !important; }

    .loc_fmap {
        height: 377px;
        position: relative;
        max-width: 388px;
    }

    .fcontainer { padding-right: 66px; }

    .footerform { margin-left: 30px; }

    .footer-top {
        padding: 80px 0 80px;
        position: relative;
        z-index: 1;
    }

    .footerform .form-row.row {
        padding: 0 20px;
        margin-bottom: 0;
    }

    .footerform [class*="col-"]:last-child{ margin-bottom: 0; }

    .footerform label input[type="text"],
    .footerform label input[type="email"],
    .footerform label input[type="email"]:fucos {
         height: 50px;
         font-weight:400 !important;
         color: #fff;
          background-color: #102c36 !important;
    }

    .footerform input[type="text"]:fucos,
    .footerform input[type="email"]:fucos { color: #fff; }

    .footerform .wpcf7-form-control.wpcf7-textarea { height: 111px; }

    .footerform label { font-size: 16px; }

    .footerform label .wpcf7-not-valid-tip {
        font-size: 10px;
    }

}

@media(min-width: 1366px) {
    .footerform label .wpcf7-not-valid-tip {
        font-size: 12px;
    }
}

@media only screen  and (min-width : 1824px) {
    .leftcont { padding: 0 !important; }

}


.back-to-top {
    height: 40px;
    background-color: #0f1e24;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 30px;
    overflow: hidden;
}

.back-to-top:hover {
    text-decoration: none;
    background-color: #1ca8dc;
}

.back-to-top span {
    transform: rotate(-90deg) !important;
    display: block;
    position: relative;
    font-weight: 300 !important;
    top: 6px;
    color: #fff;
}


.back-to-top span:before {
    content: '\e911' !important;
}

@media(min-width: 768px){

    .back-to-top {
        height: 40px;
        width: 40px;
        position: absolute;
        left: 53px;
        bottom: 88px;
    }

}

@media(min-width: 1025px){

    .back-to-top {
        height: 48px;
        width: 48px;
        bottom: 79px;
        left: 39px;
        z-index: 9999;
    }

    .back-to-top span {
        top: 11px;
        font-size: 26px;
    }
}


@media(min-width: 1200px){

    .back-to-top {
        left: 20px;
    }
}


@media(min-width: 1824px){

    .back-to-top {
        bottom: 101px;
        left: 32px;
    }
}


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

.color-white {
    color: #fff !important
}

div#mailpoet_form_2 {
    background: #f4f4f4;
    padding: 25px;
}


.main-sidebar input[type=email] {
    width: 100% !important;
    height: 53px;
    background-color: #f4f4f4 !important;
    border: 1px solid #d7d7d7 !important;
    font-size: 15px;
    color: #505050 !important;
    padding-left: 10px;
    border-radius: 0;
    margin-bottom: 20px;
}