.bg-primary{
    background-color:#4989a9 !important
}
.bg-muted{
    background:#eee
}
.bg-gray{
    background-color:#262626
}
.bg-gray-light{
    background-color:#edecec
}
.bg-gradient_dark{
    /*background-image:linear-gradient(115deg, #333 0%, #161616 68%)*/
    background: #ffffff url(../img/back-logo.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.border-radius-1{
    border-radius:1rem
}
.border-y_primary{
    border-top:1px solid #4989a9;
    border-bottom:1px solid #4989a9
}
.border-light{
    border:1px solid #cfcfcf !important
}
.border{
    border:1px solid #eee
}
.border-color-white{
    border-color:#fff
}
.border-color-gray{
    border-color:#707070
}
.line-clamp{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.line-clamp-1{
    -webkit-line-clamp:1
}
.line-clamp-3{
    -webkit-line-clamp:3
}
.wrap-no{
    white-space:nowrap
}
.border-whiteon{
    border: 1px solid #ffffff !important
}
.text-whiteon{
    color:#ffffff !important
}
.text-primary{
    color:#4989a9 !important
}
.text-red{
    color:#f40806 !important
}
.text-green{
    color:#6db43f !important
}
.text-white-75{
    color:rgba(255,255,255,.75) !important
}
.text-muted-1{
    color:#c4c4c4
}
.text-right{
    text-align:right
}
.text-left{
    text-align:left
}
.inside-list{
    list-style-position:inside
}
.large-list li{
    margin-bottom:1rem
}
.opacity-75{
    opacity:.75 !important
}
.square-box{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    object-position:center
}
.ml-5{
    margin-left:5px !important
}
.mt-5{
    margin-top:5px !important
}
.mr-5{
    margin-right:5px !important
}
.mb-5{
    margin-bottom:5px !important
}
.mx-5{
    margin-right:5px !important;
    margin-left:5px !important
}
.ml-10{
    margin-left:10px !important
}
.mt-10{
    margin-top:10px !important
}
.mr-10{
    margin-right:10px !important
}
.mb-10{
    margin-bottom:10px !important
}
.mx-10{
    margin-right:10px !important;
    margin-left:10px !important
}
.ml-15{
    margin-left:15px !important
}
.mt-15{
    margin-top:15px !important
}
.mr-15{
    margin-right:15px !important
}
.mb-15{
    margin-bottom:15px !important
}
.mx-15{
    margin-right:15px !important;
    margin-left:15px !important
}
.ml-20{
    margin-left:20px !important
}
.mt-20{
    margin-top:20px !important
}
.mr-20{
    margin-right:20px !important
}
.mb-20{
    margin-bottom:20px !important
}
.mx-20{
    margin-right:20px !important;
    margin-left:20px !important
}
.ml-25{
    margin-left:25px !important
}
.mt-25{
    margin-top:25px !important
}
.mr-25{
    margin-right:25px !important
}
.mb-25{
    margin-bottom:25px !important
}
.mx-25{
    margin-right:25px !important;
    margin-left:25px !important
}
.ml-30{
    margin-left:30px !important
}
.mt-30{
    margin-top:30px !important
}
.mr-30{
    margin-right:30px !important
}
.mb-30{
    margin-bottom:30px !important
}
.mx-30{
    margin-right:30px !important;
    margin-left:30px !important
}
.ml-35{
    margin-left:35px !important
}
.mt-35{
    margin-top:35px !important
}
.mr-35{
    margin-right:35px !important
}
.mb-35{
    margin-bottom:35px !important
}
.mx-35{
    margin-right:35px !important;
    margin-left:35px !important
}
.ml-40{
    margin-left:40px !important
}
.mt-40{
    margin-top:40px !important
}
.mr-40{
    margin-right:40px !important
}
.mb-40{
    margin-bottom:40px !important
}
.mx-40{
    margin-right:40px !important;
    margin-left:40px !important
}
.m-0{
    margin:0 !important
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.margin-0{
    margin:0 !important
}
.my-auto{
    margin-top:auto;
    margin-bottom:auto
}
.ml-auto{
    margin-left:auto
}
.mr-auto{
    margin-right:auto
}
.max-h-100{
    max-height:100vh
}
.space-seperator{
    padding-top:5.25rem !important;
    padding-bottom:5.25rem !important
}
.pl-5{
    padding-left:5px !important
}
.pt-5{
    padding-top:5px !important
}
.pr-5{
    padding-right:5px !important
}
.pb-5{
    padding-bottom:5px !important
}
.px-5{
    padding-right:5px !important;
    padding-left:5px !important
}
.py-5{
    padding-top:5px !important;
    padding-bottom:5px !important
}
.pl-10{
    padding-left:10px !important
}
.pt-10{
    padding-top:10px !important
}
.pr-10{
    padding-right:10px !important
}
.pb-10{
    padding-bottom:10px !important
}
.px-10{
    padding-right:10px !important;
    padding-left:10px !important
}
.py-10{
    padding-top:10px !important;
    padding-bottom:10px !important
}
.pl-15{
    padding-left:15px !important
}
.pt-15{
    padding-top:15px !important
}
.pr-15{
    padding-right:15px !important
}
.pb-15{
    padding-bottom:15px !important
}
.px-15{
    padding-right:15px !important;
    padding-left:15px !important
}
.py-15{
    padding-top:15px !important;
    padding-bottom:15px !important
}
.pl-20{
    padding-left:20px !important
}
.pt-20{
    padding-top:20px !important
}
.pr-20{
    padding-right:20px !important
}
.pb-20{
    padding-bottom:20px !important
}
.px-20{
    padding-right:20px !important;
    padding-left:20px !important
}
.py-20{
    padding-top:20px !important;
    padding-bottom:20px !important
}
.pl-25{
    padding-left:25px !important
}
.pt-25{
    padding-top:25px !important
}
.pr-25{
    padding-right:25px !important
}
.pb-25{
    padding-bottom:25px !important
}
.px-25{
    padding-right:25px !important;
    padding-left:25px !important
}
.py-25{
    padding-top:25px !important;
    padding-bottom:25px !important
}
.pl-30{
    padding-left:30px !important
}
.pt-30{
    padding-top:30px !important
}
.pr-30{
    padding-right:30px !important
}
.pb-30{
    padding-bottom:30px !important
}
.px-30{
    padding-right:30px !important;
    padding-left:30px !important
}
.py-30{
    padding-top:30px !important;
    padding-bottom:30px !important
}
.pl-35{
    padding-left:35px !important
}
.pt-35{
    padding-top:35px !important
}
.pr-35{
    padding-right:35px !important
}
.pb-35{
    padding-bottom:35px !important
}
.px-35{
    padding-right:35px !important;
    padding-left:35px !important
}
.py-35{
    padding-top:35px !important;
    padding-bottom:35px !important
}
.pl-40{
    padding-left:40px !important
}
.pt-40{
    padding-top:40px !important
}
.pr-40{
    padding-right:40px !important
}
.pb-40{
    padding-bottom:40px !important
}
.px-40{
    padding-right:40px !important;
    padding-left:40px !important
}
.py-40{
    padding-top:40px !important;
    padding-bottom:40px !important
}
.p-0{
    padding:0 !important
}
.py-0{
    padding-top:0px !important;
    padding-bottom:0px !important
}
.fw-100{
    font-weight:100
}
.fw-200{
    font-weight:200
}
.fw-300{
    font-weight:300
}
.fw-400{
    font-weight:400
}
.fw-500{
    font-weight:500
}
.fw-600{
    font-weight:600
}
.fw-700{
    font-weight:700
}
.fw-800{
    font-weight:800
}
.fw-900{
    font-weight:900
}
.fs-11{
    font-size:11px !important
}
.fs-12{
    font-size:12px !important
}
.fs-13{
    font-size:13px !important
}
.fs-14{
    font-size:14px !important
}
.fs-15{
    font-size:15px !important
}
.fs-16{
    font-size:16px !important
}
.fs-17{
    font-size:17px !important
}
.fs-18{
    font-size:18px !important
}
.fs-19{
    font-size:19px !important
}
.fs-20{
    font-size:20px !important
}
.fs-21{
    font-size:21px !important
}
.fs-22{
    font-size:22px !important
}
.fs-23{
    font-size:23px !important
}
.fs-24{
    font-size:24px !important
}
.fs-25{
    font-size:25px !important
}
.fs-26{
    font-size:26px !important
}
.fs-27{
    font-size:27px !important
}
.fs-28{
    font-size:28px !important
}
.fs-29{
    font-size:29px !important
}
.fs-30{
    font-size:30px !important
}
.fw-bold{
    font-weight:bold;
    font-family:"dinprobold",sans-serif
}
.fw-regular{
    font-family:"dinproregular",sans-serif
}
.fw-medium{
    font-family:"dinpromedium",sans-serif
}
.section-padding-1{
    padding-top:0.85rem !important;
    padding-bottom:0.85rem !important
}
.section-padding-2{
    padding-top:1.7rem !important;
    padding-bottom:1.7rem !important
}
.section-padding-3{
    padding-top:2.55rem !important;
    padding-bottom:2.55rem !important
}
.section-padding-4{
    padding-top:3.4rem !important;
    padding-bottom:3.4rem !important
}
.section-padding-5{
    padding-top:4.25rem !important;
    padding-bottom:4.25rem !important
}
.section-padding-6{
    padding-top:5.1rem !important;
    padding-bottom:5.1rem !important
}
.section-padding-7{
    padding-top:5.95rem !important;
    padding-bottom:5.95rem !important
}
.first-section-title{
    margin-bottom:2rem !important
}
.first-section{
    padding-top:250px !important;
    padding-bottom:10px
}
.backward-header-content{
    margin-top:-60.8281px
}
.intro-section{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    min-height:10vh
}
.intro-section_small{
    min-height:60vh
}
.intro-section_about{
    background-position:center right 20%
}
.container-tight{
    max-width:1000px !important
}
.container-corporate{
    margin-top:-15rem
}
.container-corporate2{

}


.terminals-content {
    position: relative;
}

.pwr-boxes {
    gap: 0;
    margin: -30px;
}

.pwr-boxes .pwr-box {
    padding: 30px;
    width: calc(100% / 3);
}

.terminals-content::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.terminals-content .col-xl-4 {
    z-index: 10;
}

.product-group-list {
    align-items: flex-start;
    flex-wrap: wrap;
}

.ph-list {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
    list-style-type: none;
}

.pb-list {
    float: left;
    width: 48%;
    margin-right: 1px;
    margin-bottom: 1px;
    list-style-type: none;
}

.pf-list {
    width: 100%;
    list-style-type: none;
}

.product-group-list li::marker {
    display: none;
}

.about-main,
.references-main {
    background: #f9f9f9 !important;
}

html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body{
    margin:0;
    font-family:"dinproregular",sans-serif;
    font-size:14px
}
::selection{
    color:#fff;
    background:#4989a9;
    opacity:.6
}
main{
    display:block;
    position:relative
}
html,body{
    height:100%
}
body{
    display:flex;
    flex-direction:column
}
body.overflow{
    overflow:hidden
}
main{
    flex:1 0 auto
}
footer{
    flex-shrink:0
}
h1{
    font-size:2em
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    text-decoration:none;
    background-color:rgba(0,0,0,0);
    color:inherit
}
a:hover{
    color:#4989a9
}
ol,ul{
    padding-left:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-0.25em
}
sup{
    top:-0.5em
}
img{
    border-style:none;
    max-width:100%;
    width:100%;
    height:auto
}
button{
    background-color:rgba(0,0,0,0);
    outline:none;
    border:none
}
label{
    font-size:.85rem
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    padding:.2em .4em;
    border-radius:.2em;
    font-size:.8rem
}
input[type=search].dark{
    background:#222;
    color:#fff
}
input[type=search].light{
    background:#fff;
    color:#222
}
input[type=search]::-webkit-search-cancel-button{
    -webkit-appearance:none;
    height:1em;
    width:1em;
    border-radius:50em;
    background:url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
    background-size:contain;
    opacity:0;
    cursor:pointer
}
input[type=search]:focus::-webkit-search-cancel-button{
    opacity:.5;
    pointer-events:all
}
input[type=search].dark::-webkit-search-cancel-button{
    filter:invert(1)
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-bottom:0
}
@font-face{
    font-family:"dinprobold";
    src:url("fonts/dinpro-bold-webfont.woff2") format("woff2"),url("fonts/dinpro-bold-webfont.woff") format("woff"),url("fonts/dinpro-bold-webfont.ttf") format("truetype"),url("fonts/dinpro-bold-webfont.svg#dinprobold") format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"dinpromedium";
    src:url("fonts/dinpro-medium-webfont.woff2") format("woff2"),url("fonts/dinpro-medium-webfont.woff") format("woff"),url("fonts/dinpro-medium-webfont.ttf") format("truetype"),url("fonts/dinpro-medium-webfont.svg#dinpromedium") format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"dinproregular";
    src:url("fonts/dinpro-regular-webfont.woff2") format("woff2"),url("fonts/dinpro-regular-webfont.woff") format("woff"),url("fonts/dinpro-regular-webfont.ttf") format("truetype"),url("fonts/dinpro-regular-webfont.svg#dinproregular") format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
.container-fluid,.container{
    margin-right:auto;
    margin-left:auto
}
.container-fluid{
    adding-right: 2rem;
        padding-left: 2rem;
        padding-top: 2rem;
        padding-bottom: 6rem;
}
.row{
    box-sizing:border-box;
    display:flex;
    flex:0 1 auto;
    flex-direction:row;
    flex-wrap:wrap;
}
.row.reverse{
    flex-direction:row-reverse
}
.col.reverse{
    flex-direction:column-reverse
}
.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{
    box-sizing:border-box;
    flex:0 0 auto;
    padding-right:.5rem;
    padding-left:.5rem
}
.col-xs{
    flex-grow:1;
    flex-basis:0;
    max-width:100%
}
.col-xs-1{
    flex-basis:8.33333333%;
    max-width:8.33333333%
}
.col-xs-2{
    flex-basis:16.66666667%;
    max-width:16.66666667%
}
.col-xs-3{
    flex-basis:25%;
    max-width:25%
}
.col-xs-4{
    flex-basis:33.33333333%;
    max-width:33.33333333%
}
.col-xs-5{
    flex-basis:41.66666667%;
    max-width:41.66666667%
}
.col-xs-6{
    flex-basis:50%;
    max-width:50%
}
.col-xs-7{
    flex-basis:58.33333333%;
    max-width:58.33333333%
}
.col-xs-8{
    flex-basis:66.66666667%;
    max-width:66.66666667%
}
.col-xs-9{
    flex-basis:75%;
    max-width:75%
}
.col-xs-10{
    flex-basis:83.33333333%;
    max-width:83.33333333%
}
.col-xs-11{
    flex-basis:91.66666667%;
    max-width:91.66666667%
}
.col-xs-12{
    flex-basis:100%;
    max-width:100%
}
.col-xs-offset-0{
    margin-left:0
}
.col-xs-offset-1{
    margin-left:8.33333333%
}
.col-xs-offset-2{
    margin-left:16.66666667%
}
.col-xs-offset-3{
    margin-left:25%
}
.col-xs-offset-4{
    margin-left:33.33333333%
}
.col-xs-offset-5{
    margin-left:41.66666667%
}
.col-xs-offset-6{
    margin-left:50%
}
.col-xs-offset-7{
    margin-left:58.33333333%
}
.col-xs-offset-8{
    margin-left:66.66666667%
}
.col-xs-offset-9{
    margin-left:75%
}
.col-xs-offset-10{
    margin-left:83.33333333%
}
.col-xs-offset-11{
    margin-left:91.66666667%
}
.start-xs{
    justify-content:flex-start;
    text-align:start
}
.center-xs{
    justify-content:center;
    text-align:center
}
.end-xs{
    justify-content:flex-end;
    text-align:end
}
.top-xs{
    align-items:flex-start
}
.middle-xs{
    align-items:center
}
.bottom-xs{
    align-items:flex-end
}
.around-xs{
    justify-content:space-around
}
.between-xs{
    justify-content:space-between
}
.first-xs{
    order:-1
}
.last-xs{
    order:1
}
@media only screen and (min-width: 48em){
    .container{
        width:49rem
    }
    .col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12{
        box-sizing:border-box;
        flex:0 0 auto;
        padding-right:.5rem;
        padding-left:.5rem
    }
    .col-sm{
        flex-grow:1;
        flex-basis:0;
        max-width:100%
    }
    .col-sm-1{
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }
    .col-sm-2{
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }
    .col-sm-3{
        flex-basis:25%;
        max-width:25%
    }
    .col-sm-4{
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }
    .col-sm-5{
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }
    .col-sm-6{
        flex-basis:50%;
        max-width:50%
    }
    .col-sm-7{
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }
    .col-sm-8{
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }
    .col-sm-9{
        flex-basis:75%;
        max-width:75%
    }
    .col-sm-10{
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }
    .col-sm-11{
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }
    .col-sm-12{
        flex-basis:100%;
        max-width:100%
    }
    .col-sm-offset-0{
        margin-left:0
    }
    .col-sm-offset-1{
        margin-left:8.33333333%
    }
    .col-sm-offset-2{
        margin-left:16.66666667%
    }
    .col-sm-offset-3{
        margin-left:25%
    }
    .col-sm-offset-4{
        margin-left:33.33333333%
    }
    .col-sm-offset-5{
        margin-left:41.66666667%
    }
    .col-sm-offset-6{
        margin-left:50%
    }
    .col-sm-offset-7{
        margin-left:58.33333333%
    }
    .col-sm-offset-8{
        margin-left:66.66666667%
    }
    .col-sm-offset-9{
        margin-left:75%
    }
    .col-sm-offset-10{
        margin-left:83.33333333%
    }
    .col-sm-offset-11{
        margin-left:91.66666667%
    }
    .start-sm{
        justify-content:flex-start;
        text-align:start
    }
    .center-sm{
        justify-content:center;
        text-align:center
    }
    .end-sm{
        justify-content:flex-end;
        text-align:end
    }
    .top-sm{
        align-items:flex-start
    }
    .middle-sm{
        align-items:center
    }
    .bottom-sm{
        align-items:flex-end
    }
    .around-sm{
        justify-content:space-around
    }
    .between-sm{
        justify-content:space-between
    }
    .first-sm{
        order:-1
    }
    .last-sm{
        order:1
    }
}
@media only screen and (min-width: 64em){
    .container{
        width:65rem
    }
    .col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-offset-0,.col-md-offset-1,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12{
        box-sizing:border-box;
        flex:0 0 auto;
        padding-right:.5rem;
        padding-left:.5rem
    }
    .col-md{
        flex-grow:1;
        flex-basis:0;
        max-width:100%
    }
    .col-md-1{
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }
    .col-md-2{
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }
    .col-md-3{
        flex-basis:25%;
        max-width:25%
    }
    .col-md-4{
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }
    .col-md-5{
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }
    .col-md-6{
        flex-basis:50%;
        max-width:50%
    }
    .col-md-7{
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }
    .col-md-8{
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }
    .col-md-9{
        flex-basis:75%;
        max-width:75%
    }
    .col-md-10{
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }
    .col-md-11{
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }
    .col-md-12{
        flex-basis:100%;
        max-width:100%
    }
    .col-md-offset-0{
        margin-left:0
    }
    .col-md-offset-1{
        margin-left:8.33333333%
    }
    .col-md-offset-2{
        margin-left:16.66666667%
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-offset-4{
        margin-left:33.33333333%
    }
    .col-md-offset-5{
        margin-left:41.66666667%
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-offset-7{
        margin-left:58.33333333%
    }
    .col-md-offset-8{
        margin-left:66.66666667%
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-offset-10{
        margin-left:83.33333333%
    }
    .col-md-offset-11{
        margin-left:91.66666667%
    }
    .start-md{
        justify-content:flex-start;
        text-align:start
    }
    .center-md{
        justify-content:center;
        text-align:center
    }
    .end-md{
        justify-content:flex-end;
        text-align:end
    }
    .top-md{
        align-items:flex-start
    }
    .middle-md{
        align-items:center
    }
    .bottom-md{
        align-items:flex-end
    }
    .around-md{
        justify-content:space-around
    }
    .between-md{
        justify-content:space-between
    }
    .first-md{
        order:-1
    }
    .last-md{
        order:1
    }
}
@media only screen and (min-width: 75em){
    .container{
        width:76rem
    }
    .col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12{
        box-sizing:border-box;
        flex:0 0 auto;
        padding-right:.5rem;
        padding-left:.5rem
    }
    .col-lg{
        flex-grow:1;
        flex-basis:0;
        max-width:100%
    }
    .col-lg-1{
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }
    .col-lg-2{
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }
    .col-lg-3{
        flex-basis:25%;
        max-width:25%
    }
    .col-lg-4{
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }
    .col-lg-5{
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }
    .col-lg-6{
        flex-basis:50%;
        max-width:50%
    }
    .col-lg-7{
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }
    .col-lg-8{
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }
    .col-lg-9{
        flex-basis:75%;
        max-width:75%
    }
    .col-lg-10{
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }
    .col-lg-11{
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }
    .col-lg-12{
        flex-basis:100%;
        max-width:100%
    }
    .col-lg-offset-0{
        margin-left:0
    }
    .col-lg-offset-1{
        margin-left:8.33333333%
    }
    .col-lg-offset-2{
        margin-left:16.66666667%
    }
    .col-lg-offset-3{
        margin-left:25%
    }
    .col-lg-offset-4{
        margin-left:33.33333333%
    }
    .col-lg-offset-5{
        margin-left:41.66666667%
    }
    .col-lg-offset-6{
        margin-left:50%
    }
    .col-lg-offset-7{
        margin-left:58.33333333%
    }
    .col-lg-offset-8{
        margin-left:66.66666667%
    }
    .col-lg-offset-9{
        margin-left:75%
    }
    .col-lg-offset-10{
        margin-left:83.33333333%
    }
    .col-lg-offset-11{
        margin-left:91.66666667%
    }
    .start-lg{
        justify-content:flex-start;
        text-align:start
    }
    .center-lg{
        justify-content:center;
        text-align:center
    }
    .end-lg{
        justify-content:flex-end;
        text-align:end
    }
    .top-lg{
        align-items:flex-start
    }
    .middle-lg{
        align-items:center
    }
    .bottom-lg{
        align-items:flex-end
    }
    .around-lg{
        justify-content:space-around
    }
    .between-lg{
        justify-content:space-between
    }
    .first-lg{
        order:-1
    }
    .last-lg{
        order:1
    }
}
@media only screen and (min-width: 100em){
    .container{
        width:100%
    }
    .col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-offset-0,.col-xl-offset-1,.col-xl-offset-2,.col-xl-offset-3,.col-xl-offset-4,.col-xl-offset-5,.col-xl-offset-6,.col-xl-offset-7,.col-xl-offset-8,.col-xl-offset-9,.col-xl-offset-10,.col-xl-offset-11,.col-xl-offset-12{
        box-sizing:border-box;
        flex:0 0 auto;
        padding-right:.5rem;
        padding-left:.5rem
    }
    .col-xl{
        flex-grow:1;
        flex-basis:0;
        max-width:100%
    }
    .col-xl-1{
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }
    .col-xl-2{
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }
    .col-xl-3{
        flex-basis:25%;
        max-width:25%
    }
    .col-xl-4{
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }
    .col-xl-5{
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }
    .col-xl-6{
        flex-basis:50%;
        max-width:50%
    }
    .col-xl-7{
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }
    .col-xl-8{
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }
    .col-xl-9{
        flex-basis:75%;
        max-width:75%
    }
    .col-xl-10{
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }
    .col-xl-11{
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }
    .col-xl-12{
        flex-basis:100%;
        max-width:100%
    }
    .col-xl-offset-0{
        margin-left:0
    }
    .col-xl-offset-1{
        margin-left:8.33333333%
    }
    .col-xl-offset-2{
        margin-left:16.66666667%
    }
    .col-xl-offset-3{
        margin-left:25%
    }
    .col-xl-offset-4{
        margin-left:33.33333333%
    }
    .col-xl-offset-5{
        margin-left:41.66666667%
    }
    .col-xl-offset-6{
        margin-left:50%
    }
    .col-xl-offset-7{
        margin-left:58.33333333%
    }
    .col-xl-offset-8{
        margin-left:66.66666667%
    }
    .col-xl-offset-9{
        margin-left:75%
    }
    .col-xl-offset-10{
        margin-left:83.33333333%
    }
    .col-xl-offset-11{
        margin-left:91.66666667%
    }
    .start-xl{
        justify-content:flex-start;
        text-align:start
    }
    .center-xl{
        justify-content:center;
        text-align:center
    }
    .end-xl{
        justify-content:flex-end;
        text-align:end
    }
    .top-xl{
        align-items:flex-start
    }
    .middle-xl{
        align-items:center
    }
    .bottom-xl{
        align-items:flex-end
    }
    .around-xl{
        justify-content:space-around
    }
    .between-xl{
        justify-content:space-between
    }
    .first-xl{
        order:-1
    }
    .last-xl{
        order:1
    }
}
.main-header{
    position:relative;
    width:100%;
    z-index:99;
    transition:.3s;
    padding:0
}
.temsilcilik{
    width:200px;
    position:relative;
    padding:14px 16px
}
.main-header .logo{
    width:300px;
    position:relative;
    z-index:1000;
    padding:0px 25px
}
.main-header .logo-link::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    top:0;
    width:0px;
    transition:.2s all ease;
    background-color:#4989a9
}
.main-header .logo-link:hover::before{
    width:8px
}
.main-header .logo-link:hover .logo{
    background-color:rgba(0,0,0,0);
    filter: invert(52%) sepia(6%) saturate(3292%) hue-rotate(156deg) brightness(94%) contrast(93%);
}
.main-header.fill-logo{
    padding:0;
    padding-right:1rem
}
.main-header.fill-logo .logo{
    background-color:#4989a9
}
.main-header.shrink{
    background-color:#fff;
    padding-top:0;
    padding-bottom:0;
    box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px
}
.main-header.shrink .logo{
    background-color:#4989a9
}
.main-header.shrink .burger:not(.clicked) span,.main-header.shrink .burger span::before,.main-header.shrink .burger span::after{
    background-color:#333
}
.main-header.stabil{
    background-color:#fff;
    padding-top:0;
    padding-bottom:0;
    box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px
}
.main-header.stabil .sm-clean a,.main-header.stabil .dropdown-lang-btn:not(.show){
    color:#333
}
.main-header.stabil .logo{
    background-color:#4989a9
}
.main-header.stabil .burger:not(.clicked) span,.main-header.stabil .burger span::before,.main-header.stabil .burger span::after{
    background-color:#333
}
.dropdown-lang-btn{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#333;
    padding:.375rem .75rem;
    border-radius:0 !important
}
.dropdown-lang-btn:hover,.dropdown-lang-btn:active,.dropdown-lang-btn:focus{
    background-color:#333;
    color:#fff;
    box-shadow:unset
}
.dropdown-lang-content{
    min-width:unset;
    background-color:#333;
    margin-top:-25px !important;
    border:none;
    font-size:.9rem
}
.dropdown-lang-content .dropdown-item{
    color:#fff;
    padding:.25rem .75rem
}
.light-header .sm-clean a{
    color:#fff
}
.light-header .dropdown-lang{
    font-size:.5rem
}
.light-header .dropdown-lang-btn{
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#fff;
    border-radius:0 !important
}
.light-header .dropdown-lang-btn:hover,.light-header .dropdown-lang-btn:active,.light-header .dropdown-lang-btn:focus{
    box-shadow:unset;
    color:#fff;
    border-left-color:rgba(0,0,0,0)
}
.light-header .dropdown-lang-content{
    min-width:unset;
    border:none
}
.light-header .dropdown-lang-content .dropdown-item{
    background-color:rgba(51,51,51,.8);
    padding:.25rem 1rem
}
.light-header .dropdown-lang .show{
    color:#fff;
    background-color:#333;
    border-left-color:rgba(0,0,0,0)
}
.main-footer a:hover{
    color:#4989a9
}
.footer-grid{
    display:grid
}
@media(min-width: 992px){
    .footer-grid{
        grid-template-columns:25% 75%
    }

    .footer-grid_right{
        background-color: #ffffff;
        /*background-image: url(../img/back-footer.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;*/
            }
}
.btn-underlined{
    padding:.75rem 0;
    display:flex;
    flex-direction:column
}
.btn-underlined::after{
    content:"";
    margin-top:5px;
    width:30%;
    height:3px;
    transition:.3s;
    background-color:#4989a9
}
.btn-underlined:hover::after{
    width:100%
}
.btn{
    border-radius:.75rem;
    font-size:.9rem
}
.btn:hover{
    border-color:rgba(0,0,0,0)
}
.btn-primary{
    background-color:#4989a9;
    border-color:#4989a9
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
    border-color:rgba(0,0,0,0);
    background-color:#4989a9
}
.btn-fancy{
    position:relative;
    overflow-x:hidden;
    z-index:0
}
.btn-fancy::before{
    content:"";
    top:0;
    bottom:0;
    right:-100%;
    width:95%;
    background-color:#fff;
    position:absolute;
    z-index:-1;
    transition:.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.btn-fancy:hover{
    color:#333
}
.btn-fancy:hover::before{
    right:0
}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:0 0 0 .25rem rgba(130,2,1,.2)
}
.btn-check:focus+.btn-primary,.btn-primary:focus{
    color:#fff;
    background-color:#4989a9;
    border-color:#4989a9;
    box-shadow:0 0 0 .25rem rgba(130,2,1,.2)
}
.custom-pagination .page-link{
    min-width:50px;
    min-height:40px;
    padding:unset;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:8px;
    color:#4e4e4e
}
.custom-pagination .page-link:hover{
    background-color:#4989a9;
    color:#fff
}
.custom-pagination .page-item{
    margin:0 3px
}
.custom-pagination .page-item:first-child .page-link,.custom-pagination .page-item:last-child .page-link{
    border:none;
    border-radius:8px
}
.heroSwiper{
    min-height:80vh
}
.heroSwiper .swiper-pagination{
    display:flex;
    justify-content:flex-end;
    bottom:100px
}
.heroSwiper .swiper-pagination-bullet{
    border-radius:unset;
    background-color:rgba(0,0,0,0);
    width:1.6rem;
    height:1.6rem;
    fill:rgba(0,0,0,0)
}
.heroSwiper .swiper-pagination-bullet-active{
    fill:#fff
}
.heroSwiper .swiper-wrapper,.heroSwiper .swiper-slide{
    width:100%;
    min-height:100vh;
    height:100%;
    background-size:cover;
    background-position:bottom;
    display:flex;
    align-items:center
}
.announceSwiper{
    padding-block:1rem
}
.announceSwiper .swiper-slide{
    border:1px solid #dee2e6;
    transition:.3s
}
.announceSwiper .swiper-slide:hover{
    border-color:rgba(0,0,0,0);
    box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px
}
.announceSwiper .swiper-pagination{
    position:relative;
    bottom:0;
    padding-block:3rem
}
.announceSwiper .swiper-pagination-bullet{
    border-radius:unset;
    background-color:rgba(0,0,0,0);
    width:1rem;
    height:1.3rem;
    fill:rgba(0,0,0,0)
}
.announceSwiper .swiper-pagination-bullet-active{
    fill:#4989a9
}
.servicesSwiper .swiper-pagination{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    bottom:20px;
    gap:1rem
}
.servicesSwiper .swiper-pagination-bullet{
    width:unset;
    height:unset;
    border-radius:unset;
    background-color:rgba(0,0,0,0);
    opacity:.5
}
.servicesSwiper .swiper-pagination-bullet-active{
    opacity:1
}
.servicesSwiper .swiper-slide{
    width:100%;
    min-height:100vh;
    height:100%;
    background-size:cover;
    background-position:top;
    padding:100px 1rem 1rem 1rem
}
.service-swiper-icon svg{
    height:20px;
    width:auto
}
.service-swiper-text{
    font-size:13px
}
@media(min-width: 992px){
    .servicesSwiper .swiper-pagination{
        width:40%;
        bottom:200px
    }
    .servicesSwiper .swiper-slide{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:2rem;
        padding-top:100px
    }
    .service-swiper-icon svg{
        height:30px;
        width:auto
    }
    .service-swiper-text{
        font-size:16px
    }
}
.form-control,.form-select{
    min-height:40px
}
.form-control::placeholder{
    font-size:.8rem
}
.form-select{
    padding:.375rem 2.05rem .375rem .75rem;
    font-size:.85rem;
    -webkit-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4696 11.4079C10.6777 12.2658 9.32232 12.2658 8.53039 11.4079L1.09836 3.35656C-0.0842283 2.07542 0.824457 -1.82295e-07 2.56797 -2.98721e-08L17.432 1.26959e-06C19.1755 1.42201e-06 20.0842 2.07542 18.9016 3.35656L11.4696 11.4079Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A")
}
.correct-checkbox{
    width:20px;
    height:20px;
    accent-color:#4989a9
}
.custom-radio-btn{
    display:flex;
    align-items:center;
    cursor:pointer
}
.custom-radio-btn .text{
    font-weight:bold;
    color:rgba(113,123,150,.3019607843);
    margin-left:10px;
    font-size:16px
}
.custom-radio-btn .checkmark{
    min-width:16px;
    width:16px;
    height:16px;
    background-color:#fff;
    border:1px solid rgba(113,123,150,.3019607843);
    transition:all ease-out 100ms;
    border-radius:50%;
    position:relative;
    margin-right:5px
}
.custom-radio-btn .checkmark::before{
    content:"";
    display:flex;
    width:8px;
    height:8px;
    position:absolute;
    border-radius:50%;
    left:50%;
    top:50%;
    transform:translateY(-50%) translateX(-50%);
    transition:opacity cubic-bezier(0.74, 0.4, 0, 1.49) .2s;
    background-color:#4989a9;
    opacity:0;
    visibility:hidden
}
.custom-radio-btn input{
    display:none
}
.custom-radio-btn input:checked+.checkmark{
    border:1px solid #000
}
.custom-radio-btn input:checked+.checkmark::before{
    visibility:visible;
    opacity:1
}
.custom-radio-btn input:checked~.text{
    color:#4989a9
}
.search-input{
    border:none;
    border-radius:0px !important;
    padding-left:1rem !important;
    border-bottom:1px solid #6c757d;
    background-repeat:no-repeat;
    background-position:right .75rem center;
    background-size:20px;
    background-image:url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.8033 39.8033C39.4465 40.1603 39.0229 40.4435 38.5566 40.6367C38.0903 40.83 37.5905 40.9294 37.0858 40.9294C36.581 40.9294 36.0813 40.83 35.615 40.6367C35.1487 40.4435 34.725 40.1603 34.3683 39.8033L27.5853 33.0204C24.7947 34.8064 21.4968 35.875 17.9375 35.875C8.03088 35.875 0 27.8441 0 17.9375C0 8.03088 8.03088 0 17.9375 0C27.8441 0 35.875 8.03088 35.875 17.9375C35.875 21.4968 34.8064 24.7947 33.0204 27.5853L39.8033 34.3683C40.1603 34.725 40.4435 35.1487 40.6367 35.615C40.83 36.0813 40.9294 36.581 40.9294 37.0858C40.9294 37.5905 40.83 38.0903 40.6367 38.5566C40.4435 39.0229 40.1603 39.4465 39.8033 39.8033V39.8033ZM17.9375 5.125C10.8624 5.125 5.125 10.8599 5.125 17.9375C5.125 25.0151 10.8624 30.75 17.9375 30.75C25.0151 30.75 30.75 25.0151 30.75 17.9375C30.75 10.8599 25.0151 5.125 17.9375 5.125Z' fill='%2301D4FF'/%3E%3C/svg%3E%0A")
}
.form-check-input:checked{
    background-color:#4989a9;
    border-color:#4989a9
}
#productsTablexample{
    font-size:.9rem
}
table#productsTablexample.dataTable tbody tr:hover{
    background-color:#4989a9;
    color:#fff
}
table#productsTablexample th{
    color:#4989a9;
    font-weight:500;
    white-space:nowrap
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    background-color:rgba(0,0,0,0);
    border:1px solid #eee;
    min-width:42px;
    min-height:42px;
    border-radius:.75rem
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    border-color:rgba(0,0,0,0);
    background-color:#4989a9;
    color:#fff !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:unset;
    border:rgba(0,0,0,0);
    background-color:#4989a9
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next,.dataTables_wrapper .dataTables_paginate .paginate_button.previous{
    background-image:url("../img/icons/triangle-right.svg");
    background-position:center;
    background-repeat:no-repeat;
    border:none
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous{
    transform:rotate(180deg)
}
#productsTablexample_paginate{
    float:unset;
    display:flex;
    justify-content:center;
    padding:2rem 10px
}
.intro-swiper-title{
    padding-inline:1rem;
    border-right:5px solid #4989a9
}
.features{
    overflow-x:hidden
}
.feature-card{
    position:relative;
    flex:1;
    overflow-x:hidden;
    overflow-y:hidden;
    transition:position .1s ease-out
}
.feature-card_content{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:420px;
    padding:2rem
}
.feature-card_hover-content{
    position:absolute;
    background-color:#4989a9;
    height:100%;
    padding:2rem;
    opacity:0;
    visibility:hidden;
    transition:opacity .2s ease-in,visibility .2s ease-in;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:right 0 top 0;
    left:100%;
    top:0
}
.feature-card:hover .feature-card_hover-content{
    opacity:1;
    visibility:visible
}
.feature-card:first-child{
    min-height:420px
}
.feature-card:first-child .feature-card_hover-content{
    background-image:url("../img/section01.jpg")
}
.feature-card:first-child:hover .feature-card_hover-content{
    width:100%;
    left:0
}
.feature-card:nth-child(2){
    min-height:420px
}
.feature-card:nth-child(2) .feature-card_hover-content{
    background-image:url("../img/feature-2.jpg")
}
.feature-card:nth-child(2):hover .feature-card_hover-content{
    width:100%;
    left:0
}
.feature-card:nth-child(3){
    min-height:420px
}
.feature-card:nth-child(3) .feature-card_hover-content{
    background-image:url("../img/feature-3.jpg")
}
.feature-card:nth-child(3) .feature-card_hover-content svg{
    width:25px;
    height:25px
}
.feature-card:nth-child(3):hover .feature-card_hover-content{
    left:0;
    width:100%
}
.portfoy-list{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    list-style-type:none;
    margin-bottom:0
}
.portfoy-list_item a{
    display:block;
    padding:.75rem 0rem;
    font-size:.75rem
}
.portfoy-list_item a:hover{
    color:#4989a9
}
.references-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
    grid-gap:1rem;
    place-items:center
}
.wwd-card{
    position:relative;
    min-height:250px;
    max-height:250px;
    display:flex;
    align-items:center;
    overflow:hidden
}
.wwd-card img{
    object-fit:cover;
    object-position:center;
    min-height:250px;
    max-height:250px;
    transition:.85s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.wwd-card_content{
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.wwd-card:hover img{
    transform:scale(1.2)
}
.deger-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:5px
}
.deger-card{
    background-color:#f9f9f9;
    padding:1rem
}
.deger-card .image-box{
    width:60%;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1rem
}
.deger-card_text{
    font-size:1.1rem
}
.bg-eco{
    background-repeat:no-repeat;
    background-position-y:top;
    background-size:cover;
    background-image:url("../img/eco.jpg");
    min-height:80vh
}
.product-content{
    margin-top:-33em;
        margin-bottom: 5em;
}
.table-content{
    font-size:.85rem
}
.table-content thead{
    font-size:.75rem
}
.table-content thead tr{
    border-width:0 0
}
.mockup-grid{
    display:flex;
    flex-direction:column;
}
.mockup-grid_item{
    position:relative
}
.mockup-grid_item:not(:last-child)::after{
    content:"";
    position:absolute;
    height:1px;
    width:90%;
    background-color:#707070;
    left:-50%;
    bottom:-1.5rem
}

}
@media(max-width: 992px){
    .feature-card:not(:last-child){
    }
    .feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(3){
        min-height:375px
    }
    .feature-card:first-child .feature-card_content,.feature-card:nth-child(2) .feature-card_content,.feature-card:nth-child(3) .feature-card_content{
    }
    .f1{
        min-height:725px
    }
    .feature-card:nth-child(2) .feature-card_content{
        min-height:680px
    }
    .feature-card .feature-card_hover-content{
        opacity:1;
        visibility:visible;
        left:0
    }

    .products-bg{
    background-image:linear-gradient(
    178deg,
    #03030380 14%,
    #00000047 78%,
    rgba(255, 255, 255, 0) 100%
    ), url('/img/products-bg-2.jpg') !important ;
    }
    .product-content{
        margin-top:-50em;
        padding: 1rem;
    }
    .intro-section{
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
        min-height:140vh
    }
    
}
@media(min-width: 992px){
    
    .products-bg{
    background-image:linear-gradient(
    178deg,
    #03030380 14%,
    #00000047 78%,
    rgba(255, 255, 255, 0) 100%
    ), url('../img/products-bg-2.jpg') !important ;
    }


    .mockup-grid{
        flex-direction:row
    }
    .mockup-grid_item{
        position:relative
    }
    .mockup-grid_item:not(:last-child)::after{
        content:"";
        position:absolute;
        width:1px;
        height:90%;
        background-color:#707070;
        left:unset;
        bottom:unset;
        right:0;
        top:0
    }
    .feature-card{
        min-height:400px;
        max-height:400px
    }
    .feature-card:hover{
        position:unset
    }
    .feature-card:first-child .feature-card_hover-content{
        background-image:url("../img/section01.jpg")
    }
    .feature-card:first-child:hover .feature-card_hover-content{
        width:33.3333%;
        left:0
    }
    .feature-card:nth-child(2) .feature-card_hover-content{
        background-image:url("../img/section02-1.jpg")
    }
    .feature-card:nth-child(2):hover .feature-card_hover-content{
        width:66.6666%;
        left:0
    }
    .feature-card:nth-child(3) .feature-card_hover-content{
        background-image:url("../img/section03.jpg")
    }
    .feature-card:nth-child(3) .feature-card_hover-content svg{
        width:25px;
        height:25px
    }
    .feature-card:nth-child(3):hover .feature-card_hover-content{
        left:0;
        width:100%
    }
    .portfoy-list{
        display:grid;
        grid-template-columns:repeat(6, 1fr)
    }
    .portfoy-list_item a{
        padding:.85rem 1.4rem;
        font-size:.85rem
    }
    .portfoy-list_item:not(:nth-child(3n+0)){
        border-right:1px solid #707070
    }

    .deger-grid{
        grid-template-columns:repeat(6, 1fr)
    }
    .deger-card{
        padding:2.5rem
    }
    .deger-card_text{
        font-size:1.1rem
    }
    .wwd-card{
        min-height:400px;
        max-height:400px
    }
    .wwd-card img{
        min-height:400px;
        max-height:400px
    }
    .soho-mockup{
        position:relative;
        z-index:5;
        transform:translateX(-90px) translateY(20px)
    }
    .feature-card_content{
        padding:3.5rem
    }
    .feature-card_hover-content{
        padding:3.5rem
    }
    .feature-card:not(:last-child){
        border-right:1px solid #e5e5e5
    }
    .references-grid{
        grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))
    }
}
.corporate-intro-sec{
    position:relative;
    height:50vh;
    display:flex;
    align-items:flex-end;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.corporate-intro-sec::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    backdrop-filter:brightness(0.4)
}
.corporate-intro-sec .container-tight{
    z-index:1
}
.corporate-intro-sec_h-lg{
    height:80vh
}
.corporate-intro-sec .eko::before{
    backdrop-filter:unset
}
.corporate-menu{
    list-style-position:inside;
    list-style-type:none;
    position:relative;
    margin-bottom:3rem
}
.corporate-menu li a{
    display:block;
    margin-bottom:1rem
}
.corporate-menu li.active a{
    color:#4989a9
}
.corporate-menu::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:1px;
    height:100%;
    background-color:#d3d3d3
}
.corporate-gallery-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1rem
}
.corporate-gallery-grid_item{
    position:relative
}
.corporate-gallery-grid_item_bottom{
    position:absolute;
    color:#fff;
    bottom:20px;
    left:0;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center
}
.corporate-gallery-grid_item:first-child{
    border-radius:1.2rem;
    grid-row:span 2;
    grid-column:span 2
}
.corporate-gallery-grid_item:first-child img{
    border-radius:inherit
}
.certificate-card{
    padding:1rem;
    border:1px solid #b9b9b9;
    border-radius:7px
}
.career-cards{
    transform:translateY(-2rem)
}
.career-card{
    display:block;
    background-color:#fff;
    border:1px solid #cfcfcf;
    border-radius:1rem
}
.career-card_icon{
    display:flex;
    justify-content:center;
    width:10%;
    color:#4989a9
}
.career-card_date{
    color:#4989a9
}
.career-card:hover{
    background-color:#4989a9;
    color:#fff
}
.career-card:hover .career-card_icon,.career-card:hover .career-card_date{
    color:#fff
}
.product-list{
    list-style-type:none;
    display:flex;
    overflow-y:auto;
    white-space:nowrap;
    gap:15px;
    padding-block:1rem
}
.product-list li a{
    display:block;
    color:#fff;
    transition:.3s;
}
.product-list li a:hover{
    color:#b40403
}
.product-list li.active a{
    color:#b40403
}
.news-card_content{
    min-height:250px;
    padding:.5rem 1.5rem
}
.news-card_img{
    min-height:200px;
    height:100%;
    object-fit:cover;
    object-position:center
}
@media(min-width: 992px){
    .product-list{
        flex-direction:column
    }
    .product-list li a{
        font-size:1rem
    }
}
.blog-card{
    background-color:#fff;
    display:flex;
    transition:.3s
}
.blog-card:hover{
    color:#fff !important;
    background-color:#4989a9
}
.blog-card_img{
    max-height:10rem;
    min-height:10rem;
    object-fit:cover;
    object-position:center
}
.blog-card_content{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.blog-details-intro{
    position:relative;
    color:#fff;
    border-radius:.5rem
}
.blog-details-intro_img{
    border-radius:inherit;
    width:100%;
    max-height:35rem;
    min-height:25rem;
    object-fit:cover;
    object-position:center
}
.blog-details-intro_content{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    padding:8rem 1rem 2rem 1rem;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    text-align:center;
    backdrop-filter:brightness(0.2);
    border-radius:inherit
}
@media(min-width: 768px){
    .hide-more-md{
        display:none !important
    }
    .section-products{
        height:80vh;
        background-size:contain;
        background-position:top 150% right 0
    }
}
@media(max-width: 768px){
    #productsTablexample{
        font-size:.7rem
    }
    .blog-details-intro_content{
        padding:4rem 1rem 2rem 1rem
    }
    header .logo{
        width:120px
    }
    .space-seperator{
        display:none
    }
    .section-well .box-preview{
        display:none
    }
    img{
        border-style:none;
        max-width:100%;
        width:50%;
        height:auto
    }
    
    
}
@media(min-width: 992px){
    .first-section-title{
        margin-bottom:5rem !important
    }
    .w-lg-10{
        width:10% !important
    }
    .w-lg-20{
        width:20% !important
    }
    .w-lg-25{
        width:25% !important
    }
    .w-lg-30{
        width:30% !important
    }
    .w-lg-40{
        width:40% !important
    }
    .w-lg-50{
        width:50% !important
    }
    .w-lg-60{
        width:60% !important
    }
    .w-lg-70{
        width:70% !important
    }
    .w-lg-75{
        width:75% !important
    }
    .w-lg-100{
        width:100% !important
    }
    .market-detail-right{
        transform:translateX(-40px)
    }
    .reverse-transform-lg-2{
        transform:translateY(-2rem)
    }
    .dropdown-lang-btn{
        border-left:1px solid rgba(255,255,255,.336)
    }
    .border-lg-right{
        border-right:1px solid #707070
    }
    .template-col-lg-2{
        grid-template-columns:repeat(2, 1fr)
    }
    .d-flex-lg{
        display:flex !important
    }
    .d-block-lg{
        display:block !important
    }
}
@media(max-width: 992px){

  .pwr-boxes .pwr-box {
    padding: 30px;
    width: calc(100% / 1);
}
.mockup-grid_item:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 0px;
    width: 90%;
}
.mockup-grid {
margin-top:20px;
}
    .burger{
        width:30px;
        border-radius:4px;
        z-index:1001;
        margin-left:10px
    }
    .burger span{
        position:relative;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none
    }
    .burger span,.burger span::before,.burger span::after{
        display:block;
        width:100%;
        height:3px;
        background-color:#fff;
        outline:1px solid rgba(0,0,0,0);
        -webkit-transition-property:background-color,-webkit-transform;
        -moz-transition-property:background-color,-moz-transform;
        -o-transition-property:background-color,-o-transform;
        transition-property:background-color,transform;
        -webkit-transition-duration:.3s;
        -moz-transition-duration:.3s;
        -o-transition-duration:.3s;
        transition-duration:.3s
    }
    .burger span::before,.burger span::after{
        position:absolute;
        content:""
    }
    .burger span::before{
        top:-9px
    }
    .burger span::after{
        top:9px
    }
    .burger.clicked span{
        background-color:rgba(0,0,0,0)
    }
    .burger.clicked span::before{
        -webkit-transform:translateY(9px) rotate(45deg);
        -moz-transform:translateY(9px) rotate(45deg);
        -ms-transform:translateY(9px) rotate(45deg);
        -o-transform:translateY(9px) rotate(45deg);
        transform:translateY(9px) rotate(45deg)
    }
    .burger.clicked span::after{
        -webkit-transform:translateY(-9px) rotate(-45deg);
        -moz-transform:translateY(-9px) rotate(-45deg);
        -ms-transform:translateY(-9px) rotate(-45deg);
        -o-transform:translateY(-9px) rotate(-45deg);
        transform:translateY(-9px) rotate(-45deg)
    }
    .burger.clicked span:before,.burger.clicked span:after{
        background-color:#4e4e4e
    }
    .burger:hover{
        cursor:pointer
    }
    .main-nav{
        background-color:#fff;
        position:fixed;
        z-index:998;
        top:0;
        left:-120%;
        height:100vh;
        width:100%;
        padding:100px 40px 60px 40px;
        overflow-y:auto;
        transition:all .15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        background-color:#f8f9fa;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23d8d1e4' fill-opacity='0.09'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E")
    }
    .main-nav.show{
        left:0;
        z-index:999;
        height:100vh
    }
    .main-nav.show ul.main li{
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px);
        opacity:1
    }
    .main-nav.show ul.main li:nth-child(1){
        transition-delay:.15s
    }
    .main-nav.show ul.main li:nth-child(2){
        transition-delay:.3s
    }
    .main-nav.show ul.main li:nth-child(3){
        transition-delay:.45s
    }
    .main-nav.show ul.main li:nth-child(4){
        transition-delay:.6s
    }
    .main-nav.show ul.main li:nth-child(5){
        transition-delay:.75s
    }
    .main-nav.show ul.main li:nth-child(6){
        transition-delay:.9s
    }
    .main-nav.show ul.main li:nth-child(7){
        transition-delay:1.05s
    }
    .main-nav.show ul.main li:nth-child(8){
        transition-delay:1.2s
    }
    .main-nav.show ul.main li:nth-child(9){
        transition-delay:1.35s
    }
    .main-nav ul.main li{
        margin-bottom:20px;
        -webkit-transform:translateX(40px);
        -moz-transform:translateX(40px);
        -ms-transform:translateX(40px);
        -o-transform:translateX(40px);
        transform:translateX(40px);
        opacity:0;
        transition:all .3s ease;
        -webkit-transition:all .3s ease;
        -moz-transition:all .3s ease;
        -o-transition:all .3s ease
    }
    .main-nav ul.main li:last-of-type{
        margin-bottom:0px
    }
    .main-nav ul.main li a{
        color:#80818d !important;
        font-size:1.1rem !important;
        text-decoration:none;
        padding:10px 0;
        -webkit-transition:all .3s ease;
        -moz-transition:all .3s ease;
        -o-transition:all .3s ease;
        transition:all .3s ease;
        width:fit-content
    }

}
@media(max-width: 768px){
    .product-card{
        font-size:.8rem
    }
}
@media (max-width: 992px) {
     .container-corporate {
         margin-top: -40rem !important;
    }
     .container-corporate1 {
         margin-top: 0rem !important;
    }
    .container-corporate2{
        margin-top:20rem
    }
    .bg-dark-section{
    background-image: linear-gradient(115deg, #333 0%, #161616 68%);
   }
   .container-fluid{
       padding-right:1rem;
       padding-left:1rem
   }
   .news-card_content {
       min-height: 250px;
       padding: 0.5rem 1rem;
   }
}
.bg-dark-section{
background-image: linear-gradient(115deg, #333 0%, #161616 68%);
}
@media(max-width: 480px) {
    .ph-list {
        width: 100%;
    }
    .intro-section {
        min-height: 5px;
    }
    .container-corporate2{
        margin-top:5rem
    }
    .text-whiteon{
        color:#000000 !important;
    }

}