/* admin */
.editorButtons {
    margin-top: -25px;
    margin-bottom: 10px;
}
.tabs-wrapper .tabs {
    border: 0; margin:0; padding:0;
    text-align: right;
}
.tabs-wrapper .tabs li a {
    border:0;
    background: none;
    color: #fff;
    padding:5px 15px;
}
.tabs-wrapper .tabs li a:hover {
    background: #013a58;
}
.tabs-wrapper .tabs li .active {
    background: #005ea6;
    border:0;
}

    /* admin ends */

html { /* scrollspy smooth scroll */
    scroll-behavior: smooth;
}

body.html {
    font-family: 'Raleway', 'Open Sans', 'sans-serif', 'arial';
    color: #444;
    padding-top: 100px;
}
@media (min-width: 767px) {
    body.logged-in .navbar {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .fixed-top {
        position: relative;
    }
    body.html {
        padding-top: 0px;
    }
}
.sticky-offset {
    top: 20px;
    margin-bottom: 30px;
    padding-bottom:15px;
    border-bottom:2px solid #ddd;
}
body.logged-in .sticky-offset {
    top: 20px;
}
@media (min-width: 767px) {
    body.logged-in .sticky-offset {
        top: 80px;
    }

    .sticky-offset {
        top: 80px;
        border: 0;
    }
}
.paragraph {
    position: relative;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

/* breadcrumbs */
.breadcrumbs {
    background: #0073bd;
    padding: 10px;
    font-size: 75%;
    color: #003b59;
    border: 1px solid #0066ac;
}

.breadcrumbs a {
    color: #c6e2f4;
}
.breadcrumbs .dropdown {
    display: inline-block;
}
.breadcrumbs .brc {
    text-decoration: none;
    padding: 5px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.dropdown:hover > .brc {
    background-color: #fff;
    color: #003b59;
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5);
}

.breadcrumbs .dropdown-menu {
    margin-top:-17px;
    font-size: 90%;
}
.breadcrumbs .dropdown-item {
    color: #333;
}
.breadcrumbs .dropdown-item:hover {
    color: #fff;
}

/* nav */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

    /* expanded dropdown on mobile */
    @media (max-width: 767px) {
        .navbar-nav .dropdown-menu {
            display: block;
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .dropdown-toggle {
            display: none !important;
        }
        .navbar-inverse .navbar-nav .dropdown-menu > li > a {
            color: #9d9d9d;
        }
    }
@media (max-width: 767px) /* navbar not fixed on mobile */
{
    .sticky-top
    {
        position: relative;
        top: auto;
    }
}

.navbar{
    background: #fafafa;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.navbar-light .navbar-nav .nav-link {
    color: #333;
    border-bottom: 1px solid #ddd;
    padding: 12px 15px;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #0078c1;
    background: #fff;
}

.navbar-brand {
    margin: 0 0 0 10px; padding: 0;
    height: 50px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.nav-link {
    font-weight: bold;
    border-top:2px solid transparent;
}
.navbar form {
    margin: 9px 0 0px 0;
}
.nav-active
{
    border-left: 4px solid #0078c1;
}


/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 762px) {

    .navbar{
        margin:0; padding:0;
        height: 100px;
        z-index:999;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+51,ededed+100 */
        background: rgb(247,247,247); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(247,247,247,1) 51%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(247,247,247,1) 51%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(247,247,247,1) 51%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    }

    .nav-link {
        font-weight: normal;
    }
    /* if search is on */
    .navbar-nav {
        margin-top:13px;
    }
    .navbar-light .navbar-nav .nav-link {
        border: 0;
        padding: 8px 10px;

    }
    .navbar-brand {
        height: 70px;
    }

    .navbar-small {
        height:40px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.37);
    }
    .navbar-small .navbar-brand{
        height:30px;
        top:0px;
        margin:0 0 0 10px; padding:0;
    }
    .dropdown-menu li a {
        font-size: 80%;
        padding: 6px 15px;
    }

    .dropdown-menu {
        padding:1px;
        top:38px;
        -webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5);
        box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5);
    }
    .dropdown:hover > .nav-link {
        background-color: #fff;
        color: #003b59;
        -webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5);
        box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5);
    }

    .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-submenu .dropdown-menu {
        background: #fafafa;
        padding:1px;
        margin-left:-5px;
        -webkit-box-shadow: 1px 3px 10px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: 1px 3px 10px 2px rgba(0,0,0,0.3);
        box-shadow: 1px 3px 10px 2px rgba(0,0,0,0.3);
    }

    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
    .dropdown-submenu:hover > .dropdown-item {
        background-color: #0078c1;
        color: #fff;
    }
    .nav-active {
        background: #ebebeb;
        border: 0;
        color: #0078c1;
        font-weight: bold;
    }
    .nav-active > .nav-link {
        color: #0078c1;
        font-weight: bold;
    }
    /* footer links */
    .footer .nav-active {
        background: none;
    }
    .footer .nav-active a {
        color: #fff;
    }
    .footer a:hover,
    .footer .animlink > a:hover
    {
        color: #fff;
    }
    .footer .animlink > a:before
    {
        background-color: #fff;
    }
    /* search */
    .navbar-small form {
        margin-top: -52px;
    }
    .navbar form input {
        border:0;
        border-bottom: 1px solid #ddd;
        background: transparent;
        font-size: 80%;
    }
    .navbar form .btn {
        border: 0;

    }
}

/* animated link */

a {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.animlink > a {
    position: relative;
    color: #00a5e3;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.animlink > a:hover {
    color: #0078c1;
}
.animlink > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #0078c1;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.animlink > a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.bg-dark_blue .btn-outline-primary,
.bg-dark .btn-outline-primary {
    color: #fff;
    border-color: #fff;
}
.bg-dark_blue .btn-outline-primary:hover,
.bg-dark .btn-outline-primary:hover {
    color: #fff;
    border-color: #fff;
}
.bg-dark_blue a:not(.animated-button), .bg-dark a:not(.animated-button) {
    color: #94dfff;
}
.bg-dark_blue a:not(.animated-button):hover, .bg-dark a:not(.animated-button):hover {
    color: #b6f3ff;
}
.bg-dark .animlink > a:before, .bg-dark_blue .animlink > a:before {
    background-color: #b6f3ff;
}

/* animated buttons */

a.animated-button:link, a.animated-button:visited {
    position: relative;
    margin: 30px auto 0;
    padding: 14px 15px;
    font-size:14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
}
a.animated-button:link:after, a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
    color: #fff;
    text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
    height: 450%;
}
a.animated-button:link, a.animated-button:visited {
    position: relative;
    margin: 30px auto 0;
    padding: 14px 15px;
    font-size:14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

/* Victoria Buttons */

a.animated-button.victoria-one {
    /*border: 2px solid #007bff;*/
}
a.animated-button.victoria-one:after {
    background: #004e84;
    /*transition-delay: .3s;*/
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.victoria-two {
    border: 2px solid #007bff;
}
a.animated-button.victoria-two:after {
    background: #0069d9;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.victoria-three {
    border: 2px solid #007bff;
}
a.animated-button.victoria-three:after {
    background: #0069d9;
    opacity: .5;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
a.animated-button.victoria-three:hover:after {
    height: 140%;
    opacity: 1;
}
a.animated-button.victoria-four {
    border: 2px solid #007bff;
}
a.animated-button.victoria-four:after {
    background: #0069d9;
    opacity: .5;
    -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.victoria-four:hover:after {
    opacity: 1;
    height: 600% !important;
}

/* carousel */

.carousel-caption {
    max-width: 100%;
    width:100%;
    padding-bottom: 40px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
}

/* fancybox */

.fancybox {
    position: relative;
    overflow: hidden;
    display:inline-block;
}
.fancybox img {
    max-width: 100%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.fancybox:hover img, .hovereffect:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* image hover effect */
.hovereffect {
    position: relative;
    display: inline-block;
}
.captionBg {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0,0,0,0.2);
    -webkit-transition: all 0.35s ease 0s;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
}
.caption {
    position: absolute;
    display: inline-block;
    top: 35%;
    left: 0;
    width: 100%;
    padding:5px 10px;
    font-size: 85%;
    color: #fff;
    text-align: center;
}
.hovereffect:hover > a .captionBg  {
    opacity: 1;
}


/* buttons */
.btn {
    /*-webkit-clip-path: polygon(2% 2%, 100% 0, 97% 100%, 0 100%);
    clip-path: polygon(2% 2%, 100% 0, 97% 100%, 0 100%);*/
}
.btn:hover {
   /* -webkit-clip-path: polygon(0 2%, 98% 0, 100% 100%, 0 98%);
    clip-path: polygon(0 2%, 98% 0, 100% 100%, 0 98%);*/
}
/* paragraphs */
.pagetitle {
    padding-top: 20px;
    padding-bottom: 80px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9c9c9+1,e2e2e2+98 */
    color: #fff;
}
.homewhite {
    background: rgba(255,255,255,0.1);
    -webkit-clip-path: polygon(0 0, 95% 0, 100% 100%, 2% 100%);
    clip-path: polygon(0 0, 95% 0, 100% 100%, 2% 100%);
}
.home {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#19354f+1,0273b8+100 */
    background: rgb(25,53,79); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(25,53,79,1) 1%, rgba(2,115,184,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(25,53,79,1) 1%,rgba(2,115,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(25,53,79,1) 1%,rgba(2,115,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19354f', endColorstr='#0273b8',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.paragraph {
    padding-top: 50px;
    padding-bottom:70px;
    margin-top:-60px;
    -webkit-clip-path: polygon(0 10px, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 10px, 100% 0, 100% 100%, 0 100%);
}
.paragraph:nth-child(odd) {
    -webkit-clip-path: polygon(0 0, 100% 10px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 10px, 100% 100%, 0 100%);
}

@media screen and (min-width: 762px) {

    .paragraph {
        -webkit-clip-path: polygon(0 20px, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 20px, 100% 0, 100% 100%, 0 100%);
    }
    .paragraph:nth-child(odd) {
        -webkit-clip-path: polygon(0 0, 100% 20px, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 20px, 100% 100%, 0 100%);
    }

}

/* stretch card images */
.card {
    -webkit-transition: all 0.35s ease 0s;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    background: #fff;
    -webkit-box-shadow: 0px 4px 40px -13px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 4px 40px -13px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 40px -13px rgba(0, 0, 0, 0.5);
    /*border: 1px solid #dedede;*/
}
.card.nobg {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.card:hover {
    background: #0078c1;
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.8);
    box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.8);
    /*border: 1px solid #888;*/
}
.card.nobg:hover {
    color: #000;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.card:hover > a {
    text-decoration: none;
    color: #fff;
}
.card.nobg:hover > a{
    color: #0078c1;
}
.c
.card-body {
    margin:0; padding: 15px;
}

.card-caption {
    font-size: 85%;
}
.cardfooter {
    font-size: 80%;
    margin-top:10px;
    border-top: 1px solid #ddd;
}
.card img {
    object-fit: cover;
    border-radius: 0.2rem;
}

.card img { height: 200px;}

.card img[class] {
    width: 100%;
}


/* fancybox */

.img-thumbnail {
    /*background: #fff;*/
}

/* back to top */

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    color: rgba(0,0,0,0.3);
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    color: rgba(0,0,0,0.6);
}
#back-to-top.show {
    opacity: 1;
}
#content {
    height: 2000px;
}

/* dropdown menu fade in effect */
.dropdown > .dropdown-menu {
    animation-name: slidenavAnimation;
    animation-duration:.2s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;

    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration:.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration:.2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes slidenavAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

hr {
    border: 0;
    height: 1px;
    width:100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* scrollspy */
/* https://www.codeply.com/go/SN7xKODpUH/bootstrap-4-nav-sticky-sidebar-scrollspy */

.well {

    -webkit-box-shadow: 0px 4px 40px -13px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 40px -13px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 40px -13px rgba(0,0,0,0.1);
}

/* form */

.form-control:focus {
    border-color: #0078c1;
    box-shadow: none;
}
.form-control:hover {
    border-bottom: 1px solid #0078c1;
}

/* references  */
@media screen and (max-width: 712px) {

    #carouselReferences img {
        max-width: 120px; margin-top:20px;
    }

}