.margin-top-serkim{
 margin-top:50px;
}
.bg-primary{
    background-color:#01d4ff !important
}
.bg-muted{
    background:#eee
}
.bg-gray{
    background-color:#262626
}
.bg-gray-light{
    background-color:#edecec
}
.drop-shadow-1{
    filter:drop-shadow(2px 4px 6px black)
}
.border-radius-1{
    border-radius:1rem
}
.border-y_primary{
    border-top:1px solid #01d4ff;
    border-bottom:1px solid #01d4ff
}
.border-light{
    border:1px solid #cfcfcf !important
}
.text-primary{
    color:#01d4ff !important
}

.text-green{
    color:#80a527 !important
}
.text-white-75{
    color:rgba(255,255,255,.75) !important
}
.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
}
.mb-100{
    margin-bottom:100px !important
}
.mt-100{
    margin-top:100px !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
}
.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
}
.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
}

.section-padding-8{
    padding-top:10rem !important;
    padding-bottom:5.95rem !important
}
.first-section{
    padding-top:100px !important;
    padding-bottom:10px
}
.container-tight{
    max-width:1200px !important
}
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body{
    margin:0;
    font-family:"Lato",sans-serif;
    font-size:15px
}
::selection{
    color:#fff;
    background:#01d4ff;
    opacity:.6
}
main{
    display:block;
    position:relative
}
html,body{
    height:100%
}
body{
    display:flex;
    flex-direction:column;
    overflow-x: hidden;

}
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:#003a8e
}
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:"Poppins";
    src:url("../fonts/Poppins-ExtraBold.eot");
    src:url("../fonts/Poppins-ExtraBold.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-ExtraBold.woff2") format("woff2"),url("../fonts/Poppins-ExtraBold.woff") format("woff"),url("../fonts/Poppins-ExtraBold.ttf") format("truetype"),url("../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold") format("svg");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    src:url("../fonts/Poppins-Bold.eot");
    src:url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Bold.woff2") format("woff2"),url("../fonts/Poppins-Bold.woff") format("woff"),url("../fonts/Poppins-Bold.ttf") format("truetype"),url("../fonts/Poppins-Bold.svg#Poppins-Bold") format("svg");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    src:url("../fonts/Poppins-Black.eot");
    src:url("../fonts/Poppins-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Black.woff2") format("woff2"),url("../fonts/Poppins-Black.woff") format("woff"),url("../fonts/Poppins-Black.ttf") format("truetype"),url("../fonts/Poppins-Black.svg#Poppins-Black") format("svg");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    src:url("../fonts/Poppins-Italic.eot");
    src:url("../fonts/Poppins-Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Italic.woff2") format("woff2"),url("../fonts/Poppins-Italic.woff") format("woff"),url("../fonts/Poppins-Italic.ttf") format("truetype"),url("../fonts/Poppins-Italic.svg#Poppins-Italic") format("svg");
    font-weight:normal;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    src:url("../fonts/Poppins-Light.eot");
    src:url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Light.woff2") format("woff2"),url("../fonts/Poppins-Light.woff") format("woff"),url("../fonts/Poppins-Light.ttf") format("truetype"),url("../fonts/Poppins-Light.svg#Poppins-Light") format("svg");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    src:url("../fonts/Poppins-Medium.eot");
    src:url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Medium.woff2") format("woff2"),url("../fonts/Poppins-Medium.woff") format("woff"),url("../fonts/Poppins-Medium.ttf") format("truetype"),url("../fonts/Poppins-Medium.svg#Poppins-Medium") format("svg");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    src:url("../fonts/Poppins-ExtraLight.eot");
    src:url("../fonts/Poppins-ExtraLight.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-ExtraLight.woff2") format("woff2"),url("../fonts/Poppins-ExtraLight.woff") format("woff"),url("../fonts/Poppins-ExtraLight.ttf") format("truetype"),url("../fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight") format("svg");
    font-weight:200;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    src:url("../fonts/Poppins-Regular.eot");
    src:url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Regular.woff2") format("woff2"),url("../fonts/Poppins-Regular.woff") format("woff"),url("../fonts/Poppins-Regular.ttf") format("truetype"),url("../fonts/Poppins-Regular.svg#Poppins-Regular") format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    src:url("../fonts/Poppins-SemiBold.eot");
    src:url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-SemiBold.woff2") format("woff2"),url("../fonts/Poppins-SemiBold.woff") format("woff"),url("../fonts/Poppins-SemiBold.ttf") format("truetype"),url("../fonts/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Poppins";
    src:url("../fonts/Poppins-Thin.eot");
    src:url("../fonts/Poppins-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins-Thin.woff2") format("woff2"),url("../fonts/Poppins-Thin.woff") format("woff"),url("../fonts/Poppins-Thin.ttf") format("truetype"),url("../fonts/Poppins-Thin.svg#Poppins-Thin") format("svg");
    font-weight:100;
    font-style:normal;
    font-display:swap
}
.container-fluid,.container{
    margin-right:auto;
    margin-left:auto
}
.container-fluid{
    padding-right:1rem;
    padding-left:1rem
}
.row{
    box-sizing:border-box;
    display:flex;
    flex:0 1 auto;
    flex-direction:row;
    flex-wrap:wrap;
    margin-right:-0.5rem;
    margin-left:-0.5rem
}
.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:.2rem;
        padding-left:.2rem
    }
    .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:101rem
    }
    .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:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99;
    transition:.3s;
    padding-top:.85rem;
    padding-bottom:.85rem
}
.main-header .logo{
    width:150px;
    position:relative;
    z-index:1000
}
.main-header.shrink{
    background-color:#fff;
    padding-top:.35rem;
    padding-bottom:.35rem;
    box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px
}
.dropdown-lang{
    font-size:.7rem
}
.dropdown-lang-btn{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:#4e4e4e;
    color:#fff;
    padding:.375rem .5rem;
    border-radius:50em !important
}
.dropdown-lang-btn:hover,.dropdown-lang-btn:active,.dropdown-lang-btn:focus{
    box-shadow:unset;
    color:#fff
}
.dropdown-lang-content{
    min-width:unset;
    background-color:#4e4e4e;
    margin-top:-25px !important;
    border:none;
    border-radius:0 0 50em 50em;
    font-size:.9rem
}
.dropdown-lang-content .dropdown-item{
    color:#fff;
    padding:.25rem .5rem
}
.bold-header .sm-clean a{
    color:#000 !important;
        font-weight: 700 !important;
}
.bold-header .dropdown-lang{
    font-size:.9rem
}
.bold-header .dropdown-lang-btn{
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:#fff;
    color:#4e4e4e;
    padding:.375rem .5rem;
    border-radius:50em
}
.bold-header .dropdown-lang-btn:hover,.bold-header .dropdown-lang-btn:active,.bold-header .dropdown-lang-btn:focus{
    box-shadow:unset;
    color:#4e4e4e
}
.bold-header .dropdown-lang-content{
    min-width:unset;
    background-color:#fff;
    margin-top:-25px !important;
    border:none;
    border-radius:0 0 50em 50em
}
.bold-header .dropdown-lang-content .dropdown-item{
    color:#4e4e4e;
    padding:.25rem .5rem
}



.light-header .sm-clean a{
    color:#fff;
    font-weight: 700;
}
.light-header .dropdown-lang{
    font-size:.9rem
}
.light-header .dropdown-lang-btn{
    display:flex;
    flex-direction:column;
    align-items:center;
    background-color:#fff;
    color:#4e4e4e;
    padding:.375rem .5rem;
    border-radius:50em
}
.light-header .dropdown-lang-btn:hover,.light-header .dropdown-lang-btn:active,.light-header .dropdown-lang-btn:focus{
    box-shadow:unset;
    color:#4e4e4e
}
.light-header .dropdown-lang-content{
    min-width:unset;
    background-color:#fff;
    margin-top:-25px !important;
    border:none;
    border-radius:0 0 50em 50em
}
.light-header .dropdown-lang-content .dropdown-item{
    color:#4e4e4e;
    padding:.25rem .5rem
}
.main-footer a:hover{
    color:#01d4ff
}
.footer-menu{
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.footer-menu li{
    font-size:.9rem;
    font-weight:400
}
.footer-menu li a{
    padding:1rem
}
.btn-underlined{
    padding:.75rem 0;
    display:inline-flex;
    flex-direction:column
}
.btn-underlined::after{
    content:"";
    margin-top:5px;
    width:30%;
    height:3px;
    transition:.3s;
    background-color:#01d4ff
}
.btn-underlined:hover::after{
    width:100%
}
.btn{
    border-radius:.75rem;
    font-size:.9rem
}
.btn-primary{
    background-color:#01d4ff;
    border-color:#01d4ff
}
.btn-primary:hover{
    border-color:unset;
    background-color:#01d4ff
}
.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(1,212,255,.2)
}
.btn-check:focus+.btn-primary,.btn-primary:focus{
    color:#fff;
    background-color:#01d4ff;
    border-color:#01d4ff;
    box-shadow:0 0 0 .25rem rgba(1,212,255,.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:#01d4ff;
    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{
    bottom:100px
}
.heroSwiper .swiper-wrapper,.heroSwiper .swiper-slide{
    width:100%;
    min-height:80vh;
    height:100%;
    background-size:cover;
    background-position:bottom;
    display:flex;
    align-items:center
}
.heroSwiper .swiper-pagination-bullet,.productsSwiper .swiper-pagination-bullet{
    background-color:#fff;
    opacity:1
}
.heroSwiper .swiper-pagination-bullet-active,.productsSwiper .swiper-pagination-bullet-active{
    background-color:#01d4ff;
    width:40px;
    border-radius:50em
}
.productsSwiper .swiper-pagination{
    position:relative;
    bottom:0;
    padding:1.5rem
}
.newsSwiper_pagination{
    width:unset !important
}
.newsSwiper_pagination .swiper-pagination-bullet{
    background-color:#8d8d8d;
    opacity:1;
    border-radius:50em;
    width:15px;
    transition:.3s
}
.newsSwiper_pagination .swiper-pagination-bullet-active{
    background-color:#01d4ff;
    width:40px
}
.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:#01d4ff
}
.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:#01d4ff;
    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:#01d4ff
}
.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:#01d4ff;
    border-color:#01d4ff
}
#productsTablexample{
    font-size:.9rem
}
table#productsTablexample.dataTable tbody tr:hover{
    background-color:#01d4ff;
    color:#fff
}
table#productsTablexample th{
    color:#01d4ff;
    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:#01d4ff;
    color:#fff !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:unset;
    border:rgba(0,0,0,0);
    background-color:#01d4ff
}
.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
}
.section-features{
    position:relative;
    transform:translateY(-2rem);
    z-index:2
}
.feature-card{
    border-radius:0.5rem;
    background-position:center;
    background-size:cover;
    position:relative
}
.feature-card_img{
    width:100%;
    border-radius:inherit
}
.feature-card_content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    padding:1.3rem 1rem;
    border-radius:inherit;
    backdrop-filter:brightness(0.9);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    color:#fff
}
.feature-card_icon{
    position:absolute;
    right:1rem;
    top:-15px;
    width:40px;
    height:80px;
    background-color:#01d4ff;
    border-radius:7px;
    z-index:2;
    transition:.3s;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:5px
}

.feature-desc{
    visibility:hidden;
}
.feature-card:hover .feature-desc{
    backdrop-filter:brightness(0.5)
}
.feature-card:hover .feature-desc{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}

.feature-card:hover .feature-card_content{
    backdrop-filter:brightness(0.5)
}
.feature-card:hover .feature-card_icon{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.feature-card:hover::before{
    content:"";
    position:absolute;
    width:40px;
    height:100px
}
.feature-card:hover::after{
    content:"";
    position:absolute;
    bottom:1rem;
    right:1rem;
    width:12px;
    height:12px;
    background-color:#01d4ff;
    border-radius:50%
}
.section-well{
    position:relative
}
.section-well .section-well_img{
    border-radius:0 0.5rem 0.5rem 0
}
.section-well .box-preview{
    border-radius:50em;
    height:300px;
    width:300px;
    z-index:2;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background-size:100%;
    background-position:center;
    transition:.3s
}
.section-well .box-preview::before{
    content:"";
    position:absolute;
    top:-20px;
    bottom:-20px;
    left:-20px;
    right:-20px;
    border:1px solid #d3d3d3;
    border-radius:50em
}
.section-well .box-preview::after{
    content:"";
    position:absolute;
    top:40px;
    bottom:40px;
    left:40px;
    right:40px;
    border:1px solid #d3d3d3;
    border-radius:50em;
    transition:.3s
}
.section-well .box-preview_btn{
    position:absolute;
    padding:1rem;
    color:#fff;
    top:50%;
    left:50%;
    background-color:rgba(78,78,78,.9);
    transform:translate(-50%, -50%);
    transition:.3s;
    opacity:0;
    border-radius:50em;
    z-index:9
}
.section-well .box-preview:hover{
    background-size:110%
}
.section-well .box-preview:hover::after{
    box-shadow:0 0 0 1.8rem rgba(1,212,255,.5) inset
}
.section-well .box-preview:hover .box-preview_btn{
    opacity:1
}
.section-products{

}
.export-detail
{
}
.section-products::before{
    height:725px;
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
     z-index: -1;
     background-color:#262626
}

.history-top-txt {
  top: 545px;
  z-index: 3;
  width: 100%;
  text-align: center;
  letter-spacing: 20px !important;
  overflow-x: hidden;

}
.history-center-txt {
  top:630px;
}
.history-center2-txt {
  top:527px;
  width: 100%;
text-align: center;
z-index: 4;
}

.history-top-txt span {
  font-size: 4.7em;
  font-weight: 600;
  color: #313131;
  letter-spacing: 3px;
}

.history-center-txt {
  z-index: 15;
  bottom: 260px;
  width: 100%;
  text-align: center;
}

.history-center-txt span {
  color: #fff;
  text-align: center;
    letter-spacing: 3px;
  font-weight: 600;
  font-size: 3em;
  line-height: .9;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.product-card{
    position:relative;
    border-radius:0.2rem;
    color:#fff
}
.product-card_img{
    width:100%;
    border-radius:inherit
}
.product-card_content{
    border-radius:inherit;
    backdrop-filter:brightness(0.7);
    padding:1.2rem 1rem;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.news-card{
    padding:1rem 1rem;
    border-right:1px solid rgba(112,112,112,.25)
}
.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.eco::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:#01d4ff
}
.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:#01d4ff
}
.career-card_date{
    color:#01d4ff
}
.career-card:hover{
    background-color:#01d4ff;
    color:#fff
}
.career-card:hover .career-card_icon,.career-card:hover .career-card_date{
    color:#fff
}
.product-action-btns{
    display:flex;
    flex-direction:column
}
.table-product{
    font-size:.95rem
}
.table-product th{
    color:#01d4ff;
    white-space:nowrap
}
.td-nowrap{
    white-space:nowrap
}
.product-action-btn{
    min-height:100px;
    padding:1.5rem 1.2rem;
    border-radius:1rem 1rem 0 0;
    background-color:#01d4ff;
    display:flex;
    align-items:center;
    width:100%;
    color:#fff;
    margin-top:-12px
}
.product-action-btn-icon{
    flex:1
}
.product-action-btn-text{
    font-size:.9rem;
    flex:3
}
.product-action-btn:first-child{
    background-color:#01d4ff
}
.product-action-btn:nth-child(2){
    background-color:#07b0db
}
.product-action-btn:nth-child(3){
    background-color:#0b99be
}
.product-action-btn:nth-child(4){
    background-color:#0a819f
}
.product-action-btn:nth-child(5){
    background-color:#086e88
}
.product-action-btn:hover{
    color:#fff;
    background-color:#4e4e4e
}
.blog-card{
    background-color:#fbfbfb;
    display:flex;
    transition:.3s
        padding: 3rem!important;
}
.blog-card_img{
    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
    }
    .w-md-30{
        width:30% !important
    }
    .w-md-40{
        width:30% !important
    }
    .w-md-50{
        width:50% !important
    }
    .w-md-60{
        width:60% !important
    }
    .w-md-70{
        width:70% !important
    }
}
@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
    }
    .hide-less-md{
        display:none !important
    }
}
@media(min-width: 1024px){
    .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-85{
        width:85% !important
    }
    .w-lg-100{
        width:100% !important
    }
    .market-detail-right{
        transform:translateX(-40px)
    }
    .reverse-transform-lg-2{
        transform:translateY(-2rem) !important
    }
    .reverse-transform-lg-4{
        transform:translateY(-4rem) !important
    }
    .section-products{
        background-size:contain;
        background-position:top 80% right 0
    }
}
@media(max-width: 1024px){

    .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:rgba(78,78,78,.8);
        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(min-width: 1200px){
    .w-xl-60{
        width:60% !important
    }
        .st-20{margin-top: 80px !important;}
        .sb-20{margin-bottom: 80px !important;}
}
@media(min-width: 1440px){

    .w-xxl-70{
        width:70% !important
    }
}
@media(max-width: 768px){
  .rangeserkim{margin-top: 230px !important;}
  .st-20{margin-top: 0px !important;}
  .sb-20{margin-bottom: 30px !important;}
  .mt-100{
      margin-top:40px !important
  }
  .mb-100{
      margin-bottom:40px !important
  }
  .section-products::before{
      height:652px;
      content:'';
      position:absolute;
      left:0;
      top:0;
      right:0;
       z-index: -1;
       background-color:#262626
  }
  .history-top-txt {
    top: 595px;
    z-index: 6;
    width: 100%;
    text-align: center;
    letter-spacing: 20px !important;
  }
  .history-center-txt {
    top:630px;
  }
  .history-center2-txt {
    top:454px;
    width: 100%;
  text-align: center;
  z-index: 4;
  }
  .history-top-txt span {
    font-size: 1.7em;
    font-weight: 600;
    color: white;
    letter-spacing: 3px;

  }
  .history-center-txt span {
    font-size: 1.7em;
    font-weight: 600;
  }
    .product-card{
        font-size:.8rem
    }
}
@media(max-width: 540px){
.rangeserkim{margin-top: 130px !important;}

  .section-products::before{
      height:550px;
      content:'';
      position:absolute;
      left:0;
      top:0;
      right:0;
       z-index: -1;
       background-color:#262626
  }
  .history-top-txt {
    top: 445px;
    z-index: 6;
    width: 100%;
    text-align: center;
    letter-spacing: 20px !important;
  }
  .history-center-txt {
    top:470px;
  }
  .history-center2-txt {
    top:421px;
    width: 100%;
  text-align: center;
  z-index: 4;
  }
  .history-top-txt span {
    font-size: 1.1em;
    font-weight: 600;
    color: white;
    letter-spacing: 3px;

  }
  .history-center-txt span {
    font-size: 1.1em;
    font-weight: 600;
  }
}
/* width */
	::-webkit-scrollbar {
		width: 5px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		background: #888;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #555;
}