.section-header{
	 
	     background: #cf0007 !important;
	 
	 }
	.section-header.transparent-header.color-white .subnav:after{
	
	    color: #ffffff;
	    font-size: 13px;
		    top: 31px;
    right: -7px;
	}

	
	.section-header.transparent-header.color-white{
	
	
	    position: unset;
	
	}
	
	.sticky-menu.section-header .btn-custom{
	
	    background: #1f242c;
	
	}
	
	.sticky-menu.section-header .btn-custom{
	
	    font-size: 15px;
	
	}
	.sticky-menu.transparent-header.color-white .subnav:after{
	
	color: #ffffff;
	
	}
	
	.sticky-menu.section-header{
	
	    background: #cf0007 !important;
	
	}
	
	.sticky-menu.section-header .btn-custom:hover{
	
	background: #2b2b2b;
	color: #ffffff;
	}
	
	.section-top-header .address-icon{
	
	    width: 38px;
    height: 38px;
	    border-radius: 50%;
		    border: 1.5px solid #5a5a5a;
	    text-align: center;
    line-height: 38px;
	}
	
	.section-top-header .text-mobile{
	
	    position: relative;
    top: 10%;
	}
	
	.section-top-header{
	
	background: #fafafa;
	
	}
	
	.section-header .btn-custom{
	
	   background: #1f242c;
    padding: 15px 20px 15px;
    font-size: 15.5px;
	}
	
	.section-header .btn-custom:hover{
	
	    background: #ffffff;
		
	}
	
	.section-top-header .sigle-address{
	    position: relative;
    top: 25%;
	    margin-bottom: 0px;
	}
	
	.section-top-header a img{
	
	    padding: 10px 5px;
	
	}
	
	.section-top-header .address-icon i{
	
	 -ms-transform: scaleX(-1);
    transform: scaleX(-1);
	    color: #cf0007;
		font-size: 19px;
	
	}
	
	.section-top-header .sigle-address p{
	       color: #5a5a5a;
	    font-size: 20px;
	    font-weight: 600;
	}
	
	#header.section-header .navbar-default .navbar-nav>li>a{
	
	    color: #ffffff;
		    padding: 25px 0px 25px;
    font-size: 17px;
    margin: 0px 12px 0px 30px;

	}
	.section-header#header .navbar-default .navbar-nav>li>a.active{
	
	        color: #ffffff;
	}
	

.section-portfolio .portfolio-style-1 figcaption{

height: 75px;
}
	.section-portfolio .portfolio figcaption .sec-button{
	
	position: unset;
	    float: right;
	
	}
	
	
	.section-service .single-features-light a{
	
	cursor: pointer;
	
	}
	
	.section-portfolio .portfolio figcaption span:first-child{
	
	    font-size: 23px;
    font-weight: 600;
	
	}
	
	.section-banner .header-content{
	
	    padding: 80px 0px 111px 0px;
	    height: 100% !important;
	}
	.section-banner .header-area .header-area-inner h1.title{
	
	     font-size: 48px;
    margin-bottom: 18px;
	
	}
	
	.section-banner .header-content .header-text{
	
	    padding-top: 42px;
	
	}
	
	.section-banner .header-content .header-text .btn-section{
	
	    margin-top: 40px;
	
	}
	
	.section-banner .header-area .header-area-inner p{
	
	
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;

	
	}
	
	.section-banner .header-content .btn-section .btn-custom:first-child{
	
	    padding: 10px 55px 10px;
		margin-right:8px;

	}
	
	.section-banner .header-content .btn-section .btn-custom:nth-child(2){
	    border: 2px solid #ffffff;
	background-color:#ffffff;
	color: #cf0007;
	
	}
	
	.section-banner .header-area .header-area-inner span{
	
	    font-size: 20px;
	
	}
	
	.section-counter .counter-img{
	
	    display: inline-block;
		    margin-right: 18px;
	}
	.section-counter .themeioan_counter{
	
	    vertical-align: middle;
		    display: inline-block;
	
	}
	
	.section-counter .themeioan_counter h4{
	    font-size: 34px;
	    margin: unset;
	    color: #ffffff;
		text-align:left;
	}
	
	.section-counter{
	
	background: #1f242c;
	
	}
	
	.section-counter .wrap-bg{
	
	    padding: 35px 0px;
	position: unset;
	}
	
	.section-counter .counter-para{
	    vertical-align: middle;
	display: inline-block;
	}
	
	.section-counter .counter-para p{
	
	    color: #fafafa;
    font-size: 16.5px;
    font-weight: 600;
   
    margin-bottom: 0;
	
	}
	
	.section-counter .themeioan_counter h4:after{
	content: "\002B";
	}
	.section-counter .counter-info .info{
	    border-right: 2px solid #fafafa;
	    text-align: center;
	
	}
	
	.section-counter .counter-info{
	
	padding-right: 0px;
    padding-left: 0px;
	
	}
	
	.section-counter .counter-info:last-child .info{
	
	 border-right: unset;
	
	}
	
	.section-counter .themeioan_counter p{
	
	    color: #fafafa;
    font-size: 16.5px;
    font-weight: 600;
	
	}
	.section-clients{
	
	       padding: 82px 0 18px;
	
	}
	.section-clients .section-title h3{
	
	font-size: 32px;
	
	}
	.section-clients .slick-initialized .slick-slide{
	
	margin: 0px 14px;
	
	}
	
	.section-clients .section-title > span, .bg-start-light{
	
	    padding-right: 80px;
	
	}

	.section-about .section-para a{
	
	    color: #cf0007;
		    font-size: 18px;
			font-weight:600;
	
	}
	
	.section-service.wrap-bg{
	
		    padding: 125px 0px 50px;
	
	}
	
	.section-service .service-para{
	
	    font-size: 17px;
	}
	
	
	.slick-initialized .slick-slide{
	
	margin: 0px 14px;
	
	}
	
	.section-footer .container-fluid{
	
	    width: 90%;
	}
	
	.section-footer .address-icon-1 i{
	
	    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
	
	}
		.section-footer .address-icon .fa-volume-control-phone{
	    
	        font-size: 22px;
	    
	}
.section-footer .sigle-address{

    margin-bottom: 18px;

}
	.section-about-banner .call-to-action-btn a{
	    
	        font-size: 16px;
	    
	}
	
	.section-footer .footer-social a{
		
		    width: 80px;
    height: 50px;
		
	}
	
	.section-footer .icon-round-white i{
		
		    font-size: 24px;
		color: #ffffff;
	}
	
	.section-footer .footer-social a:first-child{

    background: #4267B2;
}
	.section-footer .footer-social a:nth-child(2){

        background: #8a3ab9;
}
	.section-footer .footer-social a:nth-child(3){

            background: #00acee;
}
	.section-footer .footer-social a:nth-child(4){

        background: #0e76a8;
}
.section-footer .copyright p{
	
	    padding: 12px 0;
}
.header-content .btn-section .btn-custom-1{
	    padding: 10px 28px 10px !important;
	    background: #ffffff;
	color:#cf0007;
	    border: 2px solid #ffffff;
}

.section-header.transparent-header.color-white.sticky-menu .bar1, .section-header.transparent-header.color-white.sticky-menu .bar2, .section-header.transparent-header.color-white.sticky-menu .bar3{
	
	
	    background: #ffffff !important;
	
}

		@media (max-width: 767.5px){
		
		.section-top-header a img{
		
		    padding: 10px 0px;
		}
		
		.section-top-header .text-mobile img:first-child{
		
		width: 85px;
		
		}
			.section-top-header .text-mobile img:nth-child(2){
		
		width: 90px;
		
		}
		.section-top-header .text-mobile{
		    position: relative;
			top: 4%;
		    padding-top: 3px;
		
		}
		.section-header .btn-custom{
		
		font-size: 14px;
		    padding: 13px 20px 13px;
		
		}
		.section-header.transparent-header.color-white{
		
		    padding: unset;
		
		}
		.section-top-header{
		   
		    background-color: #fafafa;
		    padding-bottom: 5px;
		}
		#header.section-header .navbar-nav{
			
		margin-top: 0px;

		}
#header.section-header .navbar-default .navbar-collapse{

    margin-bottom: 17px;

}
.section-header.transparent-header.color-white.sticky-menu{

    padding: 0 0;
}
.sticky-menu.section-header .btn-custom{

    font-size: 14px;
}
.section-header#header.sticky-menu .navbar-default .navbar-nav>li>a{
    padding: 20px 0px 20px;
    font-size: 16px;
}
#header.section-header .navbar-default .navbar-nav>li>a{
    font-size: 16px;
    padding: 20px 0px 20px;
}
#header.section-header .navbar-default .navbar-nav>li>ul>li>a{
    font-weight: 600;
    font-size: 15px;
    color: #242424 !important;
	    padding: 18px 15px 18px 20px;
		text-transform:uppercase;
}
.section-header .nav__expand{

    top: 3px;

}

.section-header .nav__expand i{

    font-size: 18px;

}
	.section-banner .header-content{
	
	       padding: 50px 0px 50px 0px;
	
	}
	.section-banner .header-area .header-area-inner h1.title{
	
	margin-bottom: 18px;
	}
	.section-banner .header-content .header-text{
	
	        padding-top: 18px;
	}
	.section-banner .header-content{
	
	    background-size: unset;
		background-position: center;
   
	}
	.section-banner .header-area .header-area-inner p{
	
	
    font-size: 21px;
    line-height: 38px;

	}
	.btn-section span{
	
	font-size: 17px !important;
	    margin-bottom: 30px;
}
	.section-banner .header-area .header-area-inner span{
	
	    font-size: 19px;
	}
	.section-banner .header-content .header-text .btn-section{
	
	    margin-top: 40px;
	}
	.section-banner .header-content .btn-section .btn-custom:first-child{
	
	    padding: 10px 54px 10px;
	        margin-bottom: 7px;
	}
	.section-counter .counter-info{
	
	    padding-right: 15px;
    padding-left: 15px;
	
	}
	.section-counter .counter-info .info{
	margin-bottom: 48px;
	padding-left: 20px;
	    border-right: unset;
		 text-align: left;
	}
	.section-counter .wrap-bg{
	
	    padding: 60px 0px 20px;
	}
	.section-clients{
	
	    padding: 55px 0 0;
	
	}
	.section-title.with-p{
	
	    text-align: center;
	}
		.section-clients .section-title h3{
	
	font-size: 29px;
	
	}
	.section-certification.wrap-bg{
	
	    padding: 52px 0px 40px;
	
	}
			.section-footer .container-fluid{
	
	width: 100%;
	}
	.section-service.wrap-bg{
	
	        padding: 60px 0px 0px;
	
	}
	.section-certification .slick-initialized .slick-slide{
		
		margin: 0px 0px;
		
	}
	.section-clients .slick-initialized .slick-slide{
		
		margin: 0px 0px;
		
	}
	.section-footer .copyright p {
    padding: 28px 0;
}
#header .navbar-default{
	
	
    padding: 14px 1rem;
	
}

	}
	@media (max-width: 340px){
		.section-counter .counter-info{
	
	    
    padding-left: 5px;
	
	}
	.section-counter .counter-info .info{
	
	    padding-left: 10px;
	
	}
	.section-counter .themeioan_counter h4{
	
	    font-size: 32px;
	
	}
	.section-header .btn-custom{
	
	  padding: 13px 8px 13px !important; 
	    font-size: 13px !important;
	
	}
	.sticky-menu.section-header .btn-custom{
	    padding: 13px 8px 13px;
	    font-size: 13px !important;
	}
	.section-banner .header-content .header-text {
    padding-top: 0px;
}
		.section-footer .container-fluid{
	
	width: 100%;
	}
	}
	@media (min-width: 575px) and (max-width: 630px){
	
	.section-counter .counter-info .info{
	
	    padding-left: 5px;
	
	}
	.section-counter .counter-img{
	
	    margin-right: 10px;
	
	}
	.section-counter .themeioan_counter h4{
	
	    font-size: 33px;
	
	}
		.section-footer .container-fluid{
	
	width: 100%;
	}
	.section-footer .footer-social a{
	    
	    
	    width: 60px;
    height: 65px;
	}
	}
	
	@media (min-width: 576px) and (max-width: 768px){
	    
	  	.section-footer .footer-social a{
	    
	    
	    width: 60px;
    height: 65px;
	}  
	    
	    
	}
	@media (min-width: 767.5px) and (max-width: 991px){
	#header.section-header .navbar-default{
	
	padding: 20px 1rem;
	
	}
	.section-header.transparent-header.color-white .bar2{
	
	height: 4.3px;
	
	}
	#header.section-header .navbar-default .navbar-nav>li>a{
	    font-size: 16px !important;
		}
		#header.section-header .navbar-default .navbar-nav>li>ul>li>a{
		
		    font-size: 15.5px;
		font-weight: 600;
		    padding: 18px 15px 18px 20px;
		}
		.section-header .nav__expand{
		
		    font-size: 21px;
		
		}
		.section-top-header .sigle-address{
		
		display: none !important;
		
		}
		#header.section-header .navbar-default .navbar-collapse{
		
		    margin-bottom: 19px;
		
		}
#header.section-header .nav>li a:hover:before{

    transform: unset;
    transform-origin: unset;

}
#header.section-header .nav>li>a, #header .nav>li>a:hover{

    border-bottom: 1px solid #f2f2f2!important;

}
	.section-banner .header-area .header-area-inner h1.title{
	
	    font-size: 45px;
	}
	.section-banner .header-content{
	
	    padding: 42px 0px 90px 0px;
	
	}
	.section-counter .counter-img{
	
	    display: block;
	    margin-right: unset;
	}
	.section-counter .themeioan_counter h4{
	
	    text-align: center;
	    font-size: 32px;
	}
	
	.section-portfolio.wrap-bg{
	
	padding: 70px 0px 80px;
	
	}
	
.section-portfolio .section-title.with-p{

margin-bottom: 8px;
}
.section-service .section-title.with-p{

    margin-bottom: 8px;
}
.section-service.wrap-bg{

    padding: 110px 0px 50px;

}
	}
	
	@media (min-width: 991px) and (max-width: 1000px){
		.section-top-header .container, .section-header .container{
	max-width: 1070px;
	}
		#header.section-header .navbar-default .navbar-nav>li>a{
	
	    margin: 0px 0px 0px 28px;
	    font-size: 16.5px;
	}
	.section-header .btn-custom{
	padding: 15px 18px 15px;
    font-size: 15px;
	}
	.section-header.transparent-header.color-white .subnav:after{
	
	    right: -16px;
	
	}
		.section-footer .container-fluid{
	
	width: 100%;
	}
	.section-counter .counter-img {
    display: block;
    margin-right: unset;
}
.section-counter .themeioan_counter h4 {
    text-align: center;
    font-size: 32px;
}
		.section-service-page .container {
    max-width: 100%;
}
	}
	@media (min-width: 1000px) and (max-width: 1050px){
		.section-top-header .container, .section-header .container{
	max-width: 1070px;
	}
	.section-header .btn-custom{
	
	    padding: 15px 18px 15px;
    font-size: 15px;

	
	}
	#header.section-header .navbar-default .navbar-nav>li>a{
	
	font-size: 16.5px;
    margin: 0px 5px 0px 28px;
	
	}
	.section-header.transparent-header.color-white .subnav:after{
	
	    right: -10px;
	
	}
.section-banner .header-area .header-area-inner h1.title{

    font-size: 46px;
}
.section-banner .header-content{

    padding: 45px 0px 80px 0px;
}
	.section-footer .container-fluid{
	
	width: 100%;
	}
		.section-counter .counter-img {
    display: block;
    margin-right: unset;
}
.section-counter .themeioan_counter h4 {
    text-align: center;
    font-size: 32px;
}
		.section-service-page .container {
    max-width: 100%;
}
	}
	
	@media (min-width: 1050px) and (max-width: 1200px){
		
		
		.section-service-page .container {
    max-width: 100%;
}
		
	.section-top-header .container, .section-header .container{
	max-width: 1070px;
	}
.section-banner .header-area .header-area-inner h1.title{

    font-size: 46px;
}
	.section-banner .header-content {
    padding: 45px 0px 90px 0px;
	}
	.section-footer .container-fluid{
	
	width: 98%;
	}
	.section-header .btn-custom{
	
	padding: 15px 10px 15px;
	
	}

	}
		
.section-portfolio.wrap-bg {
    padding: 100px 0px 80px;
	background: #fafafa;
	}
	
	.section-subservices .lernen_breadcrumb .breadcrumbs span.last-item{
	
	    font-size: 18px;
	
	}
	.section-subservices .lernen_banner_title h1, .section-subservices .lernen_banner_title h1 .bold, .lernen_banner_title h1 b{
	
    letter-spacing: 1.5px;
    font-size: 56px;
	}
	.section-subservices  .banner-text-left.lernen_banner.large, .section-subservices.lernen_banner.large{
	
	
    padding: 150px 0 100px;

	}
	
.no-touch .portfolio-style-1 figure:hover figcaption, .portfolio-style-1 figure.cs-hover figcaption{
	height: 100%;
	        top: 0%;
	    transform: unset;
		       background-color: unset;
			       z-index: 9;
	}
	
.section-portfolio .portfolio-style-1 figure img{

transition: unset;

}

.no-touch .portfolio-style-1 figure:hover img, .portfolio-style-1 figure.cs-hover img{

    transform: unset;
	  
}

.no-touch .portfolio-style-1 figure:hover .img-hover:after{

    position: absolute;
    z-index: 4;
    content: '';
    bottom: 0px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);

}


.section-portfolio .portfolio-style-1 figure{

    margin: 18px 18px 30px 18px;
	    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 22%), 0 0 3px 0 rgb(0 0 0 / 22%);

}
.section-portfolio .portfolio-style-1 figure:hover{

     box-shadow: 0 7px 15px 0 rgb(0 0 0 / 22%), 0 0 3px 0 rgb(0 0 0 / 22%);

}

.section-portfolio .portfolio-inner{

    border: 1px solid #d5d5d6;
    padding: 20px 20px 10px;
    position: relative;
    z-index: 10;
background: #cf0007;

}

.section-portfolio .portfolio-inner h4{

    font-weight: 600;
    font-size: 21.5px;
	color: #ffffff;
    margin-bottom: .3rem;

}
.section-portfolio .portfolio-inner p{
	
	color: #ffffff;
	
}

.section-portfolio .portfolio-inner:hover{
    
    box-shadow: 0 4px 25px 0 rgb(0 0 0 / 30%), 0 0 1px 0 rgb(0 0 0 / 25%);
	}
	
	.section-portfolio .modal-header{
	
	    padding: 20px 20px 8px;
	
	}
  
	
.section-portfolio .modal-footer{
 padding: 20px 20px 8px;
    justify-content: flex-start;

}
.section-portfolio .modal-footer>:not(:last-child){

    margin-right: 3.25rem;

}
	
	@media (max-width: 767px){
#header .navbar-brand img {
    width: 140px;
}
.section-subservices .lernen_banner_title h1 {
    font-size: 37px;
    line-height: 35px;
}
.section-subservices .lernen_breadcrumb {
    display: block;
}
.section-portfolio .modal-footer{

display: block;
}
.section-portfolio .modal-footer>:not(:last-child){

margin-bottom: 17px;
}
.section-portfolio.wrap-bg{

      padding: 60px 0px 60px;
}
}
@media (min-width: 767.5px) and (max-width: 991px){
.section-portfolio.wrap-bg {
    padding: 70px 0px 80px;
}
}

.section-portfolio .portfolio figcaption .sec-button{
	
bottom: 0px;
  right: 0px;
    position: relative;
	    float: unset;
	    padding: 6px 30px;
		 border-radius: 50px;
	}
	
	.section-portfolio .portfolio figcaption span:first-child{
	top: 35%;
	 font-size: 18px;
    font-weight: 600;
	    z-index: 9;
		letter-spacing: 1.2px;
	}

.section-portfolio .list-inline-item:not(:last-child){

    margin-right: .8rem;
}
.section-portfolio .portfolio-style-1 figcaption{

height: unset;
background: unset;
}

.section-portfolio ul li:hover a{
  background-color: #cf0007;
color: #ffffff !important;
}

.section-portfolio ul li.active a{
    background-color: #cf0007;
    padding: 8px 20px 8px 20px;
    font-size: 16px;
	color: #ffffff !important;
}

.section-portfolio ul li a{
    border: 1.5px solid #cf0007;
border-radius: 3px;
   padding: 8px 15px 8px 15px;
    font-size: 15px;
}

@media (min-width:991px) and (max-width:1200px){
	.section-service-page .themeioan_services .blog-content, .section-service-page .themeioan_blog .blog-content{
		
		    padding: 10px 10px 10px !important;
		    min-height: 155px !important;
		
	}
	}
	
	

	.section-banner .header-area .header-area-inner span{
	
	    width: 248px;
    text-align: center;
    font-size: 17.5px;
    margin-left: auto;
    line-height: 1.6;
	display: block;
	}
	
	.section-about .wrap-padding p{
	 
	font-size: 18.5px;
    line-height: 2;
	 
	 }
	 
	 .section-about .wrap-padding p span{
	 
	 color: #cf0007;
	 
	 }
	 
	 .section-service .mb30{
	 
	 margin-bottom: 60px;
	 
	 } 
	 
	 .section-clients .slick-slide img{
	 
	 width: 88%;
	 
	 }
	
	@media (max-width:767px){
	.section-banner .header-area .header-area-inner span{
	
	    display: block;
	    width: unset;
	}
	.section-service .mb30{
	
	        margin-bottom: 35px;
	
	}
	.section-clients .slick-slide img{
	
	width: 95%;
	}
	}
	
.carousel-control-next-icon, .carousel-control-prev-icon{

	    background-color: #cf0007;
		    width: 25px;

    height: 25px;
	
}

.section-gallery blockquote{
	
	    font-size: 18px;
	
}

.section-gallery .btn-custom{

	 font-size: 18px;
}
.fa-volume-control-phone:before {
    content: "\f2a0";
}