@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap");

@media (max-width: 575px){
.section-tittle{
margin-bottom:25px;
text-align:left !important
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.section-tittle{
margin-bottom:1px
}
}

.section-tittle span{
font-size:18px;
font-weight:700;
margin-bottom:22px;
color:#396cf0;
text-transform:uppercase;
display:inline-block;
position:relative
}

@media (max-width: 575px){
.section-tittle span{
font-size:14px;
padding-left:6px}
}

.section-tittle span::before{
position:absolute;
content:"";
width:300px;
height:10px;
background:#396cf0;
top:0;
left:250px;
top:50%;
transform:translateY(-50%)
}


.section-tittle span::after{
position:absolute;
content:"";
width:300px;
height:10px;
background:orange;
top:0;
right:100px;
top:49%;
transform:translateX(-50%)
}

@media (max-width: 575px){
.section-tittle span::before{left:0px}
}

.section-tittle h2{
font-size:50px;
display:block;
color:#030431;
font-weight:800
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.section-tittle h2{font-size:31px;text-align:center}
}

@media (max-width: 575px){
.section-tittle h2{
text-align:left;font-size:27px
}
}

.section-tittle2 span{
margin-left:72px
}

@media (max-width: 575px){
.section-tittle2 span{margin-left:0}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.section-tittle2 h2{text-align:left}
}

@media (max-width: 575px){
.section-tittle2 h2{text-align:left;font-size:27px}
}

.slider-area .hero__caption{
	padding:39px 70px 56px 68px;
	margin-left:-25px;
	margin-right:25px;
	position:relative;
	overflow:hidden
}


.slider_bis {
color:#157DEC;
font-style: italic;
font-family: serif;
text-align:center;
}

.user_text_white_color{
color:white;
font-style: italic;
font-family: serif;
text-align:center;
}

.user_text_orange_color{
background_color:white;
color:orange;
font-style: italic;
font-family: serif;
text-align:center;
}

.rezinfos_slider {
color:#157DEC;
font-style: italic;
font-family: serif;
text-align:center;
}

.carousel-item_slider {
  height: 100vh;
  min-height: 350px;
  width: 100vh;
  min-width: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index:9999;
}