:root {
    --brandcolor1: #d50032;
    --brandcolor2: #7ec3c1;
    --brandcolor3: #f98b0a;
    --brandcolor4: #dbcebf;
    --brandcolor5: #eef0f1;
    --brandcolor6: #f8fafb;
    --titlecolor: #000000;
    --titlefont: Century Gothic;
    --titlebold: 500;
    --titleunderline: none;
    --titleitalic: normal;
    --titlecaps: none;
    --titlesize: 48px;
    --subtitlecolor: #000000;
    --subtitlefont: Century Gothic;
    --subtitlebold: 500;
    --subtitleunderline: none;
    --subtitleitalic: normal;
    --subtitlecaps: none;
    --subtitlesize: 32px;
    --bodycolor: #444444;
    --bodyfont: 'Open Sans',sans-serif;
    --bodybold: 500;
    --bodyunderline: none;
    --bodyitalic: normal;
    --bodycaps: none;
    --bodysize: 16px;
    --linkcolor: #e4000f;
    --linkcolorclicked: #e4000f;
    --topbarbackground: #eeeeee;
    --topbarlinkcolor: #000000;
    --navigationsize: 18px;
    --navigationcolor: #e4000f;
    --navigationfont: 'Open Sans',sans-serif;
    --navigationbold: bold;
    --navigationunderline: none;
    --navigationitalic: normal;
    --navigationcaps: uppercase;
    --navigationbackground: rgba(255, 255, 255, 1);
    --homenavigationbackgroundcolor: rgba(255, 255, 255, 1);
    --homenavigationlinkcolor: #1a0dab;
    --homescrollnavigationbackgroundcolor: rgba(255, 255, 255, 1);
    --homescrollnavigationlinkcolor: #333333;
    --innerpagenavigationbackgroundcolor: rgba(255, 255, 255, 1);
    --innerpagenavigationlinkcolor: #333333;
    --innerpagescrollnavigationbackgroundcolor: rgba(255, 255, 255, 1);
    --innerpagescrollnavigationlinkcolor: #333333;
    --footerbackground: #eeeeee;
    --footertextcolor: #ffffff;
    --footerlinkcolor: #e4000f;
    --pagetitlepadding: 100px;
    --primarybuttonfont: Century Gothic;
    --primarybuttoncolor: #ffffff;
    --primarybuttoncaps: uppercase;
    --primarybuttonitalic: normal;
    --primarybuttonunderline: none;
    --primarybuttonbold: bold;
    --primarybuttonbackground: #e4000f;
    --primarybuttonborder: #e4000f 2px solid;
    --primarybuttonradius: 3px;
    --primarybuttonshadow: 0px 3px 0px 0px rgba(255, 255, 255, FF);
    --primarybuttonfonthover: Century Gothic;
    --primarybuttoncolorhover: #ffffff;
    --primarybuttoncapshover: uppercase;
    --primarybuttonitalichover: normal;
    --primarybuttonunderlinehover: none;
    --primarybuttonboldhover: bold;
    --primarybuttonbackgroundhover: #e4000f;
    --primarybuttonborderhover: #e4000f 2px solid;
    --primarybuttonradiushover: 3px;
    --primarybuttonshadowhover: 0px 3px 0px 0px rgba(255, 255, 255, FF);
    --primarybuttonfontclicked: Century Gothic;
    --primarybuttoncolorclicked: #ffffff;
    --primarybuttoncapsclicked: uppercase;
    --primarybuttonitalicclicked: normal;
    --primarybuttonunderlineclicked: none;
    --primarybuttonboldclicked: bold;
    --primarybuttonbackgroundclicked: #e4000f;
    --primarybuttonborderclicked: #e4000f 2px solid;
    --primarybuttonradiusclicked: 3px;
    --primarybuttonshadowclicked: 0px 3px 0px 0px rgba(255, 255, 255, FF);
    --secondarybuttonfont: 'Dosis', sans-serif;
    --secondarybuttoncolor: #1272cf;
    --secondarybuttoncaps: uppercase;
    --secondarybuttonitalic: normal;
    --secondarybuttonunderline: none;
    --secondarybuttonbold: bold;
    --secondarybuttonbackground: #f8fafb;
    --secondarybuttonborder: #f8fafb 2px solid;
    --secondarybuttonradius: 3px;
    --secondarybuttonshadow: 0px 3px 0px 0px rgba(255, 255, 255, FF);
    --secondarybuttonfonthover: 'Dosis', sans-serif;
    --secondarybuttoncolorhover: #7ec3c1;
    --secondarybuttoncapshover: uppercase;
    --secondarybuttonitalichover: normal;
    --secondarybuttonunderlinehover: none;
    --secondarybuttonboldhover: bold;
    --secondarybuttonbackgroundhover: #eef0f1;
    --secondarybuttonborderhover: #eef0f1 2px solid;
    --secondarybuttonradiushover: 3px;
    --secondarybuttonshadowhover: 0px 3px 0px 0px rgba(255, 255, 255, FF);
    --secondarybuttonfontclicked: 'Dosis', sans-serif;
    --secondarybuttoncolorclicked: #1272cf;
    --secondarybuttoncapsclicked: uppercase;
    --secondarybuttonitalicclicked: normal;
    --secondarybuttonunderlineclicked: none;
    --secondarybuttonboldclicked: bold;
    --secondarybuttonbackgroundclicked: #f8fafb;
    --secondarybuttonborderclicked: #f8fafb 2px solid;
    --secondarybuttonradiusclicked: 3px;
    --secondarybuttonshadowclicked: 0px 3px 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);
    white-space: normal;
}

    .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);
        white-space: normal;
    }

    .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----*/

.social-icons li a, .social-icons.social-icons-border li a {
    color: var(--linkcolor);
    text-decoration: none !important;
    border: none;
    opacity: 1;
    background-color: transparent !important;
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
}

.social-icons li a:hover, .social-icons.social-icons-colored a, .social-icons.social-icons-colored-hover a:hover,
header .social-icons li a:hover, header .social-icons.social-icons-colored a, header .social-icons.social-icons-colored-hover a:hover {
    text-decoration: none !important;
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
    cursor: pointer;
    opacity: 0.75;
    color: var(--linkcolor) !important;
    background-color: transparent !important;
}

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

#topbar .social-icons li a, #topbar .social-icons li a:hover, #topbar .social-icons.social-icons-colored a, #topbar .social-icons.social-icons-colored-hover a:hover {
    color: var(--topbarlinkcolor) !important;
    background-color: transparent !important;
}


/* 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: 991px) {
    #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: var(--uxtransition);
}

#header #mainMenu > ul > li > a, #header #mainMenu > ul > li.current-menu > a {
    transition: var(--uxtransition) !important;
}

/* 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: 992px) {
    #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: var(--uxtransition);
    }

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

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

.gototop-button {
    color: var(--linkcolor);
    background-color: #fff;
}

.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: var(--uxtransition);
}

div.icon-box.fancy div.icon i {
    transition: var(--uxtransition);
}

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: #fff !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: var(--uxtransition) !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: 2px;
        box-sizing: border-box;
        margin: 6px 0;
    }

select {
    width: 100%;
    padding: 4px 5px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    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: 2px;
    transition: var(--uxtransition);
}

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

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

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

input[type=submit], button#btnTSSSubmitForm {
    margin-top: 8px !important;
    width: 100%;
    padding: 8px 20px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease !important;
    outline: none !important;
    font-size: 18px;
    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;
}

    input[type=submit]:hover, button#btnTSSSubmitForm:hover {
        padding: 8px 20px;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease !important;
        outline: none !important;
        font-size: 18px;
        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);
    }

select {
    border: 1px solid #d9d9d9 !important;
    transition: ease 0.3s;
    outline: none !important;
}

    select:focus, select:active {
        border-color: var(--brandcolor1) !important;
        transition: ease 0.3s;
        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;
}



a:hover {
    color: var(--linkcolor);
    transition: var(--uxtransition);
}

#widget-subscribe-form input[type=text] {
    border-radius: 0px !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: 0px;
    border-bottom-right-radius: 0px;
}



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

.slick-dots li button::before {
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.portfolio-item.slick-slide, .post-item.slick-slide {
    flex-direction: column !important;

}

.portfolio-item.slick-slide .portfolio-description h4,  .post-item.slick-slide .post-description h4 {
    font-size: 16px !important;
    max-height: 50px;
    overflow: hidden;
}


@media (max-width: 768px) {
.portfolio-item.slick-slide .portfolio-description h4,  .post-item.slick-slide .post-description h4 {
    font-size: 12px !important;
    line-height: 16px !important;
    max-height: 38px;
    overflow: hidden;
}
}

.slick-slide .portfolio-description, .slick-slide .portfolio-image, .slick-slide.post-entry {
      border: 4px solid transparent;
}

.slick-slide .portfolio-image {
   position: relative;
   width: 100%;
   padding-top: 100%;
}

.slick-slide .portfolio-image a {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.slick-slide .portfolio-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: fit-content;
    align-items: flex-start;
    /*---overflow-y: hidden;--*/
}


.grid-articles .post-entry .post-entry-meta {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: center;
    height: 100%;
    padding: 5%;
}

.post-entry-meta a.btn.btn-primary.btn-sm {
    width: 100%;
}

.post-entry-meta > * {
    width: 100%;
}

@media (max-width: 991px) {
.post-entry-meta a.btn.btn-primary.btn-sm {
   font-size: 10px !important;
}

.post-entry-meta > span {
    display: none;
}

.post-entry-meta-title, .post-entry-meta-title > * {
    font-size: 12px !important;
}

.post-entry-meta a.btn.btn-primary.btn-sm {
   font-size: 10px
}
}

.post-entry-meta-title, .post-entry-meta-title > * {
    font-size: 18px !important;
}


.post-entry-meta-title, .post-entry-meta-title > *, .post-entry-meta > span {
    text-shadow: var(--uxtextshadow) !important;
}


.grid-articles .post-entry-overlay .post-entry-meta {
    background-color: rgba(0,0,0,0.20);
}

.grid-articles .post-entry-overlay .post-entry-meta:empty {
    display: none !important;
}

.grid-articles .post-entry:hover:before {
    background: none;
}


.grid-articles .post-entry:before {
    background: none;
}





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

@media (min-width: 992px) {
header#header.header-transparent.split, header#header.header-sticky.header-transparent.split {
    height: 150px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100vw;
}

header#header.split, header#header.header-sticky.split {
    height: 150px;
    left: 0px;
    top: 0px;
    width: 100vw;
}
}



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

@media (max-width: 991px) {
    header.split nav#mainMenu {
    background-color: var(--navigationbackground);
    margin-bottom: 0px;
}
}

.row.livNavRow.livHeader {
    height: 150px;
    padding: 0;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--navigationbackground);
    align-items: center;
}

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

@media (max-width: 480px) {
.row.livNavRow.livHeader {
  padding: 10px 0px 10px 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 {
    width: 40%;
    display: inline-flex;
    margin: auto 20px !important;
    justify-content: space-between;
    padding: 0px 15px !important;
}


    ol.livNavList li.livNavEntry {
        display: inline-block;
        padding: 0;
        position: relative;
        height: auto;
    }

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

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: var(--uxtransition);
    transition: var(--uxtransition);
}

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: calc(var(--navigationsize) * 2.5) !important;
    background-color: #fff;
    font-size: var(--navigationsize);
    font-style: var(--navigationitalic);
    font-weight: var(--navigationbold);
    color: var(--navigationcolor);
    border-width: 0px;
    text-transform: var(--navigationcaps);
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
}

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



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) !important;
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
    padding: 0px 0px !important;
    line-height: 2.5 !important;
    height: auto !important;
}


.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);
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
    font-family: var(--navigationfont);
}
	


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



a#livNavLogo {
    width: 18%;
    display: inline-flex;
    padding: 0px 0px;
    height: 90%;
    margin-top: 0%;
}

li.livNavEntry:hover::before, li.livNavEntry:hover a.btn.btn-livNav {
    color: var(--linkcolor);
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
}

.row.livNavRow.livHeader #logo {
    float: left;
    font-size: 28px;
    line-height: 100%;
    position: relative;
    z-index: 1;
    width: 20%;
    display: inline-flex;
    padding: 0px 0px;
    height: 90%;
    margin-top: 0%;
}

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

@media (max-width: 991px) {
    ol.livNavList.start, ol.livNavList.continue {
        display: none;
    }
    a#livNavLogo {
        display: block;
        width: 80%;
        height: 90%;
        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: var(--uxtransition);
    transition: var(--uxtransition);
}


.livNavRow a#top-search-trigger {
    display: inline-flex;
    text-decoration: none !important;
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
    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: 991px) {
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;
}
}

/*--SUB SUB NAVIGATION---*/

 .livNavRow li.dropdown-submenu > a::after {
    content: ' \203A';
    position: absolute;
    font-style: normal;
    font-size: var(--navigationsize) !important;
    line-height: 1.3;
    right: 5px;
 }

  .livNavRow li.dropdown-submenu {
      padding-right: 15px;
  }

  .livNavRow li.dropdown-submenu ul.dropdown-menu {
      position: absolute;
      display: none;
      left: 100%;
      top: 0;
      border-radius: 0px;
      border: none;
  }

  .livNavRow li.dropdown-submenu:hover ul.dropdown-menu {
    display: block;
  }


  .livNavRow .dropdown-submenu > ul.dropdown-menu a {
      color: var(--navigationcolor) !important;
  }

    .livNavRow .dropdown-submenu > ul.dropdown-menu li:hover a {
      color: var(--linkcolor) !important;
  }

/*---------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;
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);

}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
    background-color: #777;
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
    }



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

.wavtestimonial{
background-color: var(--brandcolor6);
    padding: 40px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

/*----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 {
    color: #fff;
    font-family: var(--navigationfont);
    font-style: var(--navigationitalics);
    text-transform: var(--navigationcaps) !important;
}

.wavc2a p, .wavc2a body {
    color: #fff;
}

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

background-size: contain !important;
-webkit-background-size: cover !important;
background-position: center !important;
background-attachment: inherit !important;
}
}


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

.whiteLabel .tssFormRow .form-group > label {
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.74);
}

.bgform .tssFormRow .form-group > label {
    color: #fff;
 text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.74);
}

.bgform span.tssFormControlText {
    color: #fff;
 text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.74);
}

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

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



.form-group > label.tssFormName {
    width: 100%
}

.form-group {
    margin: auto auto;
}

.tssFormValue, .fbSubmit div {
    width: 100%;
}

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

}

.form-group input.form-control:focus {
    border-color: var(--brandcolor1);
}

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

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

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

.tssFormRow input, .tssFormRow label, .tssFormRow select {
    font-family: var(--bodyfont);
    outline: none !important;
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
    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: 2px;
        box-sizing: border-box;
        margin: 6px 0;
    }

.tssFormRow textarea.form-control {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
}


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


.tssFormRow input[type=text]:focus, .tssFormRow select:focus, .tssFormRow input[type=text]:active, .tssFormRow select:active {
    -webkit-transition: var(--uxtransition);
    transition: var(--uxtransition);
    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: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    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: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
        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: 2px !important;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: none !important;
}

    .tssFormRow select:focus, .tssFormRow select:active {
        border-color: var(--brandcolor1) !important;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
        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;
}

/*----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);
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

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

.wavsquare.wavsquare2:hover {
background-color: rgba(255,255,255,0.15);
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

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

.wavsquare.wavsquare3:hover {
background-color: rgba(255,255,255,0.25);
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

/*---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 {
    font-family: var(--navigationfont);
    font-style: var(--navigationitalics);
    text-transform: var(--navigationcaps) !important;
    color: #fff;
}

.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: 5px;
    margin-top: 5px;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

div.wavgallery.wavgallery-text:hover {
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    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 {
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.8;
    cursor: pointer;
}

div.wavgallery img {
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}


/*---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: 991px) {
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;
}
}

hr.fc-divider.fc-widget-header {
    max-width: 100%;
}

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

.container .grid.grid-5-columns.wavgrid li {
    width: 20% !important;
}

.container .grid.grid-4-columns.wavgrid li {
    width: 25% !important;
}

.container .grid.grid-3-columns.wavgrid li {
    width: 33.333% !important;
}

.container .grid.grid-2-columns.wavgrid li {
    width: 50% !important;
}

.container-fluid .grid.grid-5-columns.wavgrid li {
    width: 20% !important;
}

.container-fluid .grid.grid-4-columns.wavgrid li {
    width: 25% !important;
}

.container-fluid .grid.grid-3-columns.wavgrid li {
    width: 33.333% !important;
}

.container-fluid .grid.grid-2-columns.wavgrid li {
    width: 50% !important;
}

.container-fluid .grid.grid-5-columns.wavgrid li a, .container-fluid .grid.grid-5-columns.wavgrid li img {
    min-height: 20vw !important;
    max-height: 20vw !important;
}

.container-fluid .grid.grid-4-columns.wavgrid li a, .container-fluid .grid.grid-4-columns.wavgrid li img {
    min-height: 25vw !important;
    max-height: 25vw !important;
}

.container-fluid .grid.grid-3-columns.wavgrid li a, .container-fluid .grid.grid-3-columns.wavgrid li img {
    min-height: 33.33333vw !important;
    max-height: 33.33333vw !important;
}

.container-fluid .grid.grid-2-columns.wavgrid li a, .container-fluid .grid.grid-2-columns.wavgrid li img {
    min-height: 50vw !important;
    max-height: 50vw !important;
}


@media (max-width: 479px) {
.container .grid.grid-5-columns.wavgrid li a, .container .grid.grid-5-columns.wavgrid li img {
    min-height: calc(20vw - 10px);
    max-height: calc(20vw - 10px);
}

.container .grid.grid-4-columns.wavgrid li a, .container .grid.grid-4-columns.wavgrid li img {
    min-height: calc(25vw - 12.5px);
    max-height: calc(25vw - 12.5px);
}

.container .grid.grid-3-columns.wavgrid li a, .container .grid.grid-3-columns.wavgrid li img {
    min-height: calc(33.33333vw - 18px);
    max-height: calc(33.33333vw - 18px);
}

.container .grid.grid-2-columns.wavgrid li a, .container .grid.grid-2-columns.wavgrid li img {
    min-height: calc(50vw - 20px);
    max-height: calc(50vw - 20px);
}
}

@media (min-width: 480px) and (max-width: 767px) {
.container .grid.grid-5-columns.wavgrid li a, .container .grid.grid-5-columns.wavgrid li img {
    min-height: 88px;
    max-height: 88px;
}

.container .grid.grid-4-columns.wavgrid li a, .container .grid.grid-4-columns.wavgrid li img {
    min-height: 110px;
    max-height: 110px;

}

.container .grid.grid-3-columns.wavgrid li a, .container .grid.grid-3-columns.wavgrid li img {
    min-height: 147px;
    max-height: 147px;
}

.container .grid.grid-2-columns.wavgrid li a, .container .grid.grid-2-columns.wavgrid li img {
    min-height: 220px;
    max-height: 220px;
}
}

@media (min-width: 768px) {
.container .grid.grid-5-columns.wavgrid li a, .container .grid.grid-5-columns.wavgrid li img {
    min-height: 140px;
    max-height: 140px;
}

.container .grid.grid-4-columns.wavgrid li a, .container .grid.grid-4-columns.wavgrid li img {
    min-height: 180px;
    max-height: 180px;

}

.container .grid.grid-3-columns.wavgrid li a, .container .grid.grid-3-columns.wavgrid li img {
    min-height: 240px;
    max-height: 240px;
}

.container .grid.grid-2-columns.wavgrid li a, .container .grid.grid-2-columns.wavgrid li img {
    min-height: 360px;
    max-height: 360px;
}
}

@media (min-width: 992px) {
.container .grid.grid-5-columns.wavgrid li a, .container .grid.grid-5-columns.wavgrid li img {
    min-height: 188px;
    max-height: 188px;
}

.container .grid.grid-4-columns.wavgrid li a, .container .grid.grid-4-columns.wavgrid li img {
    min-height: 235px;
    max-height: 235px;

}

.container .grid.grid-3-columns.wavgrid li a, .container .grid.grid-3-columns.wavgrid li img {
    min-height: 310px;
    max-height: 310px;
}

.container .grid.grid-2-columns.wavgrid li a, .container .grid.grid-2-columns.wavgrid li img {
    min-height: 470px;
    max-height: 470px;
}
}


@media (min-width: 1200px) {
.container .grid.grid-5-columns.wavgrid li a, .container .grid.grid-5-columns.wavgrid li img {
    min-height: 228px;
    max-height: 228px;
}

.container .grid.grid-4-columns.wavgrid li a, .container .grid.grid-4-columns.wavgrid li img {
    min-height: 281px;
    max-height: 281px;

}

.container .grid.grid-3-columns.wavgrid li a, .container .grid.grid-3-columns.wavgrid li img {
    min-height: 380px;
    max-height: 380px;
}

.container .grid.grid-2-columns.wavgrid li a, .container .grid.grid-2-columns.wavgrid li img {
    min-height: 570px;
    max-height: 570px;
}
}




/*---Text Sqaures---*/
.wavsquare {
padding: 10%;
padding-left: 15%;
padding-right: 15%;
background-color: rgba(255,255,255,0);
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
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);
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

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

.wavsquare.wavsquare2:hover {
background-color: rgba(255,255,255,0.15);
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

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

.wavsquare.wavsquare3:hover {
background-color: rgba(255,255,255,0.25);
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.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: 650px;
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;
}
}

/*--------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; 
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
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---*/

@media (max-width: 762px) {
.icon-box.center p, .icon-box.center div, .icon-box.center h1, .icon-box.center h2, .icon-box.center h3, .icon-box.center h4, .icon-box.center h5, .icon-box.center h6, .icon-box.center img, .icon-box.center span {
   margin: auto auto auto auto !important;
   max-width: 100vw;
   text-align: center !important;
}
}

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

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

.icon-box {
    width: 100%;
}

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

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




/*----Pricing Tables----*/
.plan {
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

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


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

@media (max-width: 450px) {
     .pricing-table .plan-list ul {
       padding: 0px 5px;
    }
}

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

/*----ICON BOX TWEAK---*/

.icon-box.border .icon i {
    color: var(--bodycolor);
}

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

.icon-box.border .icon {
    border: 3px solid var(--bodycolor);
}

.icon-box.fancy .icon i {
    opacity: 0.3;
}

div.icon-box.fancy:hover div.icon i {
    color: var(--brandcolor1) !important;
    opacity: 0.3;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

/*----NEWSLETTER---*/
a#btnSubmitNewsletter {
    padding: 10px 12px !important;
    font-size: 14px;
    width: 100%;
    line-height: 1;
    border-width: 1px !important;
    min-width: unset;
}

div#newsletterStep1 input {
    border-radius: 1px;
}

.jumbotron.jumbotron-fullwidth {
    background-color: #eee;
    padding: 25px 25px 25px 25px;
    border-radius: 2px;
    margin-bottom: 0px;
}


/*---------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 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
}

section.wavparallax .wavcard:hover, section.wavparallax .wavcard.capped:hover {
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
}

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: 2px;
cursor: pointer;
-webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
max-width: 400px;
}

div.wavcard:hover {
    box-shadow: 0 1px 3px 1px rgb(66 66 66 / 20%), 0 2px 8px 4px rgb(66 66 66 / 10%);
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
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;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 2px;
display: block;
height: 180px;
object-fit: cover;
margin-left: auto !important;
margin-right: auto !important;
}

.wavcard:hover img {
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);}

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;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

div.wavcard:hover hr {
border-color: var(--brandcolor1) !important;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
width: 80%;
}

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

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 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
}

section.wavparallax .wavcard:hover, section.wavparallax .wavcard.capped:hover {
    box-shadow: 0 1px 3px 1px rgb(66 66 66 / 20%), 0 2px 8px 4px rgb(66 66 66 / 10%);
}

/*---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;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 16px;
}

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

div.wavcard.pricing {
    padding-top: 52px;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

div.wavcard.pricing:hover, div.wavcard.capped:hover {
top: -5px;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

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 {
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
border-color: var(--brandcolor3) !important;
}

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

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

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

/*----Vertical Lines-----*/

.vLine {
    width: 1.25px;
    height: 50px;
    background-color: var(--bodycolor);
    margin: 20px auto;
}

.vLineTall {
    width: 1.25px;
    height: 100px;
    background-color: var(--bodycolor);
    margin: 20px auto;
}

/*---COMMENT FORM FIX---*/
.post-content input, .post-content .tssFormRow select, .post-content textarea {
    border-radius: 0px !important;
}


/*----WEBSTORE UI----*/

.product .product-title h3, .product .product-title h3 a, .product a {
    font-family: var(--primarybuttonfont);
    color: var(--bodycolor);
    font-style: var(--primarybuttonitalic);
    text-transform: var(--primarybuttoncaps);
}

.product .product-title h3 a:hover, .product a:hover {
    color: var(--linkcolor);
}

/*---ON-PAGE ALERTS----*/
.alert {
    margin: 3px !important;
    margin-bottom: 20px !important;
    border-radius: 10px !important;
    font-family: "Open Sans", sans-serif;
    max-width: 100%;
}

.alert-success {
    background-color: rgb(154 219 219 / 25%) !important;
    border-color: var(--uxgreen) !important;
    color: var(--uxgreen) !important;
    border-radius: 2px !important;
    border-left-width: 5px;
}

    .alert-success p { 
    color: var(--greenactive) !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }

   .alert-success a {
    color: var(--greenactive) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-decoration: underline;
    }


    .alert-success .close {
        color: var(--uxgreen) !important;
    }

.alert-info {
    background-color: var(--uxbluetint) !important;
    border-color: var(--uxblue1) !important;
    color: var(--uxblue1) !important;
    border-radius: 2px !important;
    border-left-width: 5px;
    }

    .alert-info p { 
    color: var(--uxblue1) !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }

   .alert-info a {
    color: var(--uxblue1) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-decoration: underline;
    }

    .alert-info .close {
        color: var(--uxblue1) !important;
    }

.alert-warning {
    background-color: #fde9aa1f !important;
    border-color: #ffc800 !important;
    color: #a78300 !important;
    border-radius: 2px !important;
    border-left-width: 5px;
}

    .alert-warning p {
        color: #a78300 !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }



    .alert-warning .close, .alert-warning a {
        color: #a78300 !important;
        font-weight: 600 !important;
    }

    .alert-warning a {
        text-decoration:underline;
    }

.alert-danger {
    background-color: var(--uxredtint) !important;
    border: var(--uxred1) solid 1px !important;
    color: var(--uxred1) !important;
    border-radius: 2px !important;
    border-left-width: 5px !important;
}

    .alert-danger p {
        color: var(--uxred1) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .alert-danger .close, .alert-danger a {
        color: var(--uxred1) !important;
        font-weight: 600 !important;
    }

    .alert-danger a {
        text-decoration: underline;
    }

    

.alert a.alert-info {
    background-color: transparent !important;
}

.alert a.alert-success {
    background-color: transparent !important;
}

.alert a.alert-warning {
    background-color: transparent !important;
}

.alert a.alert-danger {
    background-color: transparent !important;
}

/*-----SEARCH MODULE-----*/

div.tssSearchBox ~ div h1 {
    font-size: 24px !important;
    letter-spacing: 0.07em;
}

div.tssSearchBox .row {
    display: flex;
}

div.tssSearchBox .col-md-1 {
    padding: 0px 0px;
}

@media(max-width: 768px) {
div.tssSearchBox .col-md-3 {
    width: 90% !important;
}

div.tssSearchBox .col-md-1 {
    width: 10% !important;
}
}

div.tssSearchBox a {
   position: relative;
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   align-content: center;
   text-decoration: none !important;
   font-size: 18px !important;
}

div.tssSearchBox a i {
    margin-top: 0px !important;
    font-size: 18px !important;

}

/*-----LOGIN / REGISTER PAGE-----*/

.wMemberLogin, .wMemberRegister {
    display: flex;
    flex-direction: column;
    margin: auto auto;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.wMemberLogin {
    margin-bottom: 50px;
}

.wMemberLogin > *, .wMemberRegister > * {
    max-width: 450px;
    width: 100%;
}


.wMemberLogin p, .wMemberRegister p, .wMemberLogin .title, .wMemberRegister .title {
    padding: 0px 15px;
}


/*---CENTER EMPTY PAGE---*/

body#bBody:not(.tssEditMode):not(.qbedit) .wrapper > section:only-of-type:first-child {
    min-height: calc(100vh - 80px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

body#bBody:not(.tssEditMode):not(.qbedit) .wrapper > section:only-child:only-of-type {
    min-height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/*------------CARDS-------------*/

/*-----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: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
    cursor: pointer;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.wavcardbanner:hover {
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--brandcolor6);
    box-shadow: 0 1px 3px 1px rgb(66 66 66 / 20%), 0 2px 8px 4px rgb(66 66 66 / 10%);
}

.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%;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
border-color: var(--bodycolor);
}

div.wavcardbanner:hover hr {
width: 60%;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
border-color: var(--brandcolor3) !important;
}

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;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 16px;
}

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

div.wavcard.pricing {
    padding-top: 52px;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

div.wavcard.pricing:hover, div.wavcard.capped:hover {
top: -5px;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

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 {
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
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: 2px;
cursor: pointer;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
max-width: 400px;
}

div.wavcard:hover {
 box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
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;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
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;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

div.wavcard:hover hr {
border-color: var(--brandcolor1) !important;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
   width: 80%;
}

/*----HEADER TRANSITIONS----*/

header#header {
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

header#header > * {
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/*---MEDIA CONTENT UPDATES---*/

section.content > .container {
    max-width: 100%;
}

/*---PRICING TABLE---*/
.pricing-table .plan .plan-header .plan-price p {
   font-size: var(--titlesize);
}


@media (min-width: 992px) {

#header.header-logo-center:not(.header-sticky) #mainMenu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    transition: none !important;
    overflow: hidden;
}


#header.header-logo-center.header-sticky div#logo, #header.header-logo-center.header-sticky div#logo > *, #header.header-logo-center:not(.header-sticky) div#logo, #header.header-logo-center:not(.header-sticky) div#logo > * {
    transition: none !important;
}

#header.header-logo-center:not(.header-sticky) div#logo, #header.header-logo-center:not(.header-sticky) div#logo > * {
    float: none;
}

#header.header-logo-center:not(.header-sticky), #header.header-logo-center:not(.header-sticky) #header-wrap {
    height: auto !important;
}
}

/*---HALF IMAGE, HALF TEXT---*/
.halfnhalf .row {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    height: fit-content;
}

.halfnhalf .row div > img {
    object-fit: cover !important;
    max-height: 100% !important;
    max-width: 100% !important;
    margin: auto auto;
}

@media (max-width: 991px) {
    .halfnhalf .flip1 {
        order: 2;
    }
    .halfnhalf .flip2 {
        order: 1;
    }
}

@media (min-width: 480px) {
    .container-fluid .col-md-6.flip1.halfnhalf-text > * {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
}

@media (max-width: 479px) {
    .container-fluid .col-md-6.flip1.halfnhalf-text > * {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
}

body .lucent, body div.lucent {
   background-color: rgba(255,255,255,0.9);
   color: var(--bodycolor);
}

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

/*----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---*/

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

/*----Article-----*/
div.wavarticle, div.wavarticle p {
text-align: left;
max-width: 650px;
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 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 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---*/


/*----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 Page Header - 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 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 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---*/


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

/*---NEWSLETTER SIGNUP EDITS----*/
.widget.widget-newsletter .btn:not(.btn-default) {
    text-transform: var(--primarybuttoncaps);
    border-radius: 0px var(--primarybuttonradius) var(--primarybuttonradius) 0px !important;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-radius: var(--primarybuttonradius) 0px 0px var(--primarybuttonradius);
}

div#widget-subscribe-form small {
    font-size: 100%;
    margin-bottom: 8px;
}

div#widget-subscribe-form h4, div#widget-subscribe-form small, #widget-subscribe-form input[type=text] {
    text-align: center;
}

.widget.widget-newsletter .btn:not(.btn-default), .widget.widget-newsletter .btn:not(.btn-default):hover {
    border: none !important;
}

.widget.widget-newsletter .btn:not(.btn-default), .widget.widget-newsletter .btn:not(.btn-default):hover {
    width: 100% !important;
}

.form-inline .input-group {
    width: 100%;
}

span.input-group-btn {
    width: auto;
}

body .lucent, body div.lucent {
   background-color: rgba(255,255,255,0.9);
   color: var(--bodycolor);
}

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




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

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

/*----Vertical Lines-----*/

.vLine {
    width: 1.25px;
    height: 50px;
    background-color: var(--bodycolor);
    margin: 20px auto;
}

.vLineTall {
    width: 1.25px;
    height: 100px;
    background-color: var(--bodycolor);
    margin: 20px auto;
}

/*---COMMENT FORM FIX---*/
.post-content input, .post-content .tssFormRow select, .post-content textarea {
    border-radius: 0px !important;
}


/*----WEBSTORE UI----*/

.product .product-title h3, .product .product-title h3 a, .product a {
    font-family: var(--primarybuttonfont);
    color: var(--bodycolor);
    font-style: var(--primarybuttonitalic);
    text-transform: var(--primarybuttoncaps);
}

.product .product-title h3 a:hover, .product a:hover {
    color: var(--linkcolor);
}

/*---ON-PAGE ALERTS----*/
.alert {
    margin: 3px !important;
    margin-bottom: 20px !important;
    border-radius: 10px !important;
    font-family: "Open Sans", sans-serif;
    max-width: 100%;
}

.alert-success {
    background-color: rgb(154 219 219 / 25%) !important;
    border-color: var(--uxgreen) !important;
    color: var(--uxgreen) !important;
    border-radius: 2px !important;
    border-left-width: 5px;
}

    .alert-success p { 
    color: var(--greenactive) !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }

   .alert-success a {
    color: var(--greenactive) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-decoration: underline;
    }


    .alert-success .close {
        color: var(--uxgreen) !important;
    }

.alert-info {
    background-color: var(--uxbluetint) !important;
    border-color: var(--uxblue1) !important;
    color: var(--uxblue1) !important;
    border-radius: 2px !important;
    border-left-width: 5px;
    }

    .alert-info p { 
    color: var(--uxblue1) !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }

   .alert-info a {
    color: var(--uxblue1) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-decoration: underline;
    }

    .alert-info .close {
        color: var(--uxblue1) !important;
    }

.alert-warning {
    background-color: #fde9aa1f !important;
    border-color: #ffc800 !important;
    color: #a78300 !important;
    border-radius: 2px !important;
    border-left-width: 5px;
}

    .alert-warning p {
        color: #a78300 !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }



    .alert-warning .close, .alert-warning a {
        color: #a78300 !important;
        font-weight: 600 !important;
    }

    .alert-warning a {
        text-decoration:underline;
    }

.alert-danger {
    background-color: var(--uxredtint) !important;
    border: var(--uxred1) solid 1px !important;
    color: var(--uxred1) !important;
    border-radius: 2px !important;
    border-left-width: 5px !important;
}

    .alert-danger p {
        color: var(--uxred1) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .alert-danger .close, .alert-danger a {
        color: var(--uxred1) !important;
        font-weight: 600 !important;
    }

    .alert-danger a {
        text-decoration: underline;
    }

    

.alert a.alert-info {
    background-color: transparent !important;
}

.alert a.alert-success {
    background-color: transparent !important;
}

.alert a.alert-warning {
    background-color: transparent !important;
}

.alert a.alert-danger {
    background-color: transparent !important;
}

/*-----SEARCH MODULE-----*/

div.tssSearchBox ~ div h1 {
    font-size: 24px !important;
    letter-spacing: 0.07em;
}

div.tssSearchBox .row {
    display: flex;
}

div.tssSearchBox .col-md-1 {
    padding: 0px 0px;
}

@media(max-width: 768px) {
div.tssSearchBox .col-md-3 {
    width: 90% !important;
}

div.tssSearchBox .col-md-1 {
    width: 10% !important;
}
}

div.tssSearchBox a {
   position: relative;
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   align-content: center;
   text-decoration: none !important;
   font-size: 18px !important;
}

div.tssSearchBox a i {
    margin-top: 0px !important;
    font-size: 18px !important;

}

/*-----LOGIN / REGISTER PAGE-----*/

.wMemberLogin, .wMemberRegister {
    display: flex;
    flex-direction: column;
    margin: auto auto;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.wMemberLogin {
    margin-bottom: 50px;
}

.wMemberLogin > *, .wMemberRegister > * {
    max-width: 450px;
    width: 100%;
}


.wMemberLogin p, .wMemberRegister p, .wMemberLogin .title, .wMemberRegister .title {
    padding: 0px 15px;
}


/*----YOUTUBE EMBED HEIGHT ON MOBILE----*/

@media (max-width: 768px) {
.fr-embedly {
    height: auto !important;
}
}


/*------------CARDS-------------*/

/*-----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: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
    cursor: pointer;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.wavcardbanner:hover {
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--brandcolor6);
    box-shadow: 0 1px 3px 1px rgb(66 66 66 / 20%), 0 2px 8px 4px rgb(66 66 66 / 10%);
}

.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%;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
border-color: var(--bodycolor);
}

div.wavcardbanner:hover hr {
width: 60%;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
border-color: var(--brandcolor3) !important;
}

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;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 16px;
}

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

div.wavcard.pricing {
    padding-top: 52px;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

div.wavcard.pricing:hover, div.wavcard.capped:hover {
top: -5px;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

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 {
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
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: 2px;
cursor: pointer;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
max-width: 400px;
}

div.wavcard:hover {
 box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
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;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
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;
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

div.wavcard:hover hr {
border-color: var(--brandcolor1) !important;
    -webkit-transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
   width: 80%;
}

/*----HEADER TRANSITIONS----*/

header#header {
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

header#header > * {
    -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/*---MEDIA CONTENT UPDATES---*/

section.content > .container {
    max-width: 100%;
}

/*---PRICING TABLE---*/
.pricing-table .plan .plan-header .plan-price p {
   font-size: var(--titlesize);
}


@media (min-width: 992px) {

#header.header-logo-center:not(.header-sticky) #mainMenu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    transition: none !important;
    overflow: hidden;
}


#header.header-logo-center.header-sticky div#logo, #header.header-logo-center.header-sticky div#logo > *, #header.header-logo-center:not(.header-sticky) div#logo, #header.header-logo-center:not(.header-sticky) div#logo > * {
    transition: none !important;
}

#header.header-logo-center:not(.header-sticky) div#logo, #header.header-logo-center:not(.header-sticky) div#logo > * {
    float: none;
}

#header.header-logo-center:not(.header-sticky), #header.header-logo-center:not(.header-sticky) #header-wrap {
    height: auto !important;
}
}


body .lucent, body div.lucent {
   background-color: rgba(255,255,255,0.9);
   color: var(--bodycolor);
}

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


/*----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 Article - START---*/

/*----Article-----*/
div.wavarticle, div.wavarticle p {
text-align: left;
max-width: 650px;
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 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 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---*/


/*----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 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 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---*/


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

/*---NEWSLETTER SIGNUP EDITS----*/
.widget.widget-newsletter .btn:not(.btn-default) {
    text-transform: var(--primarybuttoncaps);
    border-radius: 0px var(--primarybuttonradius) var(--primarybuttonradius) 0px !important;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-radius: var(--primarybuttonradius) 0px 0px var(--primarybuttonradius);
}

div#widget-subscribe-form small {
    font-size: 100%;
    margin-bottom: 8px;
}

div#widget-subscribe-form h4, div#widget-subscribe-form small, #widget-subscribe-form input[type=text] {
    text-align: center;
}

.widget.widget-newsletter .btn:not(.btn-default), .widget.widget-newsletter .btn:not(.btn-default):hover {
    border: none !important;
}

.widget.widget-newsletter .btn:not(.btn-default), .widget.widget-newsletter .btn:not(.btn-default):hover {
    width: 100% !important;
}

.form-inline .input-group {
    width: 100%;
}

span.input-group-btn {
    width: auto;
}

/*----FULL WIDTH IMAGE-----*/

.full-width-image .banner-text {
   padding: 0px 25px;
}


/*----BLOG EDITOR FIX-----*/

.post-content:after { 
    content: " "; 
    display: block;
    clear: both;
} 

section.content {
   padding: 5px 0px;
}

/*----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 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---*/

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

/*----Article-----*/
div.wavarticle, div.wavarticle p {
text-align: left;
max-width: 650px;
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 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 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 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 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 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 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 Page Header - 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 Page Header - 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 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 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---*/