/*!
Theme Name: coding
Author: coding
Author URI: https://www.coding.lu/
Text Domain: coding
Version: 1.0

*/



	.govbar{
		zoom:1;
		background:#fff;
		border-bottom:1px solid #cccaca;
		font-family: Arial,sans-serif;
		font-size:12px;
		position:relative;
		z-index:9
		}
		
		.govbar:after{
		clear:both;
		content:'';
		display:table
		}
		
		.govbar-logo{
		border:0;
		display:block;
		padding:3px 8px;
		vertical-align:middle
		}
		
		.govbar-logo img{
		border:0;
		display:block;
		height:40px
		}
		
		.govbar-links{
		display:none;
		list-style:none;
		margin:0;
		padding:0;
		}
		
		.govbar-link{
		color:#222!important
		}
		
		.govbar-link:hover,.govbar-link:focus{
		background:#e6e6e6
		}
		
		.govbar-link{
		border:0;
		border-top:1px solid #ddd;
		display:block;
		font-weight:bold;
		padding:8px;
		text-decoration:none
		}
		
		.govbar-more{
		font-weight:normal;
		padding-right:15px
		}
		
		.govbar-logo{
		float:left
		}
		
		.govbar-links{
		display:block;
		float:right;
		line-height:30px
		}
		
		.govbar-links li{
		float:left;
		line-height:30px;
		list-style-type: none ;
		}
		
		.govbar-link{
		border-top:0;
		float:left;
		:30px
		}
		#menje-line{
		padding-left:57px;
		background:#888;
		color: white;
		font-size: 10px;
		}

.service_item:hover{
	border-color:transparent;
}
	
a{
	color:#9c5e91;
}
	
.f_widget.about-widget .f_list li a, .catSelector{
	font-size:14px;
}
.job_info .info_item p	{
	line-height:22px;
}
		

.appcolor1{
	background-image:-webkit-linear-gradient(40deg, #22a4ba 0%, #8febfb 100%) !important;
	background-image:-moz-linear-gradient(40deg, #22a4ba 0%, #8febfb 100%) !important;
	background-image:-ms-linear-gradient(40deg, #22a4ba 0%, #8febfb 100%) !important;
	box-shadow: 0px 20px 40px 0px rgba(34, 164, 186, 0.5) !important;
}
.appcolor2{
	background-image:-webkit-linear-gradient(40deg, #22a4ba 0%, #8febfb 100%) !important;
	background-image:-moz-linear-gradient(40deg, #22a4ba 0%, #8febfb 100%) !important;
	background-image:-ms-linear-gradient(40deg, #22a4ba 0%, #8febfb 100%) !important;
	box-shadow: 0px 20px 40px 0px rgba(34, 164, 186, 0.5) !important;
}
.appcolor3{
	background-image:-webkit-linear-gradient(40deg, #cf333b 0%, #fd8288 100%) !important;
	background-image:-moz-linear-gradient(40deg, #cf333b 0%, #fd8288 100%) !important;
	background-image:-ms-linear-gradient(40deg, #cf333b 0%, #fd8288 100%) !important;
	box-shadow: 0px 20px 40px 0px rgba(207, 51, 59, 0.5) !important;
}
.appcolor4{
	background-image:-webkit-linear-gradient(40deg, #cf333b 0%, #fd8288 100%) !important;
	background-image:-moz-linear-gradient(40deg, #cf333b 0%, #fd8288 100%) !important;
	background-image:-ms-linear-gradient(40deg, #cf333b 0%, #fd8288 100%) !important;
	box-shadow: 0px 20px 40px 0px rgba(207, 51, 59, 0.5) !important;
}
.appcolor5{
	background-image:-webkit-linear-gradient(40deg, #5ea966 0%, #a5f0ad 100%) !important;
	background-image:-moz-linear-gradient(40deg, #5ea966 0%, #a5f0ad 100%) !important;
	background-image:-ms-linear-gradient(40deg, #5ea966 0%, #a5f0ad 100%) !important;
	box-shadow: 0px 20px 40px 0px rgba(94, 169, 102, 0.5) !important;
}
.appcolor6{
	background-image:-webkit-linear-gradient(40deg, #5ea966 0%, #a5f0ad 100%) !important;
	background-image:-moz-linear-gradient(40deg, #5ea966 0%, #a5f0ad 100%) !important;
	background-image:-ms-linear-gradient(40deg, #5ea966 0%, #a5f0ad 100%) !important;
	box-shadow: 0px 20px 40px 0px rgba(94, 169, 102, 0.5) !important;
}
.appcolor7{
	background-image:-webkit-linear-gradient(40deg, #744468 0%, #de96c8 100%) !important;
	background-image:-moz-linear-gradient(40deg, #744468 0%, #de96c8 100%) !important;
	background-image:-ms-linear-gradient(40deg, #744468 0%, #de96c8 100%) !important;
	box-shadow: 0px 20px 40px 0px rgba(116, 68, 104, 0.5) !important;
}
.appcolor8{
	background-image:-webkit-linear-gradient(40deg, #744468 0%, #de96c8 100%) !important;
	background-image:-moz-linear-gradient(40deg, #744468 0%, #de96c8 100%) !important;
	background-image:-ms-linear-gradient(40deg, #744468 0%, #de96c8 100%) !important;
	box-shadow: 0px 20px 40px 0px rgba(116, 68, 104, 0.5) !important;
}

.container .study_details_content h1,
.container .study_details h1{
	font-weight:700;
	font-family:"Poppins", sans-serif;
	line-height: 45px;
	font-size: 30px;
}


	
.job_info{
	padding:10px;
	padding-bottom:20px;
}	
		
		
.navbar_fixed{
	top:-5px !important;
}

.sec_pad{
	padding:60px 0px;
}

.app_item{
	width:140px;
	padding:25px 0px 15px;
}
.app_item h6{
	font-size:12px;
	line-height:12px;
}


.breadcrumb_area{
	padding:150px 0px 50px;
}


.footer_top{
    border-bottom: 0;
    padding-top: 45px;
    padding-bottom: 18px;
}
.footer-menu{
    margin-left: 25px;
    display: inline-block;
}
.footer-menu a:hover{
    color: #677294;
    text-decoration: none;

}
.footer-menu a:first-child{
    margin-left: 0;
}
.footer-menu a{
    text-transform: uppercase;
    margin-left: 20px;

}
.footer-menu a, .footer-menu a:visited{
    color: #677294 !important;
}
.mask {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(29,125,169,0.80);
}
.sp-y {
    padding: 120px 0;
}
.bg-img {
    background: no-repeat center center;
    background-size: cover;
}
.lessonPlanListingContainer {

}
.lessonPlanListingContainer{
    padding-top: 50px;
    padding-bottom: 100px;
}
.lessonListingPlanButton{
    margin-top: 85px;
}
.headerImageContainer:after{
    content :  " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background-color: rgba(156, 94, 145,0.8);
}
.headerImageContainer{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background-position: center bottom;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    z-index: -2;
}
.get_icon{
    border-radius: 50%!important;
    width: 75px !important;
    height: 75px !important;
    border: 1px solid rgb(237,234,246);
}
.bgiCenter{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.get_btn_item{
    padding-right: 0 !important;
}
.linkItemContent{
    width: calc( 100% - 125px );
}
.get_btn_item{
    padding: 40px;
    border: 1px solid rgb(233,229,244);
}
/*
.pageHeader:after{
    content: " ";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(156, 94, 145,0.8);
}
*/
.pageHeader{
    width: 100%;
    height: 100%;
}
.mb_30{
    margin-bottom: 30px;
}
.portfolio_details_gallery_two p{
    padding-right: 100px;
    font-weight: 400;
    font-size: 15px;
}
.portfolio_details_gallery_two h1, .portfolio_details_gallery_two h2, .portfolio_details_gallery_two h3, .portfolio_details_gallery_two h4, .portfolio_details_gallery_two h5{
    margin-bottom: 30px;
    color: #222d39;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
}
.gallerySection{
    margin-top: 70px;
    margin-bottom: 50px;
}
.galleryItem:hover::after{
    background-color: rgba(0,0,0,0.5);
}
.galleryItem::after{
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.3s ease-in-out;
}
.galleryItem:hover{
/*    transform: scale(1.1);*/
}
.galleryItem{
    position: relative;
    padding-bottom: 50%;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
}
.galleryItem:hover .zoomIcon{
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.zoomIcon{
    color: #ffffff;
    font-size: 30px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity:0;
    z-index:2;
}
.study_details_content h2, .study_details_content h1, .study_details_content h3, .study_details_content h4, .study_details_content h5{
    font-size: 26px;
    color: #051441;
    font-weight: 600;
    margin-bottom: 25px;
}
.imgThumbnail{
    padding-bottom: 50%;
}
.p_details_three .portfolio_category{
    margin-top: 0;
}
.lessonCardThumInner{
    width: 100%;
    padding-bottom: 81.45%;
}
.lessonCard .lessonCardThumInner{
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
}
.lessonCard:hover .lessonCardThumInner{
    transform: scale(1.05);
}
.service_item:hover{
	background-size:auto 46%;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.lessonCardThumContainer{
    border-radius:6px;
}
.searchInputListing{
    margin-bottom: 40px;
}
.footer_bottom p{
    font-size: 11px;
}
.wpcf7-response-output {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}
.app_featured_area{
    width: 100%;
    overflow: hidden;
}
.service_item img{
    max-width:80%;
    max-height:80%;
}
.service_item{
    min-height: 380px;
    background-size: auto 45%;
}

.details_content .sec_title h1, .details_content .sec_title h2, .details_content .sec_title h3, .details_content .sec_title h4, .details_content .sec_title h5, .details_content .sec_title h6{
    font-size: 1.5rem;
}
.kompetenzenIcon{
    max-width: 100%;
    max-height: 100%;
}
.videoItem{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.video-item-container{
    width: 100%;
    padding-bottom: 75%;
    position:relative;
}
.video_icon{
    pointer-events: none;
}
.lessonCard .post_date{
    display: none;
}
.textBlockPart iframe{
    width: 100%;
    max-width: 600px;
    margin: auto;
    display: block;
}
.taxIconAccordion{
    width: 55px;
    margin-right: 20px;
}
.agency_featured_item_two{
    margin-top: 70px;
}
.systemIcon{
    margin-right: 5px;
    max-height: 20px;
    width: auto;
}
@media only screen and (max-height:600px){
    .startup_content_three{
        padding-top: 80px;
    }
}
@media only screen and (max-width:1200px){
    
}
@media only screen and (max-width:991px){
    .lessonListingPlanButton{
        margin-top: 20px;
    }
    .get_started_area{
        padding: 80px 0;
    }
    .get_btn_item .linkItemContent{
        width: 80%;
    }
    .get_btn_item{
        padding-left: 0;
    }
    .get_btn_item .get_icon{
        margin: 0 0 20px 0 !important;
    }
    .blog-sidebar{
        margin-top: 0;
    }
    .header_area.navbar_fixed .w_menu .nav-item .nav-link:before, .hamburger span, .hamburger-cross span{
        background-color: #864c73 !important;
    }
    .menu .nav-item .nav-link {
        color: #864c73 !important;
    }
}
@media only screen and (max-width:768px){
    .get_btn_item h3{
        text-align: center;
    }
    
    .headerImageContainer{
		height:700px;
		width:100%;
	}

}
@media only screen and (max-width:576px){
    .custom-logo{
        width: 150px;
        height: auto;
    }
    .footer-menu{
        margin-left: 0;
    }
    .footer-menu a{
        margin-left: 0;
    }
}