/*
Theme Name: Zafco
Author: Bellrae - Smacon Team 
Description: A custom Html theme for Zafco
Theme URI: 
Author URI: Timi
Description: 
Version: 1.0.0
*/

/*
header .main-menu .navbar #navbarNav .navbar-nav .nav-item{
padding:0px 15px !important;	
}
*/

.get-in-touch .get-in-form .form-group{
	padding:0px !important;
}

.get-in-form.home .form-group{
	padding:20px !important;
}
.grey-logo{
	display:none;
}

.white-logo{
	display:block;
	width: 80%;
}

.bg-header .grey-logo{
	display:block;
	    width: 80%;
}

.bg-header .white-logo{
	display:none;
}

.zaf-global{
	padding:50px 0 175px 0;
}


.sub-dropdown .dropdown-toggle::after{
    position: absolute;
    top: 19px;
    transform: rotate(313deg) translate(4px, -2px);
    height: 8px;
    width: 8px;
    right: 15px;
    border-color: #404040;
}

.blog-item img {
    height: 200px;
    
}

.about-timeline .year-wraps{
	    padding: 0px 100px;
}

/*
header .main-menu .navbar{
	padding:0;
}
*/

.inner-content-area.support-service{
	padding:0px 0px 100px 0px;
}
.globe-animation {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.globe-animation img {
    position: absolute;
    top: 0px;
}

.globe-animation img.globe-pin {
    z-index: 1;
    opacity: 0;
    animation: fade-in-out 3s linear infinite;
}

.founders-message .without-image{
	min-height:490px;
}


.blog-page.inner-content-area {
    padding: 100px 150px;
    text-align :justify;
}


.intl-tel-input{
width:100%;	
}

.intl-tel-input.separate-dial-code .selected-dial-code{
	padding-left:12px;	
}


.year-item.slick-slide.slick-current.slick-center {
    color: #0FA2DA;
}

.year-item.slick-slide.slick-current.slick-center::before {
    background-color:#0F5F93;
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
}

.about-timeline .year-wraps{
	top:85px !important;	
}

.about-timeline .timeline-carousel .timeline-item .timeline-caption-wrap .timeline-caption h3, .about-timeline .timeline-carousel .timeline-item .timeline-caption-wrap .timeline-caption .h3{
	font-size: 25px;
    font-weight: 600;
}
.about-timeline .timeline-carousel .timeline-item .timeline-caption-wrap .timeline-caption .timeline-animation
{
max-width:450px;	
}

.about-timeline .timeline-carousel .timeline-item .timeline-caption-wrap{
	padding:60px 0px;
}

@media only screen and (max-width: 767.98px) {
	
	.blog-page.inner-content-area {
    padding: 25px;
}
	
	
.blog-item img {
    height: auto;
}

	.pro-det-numbers .abt-num-box{
		padding:5px 20px;
	}
	
	.pro-det-numbers .abt-num-box .numb-box:before, .pro-det-numbers .abt-num-box .numb-box:after{
	width:20px;
	
	}
	
	.pro-det-numbers .abt-num-box .numb-box .num-caption span{
		font-size:45px;
	}
	
	
	.nav-item.dropdown{
	    overflow: scroll;
    max-height: 360px;
	
	
	}
	
	.sub-dropdown .dropdown-toggle::after{
		display:none;
	}
	
	.home.get-in-form{
		padding: 30px 15px;
	
	}	
	
	.about-timeline .timeline-carousel .timeline-item{
		background-size: 100%;
   		padding: 0;
	}
	.about-timeline .timeline-carousel .timeline-item .timeline-caption-wrap{
	padding-right: 60px;
    padding-left: 60px;
    position: relative;
    top: 190px;
	}

}
	
@media only screen and (max-width: 600px) {
	
	header .main-menu .language{
		display:flex;
		justify-content:center;
	}
	
	
header .main-menu .navbar #navbarNav .navbar-nav .nav-item .nav-link{
	color:#404040;
}

.dropdown-toggle::after{
	border-color: #404040;
}
	
	.zaf-global{
		padding:50px 0 60px 0;
	}
	
	.banner-no-image h1, .banner-no-image .h1
	{
	font-size:45px;
	line-height:46px;
	}
	
	.font-para{
	padding:0 7px;
	}
	
	.fs-3 {
    font-size: 19px !important;
    font-weight: 500;
    line-height: 35px;
}


	header {
    padding: 10px 0px;
}

       .inner-banner-imgonly {
	       	min-height: 160px !important;
       }

      .banner-no-image{
	      padding: 50px 30px !important;
      }
      
      .inner-banner{
      	min-height:300px !important;
      }
      
      
      .featured-text{
      	padding: 40px 0px;
      }
      
      .inner-content-area{
      	padding:25px 0;
      }
      
      .expertise .exp-wrapper .exp-boxes{
          min-height: 396px !important;
              height: 50vh !important;
      }
}