/*
Theme Name: Agency Lite Child
Theme URI: https://accesspressthemes.com/wordpress-themes/agency-lite/
Template: agency-lite
Author: AccessPressThemes
Author URI: http://accesspressthemes.com/
Description: Agency Lite is a multipurpose WordPress theme perfect for any agency, blog, portfolio, business and corporate website. This theme comes up with the most modern and clean design, while being equipped with the latest technology. The highly configurable homepage of this theme has numerous well coded sections - Slider, About, FAQ, Feature, Service, Team, Counter, Blog and Logo Section. And the best part is that all these sections can be enabled or disabled by you as per your will. You can even translate this site in any language you prefer, create an ecommerce site with the theme and view each change that you have been making live - in real time. Check demo here https://demo.accesspressthemes.com/agency-lite
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,two-columns,right-sidebar,custom-header,blog,portfolio
Version: 1.1.3.1599660797
Updated: 2020-09-09 14:13:17

*/


body{
    color: #616161;
    font-family: 'Muli',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
}
.site-header {
    
    background: #333;
   border-bottom: thin none;
}
.site-header {
  /*  background: rgba(51,51,51,0.7);
    position: absolute;    */
	 background: #00237D;
	border-bottom: thin none;

    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
}
div#head_logo {
    position: relative;
}
.agency-lite-container span{
	font-family: sans-serif;
	font-size :14px;
}

.social-icons .fa{
	
	font-size:14px;
}

.site-header .main-navigation .primary-menu li.current_page_item > a, .site-header .main-navigation .primary-menu li > a:hover
{
	font-size: 18px;
    font-weight: 600;
    color: #fff !important;
}

.site-header .site-branding {
    width: 20%;
    padding: 15px 0 0;
}
.site-header .main-navigation .primary-menu li a {
    font-size: 18px;
    color: #fff;
	    font-weight: 600;

}

.info-wrapper .email a, .info-wrapper .phone a {
    color: #fff;
    font-size: 16px;
    position: relative;
    padding-left: 16px;
    display: block;
}
.agency-lite-container span {
    font-family: sans-serif;
    font-size: 14px;
    padding-left: 7px;
}
.info-wrapper .phone a i {
    font-size: 17px;
    margin-top: 7px;
}
#square_features .elementor-row {
    margin-top: -156px;
    z-index: 999;
}

.feature_blocks_1_3:hover,.feature_blocks_2:hover{
	 animation: bounce 1.5s ; //other browsers
   -webkit-animation: bounce 1.5s ; //webkit browsers
   -moz-animation: bounce 1.5s ; //firefox
   -o-animation: bounce 1.5s ; //opera
}


.feature_blocks_1_3:hover .elementor-icon-box-content .elementor-icon-box-title{
	color: #fff !important;

}
.feature_blocks_1_3:hover .elementor-icon-box-content .elementor-icon-box-description{
	color: #fff !important;

}	
.feature_blocks_1_3:hover .elementor-icon-box-icon .elementor-icon {
	background :  #fff !important; 
}

//CSS3 Bounce Animation
@-webkit-keyframes bounce {
    0%,  
    100% {
       -webkit-transform: translateY(0);
    } 
    50% {
        -webkit-transform: translateY(-10px);
    }
}
@-moz-keyframes bounce {
    0%, 
    100% {
       -moz-transform: translateY(0);
    }
    50% {
       -moz-transform: translateY(-10px);
    }
}
@-o-keyframes bounce {
    0%,
    100% {
       -o-transform: translateY(0);
    }
    50% {
       -o-transform: translateY(-10px);
    }
}
@keyframes bounce {
    0%,  
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
.em-bar.em-bar-big {
    height: 5px;
    width: 90px;
    background: #aec6ef;
    margin: 0px auto;
    position: relative;
    border-radius: 30px;
}
.em-bar.em-bar-big:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #0c5adb;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}
.em-bar-main {
    margin: 0px 0 0px;
}
@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}

.elementor-widget:not(:last-child) {
    margin-bottom: 12px;
}

.em_work_progress-number span:before {
    position: absolute;
    left: -20px;
    top: -20px;
    height: 85px;
    width: 85px;
    content: "";
    background: #0c5adb;
    z-index: -1;
    border-radius: 50%;
    right: 0;
    margin: auto;
    opacity: .2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.sp-testimonial-free-section .sp-tfree-client-image img {
   
  /*  background: #fff;*/
}

#sp-testimonial-free-wrapper-147 .sp-testimonial-free-section .tfree-testimonial-title h3 {
    color: #fff !important;
	font-size: 23px;
}
.sp-testimonial-free {
   /* background: #fff;*/
    border-radius: 5px;
    padding: 20px;
}
#sp-testimonial-free-wrapper-147 .sp-testimonial-free-section .tfree-client-testimonial {
    color: #fff !important;
    font-size: 16px;
    font-family: 'Muli',sans-serif;
}
#sp-testimonial-free-wrapper-147 .sp-testimonial-free-section .tfree-client-name {
    color: #fff !important;
}
#sp-testimonial-free-wrapper-147 .sp-testimonial-free-section .tfree-client-designation {
    color: #fff !important;
}
.site-footer {
    text-align: left;
    background: #111a3a;
    padding-top: 80px;
	background :url(../../uploads/2020/09/footer-bg.png) #111a3a no-repeat center center;
}

#colophon h2.widget-title {
font-size: 22px;
    margin-bottom: 35px;
    margin-top: 15px;
    position: relative;
    color: #f8f9fe;
    font-weight: 700;
}
.site-footer .team-members-contents {
    width: 30% ;
    float: left;
    margin-left: 3%;
}
.site-footer{
	
	color:#fff !important;
}
#colophon ul li a{
	color:#fff ;
}
.agency-lite-footer-all {
    padding: 0px 0 10px;
}
#colophon p {
  
    text-align: justify;
}
.site-header .main-navigation .primary-menu .sub-menu li a,.site-header .main-navigation .primary-menu .sub-menu li a:hover{
	color:#333;
}
.site-header .main-navigation .primary-menu .sub-menu li > a:hover,.site-header .main-navigation .primary-menu .sub-menu li > a:active,.site-header .main-navigation .primary-menu .sub-menu li > a:visited{
	color:#333 !important;


}
@media only screen and (max-width: 768px)
{
.site-header .main-navigation .primary-menu li a {
    font-size: 18px;
    padding: 7px;
	color: #333;
}
.info-wrapper .email a i, .info-wrapper .phone a i {
    font-size: 20px;
     position: relative;
     left: 0; 
     top: 0; 
    padding-right: 4px;
    margin-top: 4px;
}
}
.site-footer .team-members-contents a {
    color: #757575;
    font-size: 18px;
    float: none;
}
p {
    margin: 0 0 20px;
    font-size: 18px;
	text-align: justify;
}
.elementor-47 .elementor-element.elementor-element-3ecd83b .elementor-tab-title{
	
	background-color: #95b010 !important;
}