/*
Theme Name: Viab-online
Theme URI: www.viab-online.com
Description: created by Mustapha Bourzak Terouali
Version: 1
Author: Mustapha Bourzak Terouali
*/

html,body{
	margin:0;
	padding:0;
	/*background-color:#F8F9FB;*/
	
}
/***** style menu langue pc ****/
.lang {
    width: 20px;
	margin-right:4px;
    
}
#Ullang{
    display: flex;
    list-style-type: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
	float:right;
	position: relative;
    top: -15px;
}
#Ullang>li>a{
	text-decoration:none;
}
#Ullang>li{
	margin-right:4px;
}
.colblack{
	color:#000;
	}
.colyel{
	color:#FFBF00;
	}
.colred{
	color:#F00;
	}
.home_left,.home_right{
	min-width:350px !important;
	
}
.page {
  text-align: justify;
  line-height: 1.5em;
  padding-left: 5.3125%;
   padding-right: 5.3125%;
}
.h1_cabecera{
	color: rgb(23, 102, 109) !important;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
		
}
.online {
 background-color: #007bff;
position: relative;
top: -30px;
margin-top: 50px;
left: -20px;
width: 360px;
padding-left: 5px;
height:60px;
}
.online h1 {
  color: #f8f9fa;
  font-family: 'Raleway', sans-serif;
  font-size: 25px;
  letter-spacing: 1px;
   line-height:60px;
}


.texto h1 {
	display:block;
	width:100%;
	height:80px;
	line-height:80px;
	padding-left:10px;
  color: #f8f9fa;
   background-color: #dc3545;
  font-family: 'Raleway', sans-serif;
  font-size: 35px;
  margin-bottom: 25px;
}
.texto p {
	color:darkblue;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
}
.kidri h1 {
	display:block;
	width:100%;
	height:80px;
	line-height:80px;
	padding-left:10px;
  color: #f8f9fa;
   background-color: #28a745;
  font-family: 'Raleway', sans-serif;
  font-size: 35px;
  margin-bottom: 25px;
}
.right{
	position:relative;
	z-index: 100;
}
.entrada img {
  width: 550px;
    height: 550px;
    position: absolute;
    left: 142px;
    top: 115px;
    clip-path: polygon(25% 0%, 75% 0%, 75% 100%, 25% 100%, 0 50%);
}
.middle {
	margin-top:100px;
}
.middle h2 {
    color: #009acd;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}

#carreBlue {
  height: 80px;
  width: 80px;
  background: #007bff;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  top: 0px;
  left: 400px;
}
#carregreen {
  height: 80px;
  width: 80px;
  background: #199319;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  top: 0px;
  left: 400px;
}
.kontakt {
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-style: italic;
  letter-spacing: 00.1em;
  padding-top: 15px;
  padding: auto;
 
}
.textfeld {
 
  background-color: #009acd;
  padding-left: 20px;
  padding-right: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.textfeld h1 {
  color: #f8f9fa;
  font-family: 'Raleway', sans-serif;
  font-size: 25px;
}
.textfeld p {
  color: #f8f9fa;
  justify-content: flex-end;
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  display: contents;
  align-items: flex-end;
}
.textfeld1 {
  
  background-color: #F8F9FB;
  padding-left: 20px;
  padding-right: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
  align-items: flex-end;
  align-content: flex-end;
}
.textfeld1 p {
  color: #080808;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  
}
.fcc-btn {
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  background-color: #2e8b57;
  color: white;
  padding: 15px 25px;
  text-decoration: none;
 
}
.textfeld2 {
  color: azure;
  background-color:#2e8b57;
  padding-left: 20px;
  padding-right: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
  align-items: flex-end;
  align-content: flex-end;
}
.textfeld2 h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 25px;
}
.textfeld2 p {
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  color: #f8f9fa;
}
.textfeld21 {
  
  background-color: #F8F9FB;
  padding-left: 20px;
  padding-right: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.textfeld21 p {
  color: #080808;
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  align-items: flex-end;
  align-content: flex-end;
 
}
.servi {
display:block;
color: aliceblue;
font-family: 'Montserrat', sans-serif;
font-size: 25px;
text-align: center;
  background-color: #009acd;
  width: 100%;

  
  
}

.servi1 {
 
  background-color: #8fbc8f;
  padding-left: 5px;
  padding-right: 50px;
  padding-top: 5px;
  padding-bottom: 25px;
  align-items: flex-end;
  align-content: flex-end;
}
.servi1 {
    background-color: #8fbc8f;
   padding-left: 5px;
  padding-right: 50px;
  padding-top: 5px;
  padding-bottom: 25px;
  align-items: flex-end;
  align-content: flex-end;
}
.servi1 p {
  color: darkslategray;
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  text-align: center;
}
.servi1 h4 {
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  color: darkslategray;
  text-align: center;
}
.alert-success,.alert-danger{
	width:400px !important;
}
/***** fin style menu langue pc****/
@media (min-width: 1200px){
	.container_menu{
		width:980px !important;
		padding-top:10px;
	}
}
@media (max-width: 1199px){
	#Ullang{
    display: block;
    list-style-type: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
	right:0px;
	position: fixed;
    top: 40px;
	}
	.label_lang{
		display:none;
	}
	
	.hide_mobile {
    display:none;
	}
	.cabecera-left{
		min-width: 350px;
		
	}
	
	
	.colblack{
		color:#000;
		}
	.colyel{
		color:#FFBF00;
		}
	.colred{
		color:#F00;
		}
	
	.home_left,.home_right{
		min-width:350px !important;
		
	}
	.lang{
		margin-right:20px;
	}

	p{
		font-size:1em !important;
	}
	#carreBlue,#carregreen{
		display:none;
	}
	.entrada img{
		display:none;
		
	}
	.right{
		background-image: url("img/student.png");
		background-repeat: no-repeat;
		height:100%;
		background-attachment: relative;
		background-position: right;
		background-size: 75%;
  
	}
	.online{
		display:none;
	}
	.Kurinformation{
		margin-top:20px !important;
	}
	
	
}