:root {
    --brandcolor1: #006983;
    --brandcolor2: #919991;
    --brandcolor3: #033c56;
    --brandcolor4: #048269;
    --brandcolor5: #9c0303;
    --brandcolor6: #FFFFFF;
    --titlecolor: #006983;
    --titlefont: 'Poppins', sans-serif;
    --titlebold: 500;
    --titleunderline: none;
    --titleitalic: normal;
    --titlecaps: none;
    --titlesize: 56px;
    --subtitlecolor: #006983;
    --subtitlefont: 'Poppins', sans-serif;
    --subtitlebold: 500;
    --subtitleunderline: none;
    --subtitleitalic: normal;
    --subtitlecaps: none;
    --subtitlesize: 36px;
    --bodycolor: #3C4A4D;
    --bodyfont: 'Open Sans', Helvetica, Arial, sans-serif;
    --bodybold: 500;
    --bodyunderline: none;
    --bodyitalic: normal;
    --bodycaps: none;
    --bodysize: 18px;
    --linkcolor: #006983;
    --linkcolorclicked: #033c56;
    --topbarbackground: #002354;
    --topbarlinkcolor: #ffffff;
    --navigationsize: 15px;
    --navigationcolor: #ffffff;
    --navigationfont: 'Open Sans', Helvetica, Arial, sans-serif;
    --navigationbold: bold;
    --navigationunderline: none;
    --navigationitalic: normal;
    --navigationcaps: none;
    --navigationbackground: rgba(0, 105, 131, 0.25);
    --homenavigationbackgroundcolor: rgba(255, 255, 255, 1);
    --homenavigationlinkcolor: #1A0DAB;
    --homescrollnavigationbackgroundcolor: rgba(255, 255, 255, 0.95);
    --homescrollnavigationlinkcolor: #033c56;
    --innerpagenavigationbackgroundcolor: rgba(3, 60, 86, 0.25);
    --innerpagenavigationlinkcolor: #ffffff;
    --innerpagescrollnavigationbackgroundcolor: rgba(255, 255, 255, 0.95);
    --innerpagescrollnavigationlinkcolor: #033c56;
    --footerbackground: #101010;
    --footertextcolor: #cccccc;
    --footerlinkcolor: #b0b0b0;
    --pagetitlepadding: 50px;
    --primarybuttonfont: 'Open Sans', Helvetica, Arial, sans-serif;
    --primarybuttoncolor: #006983;
    --primarybuttoncaps: none;
    --primarybuttonitalic: normal;
    --primarybuttonunderline: none;
    --primarybuttonbold: 500;
    --primarybuttonbackground: #ffffff;
    --primarybuttonborder: #006983 0px solid;
    --primarybuttonradius: 0px;
    --primarybuttonshadow: 0px 0px 0px 0px rgba(255, 255, 255, FF);
    --primarybuttonfonthover: 'Open Sans', Helvetica, Arial, sans-serif;
    --primarybuttoncolorhover: #fff7f7;
    --primarybuttoncapshover: none;
    --primarybuttonitalichover: normal;
    --primarybuttonunderlinehover: none;
    --primarybuttonboldhover: 500;
    --primarybuttonbackgroundhover: #006983;
    --primarybuttonborderhover: transparent 0px solid;
    --primarybuttonradiushover: 0px;
    --primarybuttonshadowhover: 0px 0px 0px 0px rgba(255, 255, 255, FF);
    --primarybuttonfontclicked: 'Open Sans', Helvetica, Arial, sans-serif;
    --primarybuttoncolorclicked: #faf5f5;
    --primarybuttoncapsclicked: none;
    --primarybuttonitalicclicked: normal;
    --primarybuttonunderlineclicked: none;
    --primarybuttonboldclicked: 500;
    --primarybuttonbackgroundclicked: #006983;
    --primarybuttonborderclicked: transparent 0px solid;
    --primarybuttonradiusclicked: 0px;
    --primarybuttonshadowclicked: 0px 0px 0px 0px rgba(255, 255, 255, FF);
    --secondarybuttonfont: 'Open Sans', Helvetica, Arial, sans-serif;
    --secondarybuttoncolor: #fcfcfc;
    --secondarybuttoncaps: none;
    --secondarybuttonitalic: normal;
    --secondarybuttonunderline: none;
    --secondarybuttonbold: 500;
    --secondarybuttonbackground: #033c56;
    --secondarybuttonborder: #efefef 0px solid;
    --secondarybuttonradius: 0px;
    --secondarybuttonshadow: 0px 0px 0px 0px rgba(255, 255, 255, FF);
    --secondarybuttonfonthover: 'Open Sans', Helvetica, Arial, sans-serif;
    --secondarybuttoncolorhover: #FFFFFF;
    --secondarybuttoncapshover: none;
    --secondarybuttonitalichover: normal;
    --secondarybuttonunderlinehover: none;
    --secondarybuttonboldhover: 500;
    --secondarybuttonbackgroundhover: #006983;
    --secondarybuttonborderhover: transparent 0px solid;
    --secondarybuttonradiushover: 0px;
    --secondarybuttonshadowhover: 0px 0px 0px 0px rgba(255, 255, 255, FF);
    --secondarybuttonfontclicked: 'Open Sans', Helvetica, Arial, sans-serif;
    --secondarybuttoncolorclicked: #FFFFFF;
    --secondarybuttoncapsclicked: none;
    --secondarybuttonitalicclicked: normal;
    --secondarybuttonunderlineclicked: none;
    --secondarybuttonboldclicked: 500;
    --secondarybuttonbackgroundclicked: #006983;
    --secondarybuttonborderclicked: transparent 0px solid;
    --secondarybuttonradiusclicked: 0px;
    --secondarybuttonshadowclicked: 0px 0px 0px 0px rgba(255, 255, 255, FF);
}

/*---Responsive Text---*/

h1 {
    color: var(--titlecolor);
    font-family: var(--titlefont);
    font-weight: var(--titlebold);
    text-decoration: var(--titleunderline);
    font-style: var(--titleitalic);
    text-transform: var(--titlecaps);
    margin-bottom: 10px;
    margin-top: 10px;
}

h2, h3, h4, h5, h6 {
    color: var(--subtitlecolor);
    font-family: var(--subtitlefont);
    font-weight: var(--subtitlebold);
    text-decoration: var(--subtitleunderline);
    font-style: var(--subtitleitalic);
    text-transform: var(--subtitlecaps);
    margin-bottom: 10px;
    margin-top: 10px;
}

@media (min-width: 1199px) {
    p, body {
        font-size: var(--bodysize);
    }

    h1 {
        font-size: var(--titlesize);
    }

    h2 {
        font-size: var(--subtitlesize);
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.7);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.6);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.5);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.4);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    p, body {
        font-size: calc(var(--bodysize) * 0.9);
    }

    h1 {
        font-size: calc(var(--titlesize) * 0.9);
    }

    h2 {
        font-size: calc(var(--subtitlesize) * 0.9);
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.7 * 0.9);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.6 * 0.9);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.5 * 0.9);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.4 * 0.9);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    p, body {
        font-size: calc(var(--bodysize) * 0.8);
    }

    h1 {
        font-size: calc(var(--titlesize) * 0.8);
    }

    h2 {
        font-size: calc(var(--subtitlesize) * 0.8);
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.7 * 0.8);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.6 * 0.8);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.5 * 0.8);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.4 * 0.8);
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    p, body {
        font-size: calc(var(--bodysize) * 0.7);
    }

    h1 {
        font-size: calc(var(--titlesize) * 0.7);
    }

    h2 {
        font-size: calc(var(--subtitlesize) * 0.7);
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.7 * 0.7);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.6 * 0.7);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.5 * 0.7);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.4 * 0.7);
    }
}


@media (max-width: 575px) {
    p, body {
        font-size: calc(var(--bodysize) * 0.6);
    }

    h1 {
        font-size: calc(var(--titlesize) * 0.6);
        text-align: center;
    }

    h2 {
        font-size: calc(var(--subtitlesize) * 0.6);
        text-align: center;
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.7 * 0.6);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.6 * 0.6);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.5 * 0.6);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.4 * 0.6);
    }
}

p, body {
    color: var(--bodycolor);
    font-family: var(--bodyfont);
}

p {
    line-height: 1.5;
}

a.btn {
    font-size: 18px;
}

    /*----Unstyled Button----*/

    a.btn:active:not(.btn-primary):not(.btn-secondary) {
        box-shadow: none !important;
    }

/*---Primary & Secondary My Brand Buttons---*/

.btn.btn-primary, .btn-primary {
    letter-spacing: 1px !important;
    cursor: pointer !important;
    padding: 8px 20px !important;
    -webkit-transition: 0.3s ease !important;
    transition: 0.3s ease !important;
    outline: none !important;
    font-family: var(--primarybuttonfont);
    color: var(--primarybuttoncolor);
    text-transform: var(--primarybuttoncaps);
    text-decoration: var(--primarybuttonunderline);
    font-weight: var(--primarybuttonbold);
    font-style: var(--primarybuttonitalic);
    background: var(--primarybuttonbackground);
    border: var(--primarybuttonborder);
    border-radius: var(--primarybuttonradius);
    box-shadow: var(--primarybuttonshadow);
}

    .btn.btn-primary:hover, .btn-primary:hover {
        cursor: pointer !important;
        padding: 8px 20px !important;
        -webkit-transition: 0.3s ease !important;
        transition: 0.3s ease !important;
        outline: none !important;
        font-family: var(--primarybuttonfonthover);
        color: var(--primarybuttoncolorhover);
        text-transform: var(--primarybuttoncapshover);
        text-decoration: var(--primarybuttonunderlinehover);
        font-weight: var(--primarybuttonboldhover);
        font-style: var(--primarybuttonitalichover);
        background: var(--primarybuttonbackgroundhover);
        border: var(--primarybuttonborderhover);
        border-radius: var(--primarybuttonradiushover);
        box-shadow: var(--primarybuttonshadowhover);
    }

    .btn.btn-primary:focus, .btn-primary:focus, .btn.btn-primary:active, .btn-primary:active {
        cursor: pointer !important;
        padding: 8px 20px !important;
        -webkit-transition: 0.3s ease !important;
        transition: 0.3s ease !important;
        outline: none !important;
        font-family: var(--primarybuttonfontclicked);
        color: var(--primarybuttoncolorclicked);
        text-transform: var(--primarybuttoncapsclicked);
        text-decoration: var(--primarybuttonunderlineclicked);
        font-weight: var(--primarybuttonboldclicked);
        font-style: var(--primarybuttonitalicclicked);
        background: var(--primarybuttonbackgroundclicked);
        border: var(--primarybuttonborderclicked);
        border-radius: var(--primarybuttonradiusclicked);
        box-shadow: var(--primarybuttonshadowclicked);
    }

.btn.btn-secondary, .btn-secondary {
    letter-spacing: 1px !important;
    cursor: pointer !important;
    padding: 8px 20px !important;
    -webkit-transition: 0.3s ease !important;
    transition: 0.3s ease !important;
    outline: none !important;
    font-family: var(--secondarybuttonfont);
    color: var(--secondarybuttoncolor);
    text-transform: var(--secondarybuttoncaps);
    text-decoration: var(--secondarybuttonunderline);
    font-weight: var(--secondarybuttonbold);
    font-style: var(--secondarybuttonitalic);
    background: var(--secondarybuttonbackground);
    border: var(--secondarybuttonborder);
    border-radius: var(--secondarybuttonradius);
    box-shadow: var(--secondarybuttonshadow);
}

    .btn.btn-secondary:hover, .btn-secondary:hover {
        cursor: pointer !important;
        padding: 8px 20px !important;
        -webkit-transition: 0.3s ease !important;
        transition: 0.3s ease !important;
        outline: none !important;
        font-family: var(--secondarybuttonfonthover);
        color: var(--secondarybuttoncolorhover);
        text-transform: var(--secondarybuttoncapshover);
        text-decoration: var(--secondarybuttonunderlinehover);
        font-weight: var(--secondarybuttonboldhover);
        font-style: var(--secondarybuttonitalichover);
        background: var(--secondarybuttonbackgroundhover);
        border: var(--secondarybuttonborderhover);
        border-radius: var(--secondarybuttonradiushover);
        box-shadow: var(--secondarybuttonshadowhover);
    }

    .btn.btn-secondary:focus, .btn-secondary:focus, .btn.btn-secondary:active, .btn-secondary:active {
        cursor: pointer !important;
        padding: 8px 20px !important;
        -webkit-transition: 0.3s ease !important;
        transition: 0.3s ease !important;
        outline: none !important;
        font-family: var(--secondarybuttonfontclicked);
        color: var(--secondarybuttoncolorclicked);
        text-transform: var(--secondarybuttoncapsclicked);
        text-decoration: var(--secondarybuttonunderlineclicked);
        font-weight: var(--secondarybuttonboldclicked);
        font-style: var(--secondarybuttonitalicclicked);
        background: var(--secondarybuttonbackgroundclicked);
        border: var(--secondarybuttonborderclicked);
        border-radius: var(--secondarybuttonradiusclicked);
        box-shadow: var(--secondarybuttonshadowclicked);
    }

/* TOP BAR */
#topbar {
    background-color: var(--topbarbackground);
    border-bottom: none;
}

.social-icons li a {
    color: var(--topbarlinkcolor);
}

.social-icons.social-icons-colored .social-cart a, .social-icons.social-icons-colored-hover .social-cart a:hover {
    background-color: var(--topbarlinkcolor);
}

/* HEADER */

/* Mobile */

.lines, .lines:before, .lines:after {
    background-color: var(--homescrollnavigationlinkcolor) !important;
}

/* Home page - no scrolling */

#header.home, #header.home #header-wrap {
    background-color: var(--navigationbackground);
    border-bottom: none;
}

    #header.home #top-search a {
        color: var(--navigationcolor);
    }

    /* Home page - scrolling */

    #header.home.header-sticky #header-wrap {
        background-color: var(--homescrollnavigationbackgroundcolor) !important;
        border: none !important;
        height: auto !important;
    }

/* Other pages - no scrolling */

#header:not(.home), #header:not(.home) #header-wrap {
    background-color: var(--innerpagenavigationbackgroundcolor);
    border-bottom: none;
}

    #header:not(.home) #top-search a {
        color: var(--innerpagenavigationlinkcolor);
    }

    /* Other pages - scrolling */

    #header:not(.home).header-sticky #header-wrap {
        background-color: var(--innerpagescrollnavigationbackgroundcolor) !important;
        border: none !important;
        height: auto !important;
    }

/* NAVIGATION */

nav .main-menu .dropdown-menu,
nav .main-menu .dropdown-submenu {
    border: none;
    box-shadow: none;
}

#mainMenu ul li {
    border-bottom: none;
}

/* Home page - no scrolling */

#header.home #mainMenu > ul > li > a,
#header.home #mainMenu > ul > li > ul > li > a,
#header.home #mainMenu > ul > li > ul > li > ul > li > a,
#header.home #main-menu .dropdown-menu a {
    font-family: var(--navigationfont);
    font-size: var(--navigationsize);
    color: var(--navigationcolor);
    font-weight: var(--navigationbold);
    text-decoration: var(--navigationunderline);
    font-style: var(--navigationitalic);
    text-transform: var(--navigationcaps);
}

#header.home #mainMenu.style-1 ul.dropdown-menu,
#header.home #mainMenu.style-1 ul.dropdown-submenu,
#header.home.header-dark:not(.header-navigation-light) .main-menu .dropdown-menu {
    background-color: var(--navigationbackground);
}

/* Home page - scrolling */

#header.home.header-sticky #mainMenu > ul > li > a,
#header.home.header-sticky #mainMenu > ul > li > ul > li > a,
#header.home.header-sticky #mainMenu > ul > li > ul > li > ul > li > a,
#header.home.header-sticky #main-menu .dropdown-menu a {
    font-family: var(--navigationfont);
    font-size: var(--navigationsize);
    color: var(--homescrollnavigationlinkcolor);
    font-weight: var(--navigationbold);
    text-decoration: var(--navigationunderline);
    font-style: var(--navigationitalic);
    text-transform: var(--navigationcaps);
}

#header.home.header-sticky #mainMenu.style-1 ul.dropdown-menu,
#header.home.header-sticky #mainMenu.style-1 ul.dropdown-submenu,
#header.home.header-sticky.header-dark:not(.header-navigation-light) .main-menu .dropdown-menu {
    background-color: var(--homescrollnavigationbackgroundcolor);
}

/* Other pages - no scrolling */

#header:not(.home) #mainMenu > ul > li > a,
#header:not(.home) #mainMenu > ul > li > ul > li > a,
#header:not(.home) #mainMenu > ul > li > ul > li > ul > li > a,
#header:not(.home) #main-menu .dropdown-menu a {
    font-family: var(--navigationfont);
    font-size: var(--navigationsize);
    color: var(--innerpagenavigationlinkcolor);
    font-weight: var(--navigationbold);
    text-decoration: var(--navigationunderline);
    font-style: var(--navigationitalic);
    text-transform: var(--navigationcaps);
}

#header:not(.home) #mainMenu.style-1 ul.dropdown-menu,
#header:not(.home) #mainMenu.style-1 ul.dropdown-submenu,
#header:not(.home).header-dark:not(.header-navigation-light) .main-menu .dropdown-menu {
    background-color: var(--innerpagenavigationbackgroundcolor);
}

/* Other pages - scrolling */

#header:not(.home).header-sticky #mainMenu > ul > li > a,
#header:not(.home).header-sticky #mainMenu > ul > li > ul > li > a,
#header:not(.home).header-sticky #mainMenu > ul > li > ul > li > ul > li > a,
#header:not(.home).header-sticky #main-menu .dropdown-menu a {
    font-family: var(--navigationfont);
    font-size: var(--navigationsize);
    color: var(--innerpagescrollnavigationlinkcolor);
    font-weight: var(--navigationbold);
    text-decoration: var(--navigationunderline);
    font-style: var(--navigationitalic);
    text-transform: var(--navigationcaps);
}

#header:not(.home).header-sticky #mainMenu.style-1 ul.dropdown-menu,
#header:not(.home).header-sticky #mainMenu.style-1 ul.dropdown-submenu,
#header:not(.home).header-sticky.header-dark:not(.header-navigation-light) .main-menu .dropdown-menu {
    background-color: var(--innerpagescrollnavigationbackgroundcolor);
}

/* Logo Centered is weird - lower bg always white */
@media (max-width: 990px) {
    #header.header-logo-center #mainMenu > ul > li > a,
    #header.header-logo-center #mainMenu > ul > li > ul > li > a,
    #header.header-logo-center #mainMenu > ul > li > ul > li > ul > li > a,
    #header.header-logo-center #main-menu .dropdown-menu a {
        color: var(--homescrollnavigationlinkcolor);
    }
}

#header:not(.header-transparent) #mainMenu > ul > li:hover > a, #header:not(.header-transparent) #mainMenu > ul > li.current-menu > a {
    color: var(--linkcolor);
    transition: ease 0.2s;
}

/* PLACEHOLDERS */

input:placeholder-shown {
    color: #bababa;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #bababa;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bababa;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bababa;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bababa;
}

/* PAGE TITLE */

@media (min-width: 990px) {
    #header.header-transparent + .page-title-video,
    #header.header-transparent + .fbModuleTools + .page-title-video,
    #header.header-transparent + .page-title-parallax,
    #header.header-transparent + .fbModuleTools + .page-title-parallax,
    #header.header-light-transparent + .page-title-video,
    #header.header-light-transparent + .fbModuleTools + .page-title-video,
    #header.header-light-transparent + .page-title-parallax,
    #header.header-light-transparent + .fbModuleTools + .page-title-parallax,
    #header.header-dark-transparent + .page-title-video,
    #header.header-dark-transparent + .fbModuleTools + .page-title-video,
    #header.header-dark-transparent + .page-title-parallax,
    #header.header-dark-transparent + .fbModuleTools + .page-title-parallax {
        padding: var(--pagetitlepadding) 0 var(--pagetitlepadding) 0;
        padding-top: calc(var(--pagetitlepadding) + 120px);
    }
}

#page-title.page-title-extended {
    padding: var(--pagetitlepadding) 0;
}

/* CONTENT */

a {
    color: var(--linkcolor);
}

    a:hover {
        color: var(--linkcolor);
        transition: ease 0.2s;
    }

.primaryColor {
    color: var(--brandcolor1);
}

.primaryColorBG {
    background-color: var(--brandcolor1);
}

.gototop-button {
    color: var(--topbarlinkcolor);
    background-color: var(--topbarbackground);
}

.portfolio-filter li.ptf-active, .portfolio-filter li:hover {
    background-color: var(--brandcolor1);
}

/* FOOTER */

footer {
    background-color: var(--footerbackground);
    color: var(--footertextcolor);
}

    footer a, footer p, footer .social-icons li a {
        color: var(--footerlinkcolor);
    }

.footer-content .widget-title {
    color: var(--footertextcolor);
    font-weight: bold;
}

/* MODULES */

.icon-box.color .icon i {
    background: var(--brandcolor1);
}

    .icon-box.color .icon i:after {
        box-shadow: 0 0 0 3px var(--brandcolor1);
    }

/*----Icon Box Brand Color Effect---*/
.icon-box {
    margin-right: 2%;
    margin-left: 2%;
    padding-bottom: 5%;
    margin-top: 5%;
}

div.icon-box.fancy:hover div.icon i {
    color: var(--brandcolor3) !important;
    opacity: 0.25;
    transition: 0.3s ease;
}

div.icon-box.fancy div.icon i {
    transition: 0.3s ease;
}

div.icon-box, div.icon-box:hover {
    cursor: pointer;
}

/*----My Brand Go-to-Top Button----*/
.gototop-button, .gototop-button:hover {
    color: var(--linkcolor) !important;
    background-color: var(--topbarbackground) !important;
}

/*---Default Page Background Color----*/
body {
    /* background-color: var(--pagebackground); */
}

/*---Button Spacing---*/
a.btn {
    letter-spacing: 1px;
}

/*---Search Bar---*/
#header #top-search #formSearch input {
    color: #999;
}

/*----Footer Link Hover----*/
footer a {
    font-family: var(--navigationfont);
    text-transform: var(--navigationcaps);
    font-weight: var(--navigationbold);
    text-decoration: var(--navigationunderline);
}

/*---Text Highlight Color----*/
::selection {
    background: var(--brandcolor1);
    color: #fff;
}

::-moz-selection {
    background: var(--brandcolor1);
    color: #fff;
}

/*----Spacing & Line Height---*/
h1 {
    letter-spacing: 3px;
}

p {
    line-height: 2;
}

body {
    line-height: 1.5;
}

/*---Input Fields---*/

div.form-cell-left {
    width: 50%;
    display: inline-block;
    padding-right: 4px;
}

div.form-cell-small {
    width: 25%;
    display: inline-block;
    padding-left: 4px;
}

.tssFormGroup {
    font-weight: 500;
    font-size: 16px;
    font-family: var(--bodyfont);
}

div.form-cell-right {
    width: 50%;
    display: inline-block;
    padding-left: 4px;
}

label {
    line-height: 1;
    padding-top: 8px;
    padding-bottom: 0px !important;
    padding-left: 6px;
    font-weight: 600;
    color: var(--bodycolor)
}

input, label, select {
    font-family: var(--bodyfont);
    outline: none !important;
    transition: 0.3s ease !important;
    caret-color: var(--brandcolor1);
}

input, select {
    font-weight: 500;
    margin-top: 0px !important;
}

    input[type=text], input[type=password] {
        width: 100%;
        padding: 8px 12px !important;
        display: inline-block;
        border: 1px solid #d9d9d9;
        border-radius: 8px;
        box-sizing: border-box;
        margin: 6px 0;
    }

select {
    width: 100%;
    padding: 4px 5px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    box-sizing: border-box;
    height: 34px;
    margin: 6px 0;
}

    select.form-control {
        padding: 8px 8px !important;
        margin: 6px 0;
    }

textarea.form-control {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    transition: ease 0.3s;
}

    textarea.form-control:active, textarea.form-control:focus {
        border-color: var(--brandcolor1) !important;
        transition: ease 0.3s;
    }

input[type=text]:focus, select:focus, input[type=text]:active, select:active {
    transition: 0.3s ease !important;
    border-color: var(--brandcolor1);
}

.form-group > label {
    text-align: left;
    text-transformation: none !important;
}

input[type=submit] {
    margin-top: 10px !important;
    width: 100%;
    padding: 8px 20px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease !important;
    outline: none !important;
    font-size: 16px;
    font-family: var(--1buttonfont);
    color: var(--1buttoncolor);
    text-transform: var(--1buttoncaps);
    text-decoration: var(--1buttonunderline);
    font-weight: var(--1buttonbold);
    font-style: var(--1buttonitalic);
    background: var(--1buttonbackground);
    border: var(--1buttonborder);
    border-radius: 5px;
    box-shadow: var(--1buttonshadow);
    letter-spacing: 1px;
}

    input[type=submit]:hover {
        padding: 8px 20px;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease !important;
        outline: none !important;
        font-size: 16px;
        font-family: var(--1buttonfonthover);
        color: var(--1buttoncolorhover);
        text-transform: var(--1buttoncapshover);
        text-decoration: var(--1buttonunderlinehover);
        font-weight: var(--1buttonboldhover);
        font-style: var(--1buttonitalichover);
        background: var(--1buttonbackgroundhover);
        border: var(--1buttonborderhover);
        border-radius: 5px;
        box-shadow: var(--1buttonshadowhover);
    }

select {
    border: 1px solid #d9d9d9 !important;
    border-radius: 10px !important;
    transition: ease 0.2s;
    outline: none !important;
}

    select:focus, select:active {
        border-color: var(--brandcolor1) !important;
        transition: ease 0.2s;
        outline: none !important;
    }

div.formbox {
    border-radius: 5px;
    background-color: #f3f3f3;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#header #top-search #formSearch input {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 30px;
    height: 100%;
    color: #666;
    letter-spacing: 2px;
    outline: 0 none;
    padding: 0 70px 0 0;
}

#header:not(.header-transparent) #mainMenu > ul > li:hover > a, #header:not(.header-transparent) #mainMenu > ul > li.current-menu > a {
    color: var(--linkcolor);
    transition: ease 0.2s;
}

a:hover {
    color: var(--linkcolor);
    transition: ease 0.2s;
}

#widget-subscribe-form input[type=text] {
    border-radius: 4px !important;
}

#widget-subscribe-form .input-group input[type=text] {
    border-radius: 0 !important;
}

#widget-subscribe-form input[type=submit] {
    margin-top: 0 !important;
    height: 40px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*----Modals---*/

div.modal-content > div {
    height: 90% !important;
}



/*----TSS Template Blank HTML Textbox - START---*/

/*--------SLICK CAROUSEL TWEAKS-------*/
.slick-slide {
   outline: none !important;
}

.slick-dots li button::before {
   transition: 0.2s ease !important;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    transition: 0.2s ease !important;
}

/*------Olivia White Nav-----*/


@media (min-width: 992px) {
    .wrapper.livNavActive section:first-of-type {
    top: 150px;
    margin-bottom: 150px;
}
}

.row.livNavRow.livHeader {
    height: 150px;
    padding: 37.5px 0px;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 992px) {
.row.livNavRow.livHeader {
  padding: 10px 0px 10px 0px;
  height: 125px;
}
}

@media (max-width: 480px) {
.row.livNavRow.livHeader {
  padding: 10px 0px 0px 0px;
  height: 100px;
}
a#livNavLogo {
    display: flex;
    align-items: center;
    align-content: center;
    width: 80%;
    height: 100px;
    margin: 0px auto 0px auto;

}
}



.livHeader + .nav-main-menu-responsive {
    position:absolute;
    right: 10px;
    top: 0px;

}

    ol.start li, ol.continue li {
        list-style: none;
    }

        ol.start li:before, ol.continue li:before {

            text-align: center;
            width: 40px;
            display: block;
            position: relative;
            left: 50%;
            margin-left: -20px;
            top: 0px;
            letter-spacing: 0.2em;
            font-family: var(--navigationfont);
            color: var(--navigationcolor);
            font-size: var(--navigationsize);
        }

ol.livNavList {
    display: inline-flex;
    justify-content: space-between;
}


    ol.livNavList li.livNavEntry {
        display: inline-block;
        padding: 20px 0px 0px 0px;
        margin: 0px auto !important;
        position: relative;
    }

li.livNavEntry.dropdown a.btn.btn-livNav::after {
    content: ' \203A';
    position: absolute;
    font-style: normal;
    transform: rotate(90deg);
    margin-left: 5px;
    margin-top: 3px;
    font-size: 18px !important;
    }

li.livNavEntry.dropdown > .dropdown-menu, nav ul.main-menu .dropdown > .dropdown-menu, nav ul.main-menu .dropdown-submenu > .dropdown-menu {
    visibility: hidden;
    display: block;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

li.livNavEntry.dropdown:hover > .dropdown-menu, nav ul.main-menu .dropdown:hover > .dropdown-menu, nav ul.main-menu .dropdown-submenu:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.livNavEntry.dropdown > .dropdown-menu {
    border-radius: 0px;
    top: 85%;
    background-color: var(--homenavigationbackgroundcolor);
    font-size: var(--navigationsize);
    font-style: var(--navigationitalic);
    font-weight: var(--navigationbold);
    color: var(--navigationcolor);
    border-width: 0px;
    text-transform: var(--navigationcaps);
    transition: 0.3s ease !important;
}

.livNavEntry.dropdown > .dropdown-menu > li:hover a {
    color: var(--linkcolor);
    }


.livNavEntry.dropdown > .dropdown-menu > li {
    padding: 0px 0px;
    }

.livNavEntry.dropdown > .dropdown-menu > li > a {
    padding: 3px 15px;
    }


    ol.livNavList.start {
        padding: 0px 0px;
    }

a.btn.btn-livNav {
    margin: 0px 0px;
    font-family: var(--navigationfont);
    color: var(--navigationcolor);
    text-transform: var(--navigationcaps);
    letter-spacing: 0.1em;
    font-style: var(--navigationitalic);
    font-weight: var(--navigationbold);
    font-size: var(--navigationsize);
    transition: 0.3s ease;
    padding: 0px 0px !important;
    line-height: 2;
}


.livNavMenu + .navigation-wrap > #mainMenu > ul > li.dropdown a.btn.btnNavMobile::after {
    content: ' \203A';
    position: absolute;
    font-style: normal;
    transform: rotate(90deg);
    margin-left: 5px;
    margin-top: 1px;
    font-size: 18px !important;
    }
	
.livNavMenu + .navigation-wrap > #mainMenu > ul > li.dropdown > ul > li > a  {
    border-radius: 0px;
    top: 100%;
    background-color: var(--homenavigationbackgroundcolor);
    font-size: var(--navigationsize);
    font-style: var(--navigationitalic);
    font-weight: var(--navigationbold);
    color: var(--navigationcolor);
    border-width: 0px;
    text-transform: var(--navigationcaps);
    transition: 0.3s ease !important;
    font-family: var(--navigationfont);
}
	
	

ol.livNavList.continue {
    margin: 0px 0px;
    padding: 0px 0px;
    width: 37.5%;
}

ol.livNavList.start {
    margin: 0 0;
    padding: 0px 0px;
    width: 37.5%;
}

img.livNavLogo {
    display: inline-flex !important;
    object-fit: scale-down;
    width: 100%;
    height: 100% !important;
    overflow: visible;
    margin: auto auto !important;
}



a#livNavLogo {
    width: 25%;
    display: inline-flex;
    padding: 0px 0px;
    height: 150px;
    margin-top: -37.5px;
}

li.livNavEntry:hover::before, li.livNavEntry:hover a.btn.btn-livNav {
    color: var(--linkcolor);
    transition: 0.3s ease !important;
}

@media (max-width: 992px) {
    ol.livNavList.start, ol.livNavList.continue {
        display: none;
    }
    a#livNavLogo {
        display: block;
        width: 80%;
        height: 80px;
        margin: 0px auto 0px auto;
    }

}

.livNavMenu + .navigation-wrap > #mainMenu > ul > li > a, .livNavMenu + .navigation-wrap > #mainMenu > ul > li > span, .livNavMenu + .navigation-wrap > #mainMenu > ul > li a, .livNavMenu + .navigation-wrap > #mainMenu > ul > li span:not(.label) {
    text-align: left;
    padding: 10px 10px !important;
}

body.top-search-active .livNavList, body.top-search-active #livNavLogo, body.top-search-active .livNavMenu {
    display: none !important;
}

body:not(.top-search-active) .livNavRow #formSearch {
    display: none;
}

body.top-search-active .livNavRow #formSearch {
    opacity: 1;
    z-index: 10;
    height: 40px !important;
    max-width: 1200px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    margin-top: 30px;
}
#header .livNavRow #top-search #formSearch {
    opacity: 0;
    z-index: -2;
    position: absolute;
    width: 100% !important;
    padding: 0 15px;
    margin: 0;
    top: 0;
    left: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}


.livNavRow a#top-search-trigger {
    display: inline-flex;
    text-decoration: none !important;
    transition: 0.3s ease !important;
    cursor: pointer;
    font-size: 16px;
    margin-top: 30px;
}


.livNavRow a#top-search-trigger:hover {
    color: var(--brandcolor3) ;
}

.livNavRow div#top-search {
    justify-content: center;
    align-items: center;
    display: flex;
    padding-bottom: 5px;
    max-width: 80%;
    margin: auto auto;
}

.livNavRow #formSearch input[type=text] {
    border: 0px solid var(--brandcolor3);
    border-bottom-width: 2px;
    border-radius: 0px;
    line-height: 0 !important;
    font-size: 16px;
    width: 90vw;
}

.livNavRow #formSearch input[type=text] {
    border: 0px solid var(--brandcolor3);
    border-bottom-width: 2px;
    border-radius: 0px;
    line-height: 0 !important;
    font-size: 16px;
    width: 90vw;
}

@media (max-width: 992px) {
body:not(.top-search-active) .livNavRow div#top-search {
    position: absolute;
    top: -13px;
    right: 35px;
    height: 90px;
}
}

@media (max-width: 576px) {
body:not(.top-search-active) .livNavRow div#top-search {
    position: absolute;
    top: -32px;
    right: 35px;
    height: 90px;
}
}

/*---------SEARCH ICON TWEAK---------*/

#header #top-search a {
    z-index: 11;
    width: 30px;
    font-size: 16px;
    top: 1.5px;
    right: 20px;
}

/*------Scroll Bar-------*/
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #e9e9e9;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #999;
    transition: 0.4s ease;

}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
    background-color: #777;
    transition: 0.4s ease;
    }



/*---Testimonial Square---*/

.wavtestimonial {
    padding: 46px;
    background-color: var(--brandcolor6);
    border-radius: 8px;
}

.wavtestimonial{
    border: 1px solid #eee;
    background-color: var(--brandcolor6); 
    padding: 46px;
    text-align: center;
    margin-bottom: 20px;
}

/*----Social Icons----*/

footer .social-icons li a {
    color: var(--footerlinkcolor);
    background-color: transparent !important;
}

.social-icons li:hover a {
    text-decoration: none !important;
    color: var(--linkcolor);
    transition: 0.2s ease;
    cursor: pointer;
}

#topbar .social-icons li a:hover {
        color: var(--linkcolor) !important;
}

.social-icons {
  cursor: pointer !important;
}

.social-icons li a {
    text-decoration: none !important;
    border: none;
    background-color: var(--topbarbackground) !important;
}

/*----Call to Action----*/
@media (max-width: 991px) {
[class*=col-]>.wavc2a {
    padding: 26px 26px 18px;
}
}
.wavc2a.primary {
    background-color: var(--brandcolor1);
}

.wavc2a.secondary {
    background-color: var(--brandcolor2);
}

.wavc2a.accent {
    background-color: var(--brandcolor3);
}

.wavc2a.misc1 {
    background-color: var(--brandcolor4);
}

.wavc2a.misc2 {
    background-color: var(--brandcolor5);
}

.wavc2a.backdrop {
    background-color: var(--brandcolor6);
}

.wavc2a.white {
    background-color: #fff;
   box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.15);
}

@media (max-width: 991px) {
.wavc2a {
    padding: 26px 12px 18px;
max-width: none !important;
}
}

.heading h1 {
    text-transform: var(--titlecaps);
}

.heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
    text-transform: var(--subtitlecaps);
}


.wavc2a h1, .wavc2a h2, .wavc2a h3, .wavc2a h4, .wavc2a h5, .wavc2a h6, .wavc2a p, .wavc2a body {
    color: #fff;
text-transform: none;
}

.wavc2a.backdrop h1, .wavc2a.backdrop h2, .wavc2a.backdrop h3, .wavc2a.backdrop h4, .wavc2a.backdrop h5, .wavc2a.backdrop h6, .wavc2a.backdrop p, .wavc2a.backdrop body
.wavc2a.white h1, .wavc2a.white h2, .wavc2a.white h3, .wavc2a.white h4, .wavc2a.white h5, .wavc2a.white h6, .wavc2a.white p, .wavc2a.white body {
    color: var(--bodycolor);
}

.wavc2a {
    position: relative;
    overflow: hidden;
    padding: 46px 50px 34px;
    margin-bottom: 40px;
max-width: 350px;
margin-left: auto;
margin-right: auto;
}

/*---Circle Image----*/

.circleimg {
    border: 6px solid #eee;
    border-radius: 100%;
    margin: 0 auto -6px;
    z-index: 1;
    float: none;
    text-align: center;
    clear: both;
    position: relative;
    overflow: hidden;
    height: 240px;
    width: 240px;
   margin-left: auto;
   margin-right: auto;
   object-fit: cover;
}

.circleimg.mini {
    height: 120px;
    width: 120px;
   margin-left: auto;
   margin-right: auto;
   object-fit: cover;
}

/*------Parallax Responsive Padding----*/
@media (max-width: 1024px) {

    section.wavparallax {
  padding-top: 15vmin !important;
  padding-bottom: 15vmin !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
}


/*---Form Tweaks---
section.wavparallax label, section.wavparallax .tssFormControlText {
    color: #fff;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}---*/

label {
    font-weight: 500;
    line-height: 1.5;
}

.tssFormRow label {
    font-size: calc(var(--bodysize) - 2px);
}

.modal-dialog label.control-label {
    color: var(--bodycolor);
}

.form-group > label {
    width: 90%;
    margin-left: 5px
}

.form-group {
    margin: auto auto;
}

.tssFormValue {
    width: 100%;
}

.tssFormRow {
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;

}

/*---Input Fields---*/

#widget-subscribe-form input[type=submit] {
  line-height: 0;
}

.tssFormRow input, .tssFormRow label, .tssFormRow select {
    font-family: var(--bodyfont);
    outline: none !important;
    transition: 0.3s ease !important;
    caret-color: var(--brandcolor1);
}

.tssFormRow input {
    font-weight: 500;
    margin-top: 0px !important;
}

    .tssFormRow input[type=text], .tssFormRow select {
        width: 100%;
        padding: 8px 12px;
        display: inline-block;
        border: 1px solid #d9d9d9;
        border-radius: var(--primarybuttonradius);
        box-sizing: border-box;
        margin: 6px 0;
    }

.tssFormRow textarea.form-control {
    border: 1px solid #d9d9d9;
    border-radius: var(--primarybuttonradius);
    transition: ease 0.3s;
}


    .tssFormRow textarea.form-control:active, .tssFormRow textarea.form-control:focus {
        border-color: var(--brandcolor1) !important;
        transition: ease 0.3s;
    }


.tssFormRow input[type=text]:focus, .tssFormRow select:focus, .tssFormRow input[type=text]:active, .tssFormRow select:active {
    transition: 0.3s ease !important;
    border-color: var(--brandcolor1);
}

.tssFormRow .form-group > label {
    text-align: left;
    text-transform: none !important;
}

.tssFormRow input[type=submit] {
    margin-top: 10px !important;
    width: 100%;
    padding: 8px 20px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease !important;
    outline: none !important;
    font-size: 16px;
    font-family: var(--primarybuttonfont);
    color: var(--primarybuttoncolor);
    text-transform: var(--primarybuttoncaps);
    text-decoration: var(--primarybuttonunderline);
    font-weight: var(--primarybuttonbold);
    font-style: var(--primarybuttonitalic);
    background: var(--primarybuttonbackground);
    border: var(--primarybuttonborder);
    border-radius: var(--primarybuttonradius);
    box-shadow: var(--primarybuttonshadow);
    letter-spacing: 1px;
}

    .tssFormRow input[type=submit]:hover {
        padding: 8px 20px;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease !important;
        outline: none !important;
        font-size: 16px;
        font-family: var(--primarybuttonfonthover);
        color: var(--primarybuttoncolorhover);
        text-transform: var(--primarybuttoncapshover);
        text-decoration: var(--primarybuttonunderlinehover);
        font-weight: var(--primarybuttonboldhover);
        font-style: var(--primarybuttonitalichover);
        background: var(--primarybuttonbackgroundhover);
        border: var(--primarybuttonborderhover);
        border-radius: var(--primarybuttonradius);
        box-shadow: var(--primarybuttonshadowhover);
    }

.tssFormRow select {
    border: 1px solid #d9d9d9 !important;
    border-radius: 10px !important;
    transition: ease 0.2s;
    outline: none !important;
}

    .tssFormRow select:focus, .tssFormRow select:active {
        border-color: var(--brandcolor1) !important;
        transition: ease 0.2s;
        outline: none !important;
    }

div.formbox {
    border-radius: 5px;
    background-color: #f3f3f3;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal-content {
    padding: 20px;
}

#header #top-search #formSearch input {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 30px;
    height: 100%;
    color: #666;
    letter-spacing: 2px;
    outline: 0 none;
    padding: 0 70px 0 0;
}

/*----Full-Bleed Half-Image/Half-Text----*/
 
.wavfullbleed-text {
    position: relative;
    width: 100%;
    height: 50vmax;
    max-height: 800px;
    overflow: overlay;
    padding: 0 0;
    margin: 0 0;
}

.wavfullbleed-text-inner {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-10%, -50%);
}

.wavfullbleed {
    position: relative;
    width: 100%;
    height: 50vmax;
    max-height: 800px;
    overflow: hidden;
    padding: 0px 0px;
    margin: 0px 0px;
}

.wavfullbleed img {

  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

/*--Carousel Controls--*/
.carousel .owl-dots .owl-dot.active span, .carousel .owl-dots .owl-dot:hover span {
    background-color: var(--brandcolor3);
}

/*---Strip Blocks---*/

.wavsquare.wavsquare1 {
background-color: rgba(255,255,255,0);
}

.wavsquare.wavsquare1:hover {
background-color: rgba(255,255,255,0.05);
transition: 0.2s ease;
}

.wavsquare.wavsquare2 {
background-color: rgba(255,255,255,0.1);
}

.wavsquare.wavsquare2:hover {
background-color: rgba(255,255,255,0.15);
transition: 0.3s ease;
}

.wavsquare.wavsquare3 {
background-color: rgba(255,255,255,0.2);
}

.wavsquare.wavsquare3:hover {
background-color: rgba(255,255,255,0.25);
transition: 0.2s ease;
}

/*---Card Trio---*/
img.wavtrio {
  object-fit: cover;
  object-position: center;
  height: 250px;
  width: 100%;
}

/*----Masonry Text Tile----*/
@media (max-width: 991px) {
[class*=col-]>.wavgallery.wavgallery-text {
    padding: 26px 26px 18px;
}
}
.wavgallery.wavgallery-text.primary {
    background-color: var(--brandcolor1);
}

.wavgallery.wavgallery-text.secondary {
    background-color: var(--brandcolor2);
}

.wavgallery.wavgallery-text.accent {
    background-color: var(--brandcolor3);
}

.wavgallery.wavgallery-text.misc1 {
    background-color: var(--brandcolor4);
}

.wavgallery.wavgallery-text.misc2 {
    background-color: var(--brandcolor5);
}

.wavgallery.wavgallery-text.backdrop {
    background-color: var(--brandcolor6);
}

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

@media (max-width: 991px) {
.wavgallery.wavgallery-text {
    padding: 26px 12px 18px;
max-width: none !important;
}
}

.wavgallery.wavgallery-text h1, .wavgallery.wavgallery-text h2, .wavgallery.wavgallery-text h3, .wavgallery.wavgallery-text h4, .wavgallery.wavgallery-text h5, .wavgallery.wavgallery-text h6, .wavgallery.wavgallery-text p, .wavgallery.wavgallery-text body, .wavgallery.wavgallery-text div {
    color: #fff;
text-transform: none;
}

.wavgallery.wavgallery-text.backdrop h1, .wavgallery.wavgallery-text.backdrop h2, .wavgallery.wavgallery-text.backdrop h3, .wavgallery.wavgallery-text.backdrop h4, .wavgallery.wavgallery-text.backdrop h5, .wavgallery.wavgallery-text.backdrop h6, .wavgallery.wavgallery-text.backdrop p, .wavgallery.wavgallery-text.backdrop body
.wavgallery.wavgallery-text.white h1, .wavgallery.wavgallery-text.white h2, .wavgallery.wavgallery-text.white h3, .wavgallery.wavgallery-text.white h4, .wavgallery.wavgallery-text.white h5, .wavgallery.wavgallery-text.white h6, .wavgallery.wavgallery-text.white p, .wavgallery.wavgallery-text.white body {
    color: var(--bodycolor);
}

.wavgallery.wavgallery-text {
    position: relative;
    overflow: hidden;
    padding: 46px 50px 34px 50px !important;
    margin-bottom: 4px;
    margin-top: 4px;
    transition: 0.4s ease;
}

div.wavgallery.wavgallery-text:hover {
    transition: 0.4s ease;
    opacity: 0.9;
    cursor: pointer;

}

/*---Masonry Gallery---*/
img.wavgallery {
width: 100% !important;
}

body.tssViewMode:not(.tssEditMode) div.wavgallery {
    margin-left: -13px;
    margin-right: -13px;
    padding: 0px;
}

div.wavgallery:hover img {
    transition: 0.4s ease;
    opacity: 0.8;
    cursor: pointer;
}

div.wavgallery img {
  transition: 0.4s ease;
}

/*----Social Icons----*/
.social-icons li:hover a {
    text-decoration: none !important;
    color: var(--linkcolor);
    transition: 0.2s ease;
}

/*---Small Title + Short hr---*/

h6.smalltitle, h5.smalltitle {
letter-spacing: 1.5px;
}

hr.short {
border-width: 3px;
width: 50px;
}

hr.hr4 {
border-color: var(--brandcolor4);
}

hr.hr5 {
border-color: var(--brandcolor5);
}

hr.hr6 {
border-color: var(--brandcolor6);
}

hr.white {
border-color: #fff;
}

@media (max-width: 992px) {
h6.smalltitle, h5.smalltitle {
text-align: center !important;
margin-bottom: 0px;
line-height: 1.5;
}
hr.short {
margin-right: auto !important;
margin-left: auto !important;
}
}

/*-----Grid-----*/

.grid li:hover {
    cursor: pointer;
    background-color: transparent;
}

.grid.wavgrid li:before, .grid.wavgrid li:after {
    left: 0px !important;
    border-left: none !important;
    border-bottom: none !important;
}

div.wavgallerycontrols{
text-align: right;
}

.wavgallerycontrols a.btn {
margin: 0px;
}

@media screen and (max-width: 767px) {
div.wavgallerycontrols {
text-align: center;
}
}

ul.grid.wavgrid {
    padding: 0;
    margin: auto auto !important;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100% !important;
    min-height: 250px;
    position: relative;
}
    .grid.wavgrid li {
    padding: 2px;
}

.grid.wavgrid li a, .grid.wavgrid li img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    margin: 0px auto;
    position: relative;
    }

.grid.grid-5-columns.wavgrid li {
    width: 20vw;
    flex: 20%;
    min-width: 120px;
    min-height: 120px;
    max-width: 100%;
    height: 17.5vw;
    margin: 0 auto 0 0;
    max-height: 250px;
    position: relative;
}

.grid.grid-4-columns.wavgrid li {
    width: 25vw;
    flex: 25%;
    min-width: 120px;
    min-height: 120px;
    max-width: 100%;
    height: 22.5vw;
    margin: 0 auto auto 0;
    max-height: 300px;
    position: relative;

}

.grid.grid-3-columns.wavgrid li {
    width: 33.333333vw;
    flex: 33.333333%;
    min-width: 120px;
    min-height: 120px;
    max-width: 100%;
    height: 25vw;
    margin: 0 auto auto 0;
    max-height: 350px;
    position: relative;

}

.grid.grid-2-columns.wavgrid li {
    width: 50vw;
    flex: 50%;
    min-width: 120px;
    min-height: 120px;
    max-width: 100%;
    height: 45vw;
    margin: 0 auto auto 0;
    max-height: 400px;
    position: relative;
}

/*---Text Sqaures---*/
.wavsquare {
padding: 10%;
padding-left: 15%;
padding-right: 15%;
background-color: rgba(255,255,255,0);
transition: 0.2s ease;
margin-left: -15px;
margin-right: -15px;
cursor: pointer;
}

.wavsquare.wavsquare1 {
background-color: rgba(255,255,255,0);
}

.wavsquare.wavsquare1:hover {
background-color: rgba(255,255,255,0.05);
transition: 0.2s ease;
}

.wavsquare.wavsquare2 {
background-color: rgba(255,255,255,0.1);
}

.wavsquare.wavsquare2:hover {
background-color: rgba(255,255,255,0.15);
transition: 0.3s ease;
}

.wavsquare.wavsquare3 {
background-color: rgba(255,255,255,0.2);
}

.wavsquare.wavsquare3:hover {
background-color: rgba(255,255,255,0.25);
transition: 0.2s ease;
}

.wavsquare h1, .wavsquare h2, .wavsquare h3, .wavsquare h4, .wavsquare h5, .wavsquare h6, .wavsquare p, .wavsquare .smallp, .wavsquare body         {
color: #fff;
}

/*---List Fixes---*/


/*--.post-item, .portfolio-item {
    height: 600px !important;
}--*/

.post-item p, .portfolio-item p {

   margin-bottom: 5px;
   margin-bottom: 5px;
   display: inline-block;
   height: auto;

}

.post-info, .portfolio-info {
    margin-bottom: 20px;
    margin-top: 15px;
    line-height: 1.25;
}

.portfolio-description > h1, .portfolio-title > h1, .post-title > h1, .post-description > h1, .post-info > h1 {
    font-size: 32px !important;
    line-height: 1.25;
}

.portfolio-description > h2, .portfolio-title > h2, .post-title > h2, .post-description > h2, .post-info > h2 {
    font-size: 28px !important;
    line-height: 1.25;
}

.portfolio-description > h3, .portfolio-title > h3, .post-title > h3, .post-description > h3, .post-info > h3, .post-title, .portfolio-title, {
    font-size: 26px !important;
    line-height: 1.25;
}

.portfolio-description > h4, .portfolio-title > h4, .post-title > h4, .post-description > h4, .post-info > h4 {
    font-size: 24px !important;
    line-height: 1.25;
}

.portfolio-description > h5, .portfolio-title > h5, .post-title > h5, .post-description > h5, .post-info > h5 {
    font-size: 22px !important;
    line-height: 1.25;
}

.portfolio-description > h6, .portfolio-title > h6, .post-title > h6, .post-description > h6, .post-info > h6, .post-info {
    font-size: 20px !important;
    line-height: 1.25;
}

.post-description > p, .portfolio-title > p, .post-title > p, .portfolio-description > p, .post-info > p {
    line-height: 1.5;
    font-size: 16px !important;
	height: auto !important;
}

a.read-more {
 font-size: 14px;
}

.post-meta {
    margin-bottom: 18px;
    font-size: 18px;
}

/*---END----*/


/*----Article-----*/
div.wavarticle, div.wavarticle p {
text-align: left;
max-width: 715px;
line-height:1.5; 
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: justify;
font-size: 1.05em;
}

div.wavarticle h1, div.wavarticle h2, div.wavarticle h3, div.wavarticle h4, div.wavarticle h5, div.wavarticle h6 {
text-align: center;
margin-left: auto;
margin-right: auto;
}

div.wavarticle hr {
max-width: 60%;
border-color: var(--brandcolor3);
border-bottom-thickness: 2px;
margin-left: auto;
margin-right: auto;
}

@media screen and (max-width: 767px) {
div.wavarticle, div.wavarticle p {
    text-align: left;
}
div.wavarticle h1, div.wavarticle h2, div.wavarticle h3, div.wavarticle h4, div.wavarticle h5, div.wavarticle h6 {
text-align: center !important;
}
}

/*--------Misc. My Brand Styles--------*/

/*---Animation utility classes---*/
.delay1 {
animation-delay: 0.5s;
}

.delay2 {
animation-delay: 1s;
}

.delay3 {
animation-delay: 1.5s;
}

.delay4 {
    animation-delay: 2s;
}

.delay5 {
    animation-delay: 2.5s;
}

.delay6 {
    animation-delay: 3s;
}

/*---Privacy Policy Modal Settings---*/
.modal-strip .btn {
    margin-bottom: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    float: none;
    font-size: 12px;
    outline: none !important;
}

/*---Table of Contents & Tile Buttons---*/
div.wavtoc {
text-align: center; 
margin: 10px; 
display: inline-block;
}

div.wavtoc a.wavtile {
height: 180px;
width: 180px;
padding-top: 65% !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
padding-bottom: 0.85rem !important;
font-size: 14px !important;
letter-spacing: 3px !important;
white-space: pre-wrap; 
text-align: left; 
transition: 0.3s ease;
font-family: var(--primarybuttonfont);
}

@media only screen and (max-width: 600px) {
.tableofcontents {
text-align: center !important;
}
div.wavtoc a.wavtile {
    height: 150px;
    width: 150px;
    letter-spacing: 1px;
    padding-top: 65% !important;
    font-size: 12px !important;
}
}

div.wavtoc a.wavtile:hover, div.wavtoc a.wavtile:active, div.wavtoc a.wavtile:focus  {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}

/*---Iconboxes---*/

.icon-box {
    width: 100%;
}

.icon-box p, .icon-box body {
    margin: 0 0 20px 83px;
    max-width: 65vw;
}

/*-------END OF MISC. MY BRAND STYLES-------*/


/*----Temporary Fix for Responsive Text----*/
/*---Responsive Text---*/

@media (min-width: 1199px) {
    p, body {
        font-size: var(--bodysize);
    }

    h1 {
        font-size: var(--titlesize);
    }

    h2 {
        font-size: var(--subtitlesize);
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.8);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.7);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.6);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.5);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    p, body {
        font-size: calc(var(--bodysize) * 0.95);
    }

    h1 {
        font-size: calc(var(--titlesize) * 0.9);
    }

    h2 {
        font-size: calc(var(--subtitlesize) * 0.9);
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.8 * 0.9);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.7 * 0.9);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.6 * 0.9);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.5 * 0.9);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    p, body {
        font-size: calc(var(--bodysize) * 0.9);
    }

    h1 {
        font-size: calc(var(--titlesize) * 0.8);
    }

    h2 {
        font-size: calc(var(--subtitlesize) * 0.85);
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.8 * 0.85);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.7 * 0.85);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.6 * 0.85);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.5 * 0.85);
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    p, body {
        font-size: calc(var(--bodysize) * 0.85);
    }

    h1 {
        font-size: calc(var(--titlesize) * 0.7);
    }

    h2 {
        font-size: calc(var(--subtitlesize) * 0.8);
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.8 * 0.8);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.7 * 0.8);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.6 * 0.8);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.5 * 0.8);
    }
}


@media (max-width: 575px) {
    p, body {
        font-size: calc(var(--bodysize) * 0.8);
    }

    h1 {
        font-size: calc(var(--titlesize) * 0.6);
        text-align: center;
    }

    h2 {
        font-size: calc(var(--subtitlesize) * 0.75);
        text-align: center;
    }

    h3 {
        font-size: calc(var(--subtitlesize) * 0.8 * 0.75);
    }

    h4 {
        font-size: calc(var(--subtitlesize) * 0.7 * 0.75);
    }

    h5 {
        font-size: calc(var(--subtitlesize) * 0.6 * 0.75);
    }

    h6 {
        font-size: calc(var(--subtitlesize) * 0.5 * 0.75);
    }
}

/*----Pricing Tables----*/
.plan {
   transition: 0.2s ease !important;
}

.pricing-table .plan .plan-header {
    background-color: #fff;
    background: #fff;
}


.pricing-table .plan-list {
    background-color: var(--brandcolor6);
    background: var(--brandcolor6);}

.plan.featured:hover {
    margin-top: -20px;
    margin-bottom: 70px;
}

.plan:hover {
    margin-top: -10px;
}

.fr-popup .fr-input-line input+label, .fr-popup .fr-input-line textarea+label {
    color: rgb(128, 128, 128);
}

.fr-popup .fr-input-line {
    position: relative;
    padding: 24px 0 10px 0;
}

/*---------Full Width Button-----*/
.btn.long {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 768px) {
.center-me {
  text-align: center !important;
}
}

/*---------CAROUSEL TITLE FIX------*/

.hr-title abbr {
    background-color: transparent;
}

.hr-title {
border-top-style: none;
}

/*----TSS Template Blank HTML Textbox - END---*/

/*----TSS Template Visual Card - START---*/

/*-----Banner Card-----*/

.wavcardbanner > .smallp, .wavcardbanner > p, .wavcardbanner > body, .wavcardbanner > h1, .wavcardbanner > h2, .wavcardbanner > h3, .wavcardbanner > h4, .wavcardbanner > h5, .wavcardbanner > h6 {
padding: 15px;
}

.wavcardbanner img {
    padding: 0px;
    max-width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    width: 100%;
    object-fit: cover;
    margin-bottom: 8px;
}

.wavcardbanner a.btn-primary, .wavcardbanner a.btn-secondary {

   width: 90%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.wavcardbanner {
    background-color: #fff;
    padding: 0px 0px 10px 0px;
    position: relative;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
    cursor: pointer;
    transition: 0.3s ease;
}

.wavcardbanner:hover {
    transition: 0.3s ease;
    background-color: var(--brandcolor6);
    box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.25);
}

.wavcardbanner h1, .wavcardbanner h2, .wavcardbanner h3, .wavcardbanner h4, .wavcardbanner h5, .wavcardbanner h6 {
    padding: 10px 14px 0px 14px;
    line-height: 1;
    margin-bottom: 15px;
}

.wavcardbanner p {
    text-align: left;
    padding: 6px 14px 6px 14px;
    line-height: 1.25;
}

div.wavcardbanner hr {
width: 50%;
transition: 0.3s ease;
border-color: var(--bodycolor);
}

div.wavcardbanner:hover hr {
width: 60%;
transition: 0.3s ease;
border-color: var(--brandcolor3) !important;
}

/*---------Basic Card-----*/
div.wavcard {
border: 1px solid #d9d9d9;
background-color: #fff;
padding: 10px; 
position: relative;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-radius: var(--primarybuttonradius);
cursor: pointer;
 transition: 0.3s ease !important;
max-width: 400px;
}

div.wavcard:hover {
 box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
 transition: 0.3s ease !important;
border-color: var(--brandcolor1) !important;
background-color: var(--brandcolor6);
}


.wavcard img {
padding-top: 15px;
padding-bottom: 15px;
margin-left: auto;
margin-right: auto;
max-width: 80% !important;
transition: 0.3s ease !important;
border-radius: var(--primarybuttonradius);
display: block;
height: 180px;
object-fit: cover;
margin-left: auto !important;
margin-right: auto !important;
}

div.wavcard p {
text-align: center;
line-height: 1.5;
padding: 10px;
}


@media screen and (max-width: 700px) {
div.wavcard p {
  text-align: center;
}
}

div.wavcard hr {
width: 60%;
border-color: #e9e9e9;
transition: ease 0.3s;
}

div.wavcard:hover hr {
border-color: var(--brandcolor1) !important;
transition: ease 0.3s;
width: 80%;
}

/*----TSS Template Visual Card - END---*/

/*----TSS Template Illuminated Title (Accent) - START---*/

.undercolor, .illuminate1 {
border-bottom-color: var(--brandcolor1); 
}

.undercolor, .illuminate1, .illuminate2, .illuminate3 { 
display: inline-block;
    border-bottom-style: solid;
    margin-bottom: 10px;
    border-bottom-width: 5px;
    font-weight: 500;
    line-height: 1.25;
}

/*----Illuminated Title, Secondary---*/
.illuminate2 {
border-bottom-color: var(--brandcolor2); 
}

/*----Illuminated Title, Accent---*/
.illuminate3 {
border-bottom-color: var(--brandcolor3); 
}

/*----TSS Template Illuminated Title (Accent) - END---*/

/*----TSS Template Stripe (Primary) - START---*/

div.strip {
background-color: var(--brandcolor1);
z-index: -1;
text-align: center;
}

div.strip.strip2 {
background-color: var(--brandcolor2);
}

div.strip.strip3 {
background-color: var(--brandcolor3);
}

div.strip h1, div.strip h2, div.strip h3, div.strip h4, div.strip h5, div.strip h6 {
  text-align: center; 
  color: #fff; 
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  margin: 0px;
  padding: 20px;
}

div.strip p {
  text-align: center; 
  color: #fff; 
  line-height: 1;
  margin-bottom: 0px;
  margin-left: 15%;
  margin-right: 15%;
  padding-bottom: 40px;
}

/*----TSS Template Stripe (Primary) - END---*/

/*----TSS Template Translucent Textbox - START---*/

/*-------Translucent Text Box----*/

.shadowText {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

div.lucent,.lucent {
    padding: 15px 25px;
    border-radius: var(--primarybuttonradius);
    background-color: rgba(0,0,0,0.4);
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 600px;
    line-height: 1.5;
    color: #fff;
    text-align: left;
}

div.lucent p, div.lucent h1, div.lucent h2, div.lucent h3, div.lucent h4, div.lucent h5, div.lucent h6 {
    line-height: 1.5;
    color: #fff;
    text-align: left;
}

@media screen and (max-width: 767px) {
  div.lucent, div.lucent p {
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}
}

/*----TSS Template Translucent Textbox - END---*/

/*----TSS Template Testimonial Card - START---*/

/*---Testimonial Square---*/

.wavtestimonial {
    padding: 46px;
    background-color: var(--brandcolor6);
    border-radius: 8px;
}

.wavtestimonial{
    border: 1px solid #eee;
    background-color: var(--brandcolor6); 
    padding: 46px;
    text-align: center;
    margin-bottom: 20px;
}

/*----TSS Template Testimonial Card - END---*/

/*----TSS Template Cameo - START---*/

/*---Cameo---*/

img.wavcameo {

border-radius: 50%;
max-width: 250px;
max-height: 250px;
overflow: hidden;

}

.shaded {

box-shadow: 0 0 8px 2px rgba(0,0,0,0.18);

}

/*----TSS Template Cameo - END---*/

/*----TSS Template Stripe (Secondary) - START---*/

div.strip {
background-color: var(--brandcolor1);
z-index: -1;
text-align: center;
}

div.strip.strip2 {
background-color: var(--brandcolor2);
}

div.strip.strip3 {
background-color: var(--brandcolor3);
}

div.strip h1, div.strip h2, div.strip h3, div.strip h4, div.strip h5, div.strip h6 {
  text-align: center; 
  color: #fff; 
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  margin: 0px;
  padding: 20px;
}

div.strip p {
  text-align: center; 
  color: #fff; 
  line-height: 1;
  margin-bottom: 0px;
  margin-left: 15%;
  margin-right: 15%;
  padding-bottom: 40px;
}

/*----TSS Template Stripe (Secondary) - END---*/

/*----TSS Template Stripe (Accent) - START---*/

div.strip {
background-color: var(--brandcolor1);
z-index: -1;
text-align: center;
}

div.strip.strip2 {
background-color: var(--brandcolor2);
}

div.strip.strip3 {
background-color: var(--brandcolor3);
}

div.strip h1, div.strip h2, div.strip h3, div.strip h4, div.strip h5, div.strip h6 {
  text-align: center; 
  color: #fff; 
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  margin: 0px;
  padding: 20px;
}

div.strip p {
  text-align: center; 
  color: #fff; 
  line-height: 1;
  margin-bottom: 0px;
  margin-left: 15%;
  margin-right: 15%;
  padding-bottom: 40px;
}

/*----TSS Template Stripe (Accent) - END---*/

/*----TSS Template Basic Card - START---*/

/*---------Basic Card-----*/
section.wavparallax .wavcard, section.wavparallax .wavcard.capped, section.wavparallax .wavmarquis {
    border: 0px solid transparent !important;
}

section.wavparallax .wavcard, section.wavparallax .wavcard.capped {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

section.wavparallax .wavcard:hover, section.wavparallax .wavcard.capped:hover {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

div.wavcard {
border: 1px solid #d9d9d9;
background-color: #fff;
padding: 10px; 
position: relative;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-radius: var(--primarybuttonradius);
cursor: pointer;
 transition: 0.3s ease !important;
max-width: 400px;
}

div.wavcard:hover {
 box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
 transition: 0.3s ease !important;
border-color: var(--brandcolor1) !important;
background-color: var(--brandcolor6);
}


.wavcard img {
padding-top: 15px;
padding-bottom: 15px;
margin-left: auto;
margin-right: auto;
max-width: 80% !important;
transition: 0.3s ease !important;
border-radius: var(--primarybuttonradius);
display: block;
height: 180px;
object-fit: cover;
margin-left: auto !important;
margin-right: auto !important;
}

div.wavcard p {
text-align: center;
line-height: 1.5;
padding: 10px;
}


@media screen and (max-width: 700px) {
div.wavcard p {
  text-align: center;
}
}

div.wavcard hr {
width: 60%;
border-color: #e9e9e9;
transition: ease 0.3s;
}

div.wavcard:hover hr {
border-color: var(--brandcolor1) !important;
transition: ease 0.3s;
width: 80%;
}

.wavcardbanner img {
object-fit: cover;
width: 100% !important;
height: 180px;
}

/*----TSS Template Basic Card - END---*/

/*----TSS Template Pricing Card, Promoted - START---*/

section.wavparallax .wavcard, section.wavparallax .wavcard.capped, section.wavparallax .wavmarquis {
    border: 0px solid transparent !important;
}

section.wavparallax .wavcard, section.wavparallax .wavcard.capped {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

section.wavparallax .wavcard:hover, section.wavparallax .wavcard.capped:hover {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

/*---cards: pricing----*/

div.wavcard div.wavmarquis {
    background-color: var(--brandcolor3);
    color: var(--brandcolor6);
    padding: 6px;
    border-style: solid;
    border-color: var(--brandcolor3);
    border-width: 1px;
    text-align: center;
    margin: -11px -11px 15px -11px;
    font-family: var(--navigationfont);
    border-radius: 3px 3px 0px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    transition: 0.3s ease;
    font-size: 16px;
}

div.wavcard.capped.tall > div.wavmarquis {
    margin: -11px -11px 60px -11px;
}

div.wavcard.pricing {
    padding-top: 52px;
    transition: ease 0.3s;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

div.wavcard.pricing:hover, div.wavcard.capped:hover {
top: -5px;
transition: 0.3s ease;
}

div.wavcard.capped {
margin-top: -15px;
top: 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
border-color: var(--brandcolor3) !important;
}

div.wavcard.capped:hover hr, div.wavcard.capped:hover {
transition: ease 0.3s;
border-color: var(--brandcolor3) !important;
}

/*---------Basic Card-----*/
div.wavcard {
border: 1px solid #d9d9d9;
background-color: #fff;
padding: 10px; 
position: relative;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-radius: var(--primarybuttonradius);
cursor: pointer;
 transition: 0.3s ease !important;
max-width: 400px;
}

div.wavcard:hover {
 box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
 transition: 0.3s ease !important;
border-color: var(--brandcolor1) !important;
background-color: var(--brandcolor6);
}


.wavcard img {
padding-top: 15px;
padding-bottom: 15px;
margin-left: auto;
margin-right: auto;
max-width: 80% !important;
transition: 0.3s ease !important;
border-radius: var(--primarybuttonradius);
display: block;
}

div.wavcard p {
text-align: center;
line-height: 1.5;
padding: 10px;
}


@media screen and (max-width: 700px) {
div.wavcard p {
  text-align: center;
}
}

div.wavcard hr {
width: 60%;
border-color: #e9e9e9;
transition: ease 0.3s;
}

div.wavcard:hover hr {
border-color: var(--brandcolor1) !important;
transition: ease 0.3s;
width: 80%;
}

/*----TSS Template Pricing Card, Promoted - END---*/

/*----TSS Template Masonry Photo - START---*/

img.wavgallery {
width: 100% !important;
}

body.tssViewMode:not(.tssEditMode) div.wavgallery {
    margin-left: -13px;
    margin-right: -13px;
    padding: 0px;
}

div.wavgallery:hover img {
    transition: 0.4s ease;
    opacity: 0.8;
    cursor: pointer;
}

div.wavgallery img {
  transition: 0.4s ease;
}

/*----TSS Template Masonry Photo - END---*/

/*----TSS Template Illuminated Title (Primary) - START---*/

.undercolor, .illuminate1 {
border-bottom-color: var(--brandcolor1); 
}

.undercolor, .illuminate1, .illuminate2, .illuminate3 { 
display: inline-block;
    border-bottom-style: solid;
    margin-bottom: 10px;
    border-bottom-width: 5px;
    font-weight: 500;
    line-height: 1.25;
}

/*----Illuminated Title, Secondary---*/
.illuminate2 {
border-bottom-color: var(--brandcolor2); 
}

/*----Illuminated Title, Accent---*/
.illuminate3 {
border-bottom-color: var(--brandcolor3); 
}

/*----TSS Template Illuminated Title (Primary) - END---*/

/*----TSS Template Headline - START---*/

/*----Horizontal Lines-----*/

hr, hr.hrgray {
   max-width: 80%;
}

hr.hr3 {
    border-color: var(--brandcolor3);
    max-width: 80%;
}

/*----TSS Template Headline - END---*/

/*----TSS Template Horizontal Line - START---*/

/*----Horizontal Lines-----*/


hr, hr.hrgray {
   max-width: 80%;
}

hr.hrblack {
    border-color: #000;
    max-width: 80%;
}

hr.hr1 {
    border-color: var(--brandcolor1);
    max-width: 80%;
}

hr.hr2 {
    border-color: var(--brandcolor2);
    max-width: 80%;
}

hr.hr3 {
    border-color: var(--brandcolor3);
    max-width: 80%;
}

/*----TSS Template Horizontal Line - END---*/

/*----TSS Template Horizontal Line, Primary - START---*/

/*----Horizontal Lines-----*/


hr, hr.hrgray {
   max-width: 80%;
}

hr.hrblack {
    border-color: #000;
    max-width: 80%;
}

hr.hr1 {
    border-color: var(--brandcolor1);
    max-width: 80%;
}

hr.hr2 {
    border-color: var(--brandcolor2);
    max-width: 80%;
}

hr.hr3 {
    border-color: var(--brandcolor3);
    max-width: 80%;
}

/*----TSS Template Horizontal Line, Primary - END---*/

/*----TSS Template Hero Text - START---*/

/*--------Hero Text-------*/

div.hero-text {
text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

div.hero-text h1, .hero-text h1 {
font-size: 12vw;
letter-spacing: 3px;
line-height: 1;
margin-top: 20px;
margin-bottom: 20px;
text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

div.hero-white h1, div.hero-white p {
color: #fff;
text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

@media screen and (max-width: 767px) {
  div.hero-text h1, div.hero-text {
    text-align: center;
    letter-spacing: 1.5px;
    line-height: 1.25;
}
}

@media screen and (min-width: 1000px) {
  div.hero-text h1, .hero-text h1 {
     font-size: 120px;
  }
}

/*----TSS Template Hero Text - END---*/

/*----TSS Template Client List - START---*/

/*----Client Grid----*/
.grid li a img {
    width: 100%;
}
.grid li a, .grid li img {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/*----TSS Template Client List - END---*/

/*----TSS Template Article - START---*/

/*----Article-----*/
div.wavarticle, div.wavarticle p {
text-align: left;
max-width: 715px;
line-height:1.5; 
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: justify;
font-size: 1.05em;
}

div.wavarticle h1, div.wavarticle h2, div.wavarticle h3, div.wavarticle h4, div.wavarticle h5, div.wavarticle h6 {
text-align: center;
margin-left: auto;
margin-right: auto;
}

div.wavarticle hr {
max-width: 60%;
border-color: var(--brandcolor3);
border-bottom-thickness: 2px;
margin-left: auto;
margin-right: auto;
}

@media screen and (max-width: 767px) {
div.wavarticle, div.wavarticle p {
    text-align: left;
}
div.wavarticle h1, div.wavarticle h2, div.wavarticle h3, div.wavarticle h4, div.wavarticle h5, div.wavarticle h6 {
text-align: center !important;
}
}

/*----TSS Template Article - END---*/

/*----TSS Template Illuminated Title (Secondary) - START---*/

.undercolor, .illuminate1 {
border-bottom-color: var(--brandcolor1); 
}

.undercolor, .illuminate1, .illuminate2, .illuminate3 { 
display: inline-block;
    border-bottom-style: solid;
    margin-bottom: 10px;
    border-bottom-width: 5px;
    font-weight: 500;
    line-height: 1.25;
}

/*----Illuminated Title, Secondary---*/
.illuminate2 {
border-bottom-color: var(--brandcolor2); 
}

/*----Illuminated Title, Accent---*/
.illuminate3 {
border-bottom-color: var(--brandcolor3); 
}

/*----TSS Template Illuminated Title (Secondary) - END---*/

/*----TSS Template Call to Action (Primary) - START---*/

/*----TSS Template Call to Action (Primary) - START---*/

/*----Call to Action----*/
@media (max-width: 991px) {
[class*=col-]>.wavc2a {
    padding: 26px 26px 18px;
}
}
.wavc2a.primary {
    background-color: var(--brandcolor1);
}

.wavc2a.secondary {
    background-color: var(--brandcolor2);
}

.wavc2a.accent {
    background-color: var(--brandcolor3);
}

.wavc2a.misc1 {
    background-color: var(--brandcolor4);
}

.wavc2a.misc2 {
    background-color: var(--brandcolor5);
}

.wavc2a.backdrop {
    background-color: var(--brandcolor6);
}

.wavc2a.white {
    background-color: #fff;
   box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.15);
}


@media (max-width: 991px) {
.wavc2a {
    padding: 26px 12px 18px;
max-width: none !important;
}
}
.wavc2a h1, .wavc2a h2, .wavc2a h3, .wavc2a h4, .wavc2a h5, .wavc2a h6, .wavc2a p, .wavc2a body {
    color: #fff;
text-transform: none;
}

.wavc2a.backdrop h1, .wavc2a.backdrop h2, .wavc2a.backdrop h3, .wavc2a.backdrop h4, .wavc2a.backdrop h5, .wavc2a.backdrop h6, .wavc2a.backdrop p, .wavc2a.backdrop body
.wavc2a.white h1, .wavc2a.white h2, .wavc2a.white h3, .wavc2a.white h4, .wavc2a.white h5, .wavc2a.white h6, .wavc2a.white p, .wavc2a.white body {
    color: var(--bodycolor);
}

.wavc2a {
    position: relative;
    overflow: hidden;
    padding: 46px 50px 34px;
    margin-bottom: 40px;
max-width: 350px;
margin-left: auto;
margin-right: auto;
}

/*----TSS Template Call to Action (Primary) - END---*/

/*----TSS Template Call to Action (Primary) - END---*/

/*----TSS Template Horizontal Line, Secondary - START---*/

/*----Horizontal Lines-----*/


hr, hr.hrgray {
   max-width: 80%;
}

hr.hrblack {
    border-color: #000;
    max-width: 80%;
}

hr.hr1 {
    border-color: var(--brandcolor1);
    max-width: 80%;
}

hr.hr2 {
    border-color: var(--brandcolor2);
    max-width: 80%;
}

hr.hr3 {
    border-color: var(--brandcolor3);
    max-width: 80%;
}

/*----TSS Template Horizontal Line, Secondary - END---*/

/*----TSS Template Horizontal Line, Accent - START---*/

/*----Horizontal Lines-----*/


hr, hr.hrgray {
   max-width: 80%;
}

hr.hrblack {
    border-color: #000;
    max-width: 80%;
}

hr.hr1 {
    border-color: var(--brandcolor1);
    max-width: 80%;
}

hr.hr2 {
    border-color: var(--brandcolor2);
    max-width: 80%;
}

hr.hr3 {
    border-color: var(--brandcolor3);
    max-width: 80%;
}

/*----TSS Template Horizontal Line, Accent - END---*/