/*!
Theme Name: Elite Suite
Theme URI: http://underscores.me/
Author: Jackson Chegenye
Author URI: http://jchegenye.me
Description: Enfinite Solutions Limited is a leading provider of Information Technology solutions, services and consultancy. Founded in 2007, it has been the Company’s policy and commitment to provide efficient, cost-effective and professional services to our clients.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: elitesuite
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Elite Suite is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General Style
# Typography

/* General Style
-------------------------------------------------- */
body {
    font-family: 'Didact Gothic', sans-serif !important;
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
    letter-spacing: 0.07em;
}
h1, h3, h2, h4, h6{
	color: #263C79;
	font-weight: 800 !important;
}
a{
	color: #6E6E6E;
    outline: none;
   -webkit-transition: all 500ms ease-in-out;
   -moz-transition: all 500ms ease-in-out;
   -ms-transition: all 500ms ease-in-out;
   -o-transition: all 500ms ease-in-out;
   transition: all 500ms ease-in-out;
   text-decoration: none;
}
a:hover{
	color: #cbd0dc !important;
    text-decoration: none;
}
p{
    color: #6E6E6E;
}
.wpb_text_column.wpb_content_element{
    margin-bottom: auto !important;
}

#footer img,
.navbar-brand img,
.logo{
    width: 100px;
}
.hambager .fa.fa-navicon {
    color:white;
    font-size: xx-large;
}
.post-thumbnail img{
    width: 100%;
    object-fit: contain;
    height: auto;
}

.search-field{
    padding: 10px 20px;
    border: 1px solid #263c79;
    color: #263c79;
    box-shadow: none;
}
.search-submit{
    background-color: #263c79;
    color: #fff;
    padding: 10px 20px;
    border: 0;
    cursor: pointer;
}

/*LISTING*/

/*orderd listing*/
.number-bg ol > li:before {  
    background-color: #263C79;
    color: #fff;
    padding: 5px 15px 5px 15px;
    margin-left: -45px;
    margin-right: 10px;
    border-radius: 50%;
    content: counter(index, decimal);
    counter-increment: index;
}
.number-bg li:first-child {
    counter-reset:index;
}
.number-bg ol li {
    list-style: none;
}

/*Unorderd listing*/
.ticks ul > li:before {
    font-family: FontAwesome;
    content: "\f00c";
    display: inline-block;
    vertical-align: middle;
    padding: 5px 15px 5px 15px;
    margin-left: -65px;
    margin-right: 10px;
    border-radius: 50%;
}
.ticks ul li {
    list-style: none;
}

/*SPACING*/
.form-group{
    margin-bottom: 1rem !important;
}
.margin-tp-bm-50-25 { margin-top: 80px; margin-bottom: 40px; }
.padding-tp-bm-50 { padding-top: 80px; padding-bottom: 80px; }

.padding-tp-50{
    padding-top: 50px;
}
.uvc-main-heading{
    padding-bottom: 25px;
}
.img-600x500 img{
    height: 500px !important;
    width: 100%;
    object-fit: cover;
}
.img-600x400 img{
    height: 400px !important;
    width: 100%;
    object-fit: cover;
}

/*BUTTONS*/
.btn-main{
    border-radius: 0;
    border: 1px solid;
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    padding: 4px 30px;
    font-size: 9px;
}
.btn-main-white{
    border-radius: 0;
    border: 1px solid;
    font-weight: 700;
    padding: 10px 30px;
    margin: 5px;
    background-color: #fff;
    color: #263C79;
}
.btn-main-white:focus,
.btn-main-white:active,
.btn-main-white:hover{
    background-color: transparent;
    color: #fff !important;
    transition: 1s;
    box-shadow: none;
}

.btn-primary:hover {
    color: #263C79;
    background-color: transparent;
    border-color: #263C79;
}
.btn-primary{
    border-color: #263C79;
    background-color: #263C79;
    padding: 20px 70px;
}


/*Typography*/
.wpb_wrapper p,
.uvc-sub-heading,
.wpb_wrapper li,
.lg-paragraph{
    font-size: 1.2em;
}
.wpb_wrapper li{
    color: #6E6E6E;
}

#ourvalues .wpb_wrapper li {
    color: #fff;
    margin-bottom: 0.5em;
}

.wpb_wrapper li{
    margin-bottom: 1em;
}
.gradientBar li{
    margin-bottom: 0em;
}

.header-underline:after {
    content: "";
    /*position: absolute;*/
    height: 5px;
    width: 100px;
    padding-top: 15px;
    border-bottom: 7px solid #263C79;
    z-index: 9;
    display: block;
}

/*BACKGROUND*/
.gradientBar{
    background: linear-gradient(#131E3D, #263C79 );
    padding: 20px;
}
.gradientBar h1, .gradientBar h2, .gradientBar h3, .gradientBar h4, .gradientBar h5, .gradientBar h6,
.gradientBar p,
.gradientBar li{
    color: #fff;
}
.gradientBar h1, .gradientBar h2, .gradientBar h4, .gradientBar h5, .gradientBar h6{
    margin: auto;
    font-weight: 700;
}

/* Header styles
-------------------------------------------------- */
#project_header{
	position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    color: #fff;
}
#project_header .nav-link:hover{
    color: #cbd0dc;
}
.navbar-light .navbar-nav .active>.nav-link{
    border-bottom: 4px solid #fff;
    color: #fff;
}
.navbar-light .navbar-nav .nav-link{
	font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 0.5em 15px;
}
#project_header .fa-search{
    padding: 5.4px;
    margin-left: 1.5em;
    border-radius: 5px;
    background-color: #fff;
    color: #263C79;
    font-size: 12px;
    cursor: pointer;
}

/* Slider styles
-------------------------------------------------- */

/*#slider .owl-carousel .owl-nav, 
#slider .owl-carousel .owl-dots{ display: block !important; }*/

#slider .boxi {
    position: absolute;
    top: 35%;
    right: 20%;
    width: 70%;
    color: #fff;
    text-align: right;
}
#slider .overlay-slider{
    background-color: #263c7963;
    width: 100%;
    position: absolute;
    height: 70vh;
}
#slider .owl-carousel img{
    height: 70vh;
    object-fit: cover;
}
#slider .title-big-slider{
    font-size: 3.6rem;
    font-weight: 700;
}
#slider .title-md-slider h6,
#slider .title-md-slider h6 a{
    font-size: 3.0em;
    font-weight: 100 !important;
    line-height: 0.8em;
    color: #fff;
}
#slider .owl-theme .owl-nav{
    margin: auto;
}
#slider .owl-carousel .owl-nav button.owl-prev{
    left: 60px;
    position: absolute;
    top: 35%;
    color: #ffffff94;
    font-size: 4em;
}
#slider .owl-carousel .owl-nav button.owl-next{
    right: 60px;
    position: absolute;
    top: 35%;
    color: #ffffff94;
    font-size: 4em;
}
#slider .owl-theme .owl-dots{
    position: absolute;
    left: 50%;
    margin: auto;
    bottom: 30px;
}
#slider .owl-theme .owl-dots .owl-dot {
    border: 1px solid white;
    border-radius: 50%;
    margin: 5px;
}
#slider .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 3px; 
}
#slider .owl-theme .owl-dots .owl-dot.active span, 
#slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff;
}


#other_pages #project_header{
    position: relative ;
    background: linear-gradient(#131E3D, #263C79 );
}
#slider-header .overlay-slider{
    background-color: #263c7963;
    width: 100%;
    position: absolute;
    height: 180px;
    left: 0;
}
#slider-header img{
    height: 180px;
    object-fit: cover;
    width: 100%;
}
#slider-header .boxi-header{
    position: absolute;
    left: 210px;
    top: 170px;
    color: #fff;
}
#slider-header .boxi-header h5{
    font-weight: 900;
    font-size: 31px;
}

/* Main Content styles
-------------------------------------------------- */
#main-content{
    margin-top: 80px;
}
 
/*Introduction to Services*/
#serviceTab .tab-pane{
    padding: 30px 0px;
}
#serviceTab .nav-tabs .nav-item.show .nav-link, #serviceTab .nav-tabs .nav-link.active{
    border-color: transparent;
    border: 0px solid transparent;
}
#serviceTab .nav-tabs{
    border: 0px solid transparent;
}
#serviceTab.nav-tabs{
    border-bottom: 0px;
}
#serviceTab .nav-tabs .nav-item.show .nav-link, 
#serviceTab .nav-tabs .nav-link.active {
    color: #263C79;
}
#serviceTab .nav-tabs .nav-link{
    font-size: 22px;
    font-weight: 700;
}
#serviceTab .intro_service_p{
    border-bottom: 1px solid #263C79;
    border-left: 1px solid #263C79;
    border-right: 1px solid #263C79;
    padding: 22px;
    height: 306px;
}
#serviceTab .intro_service_h4{
    border-bottom: 1px solid #263C79;
    border-left: 1px solid #263C79;
    border-right: 1px solid #263C79;
    border-top: 1px solid #263C79;
    margin: 0;
    padding: 10px;
    font-size: 1.7rem;
}
#serviceTab img{
    height: 360px;
    object-fit: cover;
}

/*Testimonials*/
#testimonials{
    background-color: #e9ebf1;
}
#testimonials .testimonials_box p{
    margin: initial;
}
#testimonials .testimonials_box .fa-quote-left,
#testimonials .testimonials_box .fa-quote-right{
    font-size: 2.6em;
    color: #3e5189;
}
#testimonials .testimonials_box{
    background-color: #fff;
    border-radius: 20px;
    margin: 15px;
    padding: 30px 35px;     
    margin-bottom: 12%;
    height: 250px;
}
#testimonials .testimonials_box img{
    position: absolute;
    width: 100px;
    z-index: 999;
    border-radius: 50%;
    bottom: 20px;
    border: 1px solid #6E6E6E;
    height: 30%;
    object-fit: contain;
    padding: 5px;
}
#testimonials .client_logo_circle {
    position: absolute;
    bottom: 20px;
    left: 165px;
}
#testimonials .client_logo_circle span{
    font-weight: 100;
}

#testimonials .owl-theme .owl-nav{
    position: absolute;
    top: -65px;
    right: 15px;
    color: #6E6E6E;
    font-size: 2.5em;
}
#testimonials .owl-carousel .owl-nav button.owl-next, 
#testimonials .owl-carousel .owl-nav button.owl-prev{
    width: 30px;
    margin: 0;
}
#testimonials .owl-carousel .owl-nav button.owl-next:hover, 
#testimonials .owl-carousel .owl-nav button.owl-prev:hover{
    width: 30px;
    line-height: 5px;
    border-radius: 8px;
    background: #3e5189;
    transition: 1s;
}

/* Our Client styles
-------------------------------------------------- */
#ourClient .owl-carousel .owl-item img{
    height: 140px;
    object-fit: scale-down;
}

/* Contact Details styles
-------------------------------------------------- */
#contactDetails .fa{
    border-radius: 50%;
    border: 4px solid #263C79;
    line-height: 55px;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 2.0em;
}
#contactDetails{
    background-color: #e9ebf1;
    color: #263C79;
}
#contactDetails h4{
    padding-top: 15px;
}
#contactDetails p{
    color: #263C79;
    margin: inherit;
    font-size: 16px;
}

/*contact us*/
.space_address{
    padding-left: 23px;   
}

.contact_address .uvc-sub-heading {
    color: #263C79 ;
}

.form-control{
    color: #263C79;
    background-color: #e9ebf1;
    border: 1px solid #e9ebf1;
    padding: 20px;
        height: inherit !important;
}


/* Sticky footer styles
-------------------------------------------------- */
#footer {
    color: #fff;
    background-color: #000;
    border: 0px;
    padding: 35px 0 10px 0;
}

#footer #text-7 p,
#footer .description {
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#footer li,
#footer li a,
#footer .title-small,
#footer .fa,
#footer .subsc-text{
	color:#fff;
}

#footer .subsc-text{
    text-align: center;
    font-size: 10px;
}
#footer p{
    color: #fff;
}
#footer .copyright a{
	color: #b7ccf9;
}
#footer .fa {
    border: 2px solid;
    line-height: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 50%;
}
#footer .fa-facebook{
    background-color: #3b5998;
}
#footer .fa-twitter{
    background-color: #1dcaff;
}
#footer .newsletter_email{
    border: 5px;
    border-radius: 15px 0px 0px 15px;
    margin: 0 auto;
    font-size: 12px;
    padding: 10px;
}
#footer .btn-subcs{
    border: 5px;
    border-radius: 0px 15px 15px 0px;
    margin: 0 auto;
    font-size: 12px;
    background-color: #e9ebf1;
    color: #000;
    padding: 10px;
}
#footer .subsc{
    display: flex;
}
#footer .title-md{
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 20px;
}
#footer hr{
    border-top: 1px solid;
    margin-top: 25px;
    margin-bottom: 25px;
}
#footer .footerLogo img{
    width: 100px;
}
#footer .mc4wp-form-fields{
    display: -webkit-inline-box;
}


body::-webkit-scrollbar {
    width: 0.5em;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
    background-color: #263C79;
    outline: 1px solid slategrey;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

/*About Us*/
#ourvalues .uvc-heading {
    text-align: center;
    background-color: #263C79;
    color: #fff;
    margin-bottom: 15px;
    /*height: 260px;*/
}
#ourvalues .uvc-main-heading{
    border-bottom: 1px solid;
    text-align: center;
    padding: 15px;
}
#ourvalues .uvc-main-heading h4{
    color: #fff;
}
#ourvalues .uvc-sub-heading{
    padding: 30px;
    font-size: 16px;
}

/*our objectives*/
#ourobjectives p{
    color: #263C79;
}

#ourobjectives ul > li:before {  
    padding: 2px 10px 2px 10px;
    text-align: center;
    font-size: 20px;
    border: 2px solid gray;
    color: gray;
    border-radius: 50%;
    content: counter(index, decimal);
    counter-increment: index;
}
#ourobjectives ul li:first-child {
    counter-reset:index;
}
#ourobjectives .ult-carousel-wrapper .slick-dots li i{
    display: none;
}
#ourobjectives ul li {
    list-style: none;
    margin: 15px;
}
#ourobjectives .slick-active:before{
    border:2px solid #263C79;
    color: #263C79;
}

/*Accodion & Tabs Combination*/
.popout-body{
    background-color: #e9ebf1;
    color: #6c757d;
    margin-bottom: 15px;
    right: 0px;
}
.popout-body:before {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    vertical-align: middle;
    padding: 5px 15px 5px 15px;
    position: absolute;
    right: -27px;
    font-size: 5em;
    color: #e9ebf1;
}

.card-head{
    background-color: transparent;
    padding-bottom: 0.5rem;
    padding-left: 2.25rem;
    padding-top: 1.5rem;
    transition: 1s;
}
.card-head h5{
    margin: 0;
    font-size: 1.6em;
}
.card-head a{
    text-decoration: none;
    font-weight: 900;
    color: #fff;
}
.card-head.active a,
.card-head.active.show a{
    color: #6E6E6E;
}

.card-head.active,
.card-head.active.show{
    background-color: #e9ebf1;
    padding-bottom: inherit;
    transition: 1s;
}

.tab-content-services{
    margin-top: 4em;
}
.card-body{
    font-size: 1.4em;
padding-left: 1.35em;
    padding-right: 1.35em;
}
.card-body li{
    font-size: 1.0em;
    color: #6E6E6E;
}

/*Search*/
.modal-footer,
.modal-header{
    border:0;
}
.modal-footer{
    padding: 0em 1em 1em 1rem;
}
#searchform{
    display: contents;
}


#serviceTab .vc_tta-panel-body{
    margin-top: 30px;
    padding: 0 !important;
}
#serviceTab .vc_tta-panels {
    background-color: transparent !important;
    border: 0 !important;
}

#serviceTab .vc_tta-tab>a::after,
#serviceTab .vc_tta-tab.vc_active>a::before{
    display: none !important;
}
#serviceTab .vc_tta-tab>a {
    padding: 14px 5em;
    font-weight: 900;
}
#serviceTab .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    border-color: transparent;
    background-color: transparent;
    color: #263C79;
}
#serviceTab .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    border-color: transparent;
    background-color: transparent;
    color: #6E6E6E;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:active,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: initial !important;
    border-color: transparent !important;
    background-color: transparent !important;
    padding: initial !important;
}
.btn-main-white button{
    color: #fff !important;
}
.vc_btn3.vc_btn3-style-modern{
    background-image: initial !important;
}
.price .fas.fa-check-circle{
	color: #008000;
    font-size: 22px;
}
.price .text-board{
	font-weight: 800;
}