article {
    clear: both;
}
.site-header {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    background: url('../images/header_bg.html') repeat #FFFFFF;
    display: block;
    z-index: 999999;
}
.site-header .logo {
    float: left;
    padding: 24px 0px;
}
.site-header .header-more-info {
    position: relative;
    padding: 24px 0;
    float: right;
}
.site-header .contact-details {
    float: right;
    margin: 25px 0;
    padding: 0px;
}
.site-header .top-right {
    text-align: right;
    float: right;
}
.site-header .top-right {
    margin: 0px 0px 0px 15px;
}
.site-header .dt-sc-contact-info {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    margin: 0px 0px 10px;
    padding: 12px 0px 8px;
    border-bottom: 1px dotted #CCCCCC;
}
.site-header .contact-details p {
    text-align: right;
    margin: 0px;
}
.site-header p.dt-sc-contact-info {
    border-bottom: none;
    padding: 0;
}
.site-header .dt-sc-contact-info span {
    font-size: 25px;
    float: left;
    margin: 0px 10px 0px 0px;
    padding-bottom: 12px;
    width: 40px;
    text-align: center;
}
.site-header .contact-details .fa {
    margin-left: 5px;
    color: #252525;
}
.site-header .header-more-info .dt-sc-contact-info span {
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    margin: 0;
    padding: 0;
    width: auto;
    line-height: inherit;
}
.site-header .header-more-info .dt-sc-contact-info span.fa {
    float: right;
    margin-left: 5px;
}
.site-header .dt-sc-contact-info a {
    text-transform: lowercase;
}
.site-header .header-more-info .dt-sc-contact-info a {
    color: #5c5c5c;
    display: block;
}
.site-header .header-more-info .dt-sc-contact-info a {
    display: inline-block;
}
.site-header .container-fluid.sticky-wrapper {
    clear: both;
    width: 100%;
    z-index: 9999;
    display: block;
    height: auto !important;
}
.site-header #menu-container {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    box-shadow: 0px 4px 2px -2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 4px 2px -2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.1);
    border-top: 5px solid #ebebeb;
    background: #FFFFFF;
}
.site-header #site-navigation {
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 100;
    line-height: normal;
}
.site-header #site-navigation ul.menu {
    margin: 0px;
    padding: 0px;
}
.site-header #site-navigation ul.menu > li {
    margin: 0px;
    padding: 0px;
    margin: 0px;
    display: inline;
    float: left;
    position: relative;
}
.site-header #site-navigation ul.menu > li > a {
    display: block;
    padding: 0px 15px;
    margin: 0px;
    text-transform: uppercase;
    line-height: 65px;
    position: relative;
    margin-top: -5px;
    border-top: 5px solid #ebebeb;
    color: #434343;
}
.site-header #site-navigation ul.menu > li > a::after {
    content: "";
    background: -webkit-linear-gradient(bottom, #FFFFFF -100%, #f3f3f3 89%, #FFFFFF 100%);
    background: -o-linear-gradient(bottom, #FFFFFF -100%, #f3f3f3 89%, #FFFFFF 100%);
    background: -moz-linear-gradient(bottom, #FFFFFF -100%, #f3f3f3 89%, #FFFFFF 100%);
    background: -ms-linear-gradient(bottom, #FFFFFF -100%, #f3f3f3 89%, #FFFFFF 100%);
    background: linear-gradient(bottom, #FFFFFF -100%, #f3f3f3 89%, #FFFFFF 100%);
    width: 2px;
    height: 38px;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.site-header #site-navigation ul.menu > li.red > a {
    border-color: #f27c7e;
}
.site-header #site-navigation ul.menu > li.red > a:hover {
    color: #f27c7e;
}
.site-header #site-navigation ul.menu > li.mustard > a {
    border-color: #f7c44e;
}
.site-header #site-navigation ul.menu > li.mustard > a:hover {
    color: #f7c44e;
}
.site-header #site-navigation ul.menu > li.green > a {
    border-color: #acc158;
}
.site-header #site-navigation ul.menu > li.green > a:hover {
    color: #acc158;
}
.site-header #site-navigation ul.menu > li.yellow > a {
    border-color: #fce485;
}
.site-header #site-navigation ul.menu > li.yellow > a:hover {
    color: #fce485;
}
.site-header #site-navigation ul.menu > li.orange > a {
    border-color: #ea9d5f;
}
.site-header #site-navigation ul.menu > li.orange > a:hover {
    color: #ea9d5f;
}
.site-header #site-navigation ul.menu > li.blue > a {
    border-color: #4cbcd4;
}
.site-header #site-navigation ul.menu > li.blue > a:hover {
    color: #4cbcd4;
}
.site-header #site-navigation ul.menu > li.steelblue > a {
    border-color: #4c7296;
}
.site-header #site-navigation ul.menu > li.steelblue > a:hover {
    color: #4c7296;
}
.site-header #site-navigation ul.menu > li.lavender > a {
    border-color: #b0b6fb;
}
.site-header #site-navigation ul.menu > li.lavender > a:hover {
    color: #b0b6fb;
}
.site-header #site-navigation ul.menu > li.purple > a {
    border-color: #bc5393;
}
.site-header #site-navigation ul.menu > li.purple > a:hover {
    color: #bc5393;
}
.site-header #site-navigation ul.menu > li.pink > a {
    border-color: #de81b8;
}
.site-header #site-navigation ul.menu > li.pink > a:hover {
    color: #de81b8;
}
.site-header #menu-container ul.dt-sc-social-icons {
    float: right;
    height: 60px;
}
.site-header #menu-container .dt-sc-social-icons {
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    display: inline-block;
}
.site-header #menu-container ul.dt-sc-social-icons {
    float: right;
    height: 60px;
}
.site-header #menu-container ul.dt-sc-social-icons li {
    display: inline;
    float: left;
    margin-right: 1px;
}
.site-header #menu-container ul.dt-sc-social-icons li a {
    position: relative;
    border-top: 5px solid;
    display: inline-block;
    width: 50px;
    height: 70px;
    overflow: hidden;
    color: #292929;
    line-height: 65px;
    text-align: center;
    background-color: transparent;
    margin-top: -5px;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 10px;
}
.site-header #menu-container ul.dt-sc-social-icons li a span {
    width: inherit;
    padding: 0px 10px;
    height: 70px;
    line-height: 65px;
    bottom: auto;
    top: -70px;
    left: 0px;
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    display: block;
    position: absolute;
}
.site-header #menu-container ul.dt-sc-social-icons li a:before {
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.site-header #menu-container ul.dt-sc-social-icons li a:hover {
    color: #FFFFFF;
}
.site-header #menu-container ul.dt-sc-social-icons li a:hover span {
    top: 0px;
}
.site-header #menu-container ul.dt-sc-social-icons li a.facebook {
    border-color: #35538f;
}
.site-header #menu-container ul.dt-sc-social-icons li a.facebook span {
    background: #35538f;
    color: #fff;
}
.site-header #menu-container ul.dt-sc-social-icons li a.instagram {
    border-color: #8a3ab9;
}
.site-header #menu-container ul.dt-sc-social-icons li a.instagram span {
    background: #8a3ab9;
    color: #fff;
}
.site-header #menu-container ul.dt-sc-social-icons li a.twitter {
    border-color: #00acee;
}
.site-header #menu-container ul.dt-sc-social-icons li a.twitter span {
    background: #00acee;
    color: #fff;
}
.site-header #menu-container ul.dt-sc-social-icons li a.youtube {
    border-color: #FF0000;
}
.site-header #menu-container ul.dt-sc-social-icons li a.youtube span {
    background: #FF0000;
    color: #fff;
}

/* Footer */
footer .footer-links .social-icons li.facebook a,
footer .footer-links .social-icons li.facebook:hover a {
    background: #3c5b9b;
}
footer .footer-links .social-icons li.instagram a,
footer .footer-links .social-icons li.instagram:hover a {
    background: #8a3ab9;
}
footer .footer-links .social-icons li.twitter a,
footer .footer-links .social-icons li.twitter:hover a {
    background: #00acee;
}
footer .footer-links .social-icons li.youtube a,
footer .footer-links .social-icons li.youtube:hover a {
    background: #FF0000;
}
/* header Media Query  */
@media screen and (min-width: 1200px) and (max-width: 1365px) {
    .site-header #site-navigation ul.menu > li > a {
        padding: 0px 13px;
    }
    .site-header .header-more-info .dt-sc-contact-info a {
        font-size: 14px;
    }
    .alert_sticky.alert{
        right: 0px !important;
        left: 15px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .site-header #site-navigation ul.menu > li > a {
        padding: 0px 10px;
        font-size: 14px;
    }
    .site-header .header-more-info .dt-sc-contact-info a {
        font-size: 14px;
    }
    .alert_sticky.alert{
        right: 0px !important;
        left: 15px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .container, .container-md, .container-sm {
        max-width: 900px;
    }
    .site-header #site-navigation ul.menu > li > a {
        padding: 0px 5px;
        font-size: 12px;
    }
    .site-header #menu-container ul.dt-sc-social-icons li a {
        width: 38px;
    }
    .site-header #menu-container ul.dt-sc-social-icons li a {
        font-size: 14px;
        font-weight: normal;
    }
    .site-header .header-more-info .dt-sc-contact-info a {
        font-size: 14px;
    }
    .alert_sticky.alert{
        right: 0px !important;
        left: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .site-header #site-navigation ul.menu > li {
        width: 100%;
    }
    .main-navigation button::after{
        content: '\f0c9';
        position: absolute;
        width: 100%;
        height: 100%;
        color: #fff;
        top: 0;
        left: auto;
        font-family: "Font Awesome 5 Free";
        font-size: 20px;
    }
}