@charset "UTF-8";

@import url('mo-grid.css');
@import url('fonts.css');
@import url('menu.css');

html {
  scroll-behavior: smooth;
}

body{
	color: #333333;
	font-family: 'Lato', sans-serif!important;
	font-weight:normal;
	line-height:1.4;
}
.relative{
	position:relative;
}
.relative-1{
	position:relative;
}
.sprung{
	display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}
.sprunge{
	display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

@media (max-width: 767px){
	.relative-1{
	position: absolute !important;
    z-index: 999999;
    top: 0px;
    right: 10px;
	}
}
.no-768{
	display:none;
}
.no-767{
	display: block;
}

@media (max-width: 767px){
	.no-768{
	display: block;
	}
	.no-767{
	display:none;
	}
}
.head-b {
  padding: 100px 0 0 0;
}
.b1 {
	background-image: url("../images/Gruppe6.jpg");
	background-position: 0 -0px;
	background-repeat: no-repeat;
	background-size: cover;
}
.b1 {
	height:65vh;
	width:100%;
	display: flex;
	justify-content: center;
}
.b2{
	background: #BFBFBF;
}

.h-cont {
	position: absolute;
	float: right;
	top: 50%;
	transform: translateY(-50%);
	right: 50px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	min-height: 200px;
}
.h-cont h1{
	font-size:40px;
	font-weight:700;
	color:#ffffff;
	text-align:center;
	line-height:1.2;
	margin-bottom:20px;
}
.h-cont h2{
	font-size:20px;
	font-weight:500;
	color:#ffffff;	
	text-align:center;	
	line-height:1.3;
	margin-bottom:20px;
}
@media (max-width: 767px){
	.h-conts{
	position:relative;
	width:100%;
	padding: 80px 10px 35px 10px;
    margin: 0px;
    background: #BFBFBF;
	}
	.h-conts h1{
	hyphens: auto;
	font-size:26px;
	color:#ffffff;
	text-align:center;
	width: 90%;
	margin: 0 auto 15px;
	}
	.h-conts h2{
	hyphens: auto;
	font-size:20px;
	color:#ffffff;	
	line-height:1.2;
	text-align:center;
	width: 90%;
	margin: 0 auto 15px;
	}
	#openForm{
	font: normal normal normal 16px/24px helvetica-w01-roman,sans-serif!important;
	}
}


img{
	width:100%;
	height:auto;
}

.bg1,
.hgrey{
	background: #F6F6F6;
}
.bg2{
	background:#000;
}
.bg{
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
}
strong{
	font-weight:600;
}
/* Abstände
 =================================================================== */
.mt{
	margin-top:80px;
}
.mb{
	margin-bottom:80px;
}
.mb20{
	margin:80px 0 20px 0;
}

.mtb{
	margin:80px 0 80px 0;
}


.relative{
	position:relative;
}
@media (max-width: 767px){
	.mtb{
	margin:40px 0 40px 0;
	}
	.split-50{
	width:100%;
	float:left;
	height:50vh;
	}
	.split-cont{
	width:90%;
	}
}
.but-line{
	width:100%;
	text-align:center;
}
#openForm {
  border-width: 6px !important;
}
#openForm {
  border-radius: 41px !important;
}
#openForm {
  cursor: pointer;
  color: rgba(255,255,255,1) !important;
  background-color: rgba(27,72,137,1) !important;
  border-color: rgba(86,140,222,1) !important;
  font: normal normal normal 24px/30px helvetica-w01-roman,sans-serif;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 8px 18px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}
.logo{
	margin:10px 20px 10px 0;
}
.slogen{
	margin-top:30px;
}
@media (max-width: 767px){
	.logo{
	margin:0px 20px 0px 0;
	}
	.logo img{
	width:auto;
	height:55px;
	z-index: 99;
    position: relative;
	}
	.slogen {
	margin: 20px 0;
	}
}
.t-head-1{
	font-family: 'Lato', sans-serif!important;
	font-size:2.5rem;
	font-weight: 700;
	color:#676464;
	text-align: center;
	line-height: 1.2;
}
.t-head-2{
	font-family: 'Lato', sans-serif!important;
	font-size:1.25rem;
	font-weight: 700;
	color:#676464;	
	text-align: center;
	line-height: 1.2;
}
.cont-1 h1{
	font-size: 32px;
    line-height: 1.4;
    margin-bottom:15px;
}
.cont-1 h3{
	font-size: 32px;
    line-height: 1.4;
    margin-bottom:15px;
}
.cont-1 h4{
	font-size: 24px;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: -0.02em;
	color: #444444;
	/*word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
		hyphens: auto;*/
}
.cont-1 h4 + h4{
	margin-top:15px;
}
.mtb80{
	padding:80px 0 80px 0;
}
.mb120{
	padding:0 0 120px 0;
}
.ptb{
	padding:160px 0 80px 0;
}
@media (max-width: 767px){
	.cont-1 h3{
	font-size: 28px;
	}
	.cont-1 h4{
	font-size: 20px;
	}
}
.cont-1 ul {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  padding: 0;
}
.cont-1 ul li {
  position: relative;
  margin-left: calc(1em + 10px);
  line-height:1.2;
  padding:8px 0 8px 0;
}
.cont-1 li::before {
  content: "\2003";
  background-image: url(../images/check.svg);
  filter: brightness(0) saturate(100%) invert(21%) sepia(30%) saturate(3784%) hue-rotate(198deg) brightness(91%) contrast(87%);
  
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0;
  margin: 0;
  left: calc(-1em - 10px);
  position: absolute;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  display: initial;
}
.bg1{
	background:#f6f6f6;
}

/* Job
 ========================================================================== */
.job-head{
	font-size:30px;
	font-weight:600;
	color:#333333;
	width:100%;
	text-align:center;
	padding:0 0 50px 0;
} 
.job-box{
	font-family: 'Lato', sans-serif!important;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.job-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0 15px 0 15px;
}
.job-logo img{
	width:100%;
	height:auto;
}
.job-cont{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height:250px;
	padding:0 15px 0 25px;
	background:#ffffff;
}
.firma{
	color:#1132a8;
	font-size:14px;
	font-weight:600;
	margin-bottom:20px;
	width:100%;
	display:block;
}
.job-beschreibung{
	font-size:28px;
	font-weight:600;
	color:#000000;
	width:100%;
	display:block;
	margin-bottom:15px;
}
.beschreibung{
	color:#333333;
	font-size:16px;
	line-height:1.4;
	margin-bottom:15px;
}
.job-service img{
	width:20px;
	height:auto;
	margin-right:15px;
	filter: brightness(0) saturate(100%) invert(21%) sepia(30%) saturate(3784%) hue-rotate(198deg) brightness(91%) contrast(87%);
}
.job-service span{
	line-height:1.3;
}
.job-service li{
	float:left;
	margin-right:20px;
}
.job-link-box{
	display: flex;
	align-items: center;
	justify-content: center;

	height:100%;
	width:100%;
	background:#f6f6f6;
}
.button {
  background-color: #1132a8; /* blue */
  border: none;
  color: #ffffff;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  line-height:1.3;
  display: inline-block;
  font-size: 16px;
  border-radius: 4px;
  transition-duration: 0.4s;
}
.button:hover {
  background-color: #000000; /* Green */
  color: white;
}
.flex{
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.bg-l-grey{
	background:#FCFCFC;
}
@media (max-width: 767px){
	.flex{
	display:block;
	}
	.job-logo {
	display: inline-block;
	align-items: center;
	justify-content: center;
	padding: 0 15px 20px 15px;
	text-align: center;
	width: 100%;
	}
	.job-logo img {
	width: auto;
	height: auto;
	}
	.job-cont {
	padding: 20px 15px 20px 25px;
	}
	.job-beschreibung {
	font-size: 20px;
	}
	.job-link-box{
	margin:10px 0;
	}
}
 
/* Back to Top
 ========================================================================== */
#back-top{
    display: none;
    text-decoration: none;
    position: fixed;
    right: 90px;
    bottom: 80px;
    overflow: hidden;
    width:60px;
    height:60px;
    border: 1px solid #fff;
    border-radius:4px;
    background: url(../images/totop.png) no-repeat center center rgba(17,50,168,0.9);
    z-index:99;
}
#back-top:hover {
    /*outline: none;*/
    background: url(../images/totop.png) no-repeat center center rgba(0,0,0,0.9);
}
@media only screen and (max-width: 1199px) {
    #back-top {
        display: none !important;
        float:right;
    }
}
/* Sozial Icon
 ======================================================== */
.svg-inline--fa {
  vertical-align: -0.200em;
}

.rounded-social-buttons {
  text-align: center;
}

.rounded-social-buttons .social-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  border: 0.125rem solid transparent;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #fefefe;
  font-size: 1.5625rem;
  font-weight: normal;
  line-height: 2em;
  border-radius: 1.6875rem;
  transition: all 0.5s ease;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.social-button i{
	line-height:2em;
}
.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-tiktok, .fa-youtube, .fa-facebook-official, .fa-instagram {
  font-size: 25px;
  line-height: 2em;
}

.rounded-social-buttons .social-button.facebook {
  color:#1132A8;
  background: #ffffff;
}
.rounded-social-buttons .social-button.instagram {
  color:#1132A8;
  background: #ffffff;
}


.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
  color: #3b5998;
  background: #fefefe;
  border-color: #3b5998;
}

.rounded-social-buttons .social-button.twitter {
  background: #55acee;
}

.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
  color: #55acee;
  background: #fefefe;
  border-color: #55acee;
}

.rounded-social-buttons .social-button.linkedin {
  background: #007bb5;
}

.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
  color: #007bb5;
  background: #fefefe;
  border-color: #007bb5;
}

.rounded-social-buttons .social-button.tiktok {
  background: #000000;
}

.rounded-social-buttons .social-button.tiktok:hover, .rounded-social-buttons .social-button.tiktok:focus {
  color: #000000;
  background: #fefefe;
  border-color: #000000;
}

.rounded-social-buttons .social-button.youtube {
  background: #bb0000;
}

.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
  color: #bb0000;
  background: #fefefe;
  border-color: #bb0000;
}


.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
  color: #125688;
  background: #fefefe;
  border-color: #125688;
}
/* Hast Du noch Fragen
 =========================================================================== */
.bg-w{
	padding:60px 0 60px 0;
	background:#ffffff;
}
.kontaktbanner {
  background-color: #F4F4F4;
  margin-bottom: 5rem;
  padding: 3rem 2rem;
}
.kontaktbanner .h2 {
  text-align: center;
  font-size: 2.75rem;
  font-weight:700;
  margin:10px 0 30px 0;
}
.kontaktbanner .rounded-circle {
  max-width: 300px;
  margin-bottom: 1rem;
}
.kontaktbanner .rounded-circle {
  border-radius: 50% !important;
}
.kontaktbanner .img-fluids {
  max-width: 100%;
  height: auto;
}
.kontaktbanner p {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height:1.5;
}
.kontaktbanner strong {
  font-family: 'Poppins',sans-serif;
  font-weight: 700;
}
.bodytext a{
	color:#333333;
	text-decoration:none;
}
.bodytext a:hover{
	text-decoration:underline;
}
@media (min-width: 768px) {
  .d-md-flex {
    display: flex !important;
  }
}
.img-pos{
	text-align:right;
	padding-right:60px;
}
.rows{
	display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px){
	.img-pos{
	text-align: center;
	padding:0 20px 0 20px;
	}
	.bg-w{
	padding:0px 0 0px 0;
	background:#ffffff;
	}
}
/*Bild links Text rechts
 =========================================================================== */
.section-padding {
  padding: 100px 0;
} 
.about-area {
  position: relative;
  z-index: 1;
}
.section-padding {
  padding: 100px 0;
}
.align-items-center {
  align-items: center !important;
}
.about-image {
  position: relative;
}
.about-image-right{
	text-align:right;
}
.about-image img {
  border-radius: 5px;
}
img {
  max-width: 100%;
  height: auto;
}
.about-content {
  padding-right: 0px;
}
.about-content h2 {
  font-size: 38px;
  font-weight: 700;
  color:#333333;
  line-height:1.3;
  margin-top: 10px;
  margin-bottom: 15px;
}
.about-content h3 {
  font-size: 30px;
  font-weight: 600;
  color:#333333;  
  line-height:1.3;
  margin-top: 10px;
  margin-bottom: 15px;
}

.about-content h6 {
  font-size: 16px;
  color: #1132a8;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
ul.about-list-box {
 /* max-width: 400px;*/
  margin-top: 30px;
}
ul.about-list-box li {
  display: flex;
  margin-bottom: 25px;
}
ul.about-list-box li .about-list-icon i,
.about-list-icon i {
  font-family: flaticon_mycollection!important;
  display: inline-block;
  font-size: 50px;
  margin-right: 25px;
  color: #1132a8;
}
ul.about-list-box li .about-list-icon i {
  font-family: flaticon_mycollection !important;
  font-size: 50px;
  color: #1132a8;
}
.about-list-icon,.flaticon {
  font-family: flaticon_mycollection !important;
}
.about-list-info h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:4px;
}
.about-list-info p {
  font-size: 16px;
  line-height: 1.3;
  color: #505050;
  margin-bottom: 10px;
  font-weight: 400;
}
@media (max-width: 767px){
	.section-padding {
	padding: 50px 0;
	}
	.about-image{
	margin-bottom:40px;
	}
}  
/* Parallax
 ========================================================================== */
.p-110 {
  padding: 80px 0 80px 0;
}	
.container .caption2 {
  background: rgba(39, 45, 51, 0.85) none repeat scroll 0 0;
}
.caption1 {
  position: relative;
  background: rgba(252, 90, 10, 0.85) none repeat scroll 0 0;
  box-sizing: border-box;
  display: block;
  padding: 44px 30px;
  text-align: left;
  /*width: 570px;*/
  z-index: 0;
}
.container .caption2 p {
  left: 2px;
  top: -4px;
}
@media (min-width: 1200px) {
  .caption1 .cap-head {
    font-size: 49px;
    line-height:1.5;
  }
}
@media (max-width: 767px){
	.caption1{
	width:auto;
	}
}
.caption1 .cap-head {
  letter-spacing: -0.02em;
  line-height: 1.5;
}
.caption1 .cap-head, .caption1 span, .caption1 p {
  color: #fff;
}
.caption1 .cap-head span {
  font-size: 25px;
  font-weight: 500;
  display: inline-block;
  line-height: 45px;
  margin-bottom: 14px;
  letter-spacing: 0;
  line-height:1.3!important;
  width: 85%;
}
.caption1 .cap-head, .caption1 span, .caption1 p {
  color: #fff;
}
.caption1 p {
  margin: 0;
  width: 75%;
  position: relative;
}
.caption1 a {
  border: 2px solid #fff;
  bottom: 38px;
  color: #fff;
  display: inline-block;
  font-size: 35px;
  height: 76px;
  line-height: 68px;
  position: absolute;
  right: 30px;
  text-align: center;
  text-decoration:none;
  transition: all 0.25s ease 0s;
  width: 76px;
}

.home1.video{
	background-repeat: no-repeat!important;
	background-position:top center!important;
	background-attachment: fixed !important;
	background-size: cover!important;
	/*background-image:url('../images/welt.jpg');*/
}

@media (max-width: 767px){
	.home1.video{
	/*background-image:url('../images/welt.jpg');*/
	background-position:center center!important;
	background-attachment: scroll!important;
	}	
	.p-110 {
	padding: 60px 0 10px 0;
	}	
}

.home1.video .overlay2{
  background: rgba(0, 0, 0, 0.41);
}
/* neu */
.parallax{
	background-repeat: no-repeat!important;
	background-position:top center!important;
	background-attachment: fixed !important;
	background-size: cover!important;
	/*background-image:url('../images/welt.jpg');*/
}

@media (max-width: 767px){
	.parallax{
	/*background-image:url('../images/welt.jpg');*/
	background-position:center center!important;
	background-attachment: scroll!important;
	}	
	.p-110 {
	padding: 60px 0 50px 0;
	}	
}

.parallax .overlay2{
  background: rgba(0, 0, 0, 0.41);
}
.parallax-cont{
	padding:30px;
	border-radius: 20px;
	background: rgba(39, 45, 51, 0.85) none repeat scroll 0 0;
}
.parallax-head{
	font-size:2em;
	font-weight:600;
	color:#ffffff;
	width:100%;
	margin-bottom:15px;
} 
.parallax-contend{
	font-size:1.2em;
	color:#ffffff;
	width:100%;
	margin-bottom:15px;
	
}
.parallax-contend p{
	margin-bottom:15px;
}
a.parallax-button  {
  font-family: 'Lato', sans-serif!important;
  border: none;
  color: #333333;
  padding: 11px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  border-radius: 24px;
  background:#ffffff;
}
a.parallax-button:hover{
  color: #ffffff!important;
  background:#000000!important;
} 
a.parallax-button:focus {
  outline-offset:2px
}
a.parallax-button:focus:not(:focus-visible) {
  outline:0
}
a.parallax-button:focus-visible {
  outline-offset:2px
}
a.parallax-button:first-child{
	margin-right:22px;
}
@media (max-width: 767px){
	a.parallax-button{
	margin-bottom:12px;
	}
}

/* Wohlfühlen
 =========================================================================== */
.b10 {
  background-image: url("../images/bg-bl.jpg");
  /*background-position: .25px -100px;*/
  background-position:right center;
  background-repeat: no-repeat;
}
.b10 {
  /*height: 33.33%;*/
  height:50vh;
  display: flex;
  justify-content: center;
}
.flexi{
  display: flex;
  justify-content: center;
  align-items: center;
  height:45vh;
	/*position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
}
.kart h1{
	font-size:2.25em!important;
	font-weight: 700!important;
	color:#333333!important;
	line-height:1.3!important;
	margin-bottom:15px!important;
}
.kart p{
	font-size:1.125em!important;
	color:#333333!important;
	line-height:1.5!important;
	margin-bottom:15px;
}
.butline{
	padding:15px 0 0 0;
}
.mo-button {
  padding: 8px 30px;
  border: 2px #333 solid;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
}
.cori{
	height:50vh;
}
.cori img{
	position:absolute;
	height:520px!important;
	width:auto!important;
	bottom: 0px;
}
@media (max-width: 767px){
	.b10{
	padding:20px 0 30px 0;
	height:80vh;
	}
	.kart h1{
	font-size:2em;
	}
	.cori{
	display:none;
	}
	.flexi{
	display:block;
	height:65vh;
	}
}

/* MAP Links
 =========================================================================== */
.map_box {
  height:100%;
  background: linear-gradient(90deg,rgba(98, 207, 244, 1) 0%, rgba(44, 103, 242, 1) 50%);
  border-radius:24px;
  overflow:hidden;
  padding:50px;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:relative
}
.map_heading {
  font-family: 'Lato', sans-serif!important;
  font-style: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.19;
  letter-spacing: -.02em;
  color: #fff;
  margin-bottom: 30px;
}
.map_text {
  font-family: 'Lato', sans-serif!important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  font-weight: 500;
  color: #fff;
  margin-bottom: 40px;
  max-width: 700px;
  display: inline-block;
}
a.map_button  {
  font-family: 'Lato', sans-serif!important;
  border: none;
  color: #333333;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  border-radius: 24px;
  background:#ffffff;
}
a.map_button:hover{
  color: #ffffff!important;
  background:#000000!important;
} 
a.map_button:focus {
  outline-offset:2px
}
a.map_button:focus:not(:focus-visible) {
  outline:0
}
a.map_button:focus-visible {
  outline-offset:2px
}
@media (max-width: 767px){
	a.map_button{
	margin-bottom:12px;
	}
}
 
 
/* Footer
 =========================================================================== */
.footer{
	font-family: 'Lato', sans-serif!important;
	padding:50px 0 0 0;
	background:#E6E6E6;
} 
.footer-h2{
	text-align:center;
	font-style:italic;
	color:#333333;
	font-size:24px;
	font-weight:500;
}
.sozial-footer{
	margin:0 auto;
	text-align:center;
	padding:25px 0 40px 0;
	border-bottom:1px #333333 solid;
}
.footer-lin-2{
	padding:40px 0 40px 0;
}
.f-adress{
	color:#333333;
	line-height:1.4;
	padding:0 0 30px 0;
}
.f-adress a{
	color:#333333;
	text-decoration:none;	
}
.f-adress h5{
	font-size:22px;
	font-weight:bold;
	margin-bottom:18px;
}
.f-adress ul {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  padding: 0;
}
.f-adress ul li {
  position: relative;
  margin-left: calc(1em + 10px);
  line-height:1.2;
  padding:8px 0 8px 0;
}
.f-adress li::before {
  content: "\2003";
  background-image: url(../images/link.svg);
  filter: filter: brightness(0) saturate(100%) invert(13%) sepia(3%) saturate(24%) hue-rotate(324deg) brightness(105%) contrast(83%);
    
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0;
  margin: 0;
  left: calc(-1em - 10px);
  position: absolute;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  display: initial;
}
.footer-line-3{
	padding:15px 0 10px 0;
	text-align:center;
	background:#0E2B8D;
}
  /* Style the list */
ul.footer-head-menu {
	position: relative;
	padding: 0px 16px;
	list-style: none;
	z-index: 6;
}

/* Display list items side by side */
ul.footer-head-menu li {
	font-family: 'Lato', sans-serif!important;
	display: inline-block;
	color: #ffffff!important;
	/*letter-spacing: 0.18em;*/
	font-size: 1rem!important;
	margin:5px 0 10px 0;
}

/* Add a slash symbol (/) before/behind each list item */
ul.footer-head-menu li+li:before {
	padding: 8px;
	color: #ffffff!important;
	content: "|";
}

/* Add a color to all links inside the list */
ul.footer-head-menu li a {
	color: #ffffff!important;
	text-decoration: none;
}

/* Add a color on mouse-over */
ul.footer-head-menu li a:hover {
	text-decoration: underline;
}
@media (max-width: 767px){
	ul.footer-head-menu li {
	font-family:  Arial, Helvetica, sans-serif;
	color: #ffffff!important;
	letter-spacing: 0.10em;
	font-size: 12px!important;
	font-weight:500;
	}
	ul.footer-head-menu li+li:before {
	padding: 8px 4px;
	color: #ffffff!important;
	content: "|";
	}	
}