@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900);
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

/*
font-family: 'Source Sans Pro', sans-serif;
*/

body{ padding:0; margin:0; font-size:17px; color:#333; font-family: 'Roboto', sans-serif;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
a:hover, a:focus, select:focus, button:focus { outline:none; text-decoration:none;}
a{ color: #42527b;}
a:hover, a:active {
    color: #022060;
}

img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
}


/************ Top header ***************/
.top_part {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}

.top_right {
    float: right;
}

#block-bitloud-branding {
    margin-top:1em;
}

.logo {
    float: left;
    padding: 0;
}

.phone {
    line-height:1.2em; 
    margin-top: .5em;
}
.phone .header {font-size:14px; float:right;}
.phone .number {font-size:18px; float:right;  display: flex;
   align-items:center;
}
.phone .number a:link { color:#022060 !important;}
.phone .number a:hover { color:#032a7e;}

/************ Banner text ***************/

#block-aftersliderinfo {
    background: #394a75;
    color: #fff;
}

#block-aftersliderinfo h3 {
    padding: 25px 0 0;
    font-family: 'Exo', sans-serif;
    color: #fff;
}

/************ Nav Sec ***************/
.nav_sec{ clear:both;}
.navbar {    padding: 0.5rem 0 !important; }
.navbar-light .navbar-nav .nav-link {
    color: #022060; font-size:16px;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #022060 !important;
    border-bottom: 2px solid #022060;
}
.navbar-light .navbar-nav .nav-link.is-active{
    color: #022060 !important;
    border-bottom: 2px solid #022060;
}
.navbar { float:right !important; }
.nav_sec .navbar-default{ background:#4083b0; border:none; margin:0; min-height:inherit; position:relative; z-index:5; border-radius:0;}
.nav_sec .navbar-nav > li{ margin:0 5px;}
.nav_sec .navbar-default .navbar-nav > li > a{ padding:15px; font-size:15px; color:#ffffff; text-transform:uppercase; font-weight:600;}
.nav_sec .navbar-default .navbar-nav > li > a:hover, .nav_sec .navbar-default .navbar-nav > li > a:focus{ background:none; color:#97cff6;}
.nav_sec .navbar-default .navbar-nav > .open > a, .nav_sec .navbar-default .navbar-nav > .open > a:hover, .nav_sec .navbar-default .navbar-nav > .open > a:focus{ background:none; color:#97cff6;}
.nav_sec .navbar-default .navbar-nav > .active > a, .nav_sec .navbar-default .navbar-nav > .active > a:hover, .nav_sec .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#97cff6;}

.nav_sec .navbar-nav.navbar-right > li{ margin:0;}
.nav_sec .navbar-nav.navbar-right > li a{ background:#06528c; color:#fff; text-align:center;}
.nav_sec .navbar-nav.navbar-right > li a:hover, .nav_sec .navbar-nav.navbar-right > li a:focus{ background:#06528c; color:#fff;}

.nav_sec .dropdown-menu{ padding:5px; border:none; background:#4083b0}
.nav_sec .dropdown-menu > li > a{ padding:5px 15px; font-size:15px; font-weight:500; color:#fff;}
.nav_sec .dropdown-menu > li > a:hover, .nav_sec .dropdown-menu > li > a:focus{ background:#fff; color:#4083b0;}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #c88b2a;
}
.nav_sec .dropdown-menu {
    padding: 5px;
    border: none;
    background: #c88b2a;
    color:#fff;
}
.dropdown-item {
    color:#fff;
}
.region-nav-additional {float:right;}


/************ Features ***************/
.features {
    background-color: #949bb5;
    color: #fff;
    padding: 40px;
}
#block-hrsupport, #block-feature2, #block-feature3,#block-feature4 {
    float: left;
}

/************ Body ***************/
main {
    padding: 25px 0;
}

/************ Contact Form ***************/

#block-bitloud-content .node__submitted {
    display:none;
}

/************ Footer ***************/

footer {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    background: #394a75;
}
.region-footer {
    margin-top: 2em;
}
.footer_sec h3, .footer_sec p, .footer_sec a {
    color: #fff;
}
.copyright {
    width: 100%;
    float: left;
    margin: 0;
    padding: 17px 0;
    background: #394a75;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #fff;
}