:root
{
    --blue: #0040ff;
    --white: #faf0e6;
    --darkBlueFooter: #002b80;
    --lightBrown: #eb9316;
}

/*! CSS Used from: https://topchoice.co.ke/css/bootstrap.css */
body
{
    margin: 0;
}

footer,header,nav,section {
    display: block;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,a:hover {
    outline-width: 0;
}

strong {
    font-weight: inherit;
}

strong {
    font-weight: bolder;
}

mark {
    background-color: #ff0;
    color: #000;
}

img {
    border-style: none;
}

button,input,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,input {
    overflow: visible;
}

button {
    text-transform: none;
}

button,html [type="button"],[type="submit"] {
    -webkit-appearance: button;
}

textarea {
    overflow: auto;
}

@media print {
    *,*::before,*::after,p::first-letter,div::first-letter,li::first-letter,p::first-line,div::first-line,li::first-line {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }

    a,a:visited {
        text-decoration: underline;
    }

    img {
        page-break-inside: avoid;
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3;
    }

    h2,h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }
}

*,*::before,*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
}

h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol,ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul ul,ul ol {
    margin-bottom: 0;
}

a {
    color: #0275d8;
    text-decoration: none;
}

a:focus,a:hover {
    color: #014c8c;
    text-decoration: underline;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

img {
    vertical-align: middle;
}

a,button,input,textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,button,textarea {
    line-height: inherit;
}

textarea {
    resize: vertical;
}

h2,h3,h4,h5,h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 576px) {
    .container {
        width: 540px;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        width: 720px;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        max-width: 100%;
    }
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 576px) {
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
}

@media (min-width: 768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.col-sm-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-12,.col-lg-3,.col-lg-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .col-sm-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-12,.col-lg-3,.col-lg-6 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .col-sm-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-12,.col-lg-3,.col-lg-6 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .col-sm-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-12,.col-lg-3,.col-lg-6 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .col-sm-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-12,.col-lg-3,.col-lg-6 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 576px) {
    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.btn {
    display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn:focus,.btn:hover {
    text-decoration: none;
}

.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
}

.btn:disabled {
    cursor: not-allowed;
    opacity: .65;
}

.btn:active {
    background-image: none;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

.collapse {
    display: none;
}

.dropdown {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: normal;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #1d1e1f;
    text-decoration: none;
    background-color: #f7f7f9;
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
}

.dropdown-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: transparent;
}

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5em 1em;
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none;
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.5rem 1rem;
}

.navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:focus,.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem;
}

@media (max-width: 991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }
}

@media (min-width: 992px) {
    .navbar-toggleable-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navbar-toggleable-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-toggleable-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .navbar-toggleable-md .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        width: 100%;
    }

    .navbar-toggleable-md .navbar-toggler {
        display: none;
    }
}

.navbar-inverse .navbar-toggler {
    color: white;
}

.navbar-inverse .navbar-toggler:focus,.navbar-inverse .navbar-toggler:hover {
    color: white;
}

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-inverse .navbar-nav .nav-link:focus,.navbar-inverse .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.mr-auto {
    margin-right: auto!important;
}

.ml-auto {
    margin-left: auto!important;
}

@media (min-width: 768px) {
    .mt-md-0 {
        margin-top: 0!important;
    }
}

.text-right {
    text-align: right!important;
}

.text-center {
    text-align: center!important;
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none!important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none!important;
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none!important;
    }
}
/*! CSS Used from: https://topchoice.co.ke/css/font-awesome.min.css */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-star:before {
    content: "\f005";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-phone:before {
    content: "\f095";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-envelope-open-o:before {
    content: "\f2b7";
}
/*! CSS Used from: https://topchoice.co.ke/css/all.css */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.slideInLeft {
    animation-name: slideInLeft;
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-theme .owl-dots,.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
    margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.owl-style-02 .owl-nav [class*="owl-"] {
    border-radius: 40px;
    color: #dadee6;
    background-color: #ffffff;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #dadee6;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 5px 3px;
    padding: 0;
    width: 40px;
}
/*! CSS Used from: https://topchoice.co.ke/style.css */
[class^="flaticon-"]:before,[class^="flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-mouse:before {
    content: "\f10c";
}

.flaticon-multiply:before {
    content: "\f10d";
}

body,p {
    color: #999999;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85714em;
}

.btn,li,ol,h2,h3,h4,h5,h6,body,p {
    font-family: Poppins;
}

.portfolio-details h4 a,h2,h3,h4,h5,h6 {
    color: #131313;
}

a {
    outline: 0!important;
    text-decoration: none!important;
}

a:hover,a:focus {
    color: #131313;
}

h2,h3,h4,h5,h6 {
    line-height: 1.4;
    font-weight: 400;
}

hr.invis1 {
    border: 0!important;
    margin: 60px 0!important;
}

.header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background-color: #ffffff;
    opacity: 1;
    z-index: 11;
}
.transparent-header {
    /* background-color: transparent; */
    position: absolute;
    padding: 20px 0;
    z-index: 100;
}
.yamm .nav,.yamm .collapse,.yamm .dropdown {
    position: static;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: auto;
    overflow: hidden;
}

.yamm-fw ol {
    padding: 0;
    list-style: none;
}

.mega-menu-items {
    padding: 2rem;
}

.menu-image {
    position: relative;
}

.menu-details {
    position: absolute;
    z-index: 10;
    left: 40px;
    bottom: 80px;
}

.menu-image p {
    color: #dedede;
    font-weight: 300!important;
    font-size: 16px;
}

.menu-image p.bolder {
    font-size: 26px;
    padding-bottom: 0.4rem;
    margin: 0;
    color: #ffffff;
    font-weight: 600!important;
}

.menu-image .btn {
    color: #ffffff!important;
    padding: 0.9rem 2.5rem!important;
}

.mega-menu-items h4 {
    font-size: 15px;
    padding: 0.4rem 0 0.9rem;
    margin: 0;
    line-height: 1;
    font-weight: 600;
}

.header .yamm-fw .dropdown-menu {
    padding: 0!important;
}

.yamm-fw li a {
    font-weight: 400!important;
    text-transform: capitalize;
    color: #989898;
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
    font-size: 13px;
    border-radius: 5px;
}

.yamm-fw li a:hover {
    color: #131313;
    padding-left: 10px;
}

.yamm-fw li a:before {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    content: "\f178";
    position: absolute;
    top: -1px;
    left: -30px;
    font-family: 'FontAwesome';
}

.yamm-fw li a:hover:before {
    left: -15px;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    padding: 0.9rem 0 0.8rem;
    text-transform: capitalize;
}

.header .menu-right,.header .head-social {
    margin-top: 6px;
}

.header .head-social {
    border-right: 1px solid rgba(255,255,255,0.4);
    height: 25px;
    padding-right: 8px;
}

.header .menu-right {
    margin-left: 8px;
}

.header .menu-right a,.header .head-social a {
    font-size: 14px;
    padding: 0;
    display: inline-block;
    width: 20px;
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.navbar-nav .nav-link {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0.9rem 0 0.8rem;
    text-transform: uppercase;
}

.dropdown-toggle::after {
    display: inline-block;
    width: auto;
    height: auto;
    margin-left: 0.5em;
    margin-top: -0.3rem;
    vertical-align: middle;
    content: "\f107";
    border: 0;
    font-family: 'FontAwesome';
}

.navbar-toggleable-md .navbar-nav .nav-link {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.header .dropdown-menu {
    padding: 15px!important;
    box-shadow: none;
    border: 0!important;
    min-width: 200px;
    border-radius: 10px!important;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.35);
    box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.35);
}

.header .dropdown-item {
    font-weight: 400!important;
    text-transform: capitalize;
    padding: 2px 12px;
    font-size: 13px;
    color: #989898;
    border-radius: 5px;
}

.header .dropdown-item:hover,.header .dropdown-item:focus {
    color: #333333;
}

.header .dropdown-item:hover {
    background-color: #ecf0f8;
}

.header .dropdown ul li:last-child {
    border-bottom: 0;
}

.header .dropdown-item span {
    position: absolute;
    right: 20px;
    top: 2px;
}

.top-message.alert {
    left: 0;
    opacity: 1;
    z-index: 9999;
    border-radius: 0!important;
    border: 0!important;
    position: absolute;
    text-align: left!important;
    right: 0;
    bottom: 0;
}

.top-message.alert {
    padding: 0!important;
    margin: 0!important;
}

.top-message.alert a {
    color: #ffffff;
    font-size: 25px;
    outline: medium none;
    position: absolute;
    top: 24px;
    right: 0;
    text-decoration: none;
}

.top-message.alert p {
    color: #ffffff;
    padding: 1.3rem 0;
    font-weight: 300;
    margin: 0;
}

.top-message.alert p strong {
    font-weight: 600;
}

.section {
    background-color: #ffffff;
    padding: 8rem 0;
    position: relative;
}

section::before,section::after {
    position: absolute;
    content: '';
    pointer-events: none;
}

.bt {
    border-top: 1px solid #e9edf5;
}

.section.littlepad {
    padding: 3rem 0;
}

.section.lb {
    background-color: #ecf0f8;
}

.section-title {
    margin-bottom: 4rem;
    display: block;
    position: relative;
}

.section-title h2 {
    font-size: 31px;
    letter-spacing: 0;
    padding: 0;
    font-weight: 300;
    margin: 1.5rem auto 0;
}

.section-title h4 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.8px;
    border-bottom: 2px solid #333;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

.tagline-v2 h3 {
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 48px;
    margin: 0 0 2rem;
}

.tagline-v2 p {
    font-size: 15px;
    line-height: 36px;
    margin: 0 0 2rem;
    font-weight: 300;
}

.padleft30 {
    padding-left: 30px;
}

.screen-normal {
    position: relative;
}

.service-style-03 h5 {
    margin: 0 0 1rem;
    line-height: 1;
    padding: 0;
}

.service-style-03 p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.hero {
    display: flex;
    top: 0;
    align-items: center;
    height: 100vh;
    z-index: 1;
    text-align: center;
    position: relative;
    background: url(https://topchoice.co.ke/upload/demo-bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hero h2 {
    font-size: 60px;
    color: #ffffff;
    font-weight: bold;
    padding: 1rem 0 1.2rem;
    margin: 0;
    line-height: 1;
}

.hero h4 {
    color: #ffffff;
    font-size: 18px;
    padding: 0;
    margin: 2rem 0 0;
    line-height: 1;
}

.hero mark {
    color: #ffffff!important;
    line-height: 1;
    font-size: 14px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 5px;
    padding: 0 15px!important;
}

.magnifier {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.portfolio-ver-01 {
    background-color: #ffffff;
}

.portfolio-details {
    padding: 1.4rem;
}

.portfolio-details h4 {
    font-size: 18px;
    padding: 0 0 0.6rem;
    margin: 0;
}

.portfolio-details p {
    padding: 0;
    margin: 0;
}

.btn {
    border: 0;
}

.btn.withradius {
    border-radius: 500px!important;
}

.secbtn {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.8px;
    padding: 18px 53px 18px 53px;
    text-transform: uppercase;
}

.btn.withicon i {
    display: none;
    position: absolute;
    right: 30px;
}

.btn.withicon:hover i,.btn.withicon:focus i {
    display: inline-block;
}

.btn.withicon:hover,.btn.withicon:focus {
    padding-right: 63px;
}

#nav-close:hover,#nav-close:focus,.hero a,.btn-orange:hover,.btn-orange:focus,.btn-orange:disabled,.btn-orange:active {
    color: #ffffff;
}

.btn-gradient {
    color: #ffffff!important;
}

.btn-sm {
    font-size: 13px!important;
    padding: 0.9rem 2.5rem;
    font-size: 0.875rem!important;
    line-height: 1!important;
}

.bottom-button {
    color: #ffffff;
    left: 0;
    right: 0;
    font-size: 24px;
    bottom: 30px;
    position: absolute;
    z-index: +4;
}

div.sidewrapper.sidenav {
    background: #ffffff;
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -135em;
    top: 0;
    width: 400px;
    z-index: 99999;
    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
}

.sidewrapper .widget {
    margin-bottom: 1rem;
    margin-top: 2rem;
    padding: 1rem 3rem;
}

.sidewrapper .footer-copy {
    position: absolute;
    bottom: 30px;
    left: auto;
    right: auto;
    text-align: center;
    width: 100%;
}

#nav-close {
    display: inline-block;
    font-size: 15px;
    padding-right: 0;
    position: relative;
    right: 40px;
    color: #999999;
    text-align: center;
    top: 25px;
}

.navbar-toggler {
    align-self: flex-start;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 11px;
    line-height: 1;
    padding: 0.3rem 0.6rem;
}

.widget-title-sidebar {
    position: relative;
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: 2rem;
}

.widget-title-sidebar h3 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.widget-title {
    padding: 0 0 1.2rem;
    margin: 0;
    font-size: 21px;
    line-height: 1;
}

.contact-widget .widget-title {
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-size: 14px;
    line-height: 1;
    padding-bottom: 1rem;
}

.contact-widget .widget-title i {
    font-size: 18px;
    padding-right: 4px;
}

.instagram-widget a {
    width: 20%;
    margin: 0;
    float: left;
    text-align: center;
    padding: 5px;
}

.instagram-widget img {
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.instagram-widget img:hover {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

.footer .widget-title {
    color: rgba(255,255,255,1);
}

.footer-copy {
    display: block;
    margin-top: 2rem;
}

.footer-social {
    display: block;
    padding-top: 4rem;
    margin-top: 4rem;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.footer-copy p,.footer-copy a {
    margin: 0;
    padding: 0;
}



.footer-social .social-icon {
    height: 40px;
    display: inline-block;
    line-height: 42px;
    width: 40px;
    border-radius: 500px;
    color: #ffffff!important;
    margin: 0 5px;
    background-color: rgba(255,255,255,0.1);
}

.footer .social-icon:hover {
    background-color: rgba(255, 255, 255, 1);
    color: #000000!important;
}

.dmtop {
    background-color: var(--blue);
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    position: fixed;
    bottom: -100px;
    border-radius: 500px;
    right: 25px;
    text-align: center;
    cursor: pointer;
    overflow: auto;
    z-index: +13;
}

.dmtop:hover,.dmtop:focus
{
    background-color: #ffffff;
    color: var(--blue);
}

a,.instagram-widget img,.header .dropdown-item,.yamm-fw li a:before,.yamm-fw li a,.dmtop,.footer-social .social-icon {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
/*! CSS Used from: https://topchoice.co.ke/css/responsive.css */
@media (max-width: 992px) {
    .padleft30 {
        padding-left: 0;
    }

    .section {
        padding: 4rem 0;
    }

    .transparent-header {
        /* background-color: #090c1e!important; */
        padding: 10px 10px!important;
        position: relative!important;
    }

    .header .dropdown-menu {
        min-width: auto;
    }

    .navbar-toggler-right {
        top: 17px;
        cursor: pointer;
    }

    .hero h2 {
        font-size: 44px;
    }

    .tagline-v2 h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .tagline-v2 p {
        font-size: 14px;
        line-height: 24px;
    }

    body,p {
        font-size: 14px;
        line-height: 1.6;
    }
}

@media (max-width: 768px) {
    .mobmartop30 {
        margin-top: 30px;
    }

    .mega-menu-items {
        padding: 1rem 2rem!important;
    }

    .hero h2 {
        font-size: 34px;
    }
}

@media (min-width: 992px) {
    .header .dropdown-menu {
        margin-top: 13px;
    }

    .header .navbar-nav .has-submenu {
        position: static;
    }

    .header .navbar-nav .has-submenu:hover > ul {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }

    .header .navbar-nav .has-submenu:hover > ul li ul {
        margin-top: -1px;
    }

    .header .navbar-nav .has-submenu ul {
        -webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        -moz-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        -o-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
    }

    .header .navbar-nav .has-submenu .dropdown-menu {
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .header .navbar-nav .has-submenu > ul {
        position: absolute;
        top: 130%;
        visibility: hidden;
        display: block;
        opacity: 0;
        left: auto;
    }

    .header .navbar-nav .has-submenu > ul li {
        position: relative;
    }

    .header .navbar-nav .has-submenu > ul li:hover > ul {
        visibility: visible;
        opacity: 1;
        left: 100%;
    }

    .header .navbar-nav .has-submenu > ul li ul {
        position: absolute;
        top: 0;
        visibility: hidden;
        display: block;
        opacity: 0;
        left: 130%;
    }
}
/*! CSS Used from: https://topchoice.co.ke/css/colors.css */
.grd5
{
    background: rgba(0, 0, 0, 0) linear-gradient(to right, var(--blue), var(--blue)) repeat scroll 0 0;
}

.section-title.cpurple h4 {
    border-bottom-color: var(--blue);
}

a,.fa-star,.yamm-fw li a:before,.btn.withicon:hover i,.btn.withicon:focus i {
    color: var(--blue);
}

.btn-orange {
    background-color: var(--blue)!important;
}

.section-title h4 {
    border-bottom-color: var(--blue);
}

.hero mark {
    color: #ffffff;
    background-color: var(--blue);
    border-color: var(--blue);
}

/*
div.sidewrapper.sidenav,.owl-style-02 .owl-nav [class*="owl-"]:hover,.btn-orange:hover,.btn-orange:focus,.btn-orange:disabled,.btn-orange:active {
    color: #ffffff;
    background-color: #040707!important;
    border-color: #040707!important;
}

div.sidewrapper.sidenav,.owl-style-02 .owl-nav [class*="owl-"]:hover,.btn-orange:hover,.btn-orange:focus,.btn-orange:disabled,.btn-orange:active {
    color: #ffffff;
    background-color: #040707!important;
    border-color: #040707!important;
}
 */

.menu-image .btn,.footer {
    background-color: #040707;
}
/*! CSS Used from: https://topchoice.co.ke/styleslider.css */
.hero {
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-color: black;
    display: flex;
    top: 0;
    align-items: center;
    height: 100vh;
    z-index: 1;
    text-align: center;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hero img {
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    opacity: 1.0;
}

.slideshow-img-anim {
    animation-duration: 30s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

#slideshow-img-1 {
    animation-name: img1;
}

#slideshow-img-2 {
    animation-name: img2;
}

#slideshow-img-3 {
    animation-name: img3;
}

#slideshow-img-4 {
    animation-name: img4;
}

@media screen and (max-width: 600px) {
    div.slideshowmeme {
        display: none;
    }
}
/*! CSS Used from: https://topchoice.co.ke/css1/owl.carousel.min.css */
.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*! CSS Used from: Embedded */
.open-button {
    background-color: #000000;
    color: white;
    padding: 10px 14px;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 150px;
    right: -20px;
    width: 150px;
    z-index: +13;
}

.open-button:hover {
    background-color: var(--blue);
    opacity: 1;
}
/*! CSS Used from: Embedded */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    z-index: +12;
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/*! CSS Used from: Embedded */
* {
    box-sizing: border-box;
}

.row:after {
    content: "";
    display: table;
    clear: both;
    font-size: 16px;
}

.sub-button {
    background-color: #000000;
    color: white;
    padding: 10px 14px;
    border: none;
    cursor: pointer;
    position: fixed;
    z-index: +1;
}

.hov {
    font-weight: 500;
    color: black;
    font-size: 13px;
}

.hovsm {
    color: black;
    font-size: 13px;
    font-weight: 300;
}

textarea {
    width: 100%;
    height: 80px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    resize: none;
    border-radius: 5px;
}

input[type=text] {
    width: 100%;
    height: 40px;
    padding: 12px 20px;
    margin: 5px 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    border-radius: 5px;
}

input[type=text]:focus {
    border: 2px solid #383a3c;
}

input[type=email] {
    width: 100%;
    height: 40px;
    padding: 12px 20px;
    margin: 5px 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    border-radius: 5px;
}

input[type=email]:focus {
    border: 3px solid #383a3c;
}

@media screen and (max-width: 600px) {
    div.lochide {
        display: none;
    }
}
/*! CSS Used from: Embedded */
.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

@media screen and (max-width: 600px) {
    div.map-responsive {
        display: none;
    }
}
/*! CSS Used from: Embedded */
.buttonall {
    background-color: #000000;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 65px;
    z-index: +3;
    opacity: 0.7;
}

.button1,.button2,.button3,.button4 {
    background-color: #000000;
    color: white;
    border: 2px solid #000000;
    right: 0px;
    bottom: 65px;
    padding: 10px 18px;
}

.button1:hover,.button2:hover,.button3:hover,.button4:hover {
    background-color: var(--blue);
    border: 2px solid var(--blue);
    color: white;
    opacity: 0.9;
}

@media screen and (max-width: 600px) {
    div.buttonall {
        display: none;
    }
}
/*! CSS Used keyframes */
@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes img1 {
    0% {
        width: 150%;
        top: 0;
        left: 0;
        opacity: 0;
    }

    1% {
        width: 148.75%;
        top: -1;
        left: 0;
        opacity: 0.125;
    }

    2% {
        width: 147.5%;
        top: -2;
        left: 0;
        opacity: 0.25;
    }

    3% {
        width: 146.25%;
        top: -3;
        left: 0;
        opacity: 0.375;
    }

    4% {
        width: 145%;
        top: -4;
        left: 0;
        opacity: 0.5;
    }

    5% {
        width: 143.75%;
        top: -5;
        left: 0;
        opacity: 0.625;
    }

    6% {
        width: 142.5%;
        top: -6;
        left: 0;
        opacity: 0.75;
    }

    7% {
        width: 141.25%;
        top: -7;
        left: 0;
        opacity: 0.875;
    }

    8% {
        width: 140%;
        top: -8;
        left: 0;
        opacity: 1;
    }

    9% {
        width: 138.75%;
        top: -9;
        left: 0;
        opacity: 1;
    }

    10% {
        width: 137.5%;
        top: -10;
        left: 0;
        opacity: 1;
    }

    11% {
        width: 136.25%;
        top: -11;
        left: 0;
        opacity: 1;
    }

    12% {
        width: 135%;
        top: -12;
        left: 0;
        opacity: 1;
    }

    13% {
        width: 133.75%;
        top: -13;
        left: 0;
        opacity: 1;
    }

    14% {
        width: 132.5%;
        top: -14;
        left: 0;
        opacity: 1;
    }

    15% {
        width: 131.25%;
        top: -15;
        left: 0;
        opacity: 1;
    }

    16% {
        width: 130%;
        top: -16;
        left: 0;
        opacity: 1;
    }

    17% {
        width: 128.75%;
        top: -17;
        left: 0;
        opacity: 0.875;
    }

    18% {
        width: 127.5%;
        top: -18;
        left: 0;
        opacity: 0.75;
    }

    19% {
        width: 126.25%;
        top: -19;
        left: 0;
        opacity: 0.625;
    }

    20% {
        width: 125%;
        top: -20;
        left: 0;
        opacity: 0.5;
    }

    21% {
        width: 123.75%;
        top: -21;
        left: 0;
        opacity: 0.375;
    }

    22% {
        width: 122.5%;
        top: -22;
        left: 0;
        opacity: 0.25;
    }

    23% {
        width: 121.25%;
        top: -23;
        left: 0;
        opacity: 0.125;
    }

    24% {
        width: 120%;
        top: -24;
        left: 0;
        opacity: 0;
    }

    100% {
        width: 150%;
        top: 0;
        left: 0;
        opacity: 0;
    }
}

@keyframes img2 {
    0% {
        width: 120%;
        top: -32;
        left: 0;
        opacity: 0;
    }

    16% {
        width: 120%;
        top: -32;
        left: 0;
        opacity: 0;
    }

    17% {
        width: 121.25%;
        top: -31;
        left: 0;
        opacity: 0.125;
    }

    18% {
        width: 122.5%;
        top: -30;
        left: 0;
        opacity: 0.25;
    }

    19% {
        width: 123.75%;
        top: -29;
        left: 0;
        opacity: 0.375;
    }

    20% {
        width: 125%;
        top: -28;
        left: 0;
        opacity: 0.5;
    }

    21% {
        width: 126.25%;
        top: -27;
        left: 0;
        opacity: 0.625;
    }

    22% {
        width: 127.5%;
        top: -26;
        left: 0;
        opacity: 0.75;
    }

    23% {
        width: 128.75%;
        top: -25;
        left: 0;
        opacity: 0.875;
    }

    24% {
        width: 130%;
        top: -24;
        left: 0;
        opacity: 1;
    }

    25% {
        width: 131.25%;
        top: -23;
        left: 0;
        opacity: 1;
    }

    26% {
        width: 132.5%;
        top: -22;
        left: 0;
        opacity: 1;
    }

    27% {
        width: 133.75%;
        top: -21;
        left: 0;
        opacity: 1;
    }

    28% {
        width: 135%;
        top: -20;
        left: 0;
        opacity: 1;
    }

    29% {
        width: 136.25%;
        top: -19;
        left: 0;
        opacity: 1;
    }

    30% {
        width: 137.5%;
        top: -18;
        left: 0;
        opacity: 1;
    }

    31% {
        width: 138.75%;
        top: -17;
        left: 0;
        opacity: 1;
    }

    32% {
        width: 140%;
        top: -16;
        left: 0;
        opacity: 1;
    }

    33% {
        width: 141.25%;
        top: -15;
        left: 0;
        opacity: 1;
    }

    34% {
        width: 142.5%;
        top: -14;
        left: 0;
        opacity: 1;
    }

    35% {
        width: 143.75%;
        top: -13;
        left: 0;
        opacity: 1;
    }

    36% {
        width: 145%;
        top: -12;
        left: 0;
        opacity: 1;
    }

    37% {
        width: 146.25%;
        top: -11;
        left: 0;
        opacity: 1;
    }

    38% {
        width: 147.5%;
        top: -10;
        left: 0;
        opacity: 1;
    }

    39% {
        width: 148.75%;
        top: -9;
        left: 0;
        opacity: 1;
    }

    40% {
        width: 150%;
        top: -8;
        left: 0;
        opacity: 1;
    }

    41% {
        width: 151.25%;
        top: -7;
        left: 0;
        opacity: 0.875;
    }

    42% {
        width: 152.5%;
        top: -6;
        left: 0;
        opacity: 0.75;
    }

    43% {
        width: 153.75%;
        top: -5;
        left: 0;
        opacity: 0.625;
    }

    44% {
        width: 155%;
        top: -4;
        left: 0;
        opacity: 0.5;
    }

    45% {
        width: 156.25%;
        top: -3;
        left: 0;
        opacity: 0.375;
    }

    46% {
        width: 157.5%;
        top: -2;
        left: 0;
        opacity: 0.25;
    }

    47% {
        width: 158.75%;
        top: -1;
        left: 0;
        opacity: 0.125;
    }

    48% {
        width: 160%;
        top: 0;
        left: 0;
        opacity: 0;
    }

    100% {
        width: 160%;
        top: 0;
        left: 0;
        opacity: 0;
    }
}

@keyframes img3 {
    0% {
        width: 160%;
        top: 0;
        left: 0;
        opacity: 0;
    }

    40% {
        width: 160%;
        top: 0;
        left: 0;
        opacity: 0;
    }

    41% {
        width: 158.75%;
        top: -0.5;
        left: -0.2;
        opacity: 0.125;
    }

    42% {
        width: 157.5%;
        top: -1;
        left: -0.4;
        opacity: 0.25;
    }

    43% {
        width: 156.25%;
        top: -1.5;
        left: -0.6;
        opacity: 0.375;
    }

    44% {
        width: 155%;
        top: -2;
        left: -0.8;
        opacity: 0.5;
    }

    45% {
        width: 153.75%;
        top: -2.5;
        left: -1;
        opacity: 0.625;
    }

    46% {
        width: 152.5%;
        top: -3;
        left: -1.2;
        opacity: 0.75;
    }

    47% {
        width: 151.25%;
        top: -3.5;
        left: -1.4;
        opacity: 0.875;
    }

    48% {
        width: 150%;
        top: -4;
        left: -1.6;
        opacity: 1;
    }

    49% {
        width: 148.75%;
        top: -4.5;
        left: -1.8;
        opacity: 1;
    }

    50% {
        width: 147.5%;
        top: -5;
        left: -2;
        opacity: 1;
    }

    51% {
        width: 146.25%;
        top: -5.5;
        left: -2.2;
        opacity: 1;
    }

    52% {
        width: 145%;
        top: -6;
        left: -2.4;
        opacity: 1;
    }

    53% {
        width: 143.75%;
        top: -6.5;
        left: -2.6;
        opacity: 1;
    }

    54% {
        width: 142.5%;
        top: -7;
        left: -2.8;
        opacity: 1;
    }

    55% {
        width: 141.25%;
        top: -7.5;
        left: -3;
        opacity: 1;
    }

    56% {
        width: 140%;
        top: -8;
        left: -3.2;
        opacity: 1;
    }

    57% {
        width: 138.75%;
        top: -8.5;
        left: -3.4;
        opacity: 1;
    }

    58% {
        width: 137.5%;
        top: -9;
        left: -3.6;
        opacity: 1;
    }

    59% {
        width: 136.25%;
        top: -9.5;
        left: -3.8;
        opacity: 1;
    }

    60% {
        width: 135%;
        top: -10;
        left: -4;
        opacity: 1;
    }

    61% {
        width: 133.75%;
        top: -10.5;
        left: -4.2;
        opacity: 1;
    }

    62% {
        width: 132.5%;
        top: -11;
        left: -4.4;
        opacity: 1;
    }

    63% {
        width: 131.25%;
        top: -11.5;
        left: -4.6;
        opacity: 1;
    }

    64% {
        width: 130%;
        top: -12;
        left: -4.8;
        opacity: 1;
    }

    65% {
        width: 128.75%;
        top: -12.5;
        left: -5;
        opacity: 0.875;
    }

    66% {
        width: 127.5%;
        top: -13;
        left: -5.2;
        opacity: 0.75;
    }

    67% {
        width: 126.25%;
        top: -13.5;
        left: -5.4;
        opacity: 0.625;
    }

    68% {
        width: 125%;
        top: -14;
        left: -5.6;
        opacity: 0.5;
    }

    69% {
        width: 123.75%;
        top: -14.5;
        left: -5.8;
        opacity: 0.375;
    }

    70% {
        width: 122.5%;
        top: -15;
        left: -6;
        opacity: 0.25;
    }

    71% {
        width: 121.25%;
        top: -15.5;
        left: -6.2;
        opacity: 0.125;
    }

    72% {
        width: 120%;
        top: -16;
        left: -6.4;
        opacity: 0;
    }

    100% {
        width: 120%;
        top: -16;
        left: -6.4;
        opacity: 0;
    }
}

@keyframes img4 {
    0% {
        width: 130%;
        top: -3.6;
        left: -1.6;
        opacity: 1;
    }

    1% {
        width: 128.75%;
        top: -3.15;
        left: -1.4;
        opacity: 0.875;
    }

    2% {
        width: 127.5%;
        top: -2.7;
        left: -1.2;
        opacity: 0.75;
    }

    3% {
        width: 126.25%;
        top: -2.25;
        left: -1;
        opacity: 0.625;
    }

    4% {
        width: 125%;
        top: -1.8;
        left: -0.8;
        opacity: 0.5;
    }

    5% {
        width: 123.75%;
        top: -1.35;
        left: -0.6;
        opacity: 0.375;
    }

    6% {
        width: 122.5%;
        top: -0.9;
        left: -0.4;
        opacity: 0.25;
    }

    7% {
        width: 121.25%;
        top: -0.45;
        left: -0.2;
        opacity: 0.125;
    }

    8% {
        width: 120%;
        top: 0;
        left: 0;
        opacity: 0;
    }

    9% {
        width: 176.25%;
        top: -20.25;
        left: -9;
        opacity: 0;
    }

    64% {
        width: 176.25%;
        top: -20.25;
        left: -9;
        opacity: 0;
    }

    65% {
        width: 175%;
        top: -19.8;
        left: -8.8;
        opacity: 0.125;
    }

    66% {
        width: 173.75%;
        top: -19.35;
        left: -8.6;
        opacity: 0.25;
    }

    67% {
        width: 172.5%;
        top: -18.9;
        left: -8.4;
        opacity: 0.375;
    }

    68% {
        width: 171.25%;
        top: -18.45;
        left: -8.2;
        opacity: 0.5;
    }

    69% {
        width: 170%;
        top: -18;
        left: -8;
        opacity: 0.625;
    }

    70% {
        width: 168.75%;
        top: -17.55;
        left: -7.8;
        opacity: 0.75;
    }

    71% {
        width: 167.5%;
        top: -17.1;
        left: -7.6;
        opacity: 0.875;
    }

    72% {
        width: 166.25%;
        top: -16.65;
        left: -7.4;
        opacity: 1;
    }

    73% {
        width: 165%;
        top: -16.2;
        left: -7.2;
        opacity: 1;
    }

    74% {
        width: 163.75%;
        top: -15.75;
        left: -7;
        opacity: 1;
    }

    75% {
        width: 162.5%;
        top: -15.3;
        left: -6.8;
        opacity: 1;
    }

    76% {
        width: 161.25%;
        top: -14.85;
        left: -6.6;
        opacity: 1;
    }

    77% {
        width: 160%;
        top: -14.4;
        left: -6.4;
        opacity: 1;
    }

    78% {
        width: 158.75%;
        top: -13.95;
        left: -6.2;
        opacity: 1;
    }

    79% {
        width: 157.5%;
        top: -13.5;
        left: -6;
        opacity: 1;
    }

    80% {
        width: 156.25%;
        top: -13.05;
        left: -5.8;
        opacity: 1;
    }

    81% {
        width: 155%;
        top: -12.6;
        left: -5.6;
        opacity: 1;
    }

    82% {
        width: 153.75%;
        top: -12.15;
        left: -5.4;
        opacity: 1;
    }

    83% {
        width: 152.5%;
        top: -11.7;
        left: -5.2;
        opacity: 1;
    }

    84% {
        width: 151.25%;
        top: -11.25;
        left: -5;
        opacity: 1;
    }

    85% {
        width: 150%;
        top: -10.8;
        left: -4.8;
        opacity: 1;
    }

    86% {
        width: 148.75%;
        top: -10.35;
        left: -4.6;
        opacity: 1;
    }

    87% {
        width: 147.5%;
        top: -9.9;
        left: -4.4;
        opacity: 1;
    }

    88% {
        width: 146.25%;
        top: -9.45;
        left: -4.2;
        opacity: 1;
    }

    89% {
        width: 145%;
        top: -9;
        left: -4;
        opacity: 1;
    }

    90% {
        width: 143.75%;
        top: -8.55;
        left: -3.8;
        opacity: 1;
    }

    91% {
        width: 142.5%;
        top: -8.1;
        left: -3.6;
        opacity: 1;
    }

    92% {
        width: 141.25%;
        top: -7.65;
        left: -3.4;
        opacity: 1;
    }

    93% {
        width: 140%;
        top: -7.2;
        left: -3.2;
        opacity: 1;
    }

    94% {
        width: 138.75%;
        top: -6.75;
        left: -3;
        opacity: 1;
    }

    95% {
        width: 137.5%;
        top: -6.3;
        left: -2.8;
        opacity: 1;
    }

    96% {
        width: 136.25%;
        top: -5.85;
        left: -2.6;
        opacity: 1;
    }

    97% {
        width: 135%;
        top: -5.4;
        left: -2.4;
        opacity: 1;
    }

    98% {
        width: 133.75%;
        top: -4.95;
        left: -2.2;
        opacity: 1;
    }

    99% {
        width: 132.5%;
        top: -4.5;
        left: -2;
        opacity: 1;
    }

    100% {
        width: 131.25%;
        top: -4.05;
        left: -1.8;
        opacity: 1;
    }
}
/*! CSS Used fontfaces */
@font-face {
    font-family:"Flaticon";src:url("https://topchoice.co.ke/fonts/Flaticon.eot");src:url("https://topchoice.co.ke/fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("https://topchoice.co.ke/fonts/Flaticon.woff") format("woff"), url("https://topchoice.co.ke/fonts/Flaticon.ttf") format("truetype"), url("https://topchoice.co.ke/fonts/Flaticon.svg#Flaticon") format("svg");font-weight:normal;font-style:normal;
}

@font-face {
    font-family:"Flaticon";src:url("https://topchoice.co.ke/fonts/Flaticon.svg#Flaticon") format("svg");
}

@font-face {
    font-family:'Poppins';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family:'Poppins';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:200;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:200;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:800;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:800;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:900;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family:'Poppins';font-style:normal;font-weight:900;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:'FontAwesome';src:url('https://topchoice.co.ke/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://topchoice.co.ke/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://topchoice.co.ke/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://topchoice.co.ke/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://topchoice.co.ke/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://topchoice.co.ke/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;
}