:root{
    --fullh: 100vh;
}

@media (-webkit-device-pixel-ratio: 1.25) {
    :root{
        --fullh: 125vh;
    }
    html {
        zoom: 0.8;
    }
}

@media (-webkit-device-pixel-ratio: 1.5) {
    :root{
        --fullh: 150vh;
    }
    html {
        zoom: 0.67;
    }
}

@media screen and (min-width: 2560px) {
    :root{
        --fullh: 100vh;
    }
    html {
        zoom: 1.45;
    }
}

body, html {
    margin:0px;
    padding:0px;
	/*
    color:#646567;
    */
    color:#0c0c0c;
    font-family: "Nunito Sans", sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align:center;
    background-color: #333;
    max-height:100%;
}

div.loginbox{
    width:300px;
    margin:0px auto;
}

input.search_btn{
    cursor:pointer;
}

div.logintext{
    float:left;
    width:430px;
}

div.login_line{
    position:fixed;
    bottom:0px;
    left:0px;
    padding:10px;
    text-align:left;
    background-color:#363636ab;
    width:100%;
    z-index:100;
}

div.wrapper{
    position:relative;
    margin:0px auto;
    width:1800px;
    text-align:left;
}

div.swrapper{
    width:1600px;
}

div.xswrapper{
    width:1400px;
}

div.wrapper ul{
    padding-left:20px;
}

div.full-page{
    padding-top:0px;
    padding-bottom:0px;
    background-color: #fff;
}

div.full-top-padding{
    padding:106px 0px 0px 0px;
    background-color: #fff;
}

div.full-top-padding div.wrapper{
    
}

div.head{
    position:fixed;
    width:100%;
    z-index:100;
    padding-bottom:10px;
    /*
    transform-style: flat;
    transition: all 500ms ease-out;
    */
    background-color:rgba(255,255,255,0.4);
}

div.head.subpage{
    background-color:rgb(195 195 195);
}

div.head.mshow{
    background-color:rgba(255,255,255);
}

div.head.scrolled{
    background-color:rgba(255,255,255,0.8);
    height:40px;
    box-shadow: 0px 11px 9px -7px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 11px 9px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 11px 9px -7px rgba(0,0,0,0.75);
}

div.head.scrolled div.line-top{
    top:10px;
}

a.logo-link{
    display:inline-block;
    margin-top:20px;
}

div.head.scrolled .main-logo{
    width:150px;
}

div.head.scrolled div.head-text{
    display:none;
}

div.head.scrolled div.sform-and-search{
    display:none;
}

div.head.scrolled a.logo-link{
    margin-top:5px;
}

div.head.scrolled div.top-text-and-menu{
    padding-top:0px;
}

div.head.scrolled nav{
    padding-top:0px;
}

div.head.scrolled nav a{
    padding:0px 10px;
}

div.head.scrolled nav a div{
    padding-bottom:5px;
}

div.line-top{
    position:relative;
    top:5px;
    color:#000;
    text-align:left;
}

div.lang-box a, div.lang-box span{
    color:#000;
    display:inline-block;
    text-decoration: none;
    padding:0px 5px;
}

div.line-top.bottom div.wrapper{
    min-height: 30px;
    height:auto;
    text-align:center;
}

div.line-top.bottom a, div.line-top.bottom span{
    height:auto;
}

div.line-top span{
    font-weight:bold;
}

img.main-logo{
    width: 375px;
    /*
    transform-style: flat;
    transition: all 500ms ease-out;
    */
}

div.head img{
    vertical-align: middle;
    margin-left: 0px;
}

nav{
    margin-left: 40px;
    padding-top:20px;
}

div.top-text-and-menu{
    padding-top:10px;
    display: inline-block;
    vertical-align: top;
}

div.head-text{
    margin-left:60px;
    font-size:12px;
}

div.top-line{
    background: transparent;
}

div.main-top-pic{
    /*
    background: url(../pics/arc-top-pic.jpg) no-repeat top center;
    */
    background: url(../pics/bhouse-web-kep-24.jpg) no-repeat top center;
    background-size: cover;
    height:100vh;
    height:var(--fullh);
    line-height:100vh;
    text-align:center;
}

div.general-top{
    background-image: url(../pics/gen-top.jpg);
    height:70vh;
}

div.general-top img{
    background-color:#fff;
    padding:10px;
}

div.general-bottom{
    background-image: url(../pics/gen-bottom2.jpg);
    height:70vh;
}

div.pic-bottom{
    width:100%;
}

div.pic-bottom img{
    width:100%;
}

table.gen-table{
    width:100%;
}

table.gen-table tr td{
    vertical-align: top;
    padding-left:100px;
}

table.gen-table tr td ul{
    list-style-type: none;
}

table.gen-table tr td ul li{
    text-indent: -5px;
}

table.gen-table tr td ul li:before{
    content: "-";
    text-indent: -8px;
}

div.main-top-pic img{
    margin:0px auto;
    width: 20vw;
}

table.logintable input.text{
    border: 1px solid #154C57;
    padding: 5px;
}

table.logintable input.search_btn{
    border:none;
    background-color: #b21a19;
    color: #fff;
    padding:10px 20px;
}

.mshow nav{
    display:block;
    position:absolute;
    top:85px;
    background-color: rgba(255, 255, 255);

}

#mobile-menu{
    display:none;
    font-size:60px;
    text-decoration:none;
    position:absolute;
    top:0px;
    left:0px;
}

nav a{
    display:inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight:bold;
    color: #000;
    padding: 0px 20px;
    position:relative;
    text-transform: uppercase;
    padding-top:20px;
}

nav a div{
    line-height:14px;
    vertical-align: bottom;
    display:inline-block;
    padding-bottom:15px;
    /*
    transform-style: flat;
    transition: all 500ms ease-out;
    */
    border-bottom:3px dotted transparent;
}

nav a:hover{
    
}

nav a:hover div{
    color: #ff0000;
    border-bottom:3px dotted #ff0000;
}

div.sform-and-search{
    position:absolute;
    top:5px;
    right:0px;
    display:block;
    /*
    float:right;
    */
}

#sfrom{
    display:inline-block;
}

#qsearch{
    display:inline-block;
    border:1px solid #000;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: transparent;
    padding:4px 8px;
    vertical-align: middle;
    font-size:14px;
    line-height:14px;
    color:#000;
}

#searchbtn{
    background: url(../pics/search-btn.png);
    width:26px;
    height:26px;
    border:0px;
    font-size:0px;
    cursor:pointer;
    display:inline-block;
    vertical-align: middle;
    margin-left:15px;
}

div.lang-box{
    margin-left:50px;
    display:inline-block;
}

/* animated menu X */

.lines-button {
    position: relative;
    float:right;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 80px;
    height: 54px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.lines-button:focus {
    outline: none;
}
.lines-button span {
    display: block;
    position: absolute;
    left: 18px;
    right: 18px;
    height: 8px;
    background: #ff0000;
    border-radius: 0.57143rem;
}
.lines-button span::before, .lines-button span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #ff0000;
    border-radius: 0.57143rem;
    content:"";
}
.lines-button span::before {
    top: -15px;
}
.lines-button span::after {
    bottom: -15px;
}
.lines {
    background: none;
}
.lines span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}
.lines span::before, .lines span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}
.lines span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}
.lines span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}
.lines.close {
    background: none;
}
.lines.close span {
    background: none;
}
.lines.close span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.lines.close span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.lines.close span::before, .lines.close span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

/* animated menu X end*/

div.social_icons{
    position:relative;
    display: inline-block;
    vertical-align: middle;
    float:right;
    z-index:10;
}

div.social_icons a{
    background: url(../pics/social_icons2.png) no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size:0px;
    margin:0px 5px;
    vertical-align: middle;
}

div.social_icons a.facebook{
    background-position-x: -49px;
}

div.social_icons a.linkedin{
    background-position-x: -96px;
}

div.social_icons a.youtube{
    background-position-x: -143px;
}

span.langs{
    text-transform: uppercase;
    line-height:20px;
}

span.langs a, span.langs span.current_lang{
    color:#000;
    text-decoration:none;
    font-weight: normal;
    display:inline-block;
    font-size:14px;
    vertical-align: middle;;
}

span.langs span.current_lang{
    color:#ff0000;
}

span.langs a:hover{
    color:#ff0000;
}

span.langs span.sep{
    font-size:8px;
    display:inline-block;
    padding:0px 5px;
    vertical-align: middle;
}

/* banner */

div.myfotorama .fotorama .any {
    /*
        text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
        font-family: Georgia, serif;
        font-size: 72px;
        text-align: center;
        height: 181px;
        padding-top: 100px;
    */
}
div.myfotorama .fotorama__nav-wrap{

    position: absolute;
    bottom: 10px;
    right: 0;
    width: auto;
    float: right;
    text-align: right;
    margin-inline: auto;
    width: fit-content;
    left: 0px;

}

div.myfotorama div.fotorama__nav--dots{
    width:auto !important;
}

div.myfotorama .fotorama__dot{
    border-radius:0px;
    border:3px solid #fff;
    background-color: #fff;
    line-height:0px;
    font-size:0px;
    width:6px;
    height:6px;
}
div.myfotorama .fotorama__active .fotorama__dot{
    border-radius:0px;
    border:3px solid #fff;
    background-color: #226DA7;
}

div.fbanner_container{
    /*
    max-height: 445px;
    overflow:hidden;
    */
}

div.fbanner_title{
    background: #ff0000;
    position:absolute;
    top:0px;
    right:0px;
    color:#fff;
    padding:40px;
    font-size:62px;
    font-family: robotolight;
}

div.fbanner_title p{
    font-size:62px;
    line-height:100%;
}

div.fbanner_text{
    position:absolute;
    bottom:60px;
    color:#fff;
    right:45px;
    font-weight:bold;
    font-size:16px;
    text-align:right;
}

div.fbanner_text p{
    font-size:16px;
}

div.fbanner_title p:last-child, div.fbanner_text p:last-child{
    margin-bottom:0px;
    padding-bottom:0px;
}

div.fotorama__html{
    position:relative;
    height:100vh;
    height:var(--fullh);
}

div.main-banner{
    height:auto;
}

div.fr_banner{
    position:relative;
    background-color:#eee;
    height:100vh;
    height:var(--fullh);
    overflow:hidden;
    text-align: center;
}

div.fr_banner > a, div.fr_banner > span{
    display:block;
    position:relative;
}

div.fr_banner img{
    width:100%;
    height:auto;
}

div.standing div.fr_banner img{
    width:auto;
    height:100vh;
    height:var(--fullh);
}


/* banner vége */

/* parallax.js */

.parallax-container{
    width:100%;
    /*
    margin-bottom:20px !important;
    */
    min-height: 400px;
    background: transparent;
}

.parallax-mirror{
    z-index:10 !important;
}

.parallax-mirror img{
    height: auto !important;
    left:0px;
}

/*
.parallax-mirror img{
    width:100% !important;
    height: auto !important;
    position: relative !important;
    left:0px;
}
*/

/* end parallax.js */

h1, h2, h3, h4{
    color: #000000;
}

p{
    padding-bottom:0px;
    line-height: 120%;
    margin-bottom:20px;
}

h1{
    font-size: 60px;
    font-weight:bold;
    margin-bottom:20px;
    line-height:110%;
    letter-spacing: -2px;
}

h2{
    font-size:28px;
    line-height: 110%;
}

h3{
    font-size:24px;
    line-height: 110%;
}

.welcome_box{
    padding:60px;
}

.welcome_box h1{
    padding:30px 0px 0px 40px;
    border-left: 2px solid #154C57;
}

.welcome_box p{
    padding-left:42px;
}

/* paroller */

div.jumbotron{
    height:470px;
}

div.par2{
    height:390px;
}

.wide_link_block{
    display: block;
    padding: 5px;
    background-color: #154C57;
    color:#fff;
    text-align:center;
}

a.wide_link_block:hover{
    background-color: #424242;
    color:#fff;
}

a#scrollTop{
    display:none;
    width: 50px;
    height: 50px;
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:120;
    background-color: rgba(255,255,255,0.4);
    text-decoration:none;
    text-align:center;
    box-shadow: 0px 11px 9px -7px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 11px 9px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 11px 9px -7px rgba(0,0,0,0.75);
    border:1px solid #000;
}
a#scrollTop:after{
    content: '\25B2';
    font-size:32px;
    line-height:50px;
    text-align:center;
    color:#ccc;
}

a#scrollTop:hover{
    color: #333;
    opacity: 1;
}

div.activity-left, div.activity-right{
    padding: 80px 10px 80px 10px;
    float:left;
    width: calc(100% - 620px);
}

div.activity-right{
    width:560px;
    color: #1C6382;
    font-size:18px;
    padding-top: 210px;
}

div.activity-left h1{
    border-left:0px;
    position:relative;
    text-align:right;
}

div.activity-left h1 span.line{
    display:inline-block;
    border-bottom:2px solid #154C57;
    width: 85px;
    margin-right:40px;
}

div.activity-left p{
    position:relative;
    border-top:2px dotted #154C57;
    text-align:right;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:0px;
    margin-bottom:0px;
    display:inline-block;
    float:right;
    padding-left:10px;
    margin-right:45px;
    font-size:16px;
}

div.activity-left p:after{
    content: url(../pics/list-arrow-left.png);
    position:absolute;
    top:10px;
    right: -40px;
}

div.activity-left p:first-of-type{
    border-top:0px;
}

div.world-map{
    position:relative;
    /*
    min-height:1100px;
    */
    min-height: 540px;
    padding-top:0px;
    overflow:hidden;
    background: #1c6382 url(../pics/world-map3.png);
    background-position-y:center;
    background-position-x:center;
    background-repeat:no-repeat;
    background-size: contain;
}

div.world-map div.wrapper{
    text-align: right;
}

div.world-text{
    display:inline-block;
    width:210px;
    color:#AEAEAE;
    text-align:left;
    line-height:190%;
}

div.world-map div.world-text h1{
    padding-top:5px;
    font-weight: bold;
    color:#AEAEAE;
    font-size:26px;
}

div.world-map div.world-text h1::before{
    content:'';
    margin-right:0px;
}

div.world-text ul{
    list-style-type: none;
    margin-left:0px;
    padding-left:2px;
}

div.world-text ul li{
    line-height:130%;
    font-family: 'Titillium Web', sans-serif;
    font-size:20px;
}

div.world-text ul li:before{
    content: url(../pics/customer_li.png);
    display:inline-block;
    position:relative;
    top:4px;
    margin-right:5px;
}

div.solutions_left, div.solutions_right{
    padding:80px 10px 80px 10px;
    float:left;
    width: calc(50% - 20px);
}

div.solutions_left h1{
    margin-bottom:0px;
    padding-bottom:0px;
    line-height:100%;
    display:inline-block;
    padding-top:20px;
    background: url(../pics/h1top.png) no-repeat top right;
}

div.solutions_left h1.left-stick{
    background-position: top left;
}

div.solutions_left h2{
    font-size:41px;
}

div.solutions_left span.num{
    display:inline-block;
    background-color: #073C47;
    color: #fff;
    padding: 10px 40px;
}

div.solutions_right{
    color:#666;
}

div.solutions_right ul{
    list-style-type: none;
}

div.solutions_right ul li{
    vertical-align:middle;
    font-size:18px;
    line-height: 190%;
    background: url(../pics/list-arrow-right.png) no-repeat left 5px;
    padding:3px 0px 0px 27px;
}
/*
div.solutions_right ul li:before{
    content: url(../pics/list-arrow-right.png);
    display: inline-block;
    vertical-align:middle;
    clear: both;
    margin-top:5px;
    margin-right:10px;
}
*/

div.col4-container{
    display: grid;
    grid-template-columns: repeat(4,calc(25% - 5px));
    grid-column-gap: 10px;
    padding: 30px;
}

div.col4-container div, div.col2-container div{
    padding:20px;
}

div.col4-container div{
    max-width:255px;
    background-color: #fff;
}

div.col4-container div p:last-of-type, div.col2-container div p:last-of-type{
    margin-bottom:0px;
    padding-bottom:0px;
}

div.col4-container div h2, div.col2-container div h2{
    font-size:22px;
    font-weight:800;
    color:#000;
    line-height:100%;
    min-height:46px;
    letter-spacing: -1px;
    font-weight: normal;
}

div.col2-container div h2{
    min-height:0px;
}

div.wrapper img, div.col4-container div img, div.pic1 img, div.pic2 img, div.pic3 img, div.pic4 img{
    max-width:100%;
}

a.small{
        display: inline-block;
	position: relative;
	width: calc(50% - 5px);		/* desired width */
        overflow:hidden;
        text-align:center;
        margin-top:2px;
}

a.small:last-of-type{
    margin-left:6px;
}

a.small:before{
	content: "";
	display: inline-block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

div.wrapper a.small img, div.col4-container div a.small img, div.pic1 a.small img, div.pic2 a.small img, div.pic3 a.small img, div.pic4 a.small img{
    display:inline-block;
    position:absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    height:100%;
    max-width: none;
}

div.pic1{
    grid-row: 2;
    grid-column: 1 / 2;
}

div.pic2{
    grid-row: 2;
    grid-column: 2 / 3;
}

div.pic3{
    grid-row: 2;
    grid-column: 3 / 4;
}

div.pic4{
    grid-row: 2;
    grid-column: 4 / 5;
}

div.col2-container{
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 30px;
}


div.separated-container{
    border-top: 2px solid #666;
}

div.project-lead{
    display: grid;
    grid-template-columns: auto auto;
    padding-top:50px;
}

div.project-lead div{
    padding:10px 10px 10px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.project-lead div:first-of-type{
    border-right: 2px solid #666;
    justify-content: flex-start;
}

div.project-lead div:last-of-type{
    padding-left:20px;
}

div.project-lead div a{
    font-size: 18px;
}

div.full-img-cont img{
    width:100%;
}

div.cert{
    color: #2C8CD9;
}

div.cert h1{
    color: #2C8CD9;
    background: url(../pics/h1left.png) no-repeat left calc(100% - 20px);
    padding-left: 30px;
    padding-bottom:0px;
    margin-bottom: 20px;
    line-height:140%;
}

div.contact-wrapper{
    display: grid;
    grid-template-columns: 400px auto;
    padding:30px;
}

div.contact-wrapper div{
    padding:0px 20px 20px 20px;
}

div.contact-wrapper h1{
    display:inline-block;
    background: url(../pics/h1top.png) no-repeat right calc(100% - 7px);
    padding-right: 115px;
    padding-bottom:0px;
    line-height: 100%;
}

div.contact-wrapper h2{
    font-weight: 900;
}

div.contact-details, div.contact-details h3{
    color: #4D4D4D;
}

div.contact_table{
    display:block;
}

div.contact-wrapper div.contact_table div{
    padding:0px;
}

div.contact-wrapper div.contact_table div p{
    margin-bottom:0px;
    padding-bottom:0px;
    text-align: right;
}

div.contact-wrapper div.contact_table div.input, div.contact-wrapper div.contact_table div.input input, div.contact-wrapper div.contact_table div.textarea{
    width: 530px;
    padding:0px 10px 10px 10px;
}

div.contact-wrapper div.contact_table div.input input, div.contact-wrapper div.contact_table div.textarea{
    width: 696px;
}

div.contact-wrapper div.contact_table div.input input, div.contact-wrapper div.contact_table div.textarea textarea{
    width: calc(100% - 22px);
    border: 1px solid #154C57;
    background-color: #E4EDF0;
    padding: 10px;
    font-size:14px;
    color #0A3F4A;
}

div.contact-wrapper div.contact_table div.input input::placeholder:focus{
    display:none;
}

div.contact-wrapper div.contact_table div.input input:focus, div.contact-wrapper div.contact_table div.textarea textarea:focus{
    border-color: #154C57;
    background-color: #ADE3E3;
}

::-webkit-input-placeholder{
    color: #0A3F4A;
} 
:focus::-webkit-input-placeholder{
     text-indent: -999px
}
::-moz-placeholder{
    color: #ccc;
    font-style:italic;
}
:focus::-moz-placeholder{
     text-indent: -999px
}

div.contact-wrapper div.contact_table div.submit-container{
    width: 696px;
    padding:10px 0px 10px 10px;
}

div.contact-wrapper div.contact_table div.g-recaptcha{
    float:left;
}

div.contact-wrapper div.contact_table div.submit-container input.submit{
    color: #fff;
    border:0px;
    background-color: #073C47;
    font-size: 18px;
    padding:10px 20px;
    float:right;
    cursor:pointer;
    font-weight: 400;
}

p.desc{
    margin-top:4px;
    font-size: 14px;
}

div.bluebg{
    background-color:#2C8CD9;
    color:#fff;
    border-top:none;
}

div.bluebg div.cert h1{
    /*
    background-image: url(../pics/h1left-white.png);
    */
    color: #fff;
    margin-bottom:110px;
    font-size:24px;
}

div.bluebg div.cert{
    color:#fff;
}

.my-parallax{
    /*
    background-attachment: fixed;
    */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    transition: background-image 1s ease-in-out;
    -webkit-transform-style: preserve-3d;
    
    background-color: #1C6382;
    background-repeat: repeat;
    overflow: hidden;
    height: 0;
    padding-top: 23%;
    /*
    min-height:470px;
    */
    background-position-x: center;
    position:relative;
    
}

.par2{
    padding-top:0px;
    height:380px;
}

.par2 img.pimg{
    position:relative;
    top:0px;
    width:100%;
    height:auto;
}

.project-leader-parallax{
    background-position-y: 0px;
    padding-top:27%;
    background-repeat: repeat;
}

.my-parallax div.wrapper{
    top:0px;
}

div.banner_img {
    position: relative;
    width: 100%;
    /*
    height:980px;
    */
    height:21vw;
    overflow: hidden;
    padding-top:0px;
}

div.project-lead div.banner_img{
    height:auto;
}

div.project-lead div.banner_img img{
    position: relative;
    top:0px;
    left:0px;
    bottom:auto;
}

div.banner_img h1{
    position:relative;
    top:2vw;
    font-size:6.5vw;
    line-height:100%;
    font-weight: bold;
    margin-left:-8vw;
    text-transform: uppercase;
    letter-spacing: -0.5vw;
}

div.banner_img h1 span.w1{
    font-weight:normal;
    color:#90aaad;
}

div.banner_img h1 span.w2{
    color:#144b58;
}

div.banner_img h1 span.w3{
    color:#568288;
}

div.bigerbanner{
    height:40vw;
}

div.banner_img img {
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: 0;
    right: 0;
    width: calc(100% + 10px);
    /*
    -webkit-transform: scale(1.2,1.2);
    */
}

div.bigerbanner img{
    top:-200px;
}

div.fingerbanner{
    height:40vw;
}

div.fingerbanner img{
    top:-40px;
}

div.bigerbanner.head1{
    height:40vw;
}

div.bigerbanner.head1 img{
    top:-250px;
}

a.admin_icon img{
    width:auto;
    max-width:none;
}

/* arc demo */

div.full-page p{
	font-size:16px;
	margin-top:0px;
	margin-bottom:30px;
	line-height:150%;
}

div.full-page h1, div#impressum h1{
	font-weight:800;
	font-size:40px;
	margin-bottom:0px;
	line-height:120%;
    padding-bottom:30px;
        
    color:#000;
}

div.bluebg div.cert h1::before{
    color:#fff;
}

div.white-bottom{
    line-height:150%;
    padding:30px;
}

ul li{
	font-size:16px;
	line-height:150%;
}

div.main ul{
	padding-left:20px;
}

/* arc demo vége */

div.gray-line{
    background-color: #eef3f7;
}

div.gray-line.dark-gray-line{
    /*
    background-color: #4D4D4D;
    */
    background-color: #5c5c5c;
    color:#fff;
}

div.gray-line.dark-gray-line h1,
div.gray-line.dark-gray-line h2{
    color:#fff;
}

div.gray-line.dark-gray-line iframe{
    width:100%;
    height: 700px;
}

div.catalog-cont{
    display:grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: calc(30% - 10px) calc(70% - 10px);
}

div.catalog-cont > div:last-child{
    position:relative;
    overflow:hidden;
}

div.catalog-cont div.flowpaper_viewer{
    position:absolute;left:10px;top:10px;
}

div.flowpaper_viewer_container{
    background-color: transparent !important;
}

div.arc-padding{
    padding:50px 100px;
}

div.white-line{
    background:#fff;
}

div.num-line{
    display:grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}

div.numberbox{
    text-transform: uppercase;
    text-align:center;
    padding:20px 0px;
}

div.numberbox p:first-of-type{
    margin-bottom:0px;
    color:#000;
    font-weight:bold;
    font-size:14px;
}

div.numberbox p:last-of-type{
    color:#b01e15;
    font-weight:bold;
    margin-bottom:0px;
    font-size:42px;
    line-height:100%;
}

div.res-line{
    background: url(../pics/res-bg.jpg) no-repeat center center;
    color:#fff;
    background-size: cover;
}

div.res-line h1{
    color:#fff;
}

div.focus{
    display:grid;
    grid-column-gap: 50px;
    grid-row-gap: 5px;
    grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3);
    padding:40px;
    transition: all 250ms ease-out;
}

div.anim-null > div{
    margin-left:-3000px;
}

@keyframes flickerAnimation {
  0%  { margin-left:-3000px; }
  100%  { margin-left:0px}
}

@-o-keyframes flickerAnimation{
  0%  { margin-left:-3000px; }
  100%  { margin-left:0px}
}
@-moz-keyframes flickerAnimation{
  0%  { margin-left:-3000px; }
  100%  { margin-left:0px}
}
@-webkit-keyframes flickerAnimation{
  0%  { margin-left:-3000px; }
  100%  { margin-left:0px}
}

div.col4-container.ani-focus > div{
    max-width:400px;
}

div.ani-focus > div:nth-child(1){
    -webkit-animation: flickerAnimation 1s ease-in;
    -moz-animation: flickerAnimation 1s ease-in;
    -o-animation: flickerAnimation 1s ease-in;
    animation: flickerAnimation 1s ease-in;
    margin-left:0px;
}

div.ani-focus > div:nth-child(2){
    -webkit-animation: flickerAnimation 1.1s ease-in;
    -moz-animation: flickerAnimation 1.1s ease-in;
    -o-animation: flickerAnimation 1.1s ease-in;
    animation: flickerAnimation 1.1s ease-in;
    margin-left:0px;
}

div.ani-focus > div:nth-child(3){
    -webkit-animation: flickerAnimation 1.2s ease-in;
    -moz-animation: flickerAnimation 1.2s ease-in;
    -o-animation: flickerAnimation 1.2s ease-in;
    animation: flickerAnimation 1.2s ease-in;
    margin-left:0px;
}

div.ani-focus > div:nth-child(4){
    -webkit-animation: flickerAnimation 1.3s ease-in;
    -moz-animation: flickerAnimation 1.3s ease-in;
    -o-animation: flickerAnimation 1.3s ease-in;
    animation: flickerAnimation 1.3s ease-in;
    margin-left:0px;
}

div.ani-focus > div:nth-child(5){
    -webkit-animation: flickerAnimation 1.4 ease-in;
    -moz-animation: flickerAnimation 1.4s ease-in;
    -o-animation: flickerAnimation 1.4s ease-in;
    animation: flickerAnimation 1.4s ease-in;
    margin-left:0px;
}

div.ani-focus > div:nth-child(6){
    -webkit-animation: flickerAnimation 1.5s ease-in;
    -moz-animation: flickerAnimation 1.5s ease-in;
    -o-animation: flickerAnimation 1.5s ease-in;
    animation: flickerAnimation 1.5s ease-in;
    margin-left:0px;
}

div.ani-focus > div:nth-child(7){
    -webkit-animation: flickerAnimation 1.6s ease-in;
    -moz-animation: flickerAnimation 1.6s ease-in;
    -o-animation: flickerAnimation 1.6s ease-in;
    animation: flickerAnimation 1.6s ease-in;
    margin-left:0px;
}

div.ani-focus > div:nth-child(8){
    -webkit-animation: flickerAnimation 1.7s ease-in;
    -moz-animation: flickerAnimation 1.7s ease-in;
    -o-animation: flickerAnimation 1.7s ease-in;
    animation: flickerAnimation 1.7s ease-in;
    margin-left:0px;
}

div.focus h3{
    color:#000;
    text-transform: uppercase;
}

div.contact-top{
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px);
    padding: 40px 0px;
}

div.contact-top div:first-child{
    padding-top:0px;
}

div.contact-grid{
    display: grid;
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: repeat(3, calc(100%/3 - 80px));
    padding: 40px 0px;
}

div.contact-grid iframe{
    width:100%;
}

div.contact-wrapper{
    border-top:4px dashed #ff0000;
}

footer{
    background:#333;
    color:#fff;
    padding:40px 0px;
    position: relative;
}

div.full-page footer h1{
    color: #ebedec;
}

div.full-page footer h1::before{
    content:'';
    margin-right:0px;
}

div.footer-grip{
    display:grid;
    grid-template-columns: repeat(5,20%);
    padding:40px;
    text-align:left;
}

div.footer-grip iframe{
    margin-bottom:5px;
}

div.footer-grip > div{
    padding-left:110px;
}

footer div.footer-grid{
    display:grid;
    grid-template-columns: repeat(4,calc(25% - 100px));
    grid-column-gap: 200px;
    padding:40px;
    text-align:left;
}

footer div.footer-grid h1{
    font-weight: bold;
    margin-bottom:30px;
}

footer div.footer-grid div:nth-child(3){
    position:relative;
}

footer div.footer-grid div:nth-child(2){
    order: 1;
    position:relative;
}

footer div.footer-grid div:nth-child(4){
    order: 2;
}

footer div.footer-grid a{
    color:#ebedec;
}

footer div.footer-grid iframe{
    height:300px
}

footer div.social{
    position:absolute;
    top:0px;
    right:0px;
    font-size:24px;
}

footer div.social a.social_icon{
    display:inline-block;
    width:48px;
    height:48px;
    background: url(../pics/social-grey.png) no-repeat;
    text-indent:1000px;
    font-size:0px;
    overflow:hidden;
    vertical-align:middle;
    margin-left:8px;
}

footer div.social a.social_icon.li{
    background-position-x:-66px;
}

/*
a.social_icon{
    display:inline-block;
    width:23px;
    height:23px;
    background: url(../pics/media_icons.png) no-repeat;
    margin:-2px 0px 0px 4px;
    text-indent:1000px;
    overflow:hidden;
    vertical-align:middle;
}

a.social_icon:hover{
    background-position-y:-23px;
}

a.social_icon.fb{
    margin-left:30px;
}
a.social_icon.gp{
    background-position-x: -38px;
}

a.social_icon.li{
    background-position-x: -75px;
}
*/

div.impressum-left, div.impressum-right{
    width:calc(50% - 40px);
    padding:0px 20px;
    float:left;
}

div.cert-icon{
    padding-top:11vw;
    text-align:center;
}

div.activities-cont{
    background-color: #eef3f7;
}

div.about{
    padding:80px 80px 0px 80px;
}

div.about-bg{
    background: url('../pics/tile-bg.png') no-repeat right 30px;
}

div.about-wide{
    display: grid;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px);
    grid-column-gap: 20px;
    padding: 0px;
    text-align:left;
    background-color:#e3e3e3;
    height:100vh;
    height:var(--fullh);
}

div.webshop-wide{
    padding-top:100px;
    min-height:var(--fullh);
    background-color: #fff;
}

div.webshop-list{
    width:100%;
    display: grid;
    grid-template-columns: repeat(3,calc(100%/3 - 5px));
    grid-column-gap: 10px;
    padding: 0px;
}

div.manufacturer-wide{
    min-height:var(--fullh);
    background-color: #fff;
}

div.manufacturer-wide > div.wrapper{
    padding-top:100px;
}

div.article-wide{
    height:100vh;
    height:var(--fullh);
}

div.article-wide > div.wrapper{
    padding-top:100px;
}

div.catalog-wide{
    height:100vh;
    height:var(--fullh);
    background-color:#5c5c5c;
}

div.catalog-wide > div.gray-line{
    padding-top:100px;
}

div.for-designers-wide{
    display: grid;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px);
    grid-column-gap: 20px;
    padding: 0px;
    text-align:left;
    background-color:#e3e3e3;
    height:100vh;
    height:var(--fullh);
}

div.for-contractors-wide{
    display: grid;
    grid-template-columns: calc(60% - 10px) calc(40% - 10px);
    grid-column-gap: 20px;
    padding: 0px;
    text-align:left;
    background-color:#fff;
    height:100vh;
    height:var(--fullh);
}

div.for-contractors-wide > div:first-child{
    padding:90px 20px 20px 20px;
}

div.for-designers-wide div.img{
    overflow:hidden;
}

div.for-designers-wide div.img img{
    width:auto;
    height:100%;
}

div.for-designers-wide > div:last-child > div:first-child{
    padding-top:100px;
}

div.contact-wide{
    background-color:#e3e3e3;
    height:calc(100vh - 192px);
    height:calc(var(--fullh) - 192px);
}


div.contact-wide > div.wrapper{
    padding-top:50px;
}

div.sale{
    padding-top:40px;
}

div.right-side-pics{
    line-height:0px;
    overflow:hidden;
}

div.right-side-pics img{
    width:auto;
    height:100%;
}

div.manufacturer-carousel-cont{
    box-shadow: 0px 11px 9px -7px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 11px 9px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 11px 9px -7px rgba(0,0,0,0.75);
}

div.manufacturer-top{
    display: grid;
    grid-template-columns: 40fr 60fr;
    grid-column-gap: 100px;
    padding: 40px 0px;
}

div.manufacturer-top h1.manuf-title{
    position:relative;
    padding-bottom:100px;
}

div.manufacturer-top h1.manuf-title::after{
    content: url('../pics/manuf-title-arrow.png');
    display:inline-block;
    vertical-align: middle;
    margin-left:10px;
    position:absolute;
    right:0px;
}

div.manufacturer-top div.imag-top{
    height:80px;
    margin-bottom:70px;
}

img.man-pics{
    height:100%;
}

div.manuf-bg{
    background: url('../pics/manuf-bg.png') no-repeat right 30px;
}

div#manufacturer-carousel{
    padding-bottom:10px;
}

a.manufacturer-item{
    display: block;
    text-decoration: none;
    height:70px;
    line-height: 70px;
    border-bottom:4px solid #fff;
    text-align: center;
    padding:10px 0px;
}

a.manufacturer-item:hover{
    border-bottom:4px solid #FF0000;
}

.owl-carousel .owl-item a.manufacturer-item img{
    display:inline-block;
    vertical-align: middle;
    max-height:100%;
    width:auto;
}

div.manufacturer-block{
    display:none;
}

div.manufacturer-block.show{
    display:block;
}

div.sale h1{
    color:#ff0000;
    float: left;
    padding-right:70px;
}

div.gray-line{
    background-color: #e3e3e3;
}

div.articles{
    display:grid;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: repeat(3,33fr);
    padding:40px 0px;
}

div.articles-wide-list div.innerbox-wide{
    padding:20px 0px;
    border-bottom:2px solid #4D4D4D;
}

div.innerbox-wide div.body-container{
    padding:10px 0px;
}

div.articles-wide-list div.innerbox-wide img.article-img{
    margin-bottom:10px;
}

div.innerbox img.article-img{
    width:100%;
    margin-bottom:50px;
}

div.innerbox a.article-img-link{
    display:block;
    height:330px;
    /*
    line-height:330px;
    */
    /*
    height:220px;
    line-height:220px;
    */
    margin-bottom:20px;
    overflow:hidden;
    text-align: center;
}

div.innerbox a.article-img-link img{
    min-width:100%;
    height:auto;
    display:inline-block;
    overflow:hidden;
    vertical-align: middle;
    text-align:center;
}

div.innerbox a.article-img-link.no-image img{
    width:50%;
    min-width:0px;
}

div.innerbox div.lead-container{
    /*
    height:266px;
    */
    height:204px;
    overflow:hidden;
    margin-bottom:20px;
}

div.innerbox div.lead-text{
    text-align: justify;
}

div.h2{
    margin-bottom:20px;
}

div.innerbox h2 a{
    text-decoration:none;
    color:#333;
    font-style:italic;
    font-weight: bold;
    font-size:28px;
}

div.innerbox a.btn{
    background-color: #ff0000;
    display:block;
    padding:25px;
    color:#fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-size:22px;
    text-transform: uppercase;
}

div.innerbox a.btn::after{
    content: url('../pics/more_arrow.png');
    display:inline-block;
    vertical-align: middle;
    margin-left:10px;
}

div.innerbox a.btn:hover{
    background-color: #2e2e2e;
}

div#foot{
    display: grid;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 30% 70%;
    padding: 40px 0px 100px 0px;;
}

div#foot a{
    color:#fff;
    text-decoration: none;
    margin:0px 35px;
}

div#foot div:first-child::after{
    content: '■';
    color:#ff0000;
    font-size:24px;
    margin-left:25px;
}

div#foot div:last-child{
    text-align:right;
}

a.dl-link, table.contact_table input.submit, table.contact_table button.submit{
    display:inline-block;
    padding:20px 60px 20px 40px;
    background-color: #FF0000;
    color:#fff;
    text-decoration:none;
    font-size:18px;
    margin-top:10px;
    text-transform: uppercase;
    line-height:110%;
    position:relative;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
}

div.articles .dl-link, div.product-row .dl-link{
    display:block;
}

a.dl-link::after{
    content: url(../pics/more_arrow.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    position:absolute;
    right:20px;
    top:17px;
}

table.contact_table input.submit, table.contact_table button.submit{
    border:none;
    background: #FF0000 url(../pics/more_arrow.png) no-repeat calc(100% - 17px) calc(100% - 20px);
}

div#map_edit {
    width: calc(100% - 10px);
    height: 450px;
}

div#reseller_map{
    width:100%;
    min-height:450px;
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
}

div#reseller_list{
    overflow: auto;
    grid-column-start: 1;
    grid-row-start: 2;
    padding:10px 10px 10px 20px;
}

div.resellers-wide{
    background-color:#fff;
}

div.resellers-list{
    display: grid;
    grid-template-columns: 30fr 70fr;
    grid-template-rows: 240px auto;
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    padding: 0px;
    text-align:left;
    height:100vh;
    height:var(--fullh);
}

div.resellers-list > div:first-child{
    padding:100px 20px 20px 20px;
}

div.resellers-list select{
    width: 100%;
    padding: 10px;
    font-size: 18px;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.resellers-list select option{
    background-color: #fff;
    color: #000;
}

a.reseller_item{
    display: block;
    padding: 20px 25px;
    color: #000;
    text-decoration: none;
    font-size: 18px;
    line-height: 150%;
    margin:5px 0px;
}

a.reseller_item p, a.reseller_item h3{
    margin:0px;
    padding:0px;
}

a.reseller_item:hover{
    background-color: #ccc;
}

a.reseller_item h3{
    color:#000;
    font-weight: bold;
    position:relative;
}

a.reseller_item h3::before{
    content: '■';
    font-size:18px;
    position:absolute;
    left:-20px;
    top:0px;
    color:#000;
}

div.infowindow, div.infowindow h3{
    color:#000;
}

div.gray-line.dark-gray-line div.infowindow h3{
    font-size:28px;
    font-weight: bold;
    margin-bottom:5px;
    color:#000;
}

div.infowindow p{
    font-size:18px;
    line-height: 150%;
    margin-bottom:0px;
}

div.owl-carousel .owl-prev {
    position: absolute;
    top: calc(50% - 50px);
    left: -80px;
    display: block !important;
    border:0px solid black;
}

div.owl-carousel .owl-next {
    position: absolute;
    top: calc(50% - 50px);
    right: -80px;
    display: block !important;
    border:0px solid black;
}

div.product-row div.img-cont{
    position: relative;
    height:40vh;
    line-height:40vh;
    text-align: center;
    background-color: #e3e3e3;
    overflow: hidden;;
}

div.product-row div.img-cont img{
    width:auto;
    height:100%;
    display:inline-block;
    overflow:hidden;
    max-width:none;
}

div.product-row h2{
    padding-top:5px;
}

div.product-row h2 a{
    text-decoration: none;
    color:#333;
    font-weight: bold;
    font-size: 28px;
}

div.product-row a.view-product{
    background-color:#4D4D4D;
    display: block;
    padding: 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
}

.mycarousel-row.owl-theme .owl-dots .owl-dot span,
.mycarousel-row.owl-theme .owl-dots .owl-dot span{
    border-radius:0px;
    background: #fff;
    border:1px solid #333;
}

.mycarousel-row.owl-theme .owl-dots .owl-dot.active span,
.mycarousel-row.owl-theme .owl-dots .owl-dot:hover span{
    background: #ff0000;
}

div.duo-container{
    display: grid;
    grid-template-columns: repeat(2, 50fr);
    grid-column-gap: 20px;
    padding: 40px 0px;
}

div.img-container img{
    width:100%;
    height:auto;
}

div.members-list{
    display: grid;
    grid-template-columns: repeat(4, 25fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 40px 0px;
    width:100%;
}

div.members-list.contact{
    grid-template-columns: calc(25% - 10px) calc(75% - 10px);
}

div.members-list div.member img{
    margin-bottom:15px;
    width:auto;
    height:250px;
}

div.members-list div.member h3{
    font-size: 24px;
    font-weight: normal;
    color: #000;
    margin-bottom: 5px;
}

div.members-list div.member p{
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.arrowed-h::after{
    content: url(../pics/arrow-h.png);
    margin-left:20px;
}

table.contact_table{
    width: calc(100% - 20px);
    border-collapse: collapse;
}

table.contact_table tr td:first-child{
    width:65px;
}

table.contact_table tr td:first-child{
    text-align: right;
}

table.contact_table tr td input.input, table.contact_table tr td textarea.textarea{
    width: 100%;
}

input.input, select.input, textarea.textarea{
    width: 100%;
    padding: 10px;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

table.contact_table tr td{
    vertical-align: top;
    padding: 10px;
    line-height:110%;
}

table.contact_table p{
    margin:0px;
    padding:0px;
}

table.contact_table tr td.input{
    padding-top:0px;
}

div.myfotorama .fotorama__active .fotorama__dot{
    background-color: #ff0000;
}

div.form_pic_block{
    background-color: #E6E6E6;
    position: relative;
    width: 134px;
    height: 140px;
    line-height: 140px;
    margin: 0px 13px 13px 0px;
    text-align: center;
    float: left;
    overflow: hidden;
    cursor: move;
}

div.form_pic_block img {
    vertical-align: middle;
}

div.form_pic_block label {
    position: absolute;
    bottom: 3px;
    left: 3px;
    font-size: 11px;
    line-height: 14px;
}

div.prod-img div.owl-dots{
    padding-top:10px;
}

div.product-page-details{
    display: grid;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 40px 0px;
    width:100%;
}

.old-price{
    text-decoration: line-through;
}

div.full-page p.product-price{
    padding-bottom:10px;
    font-size:26px;
}

.owl-carousel .owl-item a.admin_icon img{
    width:auto;
}

div.article_pager{
    padding:5px 0px;
}

div.article_pager a{
    display:inline-block;
    text-decoration:none;
    margin:0px 4px;
    padding:5px 10px;
    background-color:#ccc;
    color:#000;
}

div.article_pager a:hover{
    background-color:#888888;
}

a.admin-link, .admin-link, .ui-widget-content a.admin-link {
    display: inline-block;
    padding: 5px 8px;
    color: #fff;
    background-color: #284980;
    /* background-image: linear-gradient(to bottom right, #1d314f 0%, #6086be 100%); */
    white-space: nowrap;
    margin: 0px 2px;
    text-align: center;
    font-size: 12px;
    line-height: 120%;
    font-weight: normal;
    text-decoration: none !important;
    text-transform: lowercase;
}

div.szechenyi-2020{
    position:fixed;
    bottom:0px;
    right:0px;
    z-index: 100;
    line-height:0px;
    width:200px;
}


div.szechenyi-2020 img{
    width:100%;
    height:auto;
}

.ui-dialog{
    position:fixed !important;
}

@media screen and (max-width: 1920px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 1536px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 1286px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 1920px) and (-webkit-min-device-pixel-ratio: 1.6){
    
    div.world-map{
        background-size: cover;
    }
    
    div.bigerbanner.head1{
        
    }
    
    div.world-text{
        background: none;
        padding:0px;
        top:30px;
        bottom:30px;
    }
}

@media screen and (max-width: 1820px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 1456px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 1219px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 1820px) and (-webkit-min-device-pixel-ratio: 1.6){
    div.head img{
        margin-left:20px;
    }

    div.wrapper{
        width:auto;
    }

    div.owl-carousel .owl-prev{
        display:none !important;
    }

    div.owl-carousel .owl-next{
        display:none !important;
    }

    div.xswrapper{
        padding:10px;
    }

    div.swrapper{
        padding:10px;
    }

    div.sform-and-search{
        display:block;
        float:none;
    }

    #sfrom{
        float:left;
        padding-top:10px;
        padding-left:20px;
    }

    div.lang-box{
        float:right;
        padding-top:10px;
        padding-right:20px;
    }

    div#foot > div{
        padding:10px;
    }

    div.about-wide{
        display:block;
        height:auto;
    }

    div.webshop-wide{
        height:auto;
        padding-top:100px;
    }

    div.article-wide{
        height:auto;
    }

    div.manufacturer-wide{
        height:auto;
    }

    div.catalog-wide{
        height:auto;
    }

    div.right-side-pics img{
        width:100%;
        height:auto;
    }

    div.for-contractors-wide{
        display:block;
        height:auto;
    }

    div.for-designers-wide{
        display: flex;
        flex-direction: column;
        height:auto;
    }

    div.for-designers-wide > div:nth-child(1){
        order:2;
    }

    div.for-designers-wide > div:nth-child(2){
        order:1;
    }

    div.for-designers-wide div.img img{
        height:auto;
        width:100%;
    }

    div.for-contractors-wide div.right-side-pics, div.for-designers-wide div.img{
        
    }

    div.for-designers-wide > div:last-of-type{
        padding:10px;
    }

    div.contact-wide{
        height:auto;
    }

    nav a{
        padding:0px 10px;
    }

}

@media screen and (max-width: 1500px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 1200px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 1005px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 1500px) and (-webkit-min-device-pixel-ratio: 1.6){

    div.about-bg{
        background-position: bottom right;
        background-size:80%;
        padding-bottom:80vw;
    }

    div.articles {
        display: grid;
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        grid-template-columns: repeat(2, calc(50% - 60px));
        padding: 40px 0px;
    }

    div.catalog-cont{
        display:block;
    }

    div.catalog-cont > div{
        padding-bottom:20px;
    }

    div.full-page p{
        font-size: 14px;
    }

}

@media screen and (max-width: 1400px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 1120px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 938px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 1400px) and (-webkit-min-device-pixel-ratio: 1.6){

    
}

@media screen and (max-width: 1280px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 857px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.6){
    div.wrapper{
        width:auto;
    }

    div.contact_table{
        width:100%;
    }
    
    div.contact-wrapper div.contact_table div.input,
    div.contact-wrapper div.contact_table div.textarea,
    div.contact-wrapper div.contact_table div.textarea,
    div.contact-wrapper div.contact_table div.submit-container{
        width:100%;
    }
    
    div.contact-wrapper div.contact_table div.input input,
    div.contact-wrapper div.contact_table div.textarea{
        
    }
    
    .project-leader-parallax{
        /*
        background-position-y: 0px !important;
        */
        padding-top:33%;
    }

    div.webshop-list{
        grid-template-columns: repeat(2,calc(50% - 5px));
    }
}

@media screen and (max-width: 1240px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 992px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 830px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 1240px) and (-webkit-min-device-pixel-ratio: 1.6){
    nav{
        display:none;
        margin-top:-18px;
        left:0px;
        width:100%;
        margin-left:0px;
    }
    
    nav.act{
        display:block;
    }
    
    nav a{
        display:block;
        border-right:0px;
        padding:5px 20px;
        text-align:left;
    }
    
    nav a div{
        padding-bottom:0px;
        vertical-align:middle;
    }
    
    nav a br{
        display:none;
    }
    
    #mobile-menu{
        display:inline-block;
    }

    a.logo-link{
        margin-top:5px;
    }

    div.head.scrolled{
        height:55px;
    }

    div.head.mshow.scrolled{
        height:75px;
    }
    
    div.top-line{
        background-image: none;
    }
    
    div.head div.wrapper{
        text-align:center;
    }
    
    div.line-top{
        text-align: center;
    }

    div.head img{
        margin:0px auto;
    }
    
    div.languages_outer{
        position:absolute;
        right:65px;
        top:0px;
    }
    
    div.languages{
        font-size:24px;
    }
    
    div.languages a{
        padding:10px 0px;
    }

    div.footer-grip{
        grid-template-columns: repeat(2,50%);
    }

    div.top-text-and-menu{
        padding-top:10px;
        display:block;
    }

    div.sform-and-search{
        /*
        position:relative;
        z-index:-1;
        */
        top:0px;
        right:0px;
    }

    div.lang-box {
        float: none;
        padding-top: 0px;
        padding-right: 0px;
    }

}

@media screen and (max-width: 1200px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 960px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 804px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.6){
    
    div.activity-left, div.activity-right{
        width: calc(50% - 20px);
    }
    
    div.world-text{
        padding: 10px;
        top:0px;
        overflow: visible;
        height:auto;
    }

    div.col4-container{
        display:block;
    }

    div.col4-container div{
        max-width:none;
    }

    div.col4-container div.pic1, div.col4-container div.pic2,div.col4-container div.pic3,div.col4-container div.pic4{
        margin-bottom:10px;
    }

    div.manufacturer-top{
        width:auto;
    }

    div.manuf-bg {
        background-image: none;
    }
    
}

@media screen and (max-width: 1100px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 880px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 737px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 1100px) and (-webkit-min-device-pixel-ratio: 1.6){
    div.world-map{
        position:relative;
        padding-top:0;
        min-height:0px;
        height:auto;
        overflow: visible;
    }
    
    div.world-text{
        position:relative;
        background-color: rgba(0, 0, 0, 0.7);
        bottom:auto;
        top:0px;
        left:0px;
        width:auto;
    }
}

@media screen and (max-width: 960px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 768px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 643px) and (-webkit-max-device-pixel-ratio: 1.5){
    div.footer-grip{
        grid-template-columns: 50% 50%;
    }
    
    table.gen-table tr td{
        padding-left:0px;
    }

}

@media screen and (max-width: 860px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 688px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 576px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 860px) and (-webkit-min-device-pixel-ratio: 1.6){
    div.contact-wrapper{
        display:block;
    }
    
    div.contact-wrapper div{
        padding:0px;
    }
    
    div.contact-wrapper div.contact_table div.input,
    div.contact-wrapper div.contact_table div.textarea,
    div.contact-wrapper div.contact_table div.textarea,
    div.contact-wrapper div.contact_table div.submit-container{
        padding-left:0px;
    }
    
    div.jumbotron{
        height:220px;
    }
    
    div.col4-container{
        grid-template-columns: 50% 50%;
    }
    
    div.pic3{
        grid-row: 4;
        grid-column: 1 / 2;
    }
    
    div.pic4{
        grid-row: 4;
        grid-column: 2 / 3;
    }
    
    div.col4-container, div.col2-container{
        display:block;
    }
    
    div.col4-container div, div.col2-container div{
        
    }
    
    div.col4-container div h2, div.col2-container div h2{
        min-height:0px;
    }
    
    div.col2-container div.cert, div.col4-container div.cert{
        padding-bottom:20px;
    }
    
    div.banner_img{
        height:110px;
    }
    
    div.banner_img img{
        top:-10px;
        width:100%;
        left:0px;
        margin:0px !important;
    }
    
    div.bigerbanner{
        height:150px;
    }
    
    div.bigerbanner img{
        top:-20px;
    }
    
    div.fingerbanner{
        height:160px;
    }
    
    div.fingerbanner img{
        top:0px;
    }
    
    div.bigerbanner.head1{
        height:150px;
    }

    div.bigerbanner.head1 img{
        top:-20px;
    }
    
    div.col2-container div{
        text-align:center !important;
    }
    
    div.bluebg div.cert h1{
        margin-bottom:15px;
        text-align:left;
    }
    
    div.arc-padding{
        padding:20px 70px;
    }
    
    div.num-line{
        grid-template-columns: 25% 25% 25% 25%;
    }
    
    div.focus{
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        grid-template-columns: 50% 50%;
        padding: 0px;
    }

    footer div.footer-grid{
        grid-template-columns: repeat(2,calc(50% - 20px));
        grid-column-gap: 40px;
    }

    footer div.footer-grid div:nth-child(3)::before{
        content:'';
    }

    div.articles {
        display:block;
    }

    div.innerbox a.article-img-link{
        min-height: 0px;
        /*
        height:auto;
        */
    }

    div.innerbox{
        padding-bottom:40px;
    }

    div.contact-grid{
        display:block;
        padding-bottom:20px;
    }

    div#foot{
        display:block;
    }

    div#foot > div{
        padding:20px;
        text-align:left;
    }

    div#foot div:last-child{
        text-align:left;
    }

    div#foot a{
        margin:0px 10px;
    }

    div#foot a:first-of-type{
        margin-left:0px;
    }

    div.resellers-list{
        display:block;
        padding:10px;
        height:auto;
    }

    div.members-list{
        grid-template-columns: repeat(2, 50fr);
    }

    div.webshop-list{
        display:block;
    }
}

@media screen and (max-width: 600px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 480px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 402px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 600px) and (-webkit-min-device-pixel-ratio: 1.6){
    .welcome_box{
        padding:20px;
    }
    
    div.activity-left, div.activity-right{
        padding-top:20px;
        float:none;
        width: calc(100% - 20px);
    }
    
    div.activity-left h1{
        text-align:center !important; 
    }
    
    div.activity-left p, div.activity-right p{
        display:block;
        text-align:center !important; 
        float:none;
    }
    
    div.solutions_left, div.solutions_right{
        width:auto;
        float:none;
        padding:20px;
    }
    
    div.solutions_right ul{
        margin-left:0px;
        padding-left:0px;
    }
    
    div.focus{
        grid-template-columns: 100%;
        padding: 0px;
    }
    
    div.footer-grip{
        grid-template-columns: 100%;
    }
    
    div.impressum-left, div.impressum-right{
        width:auto;
        padding:0px 20px;
        float:none;
    }
    
    div.cert-icon{
        padding-top:0px;
    }

    footer div.footer-grid{
        display:block;
    }

    div.top-text-and-menu{
        padding:20px;
    }

    div.head-text{
        padding-top:10px;
        margin-left:0px;
    }

    div.head img{
        width:200px;
    }

    /*
    #sfrom{
        display:block;
        float:none;
        padding:10px;
    }

    div.lang-box{
        display:block;
        float:none;
        padding:10px;
    }
        */
    div.about{
        padding:30px;
    }

    div.contact-top{
        display:block;
    }

    div.contact-top div:first-child{
        padding-top:0px;
    }

    div.manufacturer-top{
        display:block;
    }

    div.manufacturer-top h1.manuf-title::after{
        content:'';
    }

    div.manufacturer-top h1.manuf-title{
        padding-bottom:20px;
    }

    div.members-list{
        display:block;
    }

    div.standing div.fr_banner img{
        margin-left:-50vw;
    }

    div#reseller_list{
        height:auto;
    }

    div.innerbox div.lead-container{
        /*
        height:auto;
        */
    }
}

@media screen and (max-width: 490px){
    
    div.social_icons{
        width:80px;
        line-height:192%;
        top:15px;
    }
    
    .welcome_box h1, div.activity-left h1, div.cert h1{
        padding:10px;
        font-size:14vw;
        line-height: 95%;
    }
    
    div.contact-wrapper div.contact_table div.g-recaptcha, div.contact-wrapper div.contact_table div.submit-container input.submit{
        float:none;
    }
    
    div.contact-wrapper div.contact_table div.submit-container input.submit{
        margin-top:20px;
    }
    
    div.jumbotron{
        height:120px !important;
    }
    
    #lightbox-container-image-box{
        width: 100% !important;
        height: auto !important;
    }
    
    #lightbox-image{
        width: 100% !important;
        height: auto !important;
    }
    
    #lightbox-container-image-data-box{
        width:100% !important;
    }
    
    div.footer-grip > div{
        padding-left:40px;
    }
    
    
    #lightbox-nav a{
        height:calc(100% - 20px) !important;
    }
    
    div.num-line {
        grid-template-columns: 50% 50%;
    }
    
    div.main-top-pic img{
        width: 60vw;
    }
    
    div.num-line {
        grid-template-columns: 50% 50%;
    }
    
    table.gen-table tr td{
        display:block;
    }

    footer div.footer-grid{
        display:block;
    }
    
}

@media screen and (max-width: 410px) and (-webkit-max-device-pixel-ratio: 1),
(max-width: 328px) and (-webkit-max-device-pixel-ratio: 1.25),
(max-width: 274px) and (-webkit-max-device-pixel-ratio: 1.5){
    div.col2-container{
        padding:15px;
    }
    
    div.head img{
        width: 110px;
    }
    
    div.arc-padding{
        padding: 20px 50px;
    }
    
    
}