@import url('https://fonts.googleapis.com/css2?family=Economica:wght@400;700&family=Lato:wght@400;700&family=Montserrat:wght@100;300;400;500;700&family=Poppins:wght@100;300;400;700&family=Roboto:wght@100;300;400;700&display=swap');

* {
  font-family: 'Poppins', cursive;
		
}
body {
	height:100vh;
}
.main-group{
	top:0;
	height:60vh;
	width:100%;
}

.slogan {
  font-family: 'Poppins', normal;
  font-weight: 200;
  font-size: 14;
}

.sub-text {
  font-family: 'Poppins', normal;
  font-weight: 100;
  font-size: 14;
}

.triangle-left {
  background-image: linear-gradient(transparent,#ff6126,#ff9d2f,transparent);
  clip-path: polygon(
   10% 10%, 10% 100%, 100% 50%
  );
}
.parallel-right{
	height:60vh;
	background-image: linear-gradient(#ff6126,#ff9d2f,transparent);
	clip-path: polygon(50% 0%, 75% 0%, 50% 100%, 25% 100%);
}
.parallel-left{
	height:60vh;
	background-image: linear-gradient(#ff6126,#ff9d2f,transparent);
	clip-path: polygon(50% 0%, 75% 0%, 50% 100%, 25% 100%);
}
.ticket-img {
 	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}



h3.background {
	  font-family: 'Poppins', normal;
  font-weight: 200;
  font-size: 14 !important;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

span.head-title {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 15px;
}

 

h3.background:before {
  border-top: 2px solid #dfdfdf;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 55%;
  z-index: -1;
}


h3.no-span {
		font-weight: 100;
  	font-size: 14 !important;
    display: table;
    white-space: nowrap;
}

h3.no-span:before, h3.no-span:after {
    border-top: 1px solid green;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%;
}

   
h3.no-span:before { right: 1.5%; }
h3.no-span:after { left: 1.5%; }

p.logged-in-as, p.wordpress-helpdesk-attachments, .post{
	font-family: 'Poppins', normal;
  font-weight: 300;
  font-size: 12;
}

.group-menu {
  display: none;
}

.helpdesk-title {
  font-weight: 500;
}

.box1 {
  background-image: linear-gradient(#ff6126,#ff9d2f);
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 calc(100% - 5vw)
  );
}

.header-icon {
  padding-left: 20px;
}

.inside-nav {
	margin-top: 20px !important;
}

.header-menu {
	padding-right: 20px !important;
}

.header_maik_bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100vw;
  height: 6vh;
  background-image: linear-gradient(#ff9d2f, #ff6126);
  transform-origin: top left;
  z-index: -1;
}

.dataTables_wrapper{
	width:80vw;
	max-width:90vw;
	margin: 0 auto;
}

@media screen and (max-width: 782px) {
  .header_maik_bg {
    height: 8vh;
  }
		
	.main-group{
			top:0;
			height:80vh;
			width:100%;
		}

  .group-menu {
		margin-top: 5rem !important;
    display: block;
  }
		
	.sub-text {
			margin-left: 10px;
			margin-right: 10px;
	}
		
	.slogan {
  	text-align: center;
	}
		
	h3.no-span {
		font-weight: 100;
  	font-size: 10 !important;
    display: table;
    white-space: nowrap;
	}

	h3.no-span:before, h3.no-span:after {
    font-size: 10 !important;
    width: 25%;
	}
		
  h3.background:before {
    border-top: 2px solid #dfdfdf;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1;
  }

  footer.footer, .parallel-right, .parallel-left {
    display: none;
  }
}

.header {
  width: 100vw;
  height: 50px !important;
  max-height: 50px !important;
}

h1 {
  margin: 0;
  padding: 100px 0;
  font: 44px "Arial";
  text-align: center;
}

.header_maik h1 {
  position: relative;
  color: white;
}