/*=======================================
=            General Styling            =
=======================================*/

/*----------  Editables  ----------*/

body {
    /* Edit Website Font Color */
    color: #292b2c;
    /* Edit Website Font Family - NOTE: Remove Previous Google Font Link in HTML */
    font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*
        Edit Headers Font Family
        NOTE: inherit will inherit the above font;
    */
    font-family: inherit;
}
a {
    /* Edit Website Link Font Color */
    color: #292b2c;
}

a:hover,
a:focus {
    /* Edit Website Link Font Hover Color */
    color: #3D4041;
}
/*----------  End of Editables  ----------*/
html {
    /*
        Be careful with editing the global font size
        set below, with Bootstrap 4, many elements rely
        on having this font size be 16px. This can change
        padding, margin, width, height, etc. Please
        consider setting the font-size on the body, rather than here
     */
    font-size: 16px;
}

body {
    /*
        Be careful with editing the global line-height and font-size
        set below, it can vastly change the look & spacing
        of a site - change with caution
     */
    line-height: 1.6;
    font-weight: 500;
    font-size: 16px;
}

p, td, li, label {
    font-weight: 300;
}

a {
    transition: .3s color, background;
}

.cvdo-page-title {
    padding-top: 0px;
}

.cvdo-page-title h1 {
    font-size: 40px;
    color: #5C5C5C;
    font-weight: 500;
    text-transform: capitalize;
}

.btn {
    background-color: #FAA00C;
    border-radius: 0;
    color: #fff !important;
    border: none;
    outline: none;
}
/*=====  End of General Styling  ======*/

/*============================
=            Menu            =
============================*/

/*------  Editables  -------*/
.menu {
    /* Edit Menu Font Color */
    color: rgba(255,255,255,1);
    /* Edit Menu Text Transform */
    text-transform: uppercase;
    /* Edit Menu Font Size */
    font-size: 15px;
    /* Edit Menu Font Weight */
    font-weight: 300;
}

.menu.stuck,
.menu.stuck .navbar-nav ul,
.menu.stuck .navbar-nav ul:before {
    /* Edit "Stuck" Menu & Dropdown Background Color */
    background-color: rgba(235, 235, 235,.95);
    color: #21576e;
}

.navbar-nav li:hover > a,
.navbar-nav li:focus > a {
    /* Edit Link Font Hover Color */
    color: rgba(255,255,255,.7);
}

.menu.stuck .navbar-nav li:hover a,
.menu.stuck .navbar-nav li:focus a {
    /* Edit Link Font Hover Color */
    color: #21576e;
}

.menu .navbar {
    background-color: transparent;
}

.menu,
.navbar,
.navbar-nav ul,
.navbar-nav ul:before {
    /* Edit Menu & Dropdown Background Color */
    background-color: rgba(33, 87, 110, .9);
}

.lines-button .lines,
.lines-button .lines:before,
.lines-button .lines:after {
    /* Edit Mobile Menu Toggle Button Color */
    background-color: rgb(255,255,255);
}

.lines-button .lines {
    transition: none !important;
}

.menu.stuck .lines-button .lines:before,
.menu.stuck .lines-button .lines:after {
    /* Edit Mobile Menu Toggle Button Color */
    background-color: #21576e;
}

.info-bar {
    /* Edit Info Bar Background Color */
    background-color: transparent;
    /* Edit Info Bar Font/Icon Color */
    color: #fff;
    border: 1px solid rgba(255,255,255,.4);
}

.menu.stuck .info-bar {
    color: #21576e;
}

.bottom-info-bar {
    background-color: rgba(17, 63, 45,.9);
    color: #fff;
}

.logo-blue {
    display: none;
}

.menu.stuck .logo-blue {
    display: inline-block;
}

.menu.stuck .logo-white {
    display: none;
}
@media (min-width: 992px) {
    .navbar-brand {
        /* Edit Logo Box Background Color */
        background-color: transparent;
    }
}

/*-----  Editables End  ----*/

.menu {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
    transition: background .3s;
}

.navbar {
    padding-right: 4.5rem;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav a {
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-nav a {
    color: inherit;
    transition: all .3s;
    display: block;
}

.navbar-nav li:hover a,
.navbar-nav li:focus a {
    text-decoration: none;
}

#nav {
    opacity: 0;
    transition: .3s opacity;
    margin-left: auto;
    padding-right: 60px;
    max-height: 0;
}

#nav.loaded {
    opacity: 1;
    max-height: none;
}

.navbar-nav .fa {
    position: absolute;
    right: 0;
    top: 12px;
    transition: .3s all;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
}

.navbar-nav li {
    position: relative;
    font-weight: inherit;
}

.navbar-nav ul {
    max-height: 0;
    list-style: none;
    transition: .5s all;
    overflow: hidden;
    padding-left: 30px;
}

.navbar-nav ul.open {
    max-height: 999px;
}

.navbar-nav a {
    border-top: 1px solid #eee;
}

.navbar .navbar-brand {
    max-width: 400px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 0;
    padding-right: 0;
}

.navbar-brand > * {
    max-width: 100%;
    max-height: 60px;
}

.menu.fixed-top + * {
    margin-top: 200px;
}

.navbar-light .navbar-toggler,
.navbar-toggler {
    top: 16px;
    border: none;
    z-index: 99999
}

.navbar-light .navbar-toggler:focus,
.navbar-toggler:focus {
    outline: none;
}

.navbar-nav > li > a {
    position: relative;
}

/*
.navbar-nav > li > a:after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-.5px, -50%);
    height: 24px;
    width: 1px;
    background-color: rgba(255,255,255,.5);
}
*/
.navbar-nav > li:last-child > a:after {
    display: none;
}
/*----------  Mobile Menu Button  ----------*/
.lines-button {
    display: inline-block;
    padding: 1.75em 0.875em;
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: 0.5em;
    font-size: 6px !important;
}

.lines-button:hover,
.lines-button:focus {
    opacity: 1;
}

.lines-button:active {
    transition: 0;
}

.lines {
    display: inline-block;
    width: 3.5em;
    height: 0.5em;
    background: #333;
    border-radius: 0.25em;
    transition: 0.3s;
    position: relative;
}

.lines:before, .lines:after {
    display: inline-block;
    width: 3.5em;
    height: 0.5em;
    background: #333;
    border-radius: 0.25em;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    transform-origin: 0.25em center;
}

.lines:before {
    top: 0.875em;
}

.lines:after {
    top: -0.875em;
}

.lines-button.toggle-close  .lines:before, .lines-button.toggle-close  .lines:after {
    transform: none;
    width: 3.5em;
    top: 0;
}

.lines-button .lines {
    transition: background .3s .6s ease;
}

.lines-button .lines:before, .lines-button .lines:after {
    transform-origin: 50% 50%;
    transition: top .3s .6s ease, transform .3s ease;
}

.lines-button.toggle-close .lines {
    transition: background .3s 0s ease;
    background: transparent;
}

.lines-button.toggle-close  .lines:before, .lines-button.toggle-close  .lines:after {
    transition: top .3s ease, transform .3s .5s ease;
    top: 0;
    width: 3.5em;
}

.lines-button.toggle-close  .lines:before {
    transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.toggle-close  .lines:after {
    transform: rotate3d(0, 0, 1, -45deg);
}
/*----------  Mobile Menu Button End ----------*/

/*----------  Info Bar  ----------*/
.info-bar {
    font-size: .875rem;
    font-weight: 300;
    letter-spacing: .1rem;
    height: 50px;
    line-height: 50px;
    transition: .3s all;
    max-height: 50px;
}

.info-bar a {
    color: inherit;
    transition: none;
}

.info-bar .container {
    z-index: 1;
}

.menu.stuck .info-bar {
    max-height: 0;
}

.menu.stuck .info-bar .contact-us {
    max-height: 0;
    overflow: hidden;

}

.menu.stuck .info-bar .contact-us a{
    max-height: 0;
    overflow: hidden;
    text-decoration: none;

}

.menu.stuck .info-bar .contact-us a i:hover{
  transition: all .3s;
}

.menu.stuck .info-bar .contact-us a i:hover{
  transform: scale(1.3);
}

.bottom-info-bar {
    position: absolute;
    width: 100%;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 100;
    transition: .3s max-height;
    max-height: inherit;
    overflow: hidden;
}

.menu.stuck .bottom-info-bar {
    max-height: 0;
}
.menu .info-bar .contact-us a{
    max-height: 0;
    overflow: hidden;
    text-decoration: none;

}
/*----------  Info Bar End ----------*/

/*----------  Responsive Styling  ----------*/

@media (max-width: 991px) {
    .navbar.container {
        width: 100%;
    }

    .navbar-nav li a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .menu.fixed-top + * {
        margin-top: 100px;
    }

    .menu {
        color: rgba(102,102,102,0.85);
    }

    .navbar-nav li:hover a,
    .navbar-nav li:focus a {
        color: rgba(17,17,17,0.85);
    }

    .navbar-nav ul,
    .navbar-nav ul:before {
        background: transparent;
    }
}

@media (min-width: 992px) {
    .navbar {
        background-color: transparent;
        padding-right: 0;
    }

    .navbar-nav {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .navbar-nav ul {
        box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
    }

    .navbar a {
        padding-left: 8.5px;
        padding-right: 8.5px;
    }

    .navbar-nav a.active:after {
        content: "";
        display: block;
        width: calc(100% - 14px);
        position: absolute;
        background-color: #113f2d;
        height: 5px;
        top: calc(50% + 24px);
    }

    .navbar-nav .fa {
        display: none;
    }

    .navbar-nav > li > a {
        line-height: 120px;
        border-top: none;
        border-bottom: none;
        max-height: 120px;
    }

    .navbar-nav li li:first-child a {
        border-top: none;
    }

    .navbar-nav li li a {
        padding: 15px;
    }

    .navbar-nav ul,
    .navbar-nav ul.open {
        opacity: 0;
        max-height: 0;
        transition: .3s all;
        position: absolute;
        top: 120px;
        left: 0;
        padding-left: 0;
        width: 320px;
    }

    .navbar-nav li:hover ul,
    .navbar-nav li:focus ul {
        opacity: 1;
        max-height: inherit;
        overflow: initial;
        z-index: 999;
    }
    /*
    .navbar .navbar-brand {
        position: absolute;
        height: calc(100% + 40px);
        top: -40px;
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: .3s top;
    }

    .menu.stuck .navbar-brand {
        top: 0;
    }
    */
   
    /* Covers Menu Dropbox Top Dropshadow */
    /*
    .navbar-nav ul:before {
        content: "";
        display: block;
        width: 100%;
        height: 5px;
        position: absolute;
        top: -5px;
    }
    */
}

@media (min-width: 480px) and (max-width: 991px) {
    .navbar-light .navbar-toggler,
    .navbar-toggler {
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px !important;
    }

    .navbar-nav {
        width: 320px;
        padding-right: 0;
    }
}

@media (min-width: 992px)and (max-width: 1200px) {
  .navbar-brand > * {
        max-height: 50px;
    }   
}

@media (min-width: 1200px) {
    .navbar-brand > * {
        max-height: 100px;
    }   
}

/*----------  End of Responsive Styling  ----------*/
/*=====  End of Menu  ======*/



/*==============================
=            Footer            =
==============================*/
/*----------  Editables  ----------*/
footer {
    /* Edit Footer Font Color */
    color: rgb(142,142,142);
    /* Edit Footer Background Color */
    background-color: rgb(245,245,245);
    font-size: 16px;

}


footer {
}

footer a {
    /*
        Edit Footer Link Font Color
        Leave the value as 'inherit'
        if You Want the Link Color to
        be the same as the Footer font color
     */
    color: inherit;
}

footer a:hover,
footer a:focus {
    /*
        Edit Footer Link Font Hover Color
        Leave the value as 'inherit'
        if You Want the Link Color to
        be the same as the Footer font color
     */
    color: inherit;
}

footer h5 {
    font-size: 22px;
    font-weight: 300;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: inherit;
}

.footer-menu {
    list-style: none;
    padding: 0;
    overflow: hidden;
}

.footer-menu li {
    list-style: none;
    float: left;
    border-right: 1px solid;
    padding-left: 10px;
    padding-right: 10px;
}

.footer-menu li:first-child {
  padding-left: 0;
}

.footer-menu li:last-child {
    border-right: none;
}

.footer-menu li a{
  font-weight: 600;
}

.copyright {
    /* Edit Copyright Background Color */
    background-color: rgb(237,237,237);
    font-size: 12px;
    font-weight: 400;
}

.copyright a {
    /*
        Edit Copyright Link Font Color
        Leave the value as 'inherit'
        if You Want the Link Color to
        be the same as the Copyright font color
     */
    color: inherit;
}

/*----------  Editables End  ----------*/

/*----------  Footer Always at Bottom of Page Hack  ----------*/
/*
footer {
    display: table-row;
    height: 1px;
}

body {
    display: table;
    width: 100%;
}
*/
/*----------  Footer Always at Bottom of Page Hack End  ----------*/

/*=====  End of Footer  ======*/

/*====================================
=            Social Media            =
====================================*/

/*----------  Editables  ----------*/
.social-media a {
    /*
        Edit Social Media Icon Color
        Leave the value as 'inherit'
        if You Want the Icon Color to
        be the same as the parent font color
     */
    color: inherit;
}

/*----------  Editables End  ----------*/

.social-media {
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid rgba(255,255,255,.4);
    transition: .3s all;
}

.menu.stuck .social-media {
    font-size: 1rem;
    border-left: 1px solid rgba(255,255,255,0);
}

.social-media ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.social-media li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    background: transparent;
    border-radius: 3px;
    width: 49px;
    height: 49px;
    text-align: center;
    transition: .3s all;
    transform-origin: center;
}

.social-media li img {
    max-width: none;
    width: 42px;
}

.menu.stuck .social-media li {
    width: 38px;
}

.menu.stuck .social-media li img {
    width: 35px;
}

.social-media li:hover {
    transform: scale(1.3);
}
.social-media span {
    display: none;
}

/*
    Remove Comments if You Want the Social Icons to Have Brand Appropriate Background Colors

.social-media li {
    background-color: #333;
}

.social-media .facebook {
    background-color: #39589B;
}

.social-media .twitter {
    background-color: #3ACBF8;
}

.social-media .pinterest {
    background-color: #D4382B;
}

.social-media .google-plus {
    background-color: #D43E26;
}

.social-media .linkedin {
    background-color: #0073B9;
}

.social-media .youtube {
    background-color: #D23226;
}

.social-media .instagram {
    background: -webkit-radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), -webkit-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
*/
/*=====  End of Social Media  ======*/

/*==================================
=            Hero Image            =
==================================*/

.hero-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.hero-slider .fullwidthabanner {
    display: none;
}

.forcefullwidth_wrapper_tp_banner {
    margin-top: 0 !important;
}

.hero-caption {
    white-space: nowrap;
    color: #fff;
    font-size: 30px;
    font-weight: 200;
    background: rgba(0, 0, 0, 0.4);
    padding-left: 10px !important;
}

.hero-caption-small {
    white-space: nowrap;
    color: #fff;
    font-weight: 200;
    font-size: 14px;
}

.hero-callout-1  {
    background-color: rgba(255,255,255,.7);
}

.hero-callout-1 {
    font-size: inherit !important;
    padding: 30px !important;
    line-height: inherit !important;
    width: 100% !important;
    max-width: none !important;
    display: none !important;
}

.hero-callout-1 .btn {
    background-color: #446084;
    border-radius: 0;
}

@media(min-width: 768px) {
    .hero-callout-1 {;
        width: 670px !important;
        display: block !important;
    }
}
/*=====  End of Hero Image  ======*/

/*==================================
=            Off Canvas            =
==================================*/
.offcanvas-mask {
    opacity: 0;
    background-color: #0b0b0b;
    transition: .3s opacity;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

html, body {
    height: 100%;
}

/*----------  Responsive Styling  ----------*/

@media (max-width: 575px) {
    .offcanvas-wrapper-xs.offcanvas-active .offcanvas-mask {
        opacity: .6;
    }

    .offcanvas-wrapper-xs.offcanvas-active {
        overflow: hidden;
    }

    .offcanvas-xs {
        z-index: 9999;
        position: fixed;
        top: 0;
        left: -180%;
        height: 100%;
        transition: .4s left;
        background-color: #fff;
    }

    .offcanvas-active .offcanvas-xs {
        left: 0;
    }
}

@media (max-width: 767px) {
    .offcanvas-wrapper-sm.offcanvas-active .offcanvas-mask {
        opacity: .6;
        z-index: 1030;
    }

    .offcanvas-wrapper-sm.offcanvas-active {
        overflow: hidden;
    }

    .offcanvas-sm {
        z-index: 9999;
        position: fixed;
        top: 0;
        left: -180%;
        height: 100%;
        transition: .4s left;
        background-color: #fff;
    }

    .offcanvas-active .offcanvas-sm {
        left: 0;
    }
}

@media (max-width: 991px) {
    .offcanvas-wrapper-md.offcanvas-active .offcanvas-mask {
        opacity: .6;
    }

    .offcanvas-wrapper-md.offcanvas-active {
        overflow: hidden;
    }

    .offcanvas-md {
        z-index: 9999;
        position: fixed;
        top: 0;
        left: -180%;
        height: 100%;
        transition: .4s left;
        background-color: #fff;
        overflow-y: scroll;
    }

    .offcanvas-active .offcanvas-md {
        left: 0;
    }
}

@media (max-width: 1199px) {
    .offcanvas-wrapper-lg.offcanvas-active .offcanvas-mask {
        opacity: .6;
    }

    .offcanvas-wrapper-lg.offcanvas-active {
        overflow: hidden;
    }

    .offcanvas-lg {
        z-index: 9999;
        position: fixed;
        top: 0;
        left: -180%;
        height: 100%;
        transition: .4s left;
        background-color: #fff;
    }

    .offcanvas-active .offcanvas-lg {
        left: 0;
    }
}

.offcanvas-wrapper-xl.offcanvas-active .offcanvas-mask {
        opacity: .6;
    }

.offcanvas-wrapper-xl.offcanvas-active {
    overflow: hidden;
}

.offcanvas-xl {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: -180%;
    height: 100%;
    transition: .4s left;
    background-color: #fff;
}

.offcanvas-active .offcanvas-xl {
    left: 0;
}

/*----------  End of Responsive Styling  ----------*/
/*=====  End of Off Canvas  ======*/

/*======================================
=          Custom Styling            =
======================================*/
.cvdo-im-title-bar {
    background-color: rgb(172,193,86);
}

.cvdo-im-tabs {
    background-color: rgb(172,193,86);
}

.cvdo-im-tab.active {
    background-color: rgb(126,143,58);
}

.cvdo-im-types-left, .cvdo-im-types-right {
    background-color: rgb(172,193,86);
}

.cvdo-im-type:nth-child(odd) {
    background-color: rgb(172,193,86);
}

.cvdo-im-type:nth-child(even) {
    background-color: rgb(126,143,58);
}

.cvdo-im-filter-dropdown-toggle:nth-child(odd) {
    background-color: rgb(172,193,86);
}

.cvdo-im-filter-dropdown-toggle:nth-child(even) {
    background-color: rgb(126,143,58);
}

.cvdo-im-modal-buttons .btn {
    background-color: rgb(172,193,86);
}

.modal-toolbox .list-group-item {
    background-color: rgb(172,193,86);
}

.modal-toolbox-icon {
    background-color: rgb(126,143,58);
}



.f-weight-300{
  font-weight: 300;
}

/*FIX FOR GOOGLE SEARCH BAR  and associated styles*/
.gsc-input-box {
  height: auto !important;
}

.gsc-search-button {
  display: none;
}

.search-bar {
  display: flex;
  justify-content: center;
  line-height: 30px;
  margin-bottom: auto;
  margin-top: auto;
  animation: fadein 2.5s;
  -moz-animation: fadein 2.5s; /* Firefox */
  -webkit-animation: fadein 2.5s; /* Safari and Chrome */
  -o-animation: fadein 2.5s; /* Opera */
}
.search-bar > div {
  float: left;
  width: 89%;
}
.search-bar i {
  float: right;
  font-size: 30px;
  cursor: pointer;
  transition: all .3s;
  padding-left: 15px;
}
.search-bar i:hover {
  transform: scale(1.2);
}

@keyframes fadein {
    from {
        opacity:0;

    }
    to {
        opacity:1;

    }
}
@-moz-keyframes fadein { /* Firefox */
  from {
      opacity:0;

  }
  to {
      opacity:1;

  }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {
      opacity:0;

  }
  to {
      opacity:1;

  }
}
@-o-keyframes fadein { /* Opera */
  from {
      opacity:0;

  }
  to {
      opacity:1;

  }
}

.ft-photo-river-app {
    display:none !important;
}

h1 {
    /* Header H1 Font Color */
    color: #5C5C5C;
    /* Header H1 Font Size -  2.555555 * 18 = 46px */
    font-size: 40px;
    /* Edit Header H1 Font Weight */
    font-weight: 500;
    font-family: inherit;
    text-transform: capitalize;
}