body {
    <?php if(!empty($bgpic)) {echo "background-image: url('$bgpic')";} else {} ?>;
    background-color: #3c7ca36e;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 50px;
    height: 100%;
}
.jumbotron {
    background: linear-gradient(rgb(63 81 181 / 82%), rgb(0 0 0 / 41%)), url("https://tabete.co.za/images/team-photo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 250px;
    padding-top: 70px;
    padding-bottom:70px;
}

.lg-text {
    font-size:42px;
    font-weight: 600;
    text-transform: none;
    color:#fff;
    text-align: center;
    text-shadow: 2px 2px 4px #000000;
}
nav.navbar.navbar-inverse.navbar-fixed-top {
    background-color: #141958;
    border-color: #ffffff;
    filter: drop-shadow(2px 4px 6px black);
    border-width: 0 0 2px;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}
.navbar-inverse .navbar-brand {
    color: #ffffff;
}
h4.oo {
    font-weight: 700;
    color: #ffffff;
}

h3.jumbotitle {
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 10px;
    text-shadow: 2px 2px 4px #000000;
}
a.btn.btn-default {
    background-color: #eee;
    border-radius: 7px;
}
img.img-circle.profile-pic-pro.text-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    border: 4px solid #f1f1f1;
    margin:30px auto;
}
.modal-footer.d-flex.justify-content-center {
    background-color: #1372bd;
}
div#loginmoda {
    background-color: #fefefe;
}
h4.jumbotitle {
    padding-top: 20px;
}
button#emailloginsubmission {
    font-weight: 700;
    color: #fff;
    font-size: larger;
}
a.btn.btn-md.lg {
    display: none !important;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
a.btn.btn-md {
    color: #fff;
    background-color: #071d81;
    border-radius: 4px;
    text-transform: inherit;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 15px 5px 5px;
    margin: 10px 0;
}
.col-sm-12 {
    background-color: #ffffffa3;
    margin: 15px auto;
    border-radius: 10px;
    padding: 20px;
    max-width: 600px;
}
a.btn.btn-default {
    width: 100%;
}
.col-sm-12 {
    background-color: #ffffffcf;
}

a.btn.btn-default {
    width: 100%;
    color: #fff;
}

img.profilepicture {
    width: 50px;
    height: 50px;
    object-fit: cover !important;
}
a.btn.btn-default {
    background-color: #0056a1 !important;
    border-radius: 7px;
    margin-bottom: 10px;
}
a.btn.btn-default-n {
    background-color: #af0606;
    border-radius: 7px;
    margin-bottom: 10px;
    width: 100%;
}
p {
    margin-top: 0;
    margin-bottom: 10px;
}
p.careertext {
    text-align: left;
    font-size: 17px;
    font-family: Roboto,Arial,sans-serif;
}
.navbar.navbar-inverse .nav-collapse {
    background-color: #141958 !important;
}
footer#footer {
    background-color: #141958;
    color: #fff;
    padding: 10px;
    text-align: center;
}

label {
    margin-bottom: 10px;
    margin-top: 10px;
}

.page_single.layout_fullhalf_padding {
    background-color: #ffffff;
    padding: 10px;
}

textarea#comments, input#email, input#name, input#cell {
    background-color: #eee;
}

@media all and (max-width: 520px) {
div#loginmoda, .col-sm-12 {
    margin:15px;
}
}

.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }

.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

button.btn.btn-danger.searchb {
    color: #fff;
    background-color: #3c7ca3;
    border-color: #3c7ca3;
    border-radius: 0 4px 4px 0;
}
a.btn.btn-default {
    background-color: #3c7ca3 !important;
    color: #141958;
}
    
input.searcha {
    width: 86%;
    float: left;
    border-radius: 4px 0 0 4px;
}

a.btn.btn-default.btn-outline.btn-circle {
    color: #e8e9e7;
}
.col-xs-12.col-sm-6.col-md-3.footers-one {
    padding: 0;
}
img.img-responsive.ourservices {
    object-fit: cover !important;
    width: 120px !important;
    height: 120px !important;
}

@media (min-width: 576px) {
.col-md-6 {
    flex: 0 0 50%;
    max-width: 48.2% !important;
    margin: 10px !important;
}
}

@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
        #social-share {
        position: fixed;
        right: 0px;
        top: 0%;
        z-index:10;
        background-color: #fff;
    }

}


/* CSS Code social sharing */
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }    
    100% { opacity: 1; }
}
 
@-moz-keyframes fadeIn {
    0% { opacity: 0; }    
    100% { opacity: 1; }
}
 
@-o-keyframes fadeIn {
    0% { opacity: 0; }    
    100% { opacity: 1; }
}
 
@keyframes fadeIn {
    0% { opacity: 0; }    
    100% { opacity: 1; }
}
 
    #social-share {
        position: fixed;
        right: 0px;
        top: 50%;
        z-index:10;
        background-color: #fff;
    }
    
        #social-share a {
            text-decoration: none;
            float: right;
        }
 
        #social-share a:not(:first-child) {
            animation:fadeOut 0.5s;
            display: none;
        }        
 
        #social-share:hover a:not(:first-child) {
            display: inline;
            -webkit-animation: fadeIn 0.5s;
            -moz-animation: fadeIn 0.5s;
            -o-animation: fadeIn 0.5s;
            animation: fadeIn 0.5s;
        }
 
        #social-share:hover .fa-share-alt {
            border-radius: 0px;
        }
                      
        #social-share a .my-social {
            border-right: 0;
        }
 
        #social-share a .fa-facebook-f {
            color: #3F51B5;
        }
         
        #social-share a .fa-twitter {
            color:#87ceeb;
        }
 
        #social-share a .fa-whatsapp {
            color:#008000;
        }
 
        #social-share a .fa-linkedin-in {
            color:#607d8b;
        }
 
        #social-share a .fa-reddit-alien {
            color:#ff6c00;
        }
 
        #social-share a .fa-instagram {
            color:#ff1740;
            padding: 8px 11px;
        }
         
        #social-share > a > .fa-share-alt {            
            color: #2196f3;
            border-right: 0;
            padding: 8px 10px;   
            border-radius: 0px;    
        }
          
        #social-share #facebook:focus > .fa-facebook-f, #social-share .fa-facebook-f:hover {
            background-color: #3e5e92;
            border-color:#3e5e92;
            color: #fff;
        }
         
        #social-share #twitter:focus > .fa-twitter, #social-share .fa-twitter:hover {
            background-color:#1dadeb;
            border-color: #1dadeb;
            color:#fff;
        }
         
        #social-share #whatsapp:focus > .fa-whatsapp, #social-share .fa-whatsapp:hover {
            background-color:#08c65b;
            border-collapse: #08c65b;
            color:#fff;
        }
         
        #social-share #linkedin:focus > .fa-linkedin-in, #social-share .fa-linkedin-in:hover {
            background-color:#0077b5;
            border-collapse: #0077b5;
            color:#fff;
        }
         
        #social-share #reddit:focus > .fa-reddit-alien, #social-share .fa-reddit-alien:hover {
            background-color:#ff6c00;
            border-collapse: #ff6c00;;
            color:#fff;
        }
         
        #social-share #instagram:focus > .fa-instagram, #social-share .fa-instagram:hover {
            background-color:#ff1740;
            border-collapse: #ff1740;
            color:#fff;
        }

        #social-share #telegram:focus > .fa-telegram-plane, #social-share .fa-telegram-plane:hover {
            background-color: #3e5e92;
            border-color:#3e5e92;
            color: #fff;
        }
         
        #social-share #share:focus > .fa-share-alt, #social-share .fa-share-alt:hover {
            color: #fff;
            background-color: #2196f3;
            border-color: #2196f3;
        }
 
        .my-social {
            font-size: 1.5em;
            border: 1px solid #3F51B5;
            padding: 8px 10px;
            cursor: pointer;
            transition: all 0.4s ease-out;
            -webkit-transition: all .4s ease-out;
            -moz-o-trasition: all .4s ease-out;
            -o-trasition: all .4s ease-out;
        }

p.injobtag {
    font-weight: 600;
    background-color: #141958;
    color: #fff;
    padding: 5px 10px !important;
    border-radius: 0 100px 100px 0;
    border: 2px solid #141958;
    text-align: left;
    width: 60%;
    margin-left: -12px;
    margin-right: auto !important;
}
p.injobtext {
    font-size: 16px;
    text-align: left;
}

.gotosite:hover {
    background-color: #b7dfe6;
    margin: 0;
    display: inline-flex;
    padding: 5px 16px;
    border-radius: 20px;
}
.gotosite {
    background-color: #141958;
    margin: 0;
    display: inline-flex;
    padding: 5px 16px;
    border-radius: 20px;
}

a.external.darker:hover {
    color: #141958;
    font-weight: 600;
}

a.external.darker {
    color: #ffffff;
    font-weight: 600;
}