/*=======================================
=            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
        set below, it can vastly change the look & spacing
        of a site - change with caution
     */
    line-height: 1.6;
    font-weight: 300;
}

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

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

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

.cvdo-page-title h1 {
    font-size: 22px;
    color: #5C5C5C;
    font-weight: 300;
    text-transform: uppercase;
}

.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.00);
    /* Edit Menu Text Transform */
    text-transform: uppercase;
    /* Edit Menu Font Size */
    font-size: 18px;
    /* Edit Menu Font Weight */
    font-weight: 400;
}

.menu.stuck,
.menu.stuck .navbar-nav ul {
    /* Edit "Stuck" Menu & Dropdown Background Color */
    background-color: rgb(64,64,64);
}

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

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

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

@media (min-width: 992px) {
    .navbar-brand {
        /* Edit Logo Box Background Color */
        background-color: #343434;
    }
}

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

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

.navbar-nav.loaded {
    opacity: 1;
}

.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-brand {
    max-width: 400px;
    padding-top: 7px;
    padding-bottom: 7px;
}

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

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

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

.navbar-light .navbar-toggler:focus,
.navbar-toggler:focus {
    outline: 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 ----------*/

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

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

    .navbar-nav a.active:after {
        content: "";
        display: block;
        width: calc(100% - 14px);
        position: absolute;
        background-color: #F18000;
        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;
    }
    */
    .navbar-brand > * {
        max-height: 100px;
    }
    /* 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;
    }
}

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



/*==============================
=            Footer            =
==============================*/
/*----------  Editables  ----------*/
footer {
    /* Edit Footer Font Color */
    color: #fff;
    /* Edit Footer Background Color */
    background-color: #101010;
}

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

.copyright {
    /* Edit Copyright Background Color */
    background-color: rgba(0,0,0,0.5);
    /* Edit Copyright Font Color */
    color: rgba(255,255,255,.5);
    font-size: 11px;
}

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

.copyright a:hover,
.copyright a:focus {
    /* Edit Copyright Link Font Hover Color */
    color: #fff;
}
/*----------  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;
}

.social-media a:hover,
.social-media a:focus {
    /* Edit Social Media Icon Hover Color */
    color: #eee;
}
/*----------  Editables End  ----------*/

.social-media {
    font-size: 1rem;
    max-width: 500px;
    position: absolute;
    right: 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: 25px;
    height: 25px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: .3s all;
    transform-origin: center;
}

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

/*----------  Editables  ----------*/
.hero-caption {
    /* Edit Hero Caption Font Size */
    font-size: 72px;
    /* Edit Hero Caption Font Color */
    color: #fff;
    /* Edit Hero Caption Font Weight */
    font-weight: 500;
    /* Edit Hero Caption Background Color */
    background-color: rgba(0,0,0,.3);
    /* Edit Hero Caption Background Padding */
    padding: 0 30px;
}
/*----------  Editables End  ----------*/

.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;
}
/*=====  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: -100%;
        height: 100%;
        transition: .3s 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: -100%;
        height: 100%;
        transition: .3s 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: -100%;
        height: 100%;
        transition: .3s 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: -100%;
        height: 100%;
        transition: .3s 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: -100%;
    height: 100%;
    transition: .5s left;
    background-color: #fff;
}

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

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

/*======================================
=          Custom Styling            =
======================================*/