﻿.section-visual{position:relative;z-index:99;background:var(--bs-primary) url(../images/bg-inside.jpg) no-repeat top;background-size:cover; }
.section-title h1, .section-title h2{color:var(--bs-white);margin:0}
/*.section-visual:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background-color: rgba(0, 64, 133, 0.6);}*/

/*Section Visuals*/ 
.visual-wrap {position:relative;z-index:99;background:var(--bs-primary)}  
/*.section-visual-container {max-width:1920px;margin:0 auto;position: relative;z-index:0;background:url(../../src/masthead/bg-section-visual.png) no-repeat left;background-size:100%}*/
.section-visual-container {max-width:1920px;margin:0 auto;position: relative;z-index:0;background: url(../../src/masthead/bg-section-visual.png) no-repeat left;background-size:50%;}
.section-visual-container .section-pic {width:100%;}
.section-visual-container .section-pic {background-position: center;background-size: cover;}
.section-visual-container .section-pic img {width:100%;height:auto}

.section-visual-container .section-pic iframe{border: 0;width: 100%;height: 218px;font-size: 0;margin-bottom: -7px;}
.section-visual-container .section-heading {width:100%;}
.section-visual-container .section-caption{padding:10px 15px!important}
.section-visual-container .section-text {color:#fff;line-height:normal}
.section-visual-container .section-text .section-head {color:#fff;margin-bottom:0;line-height:normal;}
.section-visual-container .section-text .section-subhead{font-size:1.4rem;margin-bottom:0;}


.swiper-button-prev, .swiper-button-next{background:var(--bs-secondary);width:44px!important;}
.swiper-button-prev:after, .swiper-button-next:after{font-size:28px!important;}

@media (min-width: 992px) {
.section-visual-container {display:flex;align-items:center;} 
.section-visual-container .section-pic {width:61%;-ms-flex-order: 2;order:2;z-index:999;}
.section-visual-container .section-heading {width:39%;-ms-flex-order: 1;order: 1;}
.section-visual-container .section-caption{position:absolute;top:33%;z-index:1;left:0;right:0;padding:0;}
.section-visual-container .section-text .section-head {font-size:2.3rem}    

.pic-product {position:relative;margin-top:-100px;}
}
@media (min-width: 1024px) and (max-width: 1399.98px) {
.section-visual-container .section-pic {width:67%;}
.section-visual-container .section-heading {width:33%;}
}
@media (min-width: 1400px) and (max-width: 1600px) {
.section-visual-container .section-pic {width:65%;}
.section-visual-container .section-heading {width:35%;}
}
 
@media(max-width:767.98px){
    .section-visual-container .section-text .section-head{font-size:1.6rem;}
     .section-visual-container{background-image:none;}

}
@media (max-width:1199.98px) {
    .section-visual-container .section-caption{top:0;}
}

.row-partners .col-md-6 {padding-bottom:30px;}
.row-partners a {text-decoration:none}
.row-partners .card{height:100%;}
.row-partners .card-title {font-size:1.2rem;margin-top:0.8rem}

 
.link-list li{border-bottom:1px solid #eceaff}
.link-list li a{text-decoration:none}

.row-links .card {border:0;}
.row-links a {text-decoration:none;}
.row-links .card:hover h5, .row-links:hover a{color:var(--bs-primary);}
 

.list-filter .list-group-item {display:flex;align-items:flex-start;justify-content:space-between;padding: .8rem 1rem!important;}
.list-filter .list-group-item .badge {color:rgb(128, 128, 128);background:#fff} 
.list-filter .list-group-item:hover {color:#dc1e1e;background:transparent}
.list-filter .list-group-item.active {color:#212529;background-color:#f2f2f2;border-color:rgba(0,0,0,.125);}

.table-product {
    --bs-table-striped-bg: rgba(223,237,253,0.2);
    
}
.table-product tbody tr:hover td {background-color: rgba(223,237,253,1);}
.table-product thead th{background:var(--bs-primary)}

@media (min-width:992px) {
    .offcanvas-filter {width:100%;}
}

@media (min-width:768px) {
    .table-product thead tr th{position:sticky;z-index:9;}
}
@media (min-width:1200px) {
   .table-product thead tr th{top:100px;}
}
@media (max-width: 1199.98px) {
     .table-product thead tr th{top:80px;}
}


.tr-link {cursor:pointer;position:relative}
.tr-link:hover td {color:#dc1e1e;}
@media(max-width:767.98px) {
    .table-product thead{display:none;}
    .table-product tr td{display:block;border:none;padding: 0.2rem 0.5rem}
     .table-product tr td:first-child{font-weight:bold;padding-top:10px;}
    .table-product tr td:last-child{padding-bottom:10px;}
    .table-product tr:after{content:"\f138";font-family:fontAwesome;position:absolute;right:5px;bottom:5px;color:#dc1e1e}
}

.border-left, .accordion-collapse {border-left:4px solid var(--bs-secondary);}
.border-left .accordion-button {box-shadow:none;}
.border-left .accordion-button:not(.collapsed){ color:var(--bs-primary)}
.accordion-item {overflow:hidden}

@media(min-width:767px) {
    .list-col2, .list-col3, .list-col4 {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} 
    .list-col3 li{-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;padding-right:25px;}
}

.logo-grid .col {padding-bottom:15px;}
.logo-grid .col img {border:1px solid #e2e2e2;background:#fff;margin:0 auto;}

.desc-table .d-flex .col-first{width:130px;}
.desc-table .d-flex .col-last{flex:0 0 auto;width:calc(100% - 130px);}

.map-container iframe{max-height:250px;width:100%;}

@media(min-width:768px) {
    .border-md-start {border-left:5px solid #fff;}
    .bg-infra-left {background:url(../images/bg-infra-left.png) no-repeat left; background-size:30%; }
}
@media(min-width:1280px) {
.bus-ovw-box figure{position:relative;z-index:9;overflow:hidden;margin:0}
.bus-ovw-box figure .ovw-pic  {position:relative;z-index:0;}
.bus-ovw-box .ovw-pic img{position:relative;z-index:0;}
.bus-ovw-box .col-lg-6:first-child .ovw-pic h4 {right:0;left:auto;}
.bus-ovw-box .ovw-pic h4{background:#dc1e1e;color:#fff;padding:20px 30px;display:inline-block;position:absolute;bottom:30px;z-index:2;left:0;right:auto;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}
.bus-ovw-box figure > figcaption {opacity:0;visibility:hidden;position:absolute;z-index:0;top:0;bottom:0;width:100%; background:rgba(0,00,00,0.80);color:#fff;
                         -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}
.bus-ovw-box figure > figcaption h2{color:#fff;}
.bus-ovw-box .col-lg-6:first-child figure > figcaption{right:-100%;}
.bus-ovw-box .col-lg-6:last-child figure > figcaption{left:-100%;}
.bus-ovw-box figcaption  .caption-data {max-width:660px;}
.bus-ovw-box .col-lg-6:first-child figure:hover figcaption{opacity:1;visibility:visible;right:0; }
.bus-ovw-box .col-lg-6:last-child figure:hover figcaption{opacity:1;visibility:visible;left:0; }
.bus-ovw-box .col-lg-6:first-child figure:hover .ovw-pic h4{right:-50% }
.bus-ovw-box .col-lg-6:last-child figure:hover .ovw-pic h4{left:-50%; }
.bus-ovw-box figure:hover .ovw-pic h4{display:none;}


}
@media(max-width:1279.98px) {
    .bus-ovw-box .ovw-pic h4 {display:none}
    .offcanvas-toggle .icon-bar{background:#393083 !important;}
}

.accordion-button{font-size:1.04rem;}
 
.row-team .card {text-decoration:none;height:100%;border-left:4px solid var(--bs-secondary)}
.row-team .card:hover {border-color:var(--bs-primary);color:var(--bs-primary)}

.bg-panel, .bg-panel-start{position:relative;z-index:0;}
.bg-panel:after{content:"";display:block;width:50vw;height:100%;background:var(--bs-primary-bg-subtle);position:absolute;right:-33.35vw;top:0;z-index:-1;} 

.bg-panel-start:before{content:"";display:block;width:50vw;height:100%;background:var(--bs-primary-bg-subtle);position:absolute;left:-33.35vw;top:0;z-index:-1;} 
.pic-panel {overflow:hidden;position:relative}
.pic-panel:before{content:"";border-left:7px solid var(--bs-secondary);height:100%;width:10px; position:absolute;left:0;top:0;display:block;z-index:1;}
.pic-panel img {z-index:0;}
.map-panel iframe {width:100%;height:100%;max-height:400px;display:block}

@media(max-width:992px) {
   .bg-panel:after, .bg-panel-start:before{display:none;} 
}

.popup-content{display: none;max-width:768px;border-left:4px solid var(--bs-secondary)}

.cert-row {display:flex;gap: 1rem;}
.cert-row img {max-width: 30%;height: auto;}

#dvCaptcha {transform: scale(0.75);transform-origin: top left;height:58px;}

.prodswiper .swiper-pagination-bullet{border-radius:0;width:12px;height:12px;}

.anchor-focus:before{display:block;content:" ";height:90px;margin-top:-90px;visibility:hidden;}
.navbar-brand img{background:url(../images/logo.png) no-repeat center center; background-size:100%;}
.shrink-logo .navbar-brand img{background:url(../images/logo.png) no-repeat center center;background-size:100%;}
.btn-hdr .bi {color: var(--bs-primary) !important;}
header {background:rgba(255,255,255,1);box-shadow: 0px 2px 5px rgba(0,0,0,0.2);transition: background-color 0.5s ease;}
body{padding-top:100px;opacity:0}
@media (max-width:767px) {
body{padding-top:60px !important}
}

@media (max-width: 767.98px) { .bg-parallax{background-image:none;}} 
.bg-parallax {background-position:center;background-attachment:fixed;background-size:cover;} 

.color-diagonal{position:absolute;z-index:0;background:rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 0.8))}
@media (min-width:768px) {.color-diagonal{bottom:0;left:0;width:97%;height:100%; transform: skew(5deg); /*clip-path: polygon(0 0, 100% 0, 50% 50%, 15% 50%, 0 10%);*/ transition-duration: 0.3s;}}
@media (min-width:992px) {.color-diagonal{bottom:0;left:0;width:65%;height:100%; transform: skew(5deg); /*clip-path: polygon(0 0, 100% 0, 50% 50%, 15% 50%, 0 10%);*/ transition-duration: 0.3s;}}
@media (min-width:1280px) {.color-diagonal{bottom:0;left:0;width:60%;height:100%; transform: skew(15deg); /*clip-path: polygon(0 0, 100% 0, 50% 50%, 15% 50%, 0 10%);*/ transition-duration: 0.3s;}}
@media (min-width:1600px) {.color-diagonal{bottom:0;left:0;width:65%;height:100%; transform: skew(30deg); /*clip-path: polygon(0 0, 100% 0, 50% 50%, 15% 50%, 0 10%);*/ transition-duration: 0.3s;}}
@media (max-width:767.98px) {.color-diagonal{bottom:0;left:0;bottom:0;width:100%;height:100%;}}
.diagonal-bottom{position:absolute;z-index:0;background:rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 0.8))}
@media (min-width:768px) {.diagonal-bottom{bottom:0;left:0%;width:100%;height:60%; clip-path: polygon(0 0, 0% 0%, 90% 100%, 0% 100%); transition-duration: .8s;}}
@media (min-width:1024px) {.diagonal-bottom{bottom:0;left:0%;width:100%;height:75%; clip-path: polygon(0 0, 0% 0%, 90% 100%, 0% 100%); transition-duration: .8s;}}
@media (min-width:1280px) {.diagonal-bottom{bottom:0;left:0.2%;width:100%;height:50%; clip-path: polygon(0 0, 0% 0%, 90% 100%, 0% 100%); transition-duration: .8s;}}
@media (max-width:767.98px) {.diagonal-bottom{bottom:0;left:0;bottom:0;width:100%;height:75%; clip-path: polygon(0 0, 0% 0%, 90% 100%, 0% 100%);}}
.industrie-text{bottom: 0; color: #fff; left: 0; max-width: 75%;position: absolute;  width: 100%;  z-index: 1;}
.industrie-text p{ padding:0px 10px 0px 15px;}

@media (min-width: 768px) and (max-width: 1024.98px) { 
.industrie-text { max-width: 50%;}
.industrie-text p{ padding:0px 10px 0px 15px; font-size:14px; }
}
@media (max-width:767.98px) { 
.industrie-text { max-width: 50%;}
.industrie-text p{ padding:0px 5px 0px 10px !important; font-size:14px !important; margin-bottom:5px; }
}