/*
Theme Name: Weber Erodiertechnik
Description: This is a child theme for Flatsome Theme
Author: beflash.de
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



 @font-face {
     font-family: 'aeoniklight';
     src: url('fonts/Aeonik-Light.woff2') format('woff2'), url('fonts/Aeonik-Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'aeonikmedium';
     src: url('fonts/Aeonik-Medium.woff2') format('woff2'), url('fonts/Aeonik-Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'aeonikregular';
     src: url('fonts/Aeonik-Regular.woff2') format('woff2'), url('fonts/Aeonik-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

/* CMPLZ Banner */
.cmplz-cookiebanner {
    padding: 40px!important;
    display: grid;
    grid-gap: 20px!important;
}
 .cmplz-close {
     background-image: url(/wp-content/uploads/2023/10/close.png)!important;
     font-size: 0em!important;
     line-height: unset!important;
     justify-self: end;
     grid-column-start: 3;
     cursor: pointer;
     width: 44px!important;
     height: 39px!important;
     color: transparent !important;
}
 .cmplz-cookiebanner .cmplz-header {
     grid-template-columns: 1fr 100px!important;
     align-items: center;
     display: grid;
     grid-column: span 3;
}


/* Basic */
 body {
     font-family: 'aeonikregular', sans-serif!important;
     font-weight: normal;
     font-size: 16px;
}
 p {
     font-family: 'aeonikregular', sans-serif !important;
     line-height: 2;
}
.page-navi {position: relative; top: -10px}
.page-navi a, .page-navi p{
	font-size: 14px!important;
    color: #D5D6D8!important;
}
.page-navi a:hover {
     color:#C95848!important 
}
 .start-content a {
     color: #53535c;
     text-decoration: underline;
}
 .start-content a:hover {
     color:#C95848 
}
 pre, blockquote, form, figure, p, dl, ul, ol {
     font-family: 'aeonikregular', sans-serif !important;
}
 .button, button, input[type=button], input[type=reset], input[type=submit] {
     transition:transform .9s,border .9s,background .9s,box-shadow .9s,opacity .3s,color .3s !important;
}
 .button, button, input[type="button"], input[type="reset"], input[type="submit"] {
     font-family: 'aeonikregular', sans-serif !important;
     color: currentColor;
     cursor: pointer;
     font-size: 21px !important;
     font-weight: normal !important;
     letter-spacing: 0em;
     line-height: 2.4em;
     min-height: 2.2em!important;
     text-align: center;
     text-rendering: optimizeLegibility;
     text-shadow: none;
     text-transform: none !important;
     padding: 5px 20px 5px 7px;
     margin: 0 !important;
}
 .button.is-outline {
     line-height: 1.1em!important;
}
 .icon-angle-right{
     background-image: url("/wp-content/uploads/2023/10/arrow.svg");
     position: absolute !important;
     top: 0px !important;
     left: 190px !important;
     width: 63px;
     height: 45px;
     font-family: unset !important;
     font-size: 0px !important;
}
 .button.is-outline, input[type="button"].is-outline, input[type="reset"].is-outline, input[type="submit"].is-outline {
     border: 1px solid!important;
}
 .button.is-outline:hover{
     border: 1px solid #C95848!important;
}
 strong {
     font-family: 'aeonikmedium', sans-serif !important;
     font-weight: 800 !important;
}
 h1, h2, h3, h4, h5, h6{
     font-family: 'aeonikmedium', sans-serif!important;
     font-weight: normal!important;
     font-style: normal!important;
     color: #53535C;
}
 h1{
     font-family: 'aeoniklight', sans-serif!important;
     font-weight: normal!important;
     font-style: normal!important;
     color: #C95848!important;
}
 .banner h1 {
     font-size: 80px !important;
     line-height: 1.2;
     padding-bottom: 50px;
}
 .banner .is-outline {
     position: relative;
     left:4px; 
}
.banner-pefect .is-outline{
     position: relative;
     left:0px; 
}
 .header-main {
     height: 150px!important;
}
 .header.show-on-scroll, .stuck .header-main {
     height: 150px!important;
}
 .header.show-on-scroll, .stuck .header-main {
     height: 150px !important;
}
 .header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
     box-shadow: 0px 0px 10px rgba(66, 65, 65, 0.3) !important;
     background-color: #fff!important;
}
 .banner-start {
     height: 800px 
}
 .down {
     width: 45px!important;
     transition: all 1.2s;
}
 .down a .dark:hover{
     background-color: #fff;
     transition: all 1.2s;
}
/* Navigation top */
 .nav-right {
     justify-content: flex-end;
     position: relative;
     top: -10px;
     width: 530px;
}
 .nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
     font-weight: unset;
     font-style: normal;
}
 .nav > li > a {
     font-family: 'aeoniklight', sans-serif!important;
     text-transform: none!important;
     height: 50px!important;
     font-size: 19px!important;
     color: #53535C!important;
     font-weight: normal !important;
     z-index: 999999999999 !important;
     position: relative;
}
 .nav > li::before{
     content: "";
     position: relative;
     top: 18px;
     margin-left: 26px;
     margin-right: 19px;
     height:50px;
     width:1px;
     background: #C95848;
     display: inline-block;
     z-index:999999999999999!important 
}
 .nav > li > a:hover{
     color: #C95848!important 
}
 .has-dropdown .icon-angle-down {
     display: none;
}
 .nav-dropdown-has-border .nav-dropdown {
     border: 2px solid #ddd;
     width: 100vw;
     opacity: 0;
     background: white;
     position: absolute;
     margin: 0;
     padding: 0;
     left: 0;
     right: 0;
     border: 1px solid red;
     max-height: 20px;
     box-sizing: border-box;
     overflow: hidden;
}
 .nav-column > li > a, .nav-dropdown > li > a, .nav-vertical-fly-out > li > a, .nav > li > a {
     font-family: 'aeoniklight', sans-serif!important;
     color: #53535C !important;
     transition: all .2s;
     font-size: 19px;
}
 .nav-column li.active > a, .nav-column li > a:hover, .nav-dropdown li.active > a, .nav-dropdown > li > a:hover, .nav-vertical-fly-out > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav > li > a:hover {
     color: #C95848!important 
}
 .nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
     font-style: normal!important;
}
 .ux-menu-link__link {
     align-items: baseline;
     border-bottom-color: #ececec;
     border-bottom-width: 1px;
     color: currentColor;
     flex: 1;
     min-height: 1em!important;
     padding-bottom: .1em!important;
     padding-top: .4em!important;
     transition: all .2s;
}
 #menu-item-26 a{
     cursor: pointer 
}
 #menu-item-26 a{
     cursor: pointer 
}

 .sub-menu {
   z-index:9!important;
   top: 60px!important;
   float: right!important;
}

.sub-navi .right {
    position: relative;
    top: 0px;
    width: 519px!important;
    flex-basis: 519px!important;
    max-width: 519px!important;
    float: right !important;
    margin-bottom: 20px;
}

.sub-navi .right:before{
  content: "";
  font-size: 12px !important;
  position: absolute;
  top: -10px;
  left: 0px;
  height: 106px;
  width: 1px;
  max-width: 1px;
  display: block;
  background: #C95848;
  z-index: 999999999999999 !important;
}


.vertical-sub {
    border-left: 1px solid #C95848;
    height: 152px;
    position: absolute !important;
    z-index: 9999999999999999999!important;
}

 .sub-navi a {
     font-family: 'aeoniklight', sans-serif!important;
     color: #53535C !important;
     margin: 0px 0px 0px 20px !important;
     font-size: 19px;
     font-weight: normal;
}
 .sub-navi a:hover {
     color: #C95848!important 
}
.sub-navi .ux-menu-link {
  font-weight: normal !important;
  height: 30px;
  left: 0.5px;
  position: relative;
}

/*
 * 
 *  .sub-navi .right {
    top: 6px!important;
    width: calc(var(--v500px) + 20px);
    float: right;
    left: 0.5px;
}
@media(max-width:1680px) {
	 .sub-navi .right {
    position: relative;
    right: -1px;
    top: 10px!important;
    flex-basis: 504px; 
    max-width: 504px; 
}
}
*/

/* #menu-item-26 a:hover::before{
     content: "";
     position: absolute!important;
     top: 100px;
     left: -844px;
     height:153px;
     z-index: 9999;
     width:1px;
     background: #C95848;
}
 @-moz-document url-prefix() {
     #menu-item-26 a:hover::before{
         content: "";
         position: absolute!important;
         top: 100px;
         left: -826px!important;
         height:153px;
         z-index: 9999;
         width:1px;
         background: #C95848;
    }
     .sub-navi .right {
         position: relative;
         left: 60px!important;
        ;
    }
}
 */


 #top-link {
     display: none!important;
}
 #logo {
     width: 260px !important;
     margin-right: 2px !important;
    /*! position: relative;
     */
    /*! left: 0px;
     */
     z-index: 9999999!important;
}
.header-wrapper .vertical {
  border-left: 1px solid #C95848;
  height: 100px;
  position: relative !important;
  left: 0px !important;
  padding-right: 30px;
  top: 25px;
}
.stuck .header-main .vertical {
  border-left: 1px solid #C95848;
  height: 50px;
  position: relative !important;
  left: 0px !important;
  padding-right: 30px;
  top: 0px;
}
.stuck .header-main .nav > li > a {
  line-height: 30px!important;
}
 .vertical-banner {
     border-left: 1px solid #C95848;
     height: 519px;
     position: absolute !important;
     left: 15px !important;
     top: -168px;
}
 .vertical-content {
     border-left: 1px solid #C95848;
     height: 516px;
     position: absolute !important;
     left: 0px !important;
     top: 20px;
}
/* Content Block first */
 .start-block h2 {
     color: #C95848 !important;
     font-size: 66px;
     padding-left: 30px 
}
 .start-block h3 {
     font-size: 66px !important;
     color: #53535C !important;
     line-height: 1.2;
     padding-left: 30px 
}
 .start-content .section {
     padding-top: 90px !important;
     padding-bottom: 120px !important;
}
 .start-content .large-8{
     padding: 0px 0px 0px 30px;
}
 .start-content .large-4 {
     padding: 120px 0px 30px;
}
 .start-content .large-7{
     padding: 0px 0px 0px 30px;
}
 .start-content .large-5 {
     padding: 120px 80px 50px;
}

/* Icon Selection */
 .icon-selection {
     min-height: 440px 
}
.icon-selection .col-inner {
    background-color: transparent!important;
}
 .icon-selection .box-image {
     width: 134px!important;
}
 .icon-selection h4 {
     font-family: 'aeonikregular', sans-serif !important;
     font-size: 28px;
     padding-top: 20px;
     color: #d5d6d8!important;
}
 .icon-one .box {
     border: 1px solid #d5d6d8!important;
     margin-left: 0px;
     height: 255px!important;
     width: 360px;
     padding-top: 30px 
}
 .icon-one .box:hover {
     background-color: #53535C;
}
 .icon-one h4:hover {
     color: #C95848!important;
}

 .icon-selection .has-hover .bg, .has-hover [class*="image-"] img {
     transition: filter .4s,opacity .5s,transform .9s,box-shadow .9s!important;
}
.bg-blur:hover .bg, .has-hover:hover .image-blur img {
  filter: blur(75px);
}

  .icon-one .img, .icon-two .img, .icon-three .img {
    width: 100% !important;
    height: 100% !important;
     width: 360px!important;
     height: 255px!important;
    float: unset !important;
    background-size: contain !important;
    height: unset !important;
    padding-top: unset !important;
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }


 .icon-one .img{
     width: 360px!important;
     height: 255px!important;
     float: left;
     margin-left: 0px;
}
 .icon-one .img:hover{
     background-image: url("/wp-content/uploads/2023/11/erodieren-over.png")!important;
     z-index: 9999 
}
 .icon-two .img{
     width: 360px!important;
     height: 255px!important;
}
 .icon-two .img:hover{ 
     background-image: url("/wp-content/uploads/2023/11/fraesen-over.png")!important;
     z-index: 9999 
}
 .icon-three .img{
     width: 360px!important;
     height: 255px!important;
     float: right;
     margin-right: 0px;
}
 .icon-three .img:hover{
     background-image: url("/wp-content/uploads/2023/11/konstruieren-over.png")!important;
     z-index: 9999 
}
/* Banner perfekt */
 .banner-pefect{
     height: 600px!important;
}
 .banner-pefect .container {
     height: 700px !important;
     width: 100% !important;
     max-width: 1350px !important;
}
 .banner-pefect img {
     width: 904px;
     left: -200px;
     position: relative;
}
 .banner-pefect h2 {
     font-size: 66px;
     color: #C95848 !important;
     line-height: 1.2!important;
}
 .banner-pefect h3 {
     font-size: 66px;
     color: #53535C !important;
     line-height: 1!important;
}
 .banner-pefect .bg-loaded{
     position: absolute;
     width: 880px!important;
     left: -200px;
}
 .banner-pefect .button {
     margin-top: 60px!important;
}
 .banner-pefect .text-box{
     width: 44%!important;
}
/* Service */
 .services div {
     float: left!important;
}
.services .text {
    margin-right: 40px
}
 .services h2 {
     font-family: 'aeoniklight', sans-serif!important;
     font-size: 46px!important;
}
 .services h2 {
     font-family: 'aeoniklight', sans-serif!important;
     font-size: 46px!important;
     margin-bottom: 60px 
}
.services .icon-box-right {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding-right: 40px !important;
}
 .services .icon {
     margin-top: 22px 
}
 .services .one{
     padding: 30px!important;
}
 .services .two{
     padding: 30px!important;
}
 .services .three{
     padding: 30px!important;
}
 .services .one:before{
     content: "";
     position: absolute!important;
     top: 120px;
     left: 0px;
     height: 860px;
     width:1px;
     background: #fff!important;
}
.services .icon-box-right .icon-box-img + .icon-box-text {
  padding-right: 0em;
}
 .services .box-image {
     margin-bottom: 40px 
}

.page-id-34 .services h2 {
    display: none
}

.page-id-34 .services .icon {
    display: none
}

.page-id-34 .services .text {
    display: none
}

.page-id-34 .services .one::before {
  content: "";
  position: absolute !important;
  top: 90px;
  left: 0px;
  height: 255px;
  width: 1px;
  background: #fff !important;
}

.page-id-32 .services h2 {
    display: none
}

.page-id-32 .services .icon {
    display: none
}

.page-id-32 .services .text {
    display: none
}

.page-id-32 .services .one::before {
  content: "";
  position: absolute !important;
  top: 90px;
  left: 0px;
  height: 255px;
  width: 1px;
  background: #fff !important;
}


 .row-dashed .col:before, .row-solid .col:before {
     border-left:none!important;
}
 .row-dashed .col:after, .row-solid .col:after {
     border-bottom:none!important;
}
 .row-dashed .col-inner, .row-solid .col-inner {
     padding: 0px!important;
}
 .footer {
     padding: 90px 0 10px 0;
}
 .footer-widgets .large-columns-4 {
     width: 1180px 
}
 footer .widget>ul>li, ul.menu>li {
     list-style:none;
     margin:0;
     text-align:left;
     font-size: 15!important;
     padding:0px 0!important 
}
 .footer .widget {
     list-style:none;
     margin:0;
     text-align:left;
     font-size: 15px!important;
     line-height: 1.8 
}
 .footer .widget a{
     color: #53535c!important;
     text-decoration: underline!important;
     z-index: 9;
     position: relative;
}
 .footer .widget a:hover {
     color: #C95848!important;
}
 .widget > ul > li + li, ul.menu > li + li {
     border-top: 0px solid #ececec;
}
 .widget > ul > li > a, .widget > ul > li > span:first-child, ul.menu > li > a, ul.menu > li > span:first-child {
     display: inline-block;
     flex: 1;
     padding: 0px 0!important;
}
 #nav_menu-2::before {
     content: "";
     width: 10px;
     height: 210px;
     border-left: solid 1px #C95848;
     position: absolute;
     top: -20px !important;
     padding-left: 40px;
}
 #nav_menu-2 li {
     margin-left: 20px;
}
 #custom_html-2::before {
     content: "";
     width: 10px;
     height: 210px;
     border-left: solid 1px #C95848;
     position: absolute;
     top: -20px !important;
     padding-left: 40px;
}
 #custom_html-2 div {
     margin-left: 20px;
}
 #custom_html-3 div {
     margin-left: 20px;
}
 #custom_html-3::before {
     content: "";
     width: 10px;
     height: 210px;
     border-left: solid 1px #C95848;
     position: absolute;
     top: -20px !important;
     padding-left: 40px;
}
 #nav_menu-3::before {
     content: "";
     width: 10px;
     height: 210px;
     border-left: solid 1px #C95848;
     position: absolute;
     top: -20px !important;
     padding-left: 40px;
}
 #nav_menu-3 li {
     margin-left: 20px;
}
 #nav_menu-3::after {
     content: "";
     width: 10px;
     height: 210px;
     border-right: solid 1px #C95848;
     position: absolute;
     top: -20px !important;
     float: right !important;
     right: 0px;
}
/* Startseite */
 .page-id-43 .vertical-content {
    height: 464px;
}
/*Leitungen*/
 .page-id-30 .banner h1 {
     padding-bottom: 146px;
}
.page-id-30 .vertical-content {
  height: 966px;
}
 .page-id-32 .banner h1 {
     padding-bottom: 146px;
}
 .page-id-32 .vertical-content {
  height: 828px;
}
 .page-id-34 .banner h1 {
     padding-bottom: 146px;
}
 .page-id-34 .vertical-content {
  height: 828px;
}
/*About*/
 .about .bg-loaded {
     width: 1123px;
     height: 746px;
     position: relative;
     right: -200px !important;
     top: 0px !important;
     float: right;
     padding-right: 0px !important;
     margin-right: 0px !important;
     bottom: 0px !important;
     left: auto;
}
 .about .banner-bg::after {
     content: "";
     color: #fff!important;
     background-image: url("/wp-content/uploads/2023/10/water-mark.png");
     position: absolute;
     left: -520px;
     top: 60px!important;
     width: 1044px;
     height: 587px;
     z-index: 9!important;
}
 .page-id-17 .vertical-banner {
     border-left: 1px solid #C95848;
     height: 290px !important;
     position: absolute !important;
     left: 15px !important;
     top: -168px;
}
 .page-id-17 .vertical-content {
     height: 464px !important;
}
 .about-responsive{
     display: none!important;
}
/*Karriere*/
 .page-id-19 .vertical-banner {
     border-left: 1px solid #C95848;
     height: 387px;
     position: absolute !important;
     left: 15px !important;
     top: -168px;
}
/*Kontakt*/
 .page-id-21 .vertical-banner {
     border-left: 1px solid #C95848;
     height: 290px !important;
     position: absolute !important;
     left: 15px !important;
     top: -168px;
}
 .page-id-21 .vertical-content {
     height: 458px !important;
}
 .page-id-21 h2 {
     color: #53535c!important;
     line-height: 1.2;
     position: relative;
     top: -10px;
}
 .page-id-21 .large-5 {
     font-size: 24px 
}
/*Impressum*/

.legally-content .large-5 {
  padding: 0px 0px 0px 30px;
}

 .legally-block h3 {
     font-size: 66px !important;
     color: #53535C !important;
     line-height: 1.2;
     padding-left: 30px 
}

.legally-content .large-7 {
  padding: 120px 80px 50px;
}

 .page-id-37 .vertical-banner {
     border-left: 1px solid #C95848;
     height: 290px !important;
     position: absolute !important;
     left: 15px !important;
     top: -168px;
}
 .page-id-37 .vertical-content {
    height: 1708px;
}

/*Datenschutz*/
 .page-id-3 .vertical-banner {
     border-left: 1px solid #C95848;
     height: 290px !important;
     position: absolute !important;
     left: 15px !important;
     top: -168px;
}

.page-id-3 .vertical-content {
  height: 3060px;
}







/* Social */
 .social .large-5{
     margin-top: 40px!important;
     margin-bottom: 40px!important;
     padding-left: 60px!important;
}
 .social a {
     margin-top:6px!important;
     line-height: 1!important;
     text-decoration: underline;
     font-size: 24px!important 
}
 .social strong{
     font-size: 24px!important 
}
 .social .icon-box {
     margin-bottom: 0px!important;
     line-height: 1!important;
}
.social .font {
    margin-left: 80px
}
 .instagram .b {
     fill: #fff !important;
}
 .instagram .a:hover{
     fill: #999 
}
 .instagram {
     background-image: url("/wp-content/uploads/2023/10/instagram.svg");
     background-repeat: no-repeat;
     height: 60px;
}
 .instagram:hover {
     background-image: url("/wp-content/uploads/2023/10/instagram-over.svg");
     background-repeat: no-repeat;
}
 .instagram a {
     margin-left: 80px;
     text-decoration: underline;
}
 .facebook {
     background-image: url("/wp-content/uploads/2023/10/facebook.svg");
     background-repeat: no-repeat;
     height: 60px;
}
 .facebook:hover {
     background-image: url("/wp-content/uploads/2023/10/facebook-over.svg");
     background-repeat: no-repeat;
}
 .facebook a {
     margin-left: 80px;
     text-decoration: underline;
}
 .linkedin {
     background-image: url("/wp-content/uploads/2023/10/linkedin.svg");
     background-repeat: no-repeat;
     height: 60px;
}
 .linkedin:hover {
     background-image: url("/wp-content/uploads/2023/10/linkedin-over.svg");
     background-repeat: no-repeat;
}
 .linkedin a {
     margin-left: 80px;
     text-decoration: underline;
}
 .xing {
     background-image: url("/wp-content/uploads/2023/10/xing.svg");
     background-repeat: no-repeat;
     height: 60px;
}
 .xing:hover {
     background-image: url("/wp-content/uploads/2023/10/xing-over.svg");
     background-repeat: no-repeat;
}
 .xing a {
     margin-left: 80px;
     text-decoration: underline;
}
/*Karriere*/
 .vertical-job {
     border-left: 1px solid #C95848;
     height: 1200px !important;
     position: absolute !important;
     left: 0px !important;
     top: -130px;
     z-index: 999;
}
 .horizontal-job {
     border-bottom: 1px solid #C95848;
     height: 1px !important;
     max-width: 100% !important;
     position: relative !important;
     z-index: 999;
     margin-left: 30px;
	 margin-right: 45px;
     padding-top: 30px;
     float: right;
}
 .page-id-19 h2 {
     color: #53535c !important;
}
 .job .row-collapse{
     padding-bottom: 30px;
}
 .page-id-19 .vertical-content {
    height: 560px !important;
}
 .job .button {
     font-size: 16px!important;
}
 .job .icon-angle-right{
     left: 140px!important;
     top: -6px!important;
}
 .job .bewerbung .icon-angle-right{
     left: 150px!important;
     top: -6px!important;
}
 .job .large-5 {
     padding: 40px 20px 10px 55px !important;
}
 .job .large-5 .button{
     position: relative;
     left: 0px 
}
 .job .icon-box {
     padding-right: 22% 
}
 .job h2{
     font-size: 66px;
     z-index: 999!important;
}
 .job .small-12 h2 {
     margin-top: 120px;
     margin-bottom: 60px!important;
     z-index: 999 !important;
     position: relative;
}
 .job .icon-box-img{
     position: relative!important;
     top: 24px 
}
 .job h3{
     font-family: 'aeoniklight', sans-serif!important;
     font-weight: normal!important;
     font-style: normal!important;
     color: #C95848!important;
     font-size: 44px;
     z-index: 999;
     position: relative;
}
 .watermark {
     background-image: url("/wp-content/uploads/2023/10/wasserzeichen-karriere.png");
     background-repeat: no-repeat !important;
     position: absolute;
     left: -600px;
     top: 120px !important;
     width: 1044px;
     height: 587px;
     z-index: 999 !important;
}


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .sub-navi .right:before{
    left: .5px;
}
}



 @media screen and (min-width: 4001px) {

    }
    @media screen and (min-width: 2501px) and (max-width: 4000px) {

}
    @media screen and (min-width:1920px) and (max-width: 2500px) {

}

    @media screen and (min-width:1520px) and (max-width: 1920px) {


}


 @media only screen and (max-width: 1520px) {
     .banner-pefect h2 {
         font-size: 46px;
         color: #C95848 !important;
         line-height: 1.2;
    }
     .banner-pefect h3 {
         font-size: 46px;
         color: #53535C !important;
         line-height: 1.2;
    }
     .services {
         padding-left: 15px 
    }
	      .start-content .large-5 {
  padding: 120px 20px 0px 10px;
}
    /* .banner h1 {
         font-size: 60px !important;
    }
     .start-block h2, .start-block h3 {
         font-size: 46px!important;
         position: relative;
         top: 10px;
    }
     .banner-pefect .bg-loaded{
         position: absolute;
         width: 880px!important;
         left: -300px;
    }
     .banner-pefect h2, .banner-pefect h3 {
         font-size: 46px!important;
    }
     */
}
 @media only screen and (max-width: 1410px) {
       .job .large-6 {
    flex-basis:100%!important;
    max-width:100%!important;
  }
	 .sub-navi .right {
	margin-right: 15px!important;
}
	 .vertical-sub {
    position: absolute !important;
    left: 15px!important	
}
	      .page-navi {
        margin: 0px 0px 60px 15px;
     }
	      .services .icon-box-right {
  padding-right: 0px !important;
}
	      .start-content .large-7 {
         padding: 0 15px 0px;
    }
	 
	   .legally-content .large-5 {
    padding: 0 15px 0px;
  }
	 
	 
    /* .start-content .large-5 {
         padding: 0px 15px 0px 0px;
    }
     */
     .banner-pefect .text-box{
         width: 40%!important;
    }
     .footer-widgets .large-columns-4 {
         width: 1080px;
         max-width: 1080px;
         padding-right: 15px;
    }
     .banner-pefect .bg-loaded {
  left: -300px;
}
	      .y80 {
         bottom: 35%!important;
  }


	      .icon-three .img{
         margin-right: 15px;
    }
     .icon-one .img{
         margin-left: 15px;
    }
 
}
 @media only screen and (max-width:1370px) {
     .job .row-collapse{
         margin-left: 16px !important;
    }
     .job .col .large-5 .col-inner{
         padding: 0px 15px 0px 0px!important;
    }
     
              .icon-selection {
  min-height: 340px;
}
               .icon-one .col-inner div {
         float: left !important;
     }
	      .icon-one .img {
    width: 100% !important;
    height: 100% !important;
    max-width: 250px !important;
    max-height: 184px !important;


}
          .icon-two .col-inner div {
         float:  none !important;
     }
          .icon-two .img {
    width: 100% !important;
    height: 100% !important;
    max-width: 250px !important;
    max-height: 184px !important;

}
     
     .icon-three .col-inner div {
         float: right !important;
     }
     
          .icon-three .img {
    width: 100% !important;
    height: 100% !important;
    max-width: 250px !important;
    max-height: 184px !important;

}
      .icon-one .img:hover{
    width: 100% !important;
    height: 100% !important;
    max-width: 250px !important;
    max-height: 184px !important;
     z-index: 9999;

}
     .icon-two .img:hover{
    width: 100% !important;
    height: 100% !important;
    max-width: 250px !important;
    max-height: 184px !important;
     z-index: 9999;

}
     .icon-three .img:hover{
    width: 100% !important;
    height: 100% !important;
    max-width: 250px !important;
    max-height: 184px !important;
     z-index: 9999;

}
          .services h2 {
         font-family: 'aeoniklight', sans-serif !important;
         font-size: 36px !important;
         margin-bottom: 60px;
    }
     
     .about {
         display: none 
    }

     .about-responsive{
         display: block!important;
    }
   .about-responsive .text-about  {
       max-height: 90%!important;
      border-left: 1px solid #fff;
      position: relative !important;
      left: 15px !important;
      margin-top: 60px;
       margin-bottom: 60px
     }
          .about-responsive img{
         position: relative!important;
         padding-left: 0px;
         padding-right: 0px;
         padding-top: 0px 
    }
    
      .about-responsive .vertical-about  {
         position: absolute!important;
         top: 90px;
         left: 20px;
         height: 1160px;
         width:1px;
         background: #fff!important;
          z-index: 9
    }
     .text-about .text-left {
         margin: 0px 15px 0px 15px!important;
     }
     .about-responsive .large-12 .text {
          padding-left: 20px;
         padding-right: 10px;
     }
}

 @media only screen and (max-width: 1024px) {
    .start-block div{
        padding-top:4px;
    }
     .banner h1 {
         font-size: 60px !important;
         padding-top: 54px;
    }
     .start-block h2, .start-block h3, .legally-block h3 {
         font-size: 40px!important;
    }
     .banner-pefect h2, .banner-pefect h3 {
         font-size: 46px!important;
    }
	 .vertical-banner {
  height: 517px;
}
	 .page-id-19 .vertical-banner {
  height: 394px;
}
	 .page-id-17 .vertical-banner, .page-id-21 .vertical-banner, .page-id-37 .vertical-banner, .page-id-3 .vertical-banner {
   height: 322px !important;
}
	 .page-id-32 .banner h1, .page-id-30 .banner h1, .page-id-34 .banner h1 {
  padding-bottom: 120px;
}
     .start-content .large-7 {
         width: 100%!important;
         flex-basis: 100%!important;
         max-width: 100%!important;
         height: 300px!important 
    }
     .start-content .large-5 {
         padding: 30px 40px 0px 45px;
         width: 100%!important;
         flex-basis: 100%!important;
         max-width: 100%!important;
    }

      .legally-content .large-5 {
         width: 100%!important;
         flex-basis: 100%!important;
         max-width: 100%!important;
	   height: 300px!important 
  }
	 
       .legally-content .large-7 {
         padding: 30px 40px 0px 45px;
         width: 100%!important;
         flex-basis: 100%!important;
         max-width: 100%!important;
  }
	 

     
     
     .page-id-30 .vertical-content, .page-id-17 .vertical-content, .page-id-21 .vertical-content, .page-id-19 .vertical-content, .page-id-17 .vertical-content {
         height: 260px !important;
    }
     .vertical-content {
         top: 20px!important;
         height: 280px!important 
    }
   .icon-selection {
         padding-top: 0px!important;
         padding-bottom: 0px!important;
       
     }
     /*
         flex-basis: 100%;
         max-width: 100%;
         float: unset!important;
         margin: unset!important;
    }
     .icon-selection .large-4 {
         padding-top: 60px!important;
         flex-basis: 100%;
         max-width: 100%;
         float: unset!important;
         margin: unset!important;
    }
     .icon-one .img, .icon-two .img, .icon-three .img{
         width: 360px!important;
         height: 255px!important;
         float: left!important;
         margin-left: 15px;
    }
     */
     .social .large-5 {
         padding-left: 0px!important;
    }
     .job .large-7 {
         flex-basis: 70%;
         max-width: 70%;
    }
  .job .large-5 {
        flex-basis: 100%;
        max-width: 100%;
        padding: 40px 40px 20px 30px !important;
        z-index: 999;
  }
     .job .icon-box-img {
         position: absolute !important;
         top: 40px;
         left: 400px!important;
         transform: rotate(90deg);
    }
     .banner-pefect h2, .banner-pefect h3 {
         font-size: 36px !important;
    }
     .job h2 {
         font-size: 44px;
    }
     .job h3 {
         font-size: 34px;
    }
           .about-responsive .vertical-about  {
         height: 1060px;
    }
     .social .large-7{
         width: 0px!important;
         flex-basis: 0%!important;
         max-width: 0%!important;
    }
     .social .large-5 {
         padding-left: 50px !important;
         flex-basis: 100% !important;
         max-width: 100% !important;
    }
          .banner-pefect .bg-loaded {
  left: -400px;
}
     .social .col-inner{
         margin: 0px 0px 0px 0px!important;
    }
	  .services {
         padding-left: 0px;
      }
     .services .large-4{
         width: 100%!important;
         flex-basis: 100%!important;
         max-width: 100%!important;
         margin-left: 15px!important;
         margin-right: 15px!important;
    }
     .services div {
         float: unset !important;
    }
	 .services .one::before {

  height: 3360px;
}
     .footer-widgets .large-columns-4 {
         width: 900px;
         max-width: 900px;
         padding-right: 15px;
    }
     #nav_menu-2 li, #custom_html-2 div, #custom_html-3 div, #nav_menu-3 li{
         margin-left: 35px;
    }
}
/* Responsive Menü*/
 @media(max-width:849px) {
  .nav-right {
    justify-content: flex-end;
    position: relative;
    top: -6px;
    right: -5px;
    width: 100%;
}
     .nav > li::before {
         content: none!important;
    }
     .off-canvas-center .mfp-content {
         padding-top: 0px!important;
    }
     .sub-menu {
         z-index: 99999!important;
         position: absolute;
         top: -10px!important;
         height: auto;
         margin-bottom: unset!important;
         padding-bottom: unset!important;
    }
     .nav > li > a {
         height: auto!important;
    }
     .footer .widget {
         margin-bottom: 2rem!important;
    }
     .nav-column > li > a, .nav-dropdown > li > a, .nav-vertical-fly-out > li > a, .nav > li > a {
         font-family: 'aeoniklight', sans-serif !important;
         color: #53535C !important;
         transition: all .8s;
         font-size: 30px!important;
        ;
    }
     .off-canvas-center .nav-sidebar.nav-vertical > li .toggle {
         position: absolute;
         right: 0;
         top: 55px;
    }
     .icon-angle-down::before {
         content: " ";
    }
     .icon-menu::before {
         content: "";
         background-image: url("/wp-content/uploads/2023/10/menue-smart.png");
         font-size: 0px;
         width: 51px;
         height: 39px;
         display: block;
         position: relative;
    }
     .nav-vertical > li > a, .nav-vertical > li > ul > li a {
         font-family: 'aeoniklight', sans-serif !important;
         align-items: center;
         display: flex;
         flex-grow: 1;
         width: auto;
         font-size: 22px;
         font-weight: 100 !important;
    }
     .mfp-close {
         color: #fff;
         cursor: pointer;
         font-family: Arial,monospace;
         font-style: normal;
         font-weight: 300;
         line-height: 40px;
         text-align: center;
         background-image: url("/wp-content/uploads/2023/10/close.png");
         width: 44px;
         height: 39px;
         font-size: 0px !important;
         position: absolute;
         right: 30px;
         top: 30px;
         opacity: 1 !important;
    }
     .mfp-close svg {
         pointer-events: none;
         display: none;
    }
    .banner-pefect .text-box {
        width: 90% !important;
      }
          .banner-pefect .bg-loaded {
  left: 0px;
}
.services .one::before {
    height: 3160px;
}
}


 @media only screen and (max-width: 832px) {

     
     .icon-selection .col {
    margin-top:40px;    

  }


    .icon-one .col-inner div, .icon-two .col-inner div, .icon-three .col-inner div {
    width: 100% !important;
    height: 100% !important;
    max-width: 832px !important;
    max-height: 589px !important;

  }
     

     

  .icon-one .img:hover, .icon-two .img:hover, .icon-three .img:hover{
    width: 100% !important;
    height: 100% !important;
    max-width: 832px !important;
    max-height: 589px !important;
  }
}

 @media only screen and (max-width: 768px) {
  .services .one::before {
    height: 3060px;
    position: absolute !important;
    top: 110px;
  }
}
 @media only screen and (max-width: 667px) {

}
 @media only screen and (max-width: 549px) {
     #logo {
         width: 200px !important;
         margin-right: 2px !important;
         position: relative;
         top: -5px;
    }
     #logo img {
         max-height: 42px !important;
    }
     .stuck #logo img {
         max-height: 42px!important;
    }
     .header-text{
         bottom: auto!important;
    }
	 	 .y80 {
         bottom: 36%!important;
  }
  .start-content .large-7 {
    padding: 0 0px 0px;
  }
  .start-content .large-5 {
    padding: 30px 40px 0px 30px;
  }
	   .legally-content .large-5 {
    padding: 0 0px 0px;
  }
  .legally-content .large-7 {
    padding: 30px 40px 0px 30px;
  }
  .section {
    align-items: center;
    display: flex;
    flex-flow: row;
    min-height: auto;
    padding: 60px 15px;
    position: relative;
    width: 100%;
  }
  .page-navi  {
    position: relative;
    left: -20px
}
        .icon-selection {
         padding-left: 15px!important;
            padding-right: 15px!important;
         padding-top: 40px!important;
         padding-bottom: 40px!important;
       
     }
       .icon-one .img, .icon-two .img, .icon-three .img {
           float: unset!important;
           margin-left: unset!important;
           margin-right: unset!important;
  }
}
 
@media only screen and (max-width: 480px) {
	
	    .vertical-banner {
     height: 505px;
}
  .page-id-30 .vertical-banner, .page-id-32 .vertical-banner, .page-id-34 .vertical-banner   {
     height: 528px;
}

  .page-id-17 .vertical-banner, .page-id-21 .vertical-banner, .page-id-37 .vertical-banner, .page-id-3 .vertical-banner {
    height: 346px !important;
  }
  .page-id-19 .vertical-banner {
  height: 394px;
}
 
    .banner .is-outline {
  left: 2px;
}
         .banner h1 {
         font-size: 40px !important;
         padding-top: 100px;
    }
	.banner h2 {
        margin-top: 0em;
}
     .start-block h2, .start-block h3 {
         font-size: 40px!important;
    }
 
      .banner-pefect h2, .banner-pefect h3 {
         font-size: 36px !important;
    }
     .job h2 {
         font-size: 34px;
    }
	.job .small-12 h2 {
         margin-top: 90px;
         margin-bottom: 60px !important;
         z-index: 999 !important;
         position: relative;
}
     .job h3 {
         font-size: 24px;
    }
      .job .icon-box-img {
    top: 20px;
    left: 300px !important;
  }
    .vertical-job {
  top: -95px;
}
	 .vertical-job {
     height: 1600px !important;
}
	.page-id-21 .large-5 {
  font-size: 18px;
}
}

   /* @media only screen and (max-width: 467px) {
     
 
    .banner h1 {
    font-size: 42px !important;
    padding-top: 80px;
  }
     .start-block h2, .start-block h3 {
         font-size: 36px!important;
    }
     .banner-pefect h2, .banner-pefect h3 {
         font-size: 46px!important;
    }
     .banner-pefect h2, .banner-pefect h3 {
         font-size: 26px !important;
    }
     .job .icon-box-img {
         display: none 
    }
}

 @media only screen and (max-width: 380px) {
}
*/