/*
Theme Name: ISR
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.3
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0px;padding:0px;}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clear{clear:both;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
img{border:0;max-width:100%;height:auto;vertical-align:middle;}
input, textarea{outline:none;}
*:active, *:focus{outline:0;outline-style:none;outline-width:0;}
a{text-decoration:none; transition: all ease 0.5s;}
a:active, a:focus{outline:0;outline-style:none;outline-width:0;}
li{list-style:none;}
.hide{display:none;}
.show{display:block;}
.vhidden{visibility:hidden;}
.textcenter{text-align:center !important;}
.textleft{text-align:left !important;}
.textright{text-align:right !important;}
.textjustify{text-align:justify !important;}
.alignleft{float:left;margin:0 15px 15px 0;}
.alignright{float:right;margin:0 0 15px 15px;}
.left{float:left;}
.right{float:right;}
.relative{position:relative;}
.absolute{position:absolute;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
html, body{text-rendering:optimizeLegibility;text-rendering:geometricPrecision;font-smooth:always;font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;font-weight:400;}
body{-webkit-animation-duration:0.1s;-webkit-animation-name:fontfix;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-delay:0.1s;}
@-webkit-keyframes fontfix{from{opacity:1;}
to{opacity:1;}
}
@media screen and (max-device-width:767px) and (orientation:landscape){body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
}
@media screen and (max-device-width:767px) and (orientation:portrait){body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
}
body{font-family: 'Open Sans', sans-serif; font-weight: 400;}
.enclose{
    max-width: 1170px;
    width: 100%;
    margin: auto;
}
h2{
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1px;
  line-height: 47px;
}
.header{
    padding: 24px 0px 33px;
    background-color: #fff;
    position: fixed;
width: 100%;
z-index: 11;
transition: all ease 0.5s;
}
.header.sticky{
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
}
.header .enclose{
    max-width: 1440px;
}
.header .header_in{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0px 31px 0px 25px;
}
.header .logo img{
    transition: all ease 0.5s;
}
.header.sticky .logo img{
    max-width: 150px;
}
.header .nav_menu ul{
    display: flex;
    align-items: center;
}
.header .nav_menu ul li{
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.39px;
    line-height: 19px;
    text-transform: uppercase;
    margin-left: 25px;
}
.header .nav_menu ul li:first-child{
    margin-left: 0px;
}
.header .nav_menu ul li a{
    color: #000;
}
.header .nav_menu > ul > li{
    border-bottom: 2px solid #fff;
}
.header .nav_menu > ul > li > a{
    padding-bottom: 25px;
    margin-bottom: -25px;
}
.header .nav_menu > ul > li:hover, .header .nav_menu > ul > li.current-menu-item, .header.sticky .nav_menu > ul > li:hover, .header.sticky .nav_menu > ul > li.current-menu-item{
    border-color:#419A1C;
}
.nav_menu ul li.c_btn a{
    line-height: 36px;
  width: 107.4px;
  background-color: #419A1C;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #419A1C;
    padding: 0px;
    margin-bottom: 0px;
}
.nav_menu ul li.c_btn a:hover{
    background: #fff;
    color: #000; 
}
.nav_menu ul li.c_btn{
    border: none !important;
}
.nav_menu > ul > li > ul.sub-menu{
    position:absolute;
    left:0px;
    right: 0px;
    z-index:211110;
    max-width:1214px;
    width: 100%;
    padding:23px 20px 28px;
    background:#fff;
    margin: auto;
    display: none;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all ease 0.5s;
    margin-top: 24px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}
.nav_menu > ul > li:hover > ul.sub-menu{
    display: flex;
}
.nav_menu > ul > li > ul.sub-menu > li{
    margin-left:0px;
}
.nav_menu > ul > li.menu_cols4 > ul.sub-menu > li{
    width:24%;
}
.nav_menu > ul > li.menu_cols2 > ul.sub-menu > li{
    width: 49%;
}
.nav_menu > ul > li > ul.sub-menu > li > ul.sub-menu{
    display: block;
}
.nav_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li{
    border-bottom: 1px solid #CDCDCD;
    margin: 0px;
}
.nav_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li a{
    display: block;
    color: #000000;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.33px;
  line-height: 22px;
    padding: 14.5px 5px 14.5px 48px;
    position: relative;
    border: none;
    text-transform: none;
}
.nav_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li a:hover{
    color: #419A1C;
}
.nav_menu > ul > li > ul.sub-menu > li > ul.sub-menu > li a:before{
    position: absolute;
    content: '';
    background: url("images/next_btn.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 14px;
    width: 11px;
    left: 20px;
    top: 18px;
}
.nav_menu ul.sub-menu li a.menu-image-title-after{
    position: relative;
    display: block;
    border: none;
}
.nav_menu ul.sub-menu li a.menu-image-title-after:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
      height: 100%;
  width: 100%;
  opacity: 0.7;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 49.93%, #000000 100%);
}
.nav_menu ul.sub-menu li a.menu-image-title-after img {
    height: 191px;
    object-fit: cover;
    width: 100%;
    padding: 0px !important;
}
.nav_menu ul.sub-menu li span.menu-image-title {
    color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.33px;
  line-height: 22px;
  text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0px;
    padding: 0px;
    transition: all ease 0.5s;
}
.nav_menu ul.sub-menu li a.menu-image-title-after:hover span.menu-image-title{
    color: #419A1C;
}
.header .nav_menu > ul > li.menu_col1 > ul.sub-menu > li{
    width: 100%;
}
.header .nav_menu > ul > li.menu_col1 > ul.sub-menu > li > ul.sub-menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header .nav_menu > ul > li.menu_col1 > ul.sub-menu > li > ul.sub-menu > li{
    width: 49%;
}
.header.sticky .nav_menu > ul > li {
    border-bottom: 2px solid #fff;
}
.header.sticky .nav_menu > ul > li.c_btn {
    border:none;
}
.menu-mobile{
    display: none;
}
.gap{
    padding-top: 122px;
}
.hero_banner{
    color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
}
.hero_banner h2{
    color: #000000;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 50px;
    margin-bottom: 28px;
}
.hero_green_banner.hero_banner, .hero_green_banner.hero_banner h2{
    color: #fff;
}
.hero_banner .hero_left{
    position: relative;
    padding-bottom: 104px;
    justify-content: flex-end;
    height: calc(100vh - 122px);
}
.hero_banner .hero_right, .hero_banner .hero_right > div{
    height: calc(100vh - 122px);
}
.hero_banner .hero_left:before{
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #fff;
    height: 104px;
    width: 100%;
}
.hero_banner .hero_left > .vc_column-inner{
    width: calc(50% - (100% - 1170px)/2);
    padding-right: 138px !important;
    flex-grow: inherit !important;
}
.hero_banner .info_btn{
    margin-top: 39px;
}
.hero_banner .hero_right .wpb_single_image img{
    width: 100%;
    object-fit: cover;
}
.scroll_sec{
    position: absolute;
    bottom: 40px;
}
.scroll_sec img{
    height: 16.45px;
    width: 28.45px;
    margin-right: 18px;
}
.scroll_sec a{
    color: #919191;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.5px;
  line-height: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.info_btn a{
    background-color: #419A1C !important;
    background-image: none !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: 1.59px;
    line-height: 48px !important;
    text-align: center;
    border: 1px solid #419A1C !important;
    width: 142px;
    border-radius: 0px !important;
    text-transform: uppercase;
    padding: 0px !important;
}
.info_btn a:hover{
    background-color: #fff !important;
    color: #000 !important;
}
.img_cont_sec{
    color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
    overflow: hidden;
    padding-top: 208px;
    padding-bottom: 106px;
}
.img_cont_sec.img_cont_sec1{
    padding-top: 100px;
    padding-bottom: 100px;
}
.img_cont_sec h2{
    color: #000000;
  letter-spacing: 0.73px;
  line-height: 40px;
    margin-bottom: 27px;
}
.img_cont_sec .info_btn{
    margin-top: 43px;
}
.img_cont_left{
    position: relative;
}
.img_cont_left .wpb_single_image figure{
    position: relative;
}
.img_cont_left .wpb_single_image figure:before{
    content: '';
    position: absolute;
    right: 123px;
    top: -110px;
    background-color: #F1F1F1;
    height: 100%;
    width: 1500px;
    z-index: -1;
}
.img_cont_sec1 .img_cont_left .wpb_single_image figure:before{
    right: 85px;
    top: -73px;
}
.img_cont_sec1 h3{
      color: #000000;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.52px;
  line-height: 30px;
    margin-bottom: 18px;
}
.img_cont_left .wpb_single_image{
    padding-right: 115px;
}
.img_cont_left .wpb_single_image img{
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.15);
}
.img_cont_sec1 .img_cont_right > .vc_column-inner{
    padding-right: 85px;
}
.cont_img_sec{
    color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}
.cont_img_sec h2{
    color: #000000;
  letter-spacing: 0.73px;
  line-height: 40px;
    margin-bottom: 27px;
}
.cont_img_sec h3{
      color: #000000;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.52px;
  line-height: 30px;
    margin-bottom: 18px;
}
.cont_img_right{
    position: relative;
}
.cont_img_right .wpb_single_image figure{
    position: relative;
}
.cont_img_right .wpb_single_image figure:before{
    content: '';
    position: absolute;
    left: 85px;
    top: -73px;
    background-color: #F1F1F1;
    height: 100%;
    width: 1500px;
    z-index: -1;
}
.cont_img_right .wpb_single_image{
    padding-left: 110px;
}
.cont_img_right .wpb_single_image img{
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.15);
}
.cont_img_left > .vc_column-inner > .wpb_wrapper{
    padding-left: 59px;
    padding-right: 30px;
}
.imgcont_sec{
    color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
    padding-top: 127px;
    padding-bottom: 127px;
}
.imgcont_sec h3{
    color: #000000;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.52px;
  line-height: 30px;
    margin-bottom: 17px;
}
.imgcont_left .wpb_single_image{
    padding-right: 104px;
}
.imgcont_left .wpb_single_image img{
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.15);
    width: 100%;
}
.imgcont_sec .imgcont_right > .vc_column-inner{
    padding-left: 0px;
}
.inquiry_sec{
    padding-bottom: 93px;
    padding-top: 106px;
}
.greenbox{
    background-color: #419A1C;
    padding: 80px 110px;
    text-align: center;
}
.greenbox.enclose{
    float: none !important;
    margin-top: -191px;
}
.greenbox_block{
    margin-top: 60px;
    padding-bottom: 156px;
}
.greenbox_block .greenbox.enclose{
    margin-top: 0px;
}
.greenbox_block:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background: #fff;
    height: 186px;
    width: 100%;
}
.greenbox h2{
    color: #FFFFFF;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 47px;
  text-align: center;
    margin-bottom: 39px !important;
}
.now_btn a{
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: 1.59px;
    line-height: 48px !important;
    text-align: center;
    border: 1px solid #419A1C !important;
    padding: 0px 18px !important;
    border-radius: 0px !important;
    text-transform: uppercase;
}
.now_btn a:hover{
    background-color: #419A1C !important;
    color: #fff !important;
    border-color: #fff !important;
}
.akt_sec{
    padding-top: 93px;
    padding-bottom: 186px;
}
.akt_sec h2{
    color: #000000;
  letter-spacing: 1px;
  line-height: 47px;
  text-align: center;
    margin-bottom: 17px;
}
.akt_sec .p1{
    color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
  text-align: center;
}
.aktuelles_slider{
      color: #6D6D6D;
  font-size: 15px;
  letter-spacing: 0.31px;
  line-height: 23px;
}
.aktuelles_slider h3{
    color: #000000;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.1px;
  line-height: 30px;
    margin-bottom: 18px;
}
.aktuelles_slider h3 a{
    color: #000000;
}
.aktuelles_slider .akt_desc{
      color: #6D6D6D;
}
.aktuelles_slider .slick-list{
    padding: 62px 0px 49px;
}
.aktuelles_slider .slick-list li{
    background: #fff;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    margin:0px 15px;
}
.aktuelles_slider .akt_cont{
    padding: 39px 30px 42px 30px;
}
.aktuelles_slider figure img{
    width: 100%;
    height: 248px;
    object-fit: cover;
}
.aktuelles_slider .slick-dots{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.aktuelles_slider .slick-dots li{
    margin: 0px 6px;
    display: flex;
}
.aktuelles_slider .slick-dots li button{
    height: 9.24px;
  width: 9.24px;
  opacity: 0.5;
  background-color: #9B9B9B;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
    border-radius: 11px;
}
.aktuelles_slider .slick-dots li.slick-active button{
    height: 10.67px;
  width: 10.67px;
  background-color: #9B9B9B;
    opacity: 1;
}
.ps_sec{
    padding-top: 130px;
}
.ps_sec h2{
    color: #000000;
    position: relative;
    margin-bottom:-40px;
}
.ps_slider_block{
    margin-bottom: 100px;
}
.ps_slider_block:before{
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #419A1C;
    height: 303px;
    width: 100%;
}
.ps_slider_sec{
     margin-left: calc(50% - (50% - (100% - 1170px)/2) - 30px);
}
.ps_slider{
    right: -15px;
}
.ps_slider .slick-list{
    padding-top: 106px;
    padding-bottom: 136px;
}
.ps_slider li{
    position: relative;
    margin:0px 15px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}
.ps_slider li a:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.15);
    height: 100%;
    width: 100%;
}
.ps_slider li a{
    display: block;
    position: relative;
}
.ps_slider li figure img{
    width: 100%;
    object-fit: cover;
    height: 333px;
}
.ps_slider .ps_cont{
    position: absolute;
    left: 31px;
    bottom: 35px;
      color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0.52px;
  line-height: 26px;
    padding-right: 5px;
}
.ps_slider .ps_cont h3{
    font-size: 25px;
    font-weight: 700;
}
.ps_slider .slick-arrow{
    border: none;
    position: absolute;
    top: 0px;
    cursor: pointer;
    text-indent: -9999px;
    height: 31px;
    width: 18px;
    z-index: 1;
}
.ps_slider .slick-prev{
    background: url("images/prev_btn.svg");
    background-repeat: no-repeat;
    background-size: contain;
    left: 1080px;
}
.ps_slider .slick-next{
    background: url("images/next_btn.svg");
    background-repeat: no-repeat;
    background-size: contain;
    left: 1170px;
}
.contact_info_sec{
    color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
    padding-top: 170px;
    padding-bottom: 43px;
}
.contact_info_sec a{
    color: #4A4A4A;
}
.contact_info_sec a:hover{
    color: #419A1C;
}
.contact_info_sec h3{
    color: #000000;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.52px;
  line-height: 30px;
    margin-bottom: 18px;
}
.contact_info_sec .vc_separator{
    margin-top: 40px;
}
.c_form_sec{
    padding-top: 78px;
    padding-bottom: 180px;
}
.contact_form label{
    color: #000000;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.13px;
  line-height: 22px;
    display: inline-block;
    margin-bottom: 12px;
    padding-left: 19.38px;
}
.contact_form .input_fields{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact_form .input_fields p{
    margin-bottom: 31px;
}
.contact_form .textarea_field p{
    margin-bottom: 51px;
}
.contact_form .input_fields > div{
    width: 48%;
}
.contact_form input{
      border: 1px solid #C6C6C6;
      border-radius: 10px;
      background-color: #FFFFFF;
      color: #9B9B9B;
  font-size: 16px;
  letter-spacing: 0.13px;
  line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 5px 21px;
    height: 59px;
    width: 100%;
}
.contact_form .textarea_field{
    margin-bottom: 52px;
}
.contact_form textarea{
      border: 1px solid #C6C6C6;
      border-radius: 10px;
      background-color: #FFFFFF;
      color: #9B9B9B;
  font-size: 16px;
  letter-spacing: 0.13px;
  line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 19px 21px 10px;
    height: 177px;
    resize: none;
    width: 100%;
}
.contact_form input[type='submit']{
      height: auto;
  width: 275.71px;
  background-color: #419A1C;
    border: 1px solid #419A1C;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  letter-spacing: 1.59px;
  line-height: 50px;
  text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    -moz-appearance: none;
-webkit-appearance: none;
appearance: none;
    transition: all ease 0.5s;
    border-radius: 0px;
    padding: 0px;
}
.contact_form input[type='submit']:hover{
    background-color: #fff;
    color: #000;
}
.contact_form input::-moz-placeholder, .contact_form textarea::-moz-placeholder{
  color: #9B9B9B;
  opacity: 1;
}
.contact_form input:-ms-input-placeholder, .contact_form textarea:-ms-input-placeholder{
  color: #9B9B9B;
}
.contact_form input::-webkit-input-placeholder, .contact_form textarea::-webkit-input-placeholder{
  color: #9B9B9B;
}
.contact_form .radio_btns{
    padding-left: 21px;
    position: relative;
    margin-bottom: 24px;
}
.contact_form .req{
    position: absolute;
    right: 0px;
    bottom: 12px;
    color: #000000;
  font-size: 16px;
  letter-spacing: 0.13px;
  line-height: 22px;
  text-align: right;
}
.contact_form .radio_btns .wpcf7-list-item-label{
    color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
    font-weight: 400;
}
.contact_form .radio_btns label, .contact_form .chk_box label{
    padding-left: 0px;
    position: relative;
}
.contact_form .radio_btns span.wpcf7-list-item.first{
    margin-left: 0px;
}
.contact_form .radio_btns span.wpcf7-list-item.last{
    margin-left: 36px;
}
.contact_form .wpcf7-not-valid-tip{
    padding-left: 23px;
    margin-top: 7px;
}
.contact_form .radio_btns input[type="radio"], .contact_form .chk_box input[type="checkbox"]{
    opacity:0;
    position: absolute;
    visibility: hidden;
    width: auto;
    height: auto;
}
.contact_form .radio_btns input[type="radio"] + span:before{
    box-sizing: border-box;
  height: 26px;
  width: 26px;
    border-radius: 26px;
  border: 1px solid #C6C6C6;
  background-color: #FFFFFF;
    cursor: pointer;
    position: relative;
    content: '';
    display: inline-block;
    margin-right: 14px;
    top: 6px;
}
.contact_form .radio_btns input[type="radio"]:checked + span:before{
    background-color: #419A1C;
    border-color:#419A1C;
}
.contact_form .chk_box input[type="checkbox"] + span:before{
      box-sizing: border-box;
  height: 26px;
  width: 25px;
    background: url("images/checkbox_inactive.svg");
    background-repeat: no-repeat;
    background-size: contain;
  border-radius: 0px;
    cursor: pointer;
    position: relative;
    content: '';
    display: inline-block;
    margin-right: 0px;
    top: 6px;
}
.contact_form .chk_box input[type="checkbox"]:checked + span:before{
    background: url("images/checkbox_active.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 26px;
  width: 28px;
}
.chk_box{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 55px;
}
.chk_left{
    width: 27px;
}
.chk_left span.wpcf7-list-item-label{
    font-size: 0px;
}
.contact_form .chk_box span.wpcf7-list-item{
    margin-left: 0px;
}
.chk_right{
    width: calc(100% - 27px);
    padding-left: 23px;
	padding-top: 5px;
    color: #4A4A4A;
    font-size: 16px;
    letter-spacing: 0.33px;
    line-height: 26px;
}
.chk_right a{
    color: #000000;
    text-decoration: underline;
    font-weight: 700;
}
.chk_right a:hover{
    color: #419A1C;
    text-decoration: none;
}
.chk_left{
    position: relative;
}
.chk_left .wpcf7-form-control-wrap {
    position: inherit;
    display: block;
    height: 100%;
}
.chk_left .wpcf7-not-valid-tip{
    width: 195px;
    margin-top: 0px;
    padding-left: 0px;
    position: absolute;
    bottom: -33px;
}
.contact_btm_sec{
      color: #000000;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 28px;
  text-align: center;
    padding-top: 68px;
    padding-bottom: 180px;
}
.contact_btm_sec .info_btn{
    margin-top: 45px;
    margin-bottom: 0px !important;
}
.contact_btm_sec .info_btn a{
    width: 276px;
}
body .wpcf7-response-output{
    border-color:#419A1C !important;
    text-align: center;
}
.farben_sec1{
    color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
    padding-top: 164px;
    padding-bottom: 150px;
}
.farben_sec1 h3{
    color: #000000;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.52px;
  line-height: 30px;
    margin-bottom: 17px;
}
.farben_sec1 .para1{
    max-width: 444px;
    width: 100%;
    margin: auto;
    text-align: center;
}
.farben_sec1 .box_list{
    padding-top: 113px;
    padding-bottom: 175px;
}
.farben_sec1 .box_list li{
    width: 173px;
}
.box_list li .graycolor_box{
    height: 98px;
  background-color: #E5E6E5;
}
.box_list li .browncolor_box{
    height: 98px;
  background-color: #422108;
}
.box_list li .darkgraycolor_box{
    height: 98px;
  background-color: #38393E;
}
.box_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.box_list li{
    border: 1px solid #CDCDCD;
  background-color: #FFFFFF;
    margin: 0px 13px;
    color: #4A4A4A;
  font-size: 14px;
  letter-spacing: 0.29px;
  line-height: 24px;
}
.box_list li strong{
    color: #000;
    font-weight: 700;
}
.box_list li p{
    padding: 24.77px 10px 24.77px 26px;
}
.farben_sec1 .gewebe_slider{
    padding-top: 112px;
    padding-bottom: 109px;
}
.gewebe_slider{
    color: #4A4A4A;
  font-size: 14px;
  letter-spacing: 0.29px;
  line-height: 24px;
  text-align: center;
}
.gewebe_slider h4{
    color: #000;
  font-size: 14px;
  letter-spacing: 0.29px;
  line-height: 24px;
    font-weight: 700;
}
.gewebe_slider .slick-list li{
    border: 1px solid #CDCDCD;
  background-color: #FFFFFF;
    padding: 36px 31px 24px;
    margin: 0px 11px;
}
.gewebe_slider li figure{
    margin-bottom: 17px;
    text-align: center;
}
.gewebe_slider li figure img{
    display: inline-block;
}
.gewebe_slider ul.slick-dots{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 56px;
}
.gewebe_slider .slick-dots li{
    margin: 0px 6px;
    display: flex;
}
.gewebe_slider .slick-dots li button{
    height: 9.24px;
  width: 9.24px;
  opacity: 0.5;
  background-color: #9B9B9B;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
    border-radius: 11px;
}
.gewebe_slider .slick-dots li.slick-active button{
    height: 10.67px;
  width: 10.67px;
  background-color: #9B9B9B;
    opacity: 1;
}
.sun_pro.sun_pro1{
    padding-bottom: 40px;
}
.sun_pro.sun_pro1 .wpb_column{
    padding-bottom: 0px;
}
.sun_pro_con p{
    font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
}
.stellen_sec_top{
      color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
  text-align: center;
    padding-top: 169px;
    padding-bottom: 120px;
}
.stellen_sec_top > .wpb_column > .vc_column-inner > .wpb_wrapper{
    max-width: 590px;
    margin: auto;
    width: 100%;
}
.stellen_sec_top h3{
    color: #000000;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.52px;
  line-height: 30px;
    margin-bottom: 17px;
}
.stellen_btm_cont{
    color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
  text-align: center;
    padding-top: 110px;
    padding-bottom: 110px;
}
.stellen_btm_in .wpb_wrapper{
    max-width: 770px;
    margin: auto;
    width: 100%
}
.stellen_btm_cont p{
    margin-bottom: 25px;
}
.stellen_btm_cont p:last-child{
    margin-bottom: 0px;
}
.stellen_btm_cont a{
    color: #4A4A4A;
    font-weight: 700;
    text-decoration: underline;
}
.stellen_btm_cont a:hover{
    color: #419A1C;
    text-decoration: none;
}
.pdf_sec{
      color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
  text-align: center;
    padding-top: 59px;
    padding-bottom: 68px;
}
.pdf_sec h4{
    color: #000000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.42px;
  line-height: 26px;
    margin-bottom: 17px;
}
.pdf_sec .para2{
    max-width: 600px;
    width: 100%;
    margin: auto;
}
.pdf_btns_sec{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 29px;
}
.pdf_btns_sec .green_btn{
    margin-right: 31px;
}
.pdf_btns_sec .green_btn a{
    color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.59px;
  line-height: 48px;
  text-align: center;
    background-color: #419A1C;
    text-transform: uppercase;
    border: 1px solid #419A1C;
    display: inline-block;
    padding: 0px 25px;
}
.pdf_btns_sec .green_btn a:hover{
    background-color: #fff;
    color: #419A1C;
}
.pdf_btn a{
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.59px;
  line-height: 48px;
    border: 1px solid #419A1C;
    display: flex;
    align-items: center;
    padding: 0px 33px;
}
.pdf_btn a img{
    margin-right: 15px;
}
.gallery_sec{
    padding-bottom: 100px;
}
.gallery_sec ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}
.gallery_sec ul li{
    width: calc(33.33% - 20px);
    margin-left: 20px;
    margin-bottom: 20px;
}
.gallery_sec ul li img{
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.15);
}
.akt_slider_sec1{
    padding-bottom: 110px;
}
.akt_slider_sec1 .aktuelles_slider .slick-list{
    padding-top: 0px;
}
.green_banner{
    min-height: 259px;
}
.green_banner h2{
    color: #FFFFFF;
  letter-spacing: 1px;
  line-height: 47px;
  text-align: center;
}
.impr_sec{
    color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 22px;
    padding-top: 119px;
    padding-bottom: 110px;
}
.impr_sec p{
    margin-bottom: 20px;
}
.impr_sec p:last-child{
    margin-bottom: 0px;
}
.impr_sec strong{
    font-weight: 700;
    color: #000;
}
.impr_sec a{
    color: #4A4A4A;
}
.impr_sec a:hover{
    color: #419A1C;
}
body #cookie-law-info-bar{
    padding: 35px 35px !important;
    background: #fff !important;
}
body #cookie-law-info-bar .cli-bar-btn_container{
    display: flex;
    justify-content: center;
}
body #cookie-law-info-bar #cookie_action_close_header {
    display: inline-block;
    background-color: #419A1C !important;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.59px;
    text-transform: uppercase;
    width: 190px !important;
    margin: 0px 10px !important;
    padding: 0px !important;
    text-align: center;
    line-height: 40px;
    border: 1px solid #419A1C;
	border-radius:0px;
}
body #cookie-law-info-bar #cookie_action_close_header:hover{
    background-color: #fff !important;
    color: #419A1C !important;
	border: 1px solid #419A1C !important;
	border-radius:0px !important;
}
body #cookie-law-info-bar .cli-bar-btn_container .wt-cli-element.cli_settings_button{
    display: inline-block;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.59px;
    text-transform: uppercase;
    width: 190px !important;
    margin: 0px 10px !important;
    padding: 0px !important;
    text-align: center;
    line-height: 40px;
    border: 1px solid #419A1C !important;
	border-radius:0px;
    text-decoration: none;
}
body #cookie-law-info-bar .cli-bar-btn_container .wt-cli-element.cli_settings_button:hover{
    background-color: #419A1C !important;
    color: #fff !important;
	border-radius:0px !important;
}
body .cli-privacy-overview h4 {
    font-weight: 700 !important;
}
.cli-tab-header a {
    font-weight: 700;
    text-transform: uppercase !important;
}
body .cli-tab-footer .cli-btn {
    background: #419A1C !important;
    transition: all ease 0.5s;
    border: 1px solid #419A1C;
	border-radius:0px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing: 1.39px
}
body .cli-tab-footer .cli-btn:hover{
    color: #419A1C;
    background: #fff !important;
}
body .cli_settings_button{
    border-bottom: 1px solid;
}
/****/
.impr_sec h5 {
    font-weight: 700;
    color: #000;
    font-size: 16px;
    margin-bottom: 20px;
}
.impr_sec ul {
    margin-bottom: 20px;
}

.impr_sec ul li {
    margin: 3px 0;
    list-style: none;
}
.sun_pro{
	padding: 25px 0 55px;
}
.sun_pro h3{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 25px;
}
.sun_pro .sun-border{
	position: relative;
}
.sun_pro .sun-border:before{
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	background: #979797;
	top: 0;
	left: 50%;
}
.sun_pro .wpb_column{
	padding: 40px 0;
}
.sun_pro p{
	color: #4A4A4A;
	line-height: 26px;
}
.sun_pro ul{
	display: flex;
	flex-wrap: wrap;
	padding-top: 45px;
}
.sun_pro ul li{
	width: 214px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.sun_pro ul li a{
	border: 1px solid #979797;
	height: 54px;
	display: block;
	line-height: 22px;
	color: #000;
	font-weight: bold;
	padding: 15px 15px 15px 45px;
	position: relative;
}
.sun_pro ul li a:before{
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-top: 1px solid #419A1C;
	border-right: 1px solid #419A1C;
	left: 15px;
	top:22px;
	transform: rotate(45deg);
}
.sun_pro_con{
	padding-bottom: 100px;
}
.sun_pro_con h3{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 25px;
}
.sun_pro_con p{
	color: #4A4A4A;
	margin-bottom: 35px;
	font-size: 16px;
  letter-spacing: 0.33px;
  line-height: 26px;
}

#inner_page.hero_banner .hero_left > .vc_column-inner{
	padding-right: 115px !important;
}
.vc_rtl-columns-reverse{
	flex-direction: row-reverse;
}
#inner_page.hero_banner .hero_left:before{
	background: #F1F1F1;
}
.rev-door{
	padding-top: 72px;
}
.rev-door.rev{
	color: #fff;
}
.rev-door h3{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 30px;
}
.rev-door p{
	font-size: 16px;
	line-height: 25px;
	color: #4A4A4A;
}
.rev-door.rev p{
	color: #fff;
}
.rev-door .col-inn .vc_column-inner{
    background: none !important;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.rev-door.rev .col-inn .vc_column-inner{
	margin-left: 0;
	margin-right: -15px;
}
.rev-door .col-inn .vc_column-inner > .wpb_wrapper{
	margin-left: -165px;
	position: relative;
	padding-left: 75px;
	padding-right: 91px;
	padding-top: 60px;
    padding-bottom: 25px;
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
    background: #fff;
}
.rev-door.rev .col-inn .vc_column-inner > .wpb_wrapper{
	margin-left: 15px;
	margin-right: -130px;
	position: relative;
	padding-left: 75px;
	padding-right: 85px;
    background: #419a1c;
}
.greenbox_block.rev{
	margin-top: 0;
	padding-top: 107px;
	padding-bottom: 150px;
}
.greenbox_block.rev:before{
	background: #f1f1f1;
	height: 286px;
}
.custom-txt-box{
	padding-bottom: 71px;
}
.custom-txt-box h3{
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 24px;
	font-weight: 700;
}
.custom-txt-box p{
	font-size: 16px;
	line-height: 26px;
	color: #4A4A4A;
}
.number_box{
	padding-bottom: 130px;
}
.number_box .vc_column-inner .vc_column_container>.vc_column-inner{
	padding-left: 60px;
	padding-right: 60px;
	border-left: 1px solid #979797;
	padding-top: 35px;
}
.number_box .vc_column-inner .vc_column_container:first-child>.vc_column-inner{
	border-left: 0;
}
.number_box .vc_column-inner .vc_column_container>.vc_column-inner figure{
	padding-bottom: 35px;
}
.number_box p{
	font-size:16px;
	color: #4A4A4A;
	line-height: 26px;
	letter-spacing: 0.3px;
}
.gewebe_sliders{
    color: #4A4A4A;
  font-size: 14px;
  letter-spacing: 0.29px;
  line-height: 24px;
  text-align: center;
}
.gewebe_sliders h4{
    color: #000;
  font-size: 14px;
  letter-spacing: 0.29px;
  line-height: 24px;
    font-weight: 700;
}
.gewebe_sliders .slick-list li{
    border: 1px solid #CDCDCD;
  background-color: #FFFFFF;
    padding: 36px 31px 24px;
    margin: 0px 11px;
}
.gewebe_sliders li figure{
    margin-bottom: 17px;
    text-align: center;
}
.gewebe_sliders li figure img{
    display: inline-block;
}
.gewebe_sliders li p{
	white-space: nowrap;
}
.gewebe_sliders ul.slick-dots,
.boxlist_slider ul.slick-dots,
.bottom-slider ul.slick-dots{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 56px;
}
.gewebe_sliders .slick-dots li,
.boxlist_slider .slick-dots li,
.bottom-slider .slick-dots li{
    margin: 0px 6px;
    display: flex;
		border:0;
    background: none;
}
.gewebe_sliders .slick-dots li button,
.boxlist_slider .slick-dots li button,
.bottom-slider .slick-dots li button{
		height: 9.24px;
		width: 9.24px;
		opacity: 0.5;
		background-color: #9B9B9B;
		text-indent: -9999px;
		border: none;
		cursor: pointer;
		border-radius: 11px;
}
.gewebe_sliders .slick-dots li.slick-active button,
.boxlist_slider .slick-dots li.slick-active button,
.bottom-slider .slick-dots li.slick-active button{
	height: 10.67px;
	width: 10.67px;
	background-color: #9B9B9B;
	opacity: 1;
}
.boxlist_slider{
	display: block !important;
}
.custom_slides{
	padding-top: 130px;
	padding-bottom: 88px;
}
.custom_slides .info h3{
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 24px;
	font-weight: 700;
}
.custom_slides .info p{
	font-size: 16px;
	line-height: 26px;
	color: #4A4A4A;
	padding-bottom: 40px;
	padding-right: 130px;
}
.custom_border{
	padding-top: 116px;
	margin-bottom: 116px;
	border-bottom: 1px solid #CDCDCD;
	height: 1px;
}
.bottom-slider ul .slick-list li{
	padding: 0 30px;
}
.bottom-slider ul .slick-list li h3{
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 24px;
	font-weight: 700;
}
.bottom-slider ul .slick-list li p{
	font-size: 16px;
	line-height: 26px;
	color: #4A4A4A;
}
.bottom-slider .slick-arrow{
	position: absolute;
	width: 30px;
	height: 30px;
	top:50%;
	margin-top: -15px;
	border: 0;
	border-radius: 0;
	border-top:3px solid #419A1C;
	border-right: 3px solid #419A1C;
	background: none;
	font-size: 0;
	color: #fff;
	padding: 0;
	z-index: 50;
	cursor: pointer;
}
.bottom-slider .slick-arrow.slick-prev{
	transform: rotate(-135deg);
	left: -90px;
}
.bottom-slider .slick-arrow.slick-next{
	transform: rotate(45deg);
	right: -90px;
}
.bottom_blog{
	padding-top: 160px;
	padding-bottom: 160px;
}
.bottom_blog .custom_bar{
	padding-bottom: 78px;
	border-top:1px solid #CDCDCD;
	height: 1px;
}
.newsletter{
    border-bottom:  1px solid #979797;
    padding-bottom: 65px;
    margin-bottom: 80px;
}
.newsletter h1{
    font-size: 35px;
    line-height: 35px;
    font-weight: 700;
    color: #fff;
    padding-top: 8px;
}
.newsletter{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newsletter .nl_left{
    width: calc(100% - 488px);
    padding-right: 15px;
}
.newsletter .nl_right{
    width: 488px;
}
.newsletter .nl_right form{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.newsletter .nl_right form input[type='email']{
    background: #fff;
    border: none;
    width: 330px;
    padding: 5px 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    cursor: pointer;
    height: 48px;
    color: #9b9b9b;
    border-radius: 0px;
    font-size: 16px;
}
.newsletter .nl_right form input::-moz-placeholder{
  color: #9b9b9b;
  opacity: 1;
}
.newsletter .nl_right form input:-ms-input-placeholder{
  color: #9b9b9b;
}
.newsletter .nl_right form input::-webkit-input-placeholder{
  color: #9b9b9b;
}
.newsletter .nl_right form input[type='submit']{
    line-height: 46px;
    height: 48px;
    width: 158px;
    background-color: #419A1C;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #419A1C;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all ease 0.5s;
    border-radius: 0px;
    font-size: 16px;
}
.newsletter .nl_right form input[type='submit']:hover {
    background: #fff;
    color: #000;
}
.newsletter .mailjet_widget_front_container, .newsletter .mailjet-widget-form-group{
    margin-bottom: 0px;
}
.newsletter #mailjet-widget-title-wrap{
    display: none;
}
.newsletter span.mailjet_widget_form_message{
    text-align: center;
    display: block;
}
/****/
.error-404{
    text-align: center;
    color: #6D6D6D;
  font-size: 18px;
  letter-spacing: 0.37px;
  line-height: 28px;
    padding: 100px 0px 133px;
}
.error-404 h1{
    color: #1C3435;
  font-size: 150px;
  font-weight: 700;
  letter-spacing: 0.59px;
  line-height: 150px;
  text-align: center;
    margin-bottom: 10px;
}
.error-404 h2{
    color: #1C3435;
  letter-spacing: 0.14px;
  line-height: 45px;
    margin-bottom: 28px;
}
.error-404 .info_btn{
    margin-top: 44px;
}
.error-404 .info_btn a{
    display: inline-block;
    width: 261px;
}
.footer{
    background-color: #212A22;
    padding: 170px 0px 35px;
      color: #B1B1B1;
  font-size: 15px;
  letter-spacing: 0.31px;
  line-height: 20px;
    position: relative;
}
.footer .ft_layer{
    position: absolute;
    top: -1px;
    width: 100%;
}
.footer .ft_layer img{
    width: 100%;
}
.footer a{
    color: #B1B1B1;
}
.footer a:hover{
    color: #419A1C;
}
.footer h2{
    color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.37px;
  line-height: 24px;
    margin-bottom: 33px;
}
.ft_btm{
    margin-top: 57px;
    padding-top: 32px;
    border-top: 1px solid #979797;
}
.ft_btm ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ft_btm ul li{
    padding: 0px 10px;
    border-left: 1px solid #b1b1b1;
    line-height: 15px;
}
.ft_btm ul li:first-child{
    border:none;
}
.ft_mid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction:row-reverse;
}
.ft_mid .social_links{
    display: flex;
    flex-wrap: wrap;
}
.ft_mid .social_links li{
    margin-left: 18px;
}
.ft_mid .social_links li a:hover{
    opacity: 0.7;
}
.ft_mid .social_links li:first-child{
    margin-left: 0px;
}
.ft_top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 111px;
}
.ft_logo{ 
}
.ft_top_right{
    display: flex;
    width:830px;
    justify-content: space-between;
}
.ft_top_right ul li{
    margin-bottom: 18px;
}
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
a.meanmenu-reveal{display:none}
.mean-container a.meanmenu-reveal{width:42px;height:42px;cursor:pointer;display:block;background-image:url(images/menu.svg);background-repeat:no-repeat;background-position:center;position:relative;z-index:100;text-indent:-9999px !important}
.mean-container a.meanmenu-reveal.meanclose{background-image:url(images/menu_close.svg)}
.mean-container a.meanmenu-reveal span{display:none;}
.mean-container .mean-nav{width:100%;right:0;top:100%;position:absolute;z-index:70;padding:0; margin-top: 15px;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none;background-color:#fff}
.mean-container .mean-nav ul li{position:relative;width:100%}
.mean-container .mean-nav ul li a{display:block;width:100%;padding:10px 15px;line-height:24px;color:#000;font-size:14px;font-weight:400;background-color:#fff;text-transform:uppercase;text-align:left;}
.mean-container .mean-nav ul li ul li a{}
.mean-container .mean-nav ul li a.mean-expand{position:absolute;right:0;top:0;width:54px;text-align:center;height:47px;border:0;}
.mean-container .mean-nav ul li:last-child a{border:0}
.mean-container .mean-nav > ul > li.current-menu-item > a{color:#419A1C;}
.mean-container .mean-push{display:none}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-remove{display:none!important}

@media (max-width: 1439px) {
    .header .header_in{
        padding: 0px 20px;
    }
    .header .nav_menu ul li{
        margin-left: 17px;
    }
    .nav_menu > ul > li:hover > ul.sub-menu{
        max-width: 1170px;
    }
.greenbox {
    padding: 65px 110px;
    }
.greenbox.enclose {
    margin-top: -167px;
}
.bottom-slider .slick-arrow.slick-prev{
	left: -30px;
}
.bottom-slider .slick-arrow.slick-next{
	right: -30px;
}
}
@media (max-width: 1279px) {
.enclose{
	max-width: 960px;
}
.header {
    padding: 15px 0px;
}
.nav_menu{
    display: none;
}
.menu-mobile{
    display: block;
}
.menu-mobile .menu-image {
    max-width: 40px;
    padding-right: 0px !important;
}
.gap{
    padding-top: 95px;
}
.hero_banner .hero_left > .vc_column-inner {
    width: calc(50% - (100% - 960px)/2);
    padding-right: 20px !important;
}
    .hero_banner .hero_left, .hero_banner .hero_right, .hero_banner .hero_right > div{
        height: calc(100vh - 95px);
    }
.ps_slider .slick-prev {
    left: 870px;
}
.ps_slider .slick-next {
    left: 960px;
}
.ps_slider_sec {
    margin-left: calc(50% - (50% - (100% - 960px)/2) - 30px);
}
.img_cont_left .wpb_single_image {
    padding-right: 20px;
}
.aktuelles_slider .akt_cont {
    padding: 25px 20px;
}
.aktuelles_slider h3 {
    font-size: 21px;
    line-height: 26px;
    }
.ps_slider .ps_cont {
    left: 15px;
    }
.greenbox {
    padding: 60px 110px;
    }
.greenbox.enclose {
    margin-top: -130px;
}
.inquiry_sec {
    padding-bottom: 45px;
    padding-top: 50px;
}
.img_cont_sec {
    padding-top: 150px;
    padding-bottom: 50px;
}
.ps_slider_block {
    margin-bottom: 50px;
}
.akt_sec {
    padding-top: 45px;
    padding-bottom: 80px;
}
.contact_btm_sec {
    padding-top: 50px;
    padding-bottom: 60px;
}
.c_form_sec {
    padding-top: 40px;
    padding-bottom: 70px;
}
.contact_info_sec {
    padding-top: 70px;
    padding-bottom: 0px;
}
.contact_info_sec .vc_separator {
    margin-top: 20px;
}
.farben_sec1 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.farben_sec1 .box_list {
    padding-top: 50px;
    padding-bottom: 60px;
}
.farben_sec1 .gewebe_slider {
    padding-top: 50px;
    padding-bottom: 60px;
}
.gewebe_slider {
    letter-spacing: 0px;
    }
.gewebe_slider .slick-list li {
    padding: 30px 12px 24px;
    margin: 0px 7px;
}
.img_cont_sec.img_cont_sec1 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.cont_img_sec {
    padding-top: 70px;
    padding-bottom: 70px;
}
.greenbox_block {
    margin-top: 40px;
    padding-bottom: 80px;
}
.img_cont_sec1 .img_cont_right > .vc_column-inner {
    padding-right: 15px;
}
.cont_img_left > .vc_column-inner > .wpb_wrapper {
    padding-left: 0px;
    padding-right: 0px;
}
.greenbox_block:before {
    height: 165px;
}
.cont_img_right .wpb_single_image {
    padding-left: 0px;
}
.imgcont_left .wpb_single_image {
    padding-right: 15px;
}
.imgcont_sec {
    padding-top: 70px;
    padding-bottom: 70px;
}
.stellen_sec_top {
    padding-top: 40px;
    padding-bottom: 60px;
}
.stellen_btm_cont {
    padding-top: 60px;
    padding-bottom: 60px;
}
.gallery_sec {
    padding-bottom: 50px;
}
.akt_slider_sec1{
    padding-bottom: 40px;
}
.green_banner{
    min-height: 200px;
}
.impr_sec{
    padding-top: 60px;
    padding-bottom: 40px;
}
.number_box .vc_column-inner .vc_column_container>.vc_column-inner{
		padding-left: 30px;
		padding-right: 30px;
	}
#inner_page.hero_banner .hero_left > .vc_column-inner {
    padding-right: 20px !important;
}
.bottom-slider .slick-arrow.slick-prev{
	left: -10px;
}
.bottom-slider .slick-arrow.slick-next{
	right: -10px;
}
.rev-door .col-inn .vc_column-inner > .wpb_wrapper {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 30px;
    padding-bottom: 0px;
}
.rev-door.rev .col-inn .vc_column-inner > .wpb_wrapper {
    padding-left: 35px;
    padding-right: 35px;
}
.newsletter h1 {
    font-size: 32px;
    line-height: 32px;
    }
.footer {
    padding: 120px 0px 35px;
    }
.ft_top_right {
    width: 700px;
}
.ft_top {
    margin-bottom: 60px;
}
}
@media (max-width: 991px) {
.enclose, .enclose1{
	max-width: 720px;
}
h2 {
    font-size: 32px;
    }
    .hero_banner .vc_row.wpb_row{
        flex-direction: column-reverse;
    }
.hero_banner .hero_left{
    height: calc(50vh - 45px);
}
.hero_banner .hero_right, .hero_banner .hero_right > div {
    height: calc(50vh - 40px);
}
.hero_banner .hero_left > .vc_column-inner {
    width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
}
    .hero_banner .hero_left, .hero_banner .hero_right{
        width: 100%;
    }
.ps_sec {
    padding-top: 40px;
}
.ps_slider_sec {
    margin-left: calc(50% - (50% - (100% - 720px)/2) - 30px);
}
.ps_slider .slick-arrow {
    top: 6px;
    }
.img_cont_left .wpb_single_image {
    padding-right: 0px;
}
.ps_slider .slick-list {
    padding-top: 70px;
    padding-bottom: 90px;
}
.ps_slider .slick-prev {
    left: 630px;
}
.ps_slider .slick-next {
    left: 720px;
}
.img_cont_left .wpb_single_image figure:before {
    right: 100px;
    top: -65px;
}
.img_cont_sec1 .img_cont_left .wpb_single_image figure::before {
    right: 85px;
    top: -65px;
}
.cont_img_right .wpb_single_image figure::before {
    left: 85px;
    top: -65px;
    }
.img_cont_sec {
    padding-top: 85px;
    padding-bottom: 35px;
}
.greenbox {
    padding: 45px 110px;
    }
.greenbox.enclose {
    margin-top: -100px;
}
.inquiry_sec {
    padding-bottom: 20px;
    padding-top: 35px;
}
.akt_sec {
    padding-top: 20px;
    padding-bottom: 40px;
}
.aktuelles_slider .slick-list {
    padding: 40px 0px 49px;
}
.img_cont_sec h2 {
    margin-bottom: 10px;
}
.img_cont_sec .info_btn {
    margin-top: 20px;
}
.contact_info_sec h3 {
    font-size: 22px;
    }
    .contact_form textarea{
        height: 150px;
    }
.contact_info_sec {
    padding-top: 40px;
    }
.farben_sec1 .box_list li {
    width: 165px;
}
.box_list li {
    margin: 0px 7px;
    }
.box_list li p {
    padding: 20px 10px 20px 20px;
}
.imgcont_sec {
    padding-top: 50px;
    padding-bottom: 50px;
}
    .imgcont_sec h3{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .imgcont_sec h3 br{
        display: none;
    }
.gallery_sec {
    padding-bottom: 40px;
}
.gallery_sec ul {
    margin-left: -15px;
}
.gallery_sec ul li {
    width: calc(33.33% - 15px);
    margin-left: 15px;
    margin-bottom: 15px;
}
body .cli-style-v2.cli-bar-container {
    justify-content: center !important;
}
.sun_pro {
    padding: 0;
	}
#inner_page.hero_banner .hero_left > .vc_column-inner {
    padding-right: 15px !important;
}
.bottom_blog {
    padding-top: 60px;
    padding-bottom: 60px;
}
.rev-door h3 {
    font-size: 22px;
    margin-bottom: 10px;
    }
.rev-door.rev .col-inn .vc_column-inner > .wpb_wrapper {
    padding-left: 15px;
    padding-right: 15px;
}
.rev-door .col-inn .vc_column-inner > .wpb_wrapper {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 20px;
}
.rev-door .col-inn .vc_column-inner > .wpb_wrapper .wpb_text_column{
    margin-bottom: 0px !important;
    }
.rev-door p {
    line-height: 22px;
    }
    .newsletter{
        display: block;
        text-align: center;
    }
    .newsletter .nl_left{
        width: 100%;
        padding: 0px;
        margin-bottom: 25px;
    }
.newsletter .nl_right {
    margin: auto;
}
.newsletter {
    padding-bottom: 45px;
    margin-bottom: 50px;
}
.footer {
    padding: 80px 0px 35px;
}
.ft_top {
    display: block;
    }
.ft_top_right {
    width: 100%;
}
.ft_logo {
    text-align: center;
    margin-bottom: 30px;
}
.ft_btm {
    margin-top: 35px;
    padding-top: 25px;
    }
.ft_top {
    margin-bottom: 40px;
}
}
@media (max-width:767px) {
.enclose, .enclose1{
	padding-left:15px;
	padding-right:15px;
}
h2 {
    font-size: 28px;
}
.header {
    padding: 10px 0px;
}
.header .header_in {
    padding: 0px;
}
    .logo img{
        max-height: 50px;
    }
.gap{
    padding-top: 69px;
}
.hero_banner .hero_right, .hero_banner .hero_right > div {
    height: calc(40vh - 40px);
}
.hero_banner .hero_left {
    height: calc(60vh - 30px);
    padding-bottom: 50px;
}
.hero_banner h2 {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 10px;
}
.hero_banner .info_btn {
    margin-top: 10px;
}
.scroll_sec {
    bottom: 11px;
}
.hero_banner .hero_left:before{
    height: 50px;
}
.ps_slider_sec {
    margin-left: 0px;
}
.ps_slider {
    right: 0px;
}
.ps_slider li {
    margin: 0px 10px;
    }
.ps_slider .ps_cont h3 {
    font-size: 23px;
    }
    .img_cont_right, .cont_img_left{
        padding-top: 25px;
    }
.ps_slider_block::before {
    height: 220px;
    }
.ps_sec h2 {
    margin-bottom: 0px;
}
.ps_slider .slick-arrow {
    top: 0px;
}
.ps_slider .slick-prev {
    left: inherit;
    right: 50px;
}
.ps_slider .slick-next {
    left: inherit !important;
    right: 15px;
}
.ps_slider .slick-list {
    padding-top: 55px;
    padding-bottom: 60px;
}
    .greenbox{
        padding: 20px 15px 30px !important;
        margin: 0px 15px;
width: calc(100% - 30px) !important;
    }
    .greenbox.enclose {
    margin-top: -53px;
}
    .greenbox h2 br{
        display: none;
    }
.greenbox h2 {
    letter-spacing: 0px;
    line-height: 36px;
    margin-bottom: 25px !important;
}
.contact_form .input_fields > div {
    width: 49%;
}
    .contact_form input{
        padding: 5px 10px;
        height: 52px;
    }
    .contact_form .input_fields p {
    margin-bottom: 15px;
}
.contact_form label {
    margin-bottom: 10px;
    padding-left: 0px;
}
    .contact_form textarea{
        height: 120px;
    }
.contact_form .textarea_field {
    margin-bottom: 20px;
}
.c_form_sec {
    padding-top: 20px;
    padding-bottom: 40px;
}
.contact_btm_sec .info_btn {
    margin-top: 30px;
    }
.contact_info_sec .vc_separator {
    margin-top: 0px;
}
.contact_form .radio_btns {
    padding-left: 0px;
    margin-bottom: 15px;
    }
    .contact_form textarea{
        padding: 5px 10px;
    }
    .chk_right {
    padding-left: 14px;
    }
.contact_form .radio_btns span.wpcf7-list-item.last {
    margin-left: 20px;
}
    .submit_btn{
        text-align: center;
    }
    .farben_sec1 .box_list{
        justify-content: space-between;
    }
.farben_sec1 .box_list li {
    width: 48%;
    margin: 0px 0px 25px !important;
}
.farben_sec1 .box_list {
    padding-top: 40px;
    padding-bottom: 30px;
}
    .cont_img_right{
        padding-top: 100px;
    }
.farben_sec1 {
    padding-top: 40px;
    padding-bottom: 50px;
}
.img_cont_sec.img_cont_sec1 {
    padding-top: 80px;
    padding-bottom: 40px;
}
.cont_img_sec {
    padding-top: 20px;
    padding-bottom: 80px;
}
.box_list li p {
    padding: 20px 10px 20px 10px;
}
.farben_sec1 .gewebe_slider {
    padding-top: 40px;
    padding-bottom: 40px;
}
.gewebe_slider ul.slick-dots {
    margin-top: 30px;
}
.error-404 {
    font-size: 16px;
    letter-spacing: 0px;
    padding: 40px 0px 50px;
}
.greenbox_block:before {
    height: 115px;
}
.greenbox_block {
    margin-top: 30px;
    padding-bottom: 60px;
}
.cont_img_sec h3, .img_cont_sec1 h3 {
    font-size: 22px;
    margin-bottom: 10px;
    }
    .cont_img_sec, .img_cont_sec{
        letter-spacing: 0px;
    }
.imgcont_sec .imgcont_right > .vc_column-inner {
    padding-left: 15px;
}
.imgcont_left .wpb_single_image {
    padding-right: 0px;
    padding-bottom: 25px;
}
.imgcont_sec {
    letter-spacing: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.stellen_sec_top {
    padding-top: 40px;
    padding-bottom: 40px;
}
.stellen_btm_cont {
    padding-top: 40px;
    padding-bottom: 20px;
}
    .stellen_sec_top h3{
        font-size: 22px;
    }
    .stellen_sec_top h3 br{
        display: none;
    }
    .pdf_sec .para2 p br{
        display: none;
    }
.pdf_sec {
    padding-top: 40px;
    padding-bottom: 40px;
}
.stellen_btm_cont p {
    margin-bottom: 15px;
}
.gallery_sec ul li {
    width: calc(50% - 15px);
}
.akt_slider_sec1 {
    padding-bottom: 20px;
}
.green_banner {
    min-height: 150px;
}
.impr_sec {
    padding-top: 40px;
    padding-bottom: 20px;
}
.impr_sec p {
    margin-bottom: 15px;
}
body #cookie-law-info-bar {
    padding: 20px 15px !important;
}
.mean-container .mean-nav {
    margin-top: 9px;
}
.contact_form .wpcf7-not-valid-tip {
    padding-left: 10px;
}
.rev-door {
    padding-top: 0;
	}
	.greenbox_block.rev{
		padding-bottom: 50px;
	}
	.custom-txt-box {
    padding-bottom: 35px;
	}
	.number_box {
    padding-bottom: 50px;
	}
	.custom_slides {
    padding-top: 50px;
    padding-bottom: 35px;
	}
	.custom_border {
    padding-top: 50px;
    margin-bottom: 80px;
	}
	.custom_slides .info p{
		padding-right: 0;
	}
	.bottom_blog {
    padding-top: 60px;
    padding-bottom: 60px;
	}
	.rev-door .col-inn .vc_column-inner > .wpb_wrapper{
		margin-left: 0;
    padding: 15px;
	}
	.rev-door.rev .col-inn .vc_column-inner > .wpb_wrapper{
		margin-right: 0;
    padding: 20px 15px 20px;
        margin-left: 0px;
	}
	.number_box .vc_column-inner .vc_column_container>.vc_column-inner{
		border-left: 0;
	}
	.sun_pro .wpb_column {
    padding: 0;
	}
	.sun_pro_con h3{
		margin-top: 45px;
	}
	.sun_pro_con {
    padding-bottom: 0;
	}
.bottom-slider .slick-arrow.slick-prev{
	left:0px;
}
.bottom-slider .slick-arrow.slick-next{
	right:0px;
}
.bottom_blog {
    padding-top: 40px;
    padding-bottom: 40px;
}
.rev-door .col-inn .vc_column-inner {
    padding-left: 15px;
}
.rev-door.rev .col-inn .vc_column-inner {
    margin-right: 0px;
}
.rev-door h3 br{
    display: none;
}
.error-404 h1 {
    font-size: 120px;
    line-height: 120px;
    }
    .error-404 h2{
        margin-bottom: 10px;
    }
.error-404 .info_btn {
    margin-top: 20px;
}
    .ft_top_right{
        flex-wrap: wrap;
    }
    .ft_top_right section.widget{
        width: 48%;
    }
    .ft_mid{
        display: block;
        text-align: center;
    }
    .ft_mid .social_links{
        justify-content: center;
    }
    .ft_mid .social_links{
        margin-bottom: 20px;
    }
    .footer_in{
        display: flex;
        flex-direction: column;
    }
    .ft_top{
        order: 1;
        margin-bottom: 25px;
    }
    .ft_mid{
        order: 3;
    }
    .ft_btm{
        order: 2;
        border-top: none;
        border-bottom: 1px solid #979797;
            margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 17px;
    margin-bottom: 20px;
}
    .number_box .wpb_single_image{
        margin-bottom: 0px !important;
    }
    .number_box figure.vc_figure{
        padding-bottom: 0px !important;
    }
    .number_box .wpb_text_column.wpb_content_element{
        margin-bottom: 0px !important;
    }
.number_box .vc_column-inner .vc_column_container > .vc_column-inner {
    padding-top: 25px;
}
    .sun_pro ul{
        padding-bottom: 30px;
    }
    .cont_img_sec .vc_row.vc_row-flex{
        flex-direction: column-reverse;
    }
.newsletter h1 {
    font-size: 28px;
    line-height: 28px;
}
body #cookie-law-info-bar #cookie_action_close_header{
    margin: 0px 5px !important;
}
body #cookie-law-info-bar .cli-bar-btn_container .wt-cli-element.cli_settings_button{
    margin: 0px 5px !important;
}
}
@media (max-width:666px) {
.pdf_btns_sec {
    display: block;
    }
.pdf_btns_sec .green_btn {
    margin-right: 0px;
    margin-bottom: 20px;
}
}
@media (max-width:567px) {
.contact_form .input_fields {
    display: block;
    }
.contact_form .input_fields > div {
    width: 100%;
}
    .gewebe_slider .slick-list li{
        margin: 0px;
    }
.gewebe_slider .slick-dots li {
    margin: 0px 3px;
    }
.newsletter .nl_right {
    width: 100%;
    }
.newsletter .nl_right form {
    display: block;
    }
    .newsletter .nl_right form input[type="email"]{
        width: 100%;
        padding: 5px 10px;
        margin-bottom: 15px;
    }
.newsletter h1 {
    font-size: 26px;
    line-height: 26px;
}
    body #cookie-law-info-bar .cli-bar-btn_container .wt-cli-element.cli_settings_button, body #cookie-law-info-bar #cookie_action_close_header{
        letter-spacing: 0.2px;
        font-size: 13px;
    }
    
}
@media (max-width:413px) {
h2 {
    font-size: 26px;
}
.greenbox.enclose {
    margin-top: -46px;
}
.contact_form .req {
    position: relative;
    right: 10px;
    }
    .gallery_sec ul{
        display: block;
        margin: 0px;
    }
.gallery_sec ul li {
    width: 100%;
    margin: 0px 0px 15px;
}
}
@media (max-width:374px) {
h2 {
    font-size: 25px;
}
.hero_banner .hero_right, .hero_banner .hero_right > div {
    height: 32vh;
}
.hero_banner .hero_left {
    height: calc(68vh - 70px);
}
.hero_banner {
    letter-spacing: 0px;
    line-height: 23px;
}
.hero_banner h2 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 5px;
}
    .hero_banner h2 br{
        display: none;
    }
.info_btn a {
    line-height: 40px !important;
    }
.pdf_btn a {
    letter-spacing: 1px;
    line-height: 48px;
    padding: 0px;
    width: 100%;
}
.newsletter h1 {
    font-size: 22px;
    line-height: 22px;
}
.footer .ft_layer {
    top: -2px;
    }
.footer {
    font-size: 14px;
    }
    .ft_top_right{
        display: block;
    }
.ft_top_right section.widget {
    width: 100%;
}
.ft_btm ul li {
    padding: 0px 5px;
    }
}
/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 896px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
.header {
    padding: 8px 0px;
}
    .hero_banner {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
      }
    .hero_banner h2{
      font-size: 26px;
    line-height: 26px;
    margin-bottom: 0px;
}
      .hero_banner h2 br{
          display: none;
      }
    .hero_banner .info_btn a {
    line-height: 38px !important;
      }
    .hero_banner .info_btn {
    margin-top: 5px;
}
    .hero_banner .hero_left {
    padding-bottom: 40px;
}
    .hero_banner .hero_left:before {
    height: 40px;
}
    .scroll_sec {
    bottom: 5px;
}
    .logo img {
    max-height: 40px;
}
.hero_banner .hero_right, .hero_banner .hero_right > div {
    height: 32vh;
}
.hero_banner .hero_left {
    height: calc(68vh - 58px);
} 
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
.header {
    padding: 8px 0px;
}
    .hero_banner {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
      }
    .hero_banner h2{
      font-size: 26px;
    line-height: 26px;
    margin-bottom: 0px;
}
      .hero_banner h2 br{
          display: none;
      }
    .hero_banner .info_btn a {
    line-height: 38px !important;
      }
    .hero_banner .info_btn {
    margin-top: 5px;
}
    .hero_banner .hero_left {
    padding-bottom: 40px;
}
    .hero_banner .hero_left:before {
    height: 40px;
}
    .scroll_sec {
    bottom: 5px;
}
    .logo img {
    max-height: 40px;
}
.hero_banner .hero_right, .hero_banner .hero_right > div {
    height: 32vh;
}
.hero_banner .hero_left {
    height: calc(68vh - 58px);
}
}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.header {
    padding: 8px 0px;
}
    .hero_banner {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
      }
    .hero_banner h2{
      font-size: 26px;
    line-height: 26px;
    margin-bottom: 0px;
}
      .hero_banner h2 br{
          display: none;
      }
    .hero_banner .info_btn a {
    line-height: 38px !important;
      }
    .hero_banner .info_btn {
    margin-top: 5px;
}
    .hero_banner .hero_left {
    padding-bottom: 40px;
}
    .hero_banner .hero_left:before {
    height: 40px;
}
    .scroll_sec {
    bottom: 5px;
}
    .logo img {
    max-height: 40px;
}
.hero_banner .hero_right, .hero_banner .hero_right > div {
    height: 32vh;
}
.hero_banner .hero_left {
    height: calc(68vh - 58px);
} 
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.header {
    padding: 8px 0px;
}
    .hero_banner {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
      }
    .hero_banner h2{
      font-size: 26px;
    line-height: 26px;
    margin-bottom: 0px;
}
      .hero_banner h2 br{
          display: none;
      }
    .hero_banner .info_btn a {
    line-height: 38px !important;
      }
    .hero_banner .info_btn {
    margin-top: 5px;
}
    .hero_banner .hero_left {
    padding-bottom: 40px;
}
    .hero_banner .hero_left:before {
    height: 40px;
}
    .scroll_sec {
    bottom: 5px;
}
    .logo img {
    max-height: 40px;
}
.hero_banner .hero_right, .hero_banner .hero_right > div {
    height: 32vh;
}
.hero_banner .hero_left {
    height: calc(68vh - 58px);
} 
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .header {
    padding: 8px 0px;
}
    .hero_banner {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 20px;
      }
    .hero_banner h2{
      font-size: 26px;
    line-height: 26px;
    margin-bottom: 0px;
}
      .hero_banner h2 br{
          display: none;
      }
    .hero_banner .info_btn a {
    line-height: 38px !important;
      }
    .hero_banner .info_btn {
    margin-top: 5px;
}
    .hero_banner .hero_left {
    padding-bottom: 40px;
}
    .hero_banner .hero_left:before {
    height: 40px;
}
    .scroll_sec {
    bottom: 5px;
}
    .logo img {
    max-height: 40px;
}
.hero_banner .hero_right, .hero_banner .hero_right > div {
    height: 32vh;
}
.hero_banner .hero_left {
    height: calc(68vh - 58px);
}
}