/*logo*/
.logo {
    width: 500px;
}
.logo {
    margin: 20px 0px 0px 0 !important;
}
span.logo_title2 {
    color: #005a7d;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1.5px;
    position: relative;
}
/*menu*/
div#mainmenu li a {
    font-weight: 600;
    color: black;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 12px;
}
/*menu end*/
.spl-slider {
    display: block !important;
    visibility: visible !important;
}

p.lead.skincolored.spl-p {
    padding: 1em 20% !important;
    line-height: 1.8 !important;
    font-weight: 500 !important;
}
@media(max-width:767px){
   p.lead.skincolored.spl-p {
    padding: 1.5em 1% !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: 1px;
}
}
.logo a.brand span.logo_title {
    font-size: 14px;
    color: #387697;
}
/*signup/in btn*/
.spl-login a img {
    transform: rotate(315deg);
    transition: .5s ease !important;
}
.spl-login a:hover img {
    transform: rotate(225deg);
    transition: .5s ease !important;
}
.spl-login a {
    transition: .5s ease !important;
}
p.tag-signup {
    font-size: 20px;
    letter-spacing: 7px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.wh-gr a.btn:nth-child(1) {
    background: #357640;
    letter-spacing: 3px;
    font-size: 12px;
    border: 2px solid #ffffff57;
    transition: .5s ease;
}
.wh-gr a.btn:nth-child(2) {
    background: #c0940a;
    letter-spacing: 3px;
    font-size: 12px;
    border: 2px solid #ffffff57;
    transition: .5s ease;
}
.wh-gr a.btn:hover {
    background: white;
    color: black;
}
a.btn.btn-primary.sign-in-btn {
    background: #c0940a;
}
a.btn.btn-primary.sign-in-btn:hover {
     background: white;
    color: black;
}
/*slider*/
.vigilant-logo img {
    max-width: 194px;
}
.wh-gr-slider {
    /* display: grid; */
    grid-template-columns: 25% 1fr;
    padding: 0px 10%;
    background: rgba(0, 0, 0, 0.2);
}
.wh-gr-slider h1 {
    background: none !important;
    padding: 15px 0px 15px !important;
}
@media(max-width:767px){
.wh-gr-slider {
    padding: 10px 0%;
    background: rgba(0, 0, 0, 0.2);
}
.wh-gr-slider h1 {
    padding: 0px 0px 0px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
}
}
.vigilant-logo {
    justify-self: right;
}
.style_switcher {
    display: none;
}
/*forgot-password*/
.before-otp {
    display: grid;
    grid-template-columns: 1fr 20%;
    grid-gap: 1em;
    padding: .7em 0;
}
.before-otp input {
    margin: 0px !important;
    align-self: center;
}
.before-otp button.btn.btn-primary {
    padding: 0;
    background: #c0940a;
}
.before-otp button.btn.btn-primary:hover {
    background: white;
    color: black;
    border-color: #c0940a;
}
.before-otp button.btn.btn-primary:active {
    color: white;
    border: none;
}
/*abt-us-page*/
section.ab-con p {
    color: black;
    line-height: 2;
}
@media(max-width:767px){
    section.ab-con {
    padding: 1em !Important;
}
}
section.ab-con {
    text-align: center;
    padding: 2em 8em !Important;
    letter-spacing: 1px;
}

h2.spl-sec-head {
    color: #005a7d;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 3%;
    text-align: center;
}
.main section {
    padding: 45px 0 0 0;
}
.feature_teaser h3 {
    color: black;
    text-transform: initial !important;
    font-weight: 600 !important;
    letter-spacing: 2px;
    line-height: 1.7;
}
h2.spl-sec-head2 {
    color: #005a7d;
    font-size: 20px;
    font-weight: 600;
}

/*privacy page*/
section.ab-con.privacy-policy {
    text-align: justify;
}
section.ab-con.privacy-policy li {
    color: black;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

/*home*/
.logo-gr {
    display: grid;
    grid-template-columns: 15% 1fr;
    grid-gap: .5em;
}

span.logo_title2:after {
    position: absolute;
    top: 85%;
    left: 0%;
    overflow: hidden;
    width: 83%;
    height: 3px;
    content: '\a0';
    background-color: #c0940a;
}
.gr-logo {
    display: grid;
    grid-template-rows: 50% 1fr;
    margin-top: 2.5%;
}
span.logo_title3 {
    color: #c0940a;
    letter-spacing: 1px;
}

.logo2 img {
    width: 100px;
}
.logo2 {
    display: block;
    text-align: center;
    margin-top: 2%;
}
.slider-head h1 {
    color: #f4bd11 !Important;
}
.bottom-foot-right li {
    list-style: none;
    padding: 0px 7px;
}
.bottom-foot-right > div {
    display: flex;
    float: right;
}
.bottom-foot-right li {
    list-style: none;
    padding: 0px 7px;
}
.bottom-foot-right > div li a {
    color: #999999;
}

.bottom-foot-right > div li a:hover {
    color: #428bca;
}