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

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

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

h1 {
    color: #424251;
    font-family: inherit;
    font-size: 2.555555em;
    font-weight: 600;
	line-height: normal;
	margin: 0px;
}

h2 {
    color: #353D4A;
    font-family: inherit;
    font-size: 2em;
    font-weight: 300;
	line-height: normal;
	margin-top: 0px;
}

h3 {
    color: #3E4857;
    font-size: 1.7em;
    font-family: inherit;
    font-weight: 300;
	line-height: normal;
	margin-top: 0px;
}

h4 {
    color: #353D4A;
    font-family: inherit;
    font-size: 1.444444em;
    font-weight: 400;
	line-height: normal;
}

h5 {
    color: #B38D46;
    font-family: inherit;
    font-size: 2.555555em;
    font-weight: 600;
	line-height: normal;
	margin: 0px;
}

@media (max-width: 992px) {
    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.75em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.222222em;
    }
	
    h5 {
        font-size: 2em;
    }
}

a {
    /* Edit Website Link Font Color */
    color: #000aed;
}

a:hover,
a:focus {
    /* Edit Website Link Font Hover Color */
    color: #00045b;
}
/*----------  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;
}

.btn {
    color: #fff;
    background-color: #7F7F7F;
    border-color: #959597;
    border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 5px auto;
}

.btn:hover,
.btn:focus {
    color: #fff;
    background-color: #3d4257;
    border-color: #3d4257;
}

.is-btn-ghost1 {
	color: #262970;
	border: 2px solid #262970;
	text-transform: uppercase;
	margin: 5px auto;
}

.is-btn-ghost1:hover,
.is-btn-ghost1:focus {
	color: #ffffff;
	border: 2px solid #262970;
	background-color: #262970;
}

.is-btn-ghost2 {
	color: #BF964B;
	border: 2px solid #353D4A;
	background-color: #353D4A;
	text-transform: uppercase;
	margin: 5px auto;
}

.is-btn-ghost2:hover,
.is-btn-ghost2:focus {
	color: #BF964B;
	border: 2px solid #3E4857;
	background-color: #3E4857;
}

/*=====  End of General Styling  ======*/

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

/*------  Editables  -------*/
.menu {
    /* Edit Menu Font Color */
    color: #DFE3EA;
    /* Edit Menu Text Transform */
    text-transform: uppercase;
    /* Edit Menu Font Size */
    font-size: 14px;
    /* Edit Menu Font Weight */
    font-weight: 400;
}

.menu.stuck,
.menu.stuck .navbar-nav ul {
    /* Edit "Stuck" Menu & Dropdown Background Color */
    background-color: #1b1d51;
}

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

.menu,
.navbar,
.navbar-nav ul,
.navbar-nav ul:before {
    /* Edit Menu & Dropdown Background Color */
    background-color: #4e4f61b5;
}

@media (max-width:767px) {
.menu,
.navbar,
.navbar-nav ul,
.navbar-nav ul:before {
    /* Edit Menu & Dropdown Background Color */
    background-color: #262970;
}
}

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

.info-bar {
    /* Edit Info Bar Background Color */
    background-color: #262970;
    /* Edit Info Bar Font/Icon Color */
    color: #ffffff;
}

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

/*-----  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: #fff;
    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: 300px;
    padding-top: 14px;
    padding-bottom: 14px;
}

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

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

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

.info-bar a {
    color: inherit;
}

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

.menu.stuck .info-bar {
    max-height: 0;
}
/*----------  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: 74px;
    }

    .menu {
        color: #fff;
    }

    .navbar-nav li:hover a,
    .navbar-nav li:focus a {
        color: #fff;
    }

    .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: #ffffff;
        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;
    }
}

@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: 1199px) {
    .navbar-nav {
        padding-left: 300px !important;
    }
}

@media (min-width: 1200px) {
    .navbar-brand {
        max-width: 400px;
    }

    .navbar-nav {
        padding-left: 400px !important;
    }
}
/*----------  End of Responsive Styling  ----------*/
/*=====  End of Menu  ======*/


.content-default {
	margin-top: 40px;
	margin-bottom: 40px;
	
} 


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

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

.copyright {
    /* Edit Copyright Background Color */
    background-color: #1b1d51;
    /* Edit Copyright Font Color */
    color: rgb(255 255 255);
    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: inherit;
}

/*=====  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;
}
/*=====  End of Social Media  ======*/

/*==================================
=            Off Canvas            =
==================================*/
.offcanvas-mask {
    opacity: 0;
    background-color: #DFE3EA;
    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: -150%;
        height: 100%;
        transition: .4s left;
        background-color: #DFE3EA;
    }

    .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: -150%;
        height: 100%;
        transition: .4s left;
        background-color: #DFE3EA;
    }

    .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: -150%;
        height: 100%;
        transition: .4s left;
        background-color: #1b1d51;
        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: -150%;
        height: 100%;
        transition: .4s left;
        background-color: #DFE3EA;
    }

    .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: -150%;
        height: 100%;
        transition: .4s left;
    background-color: #DFE3EA;
}

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

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

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