* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*, html { margin: 0; padding: 0; outline:none; list-style: none; }

html { font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }


body { 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #ffffff;
    font-family: "Be Vietnam Pro", sans-serif;
    line-height: 21px;
    color: #646464;
    background:#f8f9fc;
    overflow-x: hidden;
}




ul, ol, h1, h2, h3, h4, h5, h6 { margin:0;padding:0; }
iframe {border:none;outline: none;vertical-align: middle;}

button,input,select,textarea { font-family: inherit; font-size: inherit;line-height: inherit;   resize: none;}

a { background-color: transparent; color:#5a5a5a;text-decoration: none; }
a:hover, a:focus, a:active { outline:0;text-decoration: none;cursor: pointer; }


figure {  margin: 0; }
img { border: 0;border:none;vertical-align: middle; max-width:100%; }

h1, h2, h3, h4, h5, h6 {line-height: 1.1;color: #0E1317;font-family: "DM Sans", sans-serif;
    letter-spacing: -1px;  }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display:block;color:#0E1317;transition:all .5s ease; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#ea130e !important; }


[disabled] { opacity:.4 !important;cursor:not-allowed !important; }
h1{ font-size: 5rem; }

h2{ font-size: 2.5rem; }

h3 { font-size: 1.625rem; }

h4{ font-size: 1.3125rem; }

h5{ font-size: 1.125rem; }

h6 { font-size: 1rem; }


small { font-size: 85%; }

b, strong { font-weight: bold; }

svg:not(:root) { overflow: hidden; }



button { overflow: visible; }

button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; cursor: pointer; }


button::-moz-focus-inner, input::-moz-focus-inner { padding: 0;border: 0;  }

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}


label { display: inline-block;max-width: 100%; }

input[type=file] { display: block;  }

select[multiple], select[size] { height: auto; }

textarea { overflow: auto;  }
optgroup { font-weight: 700; }
table { border-spacing: 0;border-collapse: collapse; }
td, th { padding: 0; }



.alertify { 
    position: fixed;left: 0;right: 0;
    display: flex;align-items: center;justify-content: center;
    background: #FFFFFF;padding:0.9375rem 0.0000rem;font-size: 1.0625rem;
    -webkit-animation: alertify 0.3s forwards;
    -moz-animation: alertify 0.3s forwards;
    -o-animation: alertify 0.3s forwards;
    animation: alertify 0.3s forwards;

    -webkit-box-shadow: 0 0.0625rem 0.1250rem 0 rgb(0 0 0 / 8%);
    box-shadow: 0 0.0625rem 0.1250rem 0 rgb(0 0 0 / 8%);
    
     
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; 
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -o-animation-duration:1s;
    z-index: 999999999999;
}


.alertify .fa { display:inline-block; width:1.3750rem; height:1.3750rem; line-height: 1.3750rem; font-size:0.8750rem; margin-right:0.6250rem;text-align: center; border-radius: 100%; }

.alertify.success{ background: #27ae60;color:#FFFFFF; }
.alertify.success .fa { background: #FFFFFF;color:#27ae60; }

.alertify.error { background: #E74C3C;color:#FFFFFF; }
.alertify.error .fa { background: #FFFFFF;color:#E74C3C; }

.alertify.warning { background: #f39C12;color:#FFFFFF; }
.alertify.warning .fa { background: #FFFFFF;color:#f39C12; }




@-webkit-keyframes fadeInDown {
    from { top:-31.2500rem;  }
    to { top:0.0000rem; }
}
@-moz-keyframes fadeInDown {
    from { top:-31.2500rem;  }
    to { top:0.0000rem; }
}
@keyframes fadeInDown {
    from {  top:-31.2500rem;  }
    to {  top:0.0000rem; }
}


.container {  margin-right: auto;margin-left: auto; }



.row { display:flex;gap:30px; }


@media (max-width:767px) {

    .row { flex-direction:column;gap:0px; }
    .container { width:100%;padding-left:15px;padding-right:15px;  }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }


} 

@media (min-width:768px) {

    .container { width:1448px;padding-right: 1.875rem;padding-left: 1.875rem; }
    .col-md-12 { width: 100%; }
    .col-md-11 {  width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
   
  

}


.form-group { margin-bottom: 0.9375rem; }

.form-group > label{ font-weight: 500;font-size: 0.8750rem;color: #242f48;display: block;margin: 0 0.9375rem 0.6250rem;position: relative;transition: 0.5s;    }


.form-control {
    display: block;
    width: 100%;
    padding: 0.875rem 1.25rem;
    font-size:.9rem;
    font-weight: 500;
    color: #515151;
    background-color: #FFF;
    border:1px solid #dee2e6;
    background-clip: padding-box;
    -webkit-transition: all .3s; transition: all .3s;
}


.form-control:focus{ border-color:#242F48;}

.form-control::-moz-placeholder { color: #707070; opacity: 1 }
.form-control:-ms-input-placeholder { color: #707070 }
.form-control::-webkit-input-placeholder { color: #707070;  }


textarea.form-control { height: auto;  }



[class*=btn-] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0.875rem 1.8750rem;
    color: #FFF;
    transition: all 0.2s ease;
    border-radius: 2px;
    overflow-x: hidden;
}

[class*=btn-]:before {
    content:'';
    position: absolute;width:0px;height:0px;
    transition: all 0.5s ease;
    top: 50%; right: 50%;
    transform: translate(50%,-50%);
    border-radius: 100%;

}
[class*=btn-]:hover:before {
     width:300px;height:300px;
      background: rgba(255,255,255,.2);
}

.btn-block {  text-align: center;width:100%; }

.btn-primary { background: #10619f ;  }
.btn-danger { background: #ea130e; }



.breadcrumb { position:relative;display: block;color: #CCC;font-size: 0.8125rem; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before {  
   content: '/';
   padding: 0.0000rem 0.3125rem;display: inline-block;font-size: 0.6250rem;font-weight: bold;
   position: relative;top: -0.0625rem;
} 

.breadcrumb > li > a { color:#CCC; }
.breadcrumb > li > a .fa { margin-right: 0.3125rem; }
.breadcrumb > li + li:before{ color:#CCC; }




[class*=label-] { display: inline;padding: 0.3125rem; font-size: 75%; margin-bottom:0.0000rem;font-weight: 500; color: #FFFFFF; border-radius: .25em;text-align:center; }

.label-primary { background: #2943f8;color:#FFFFFF; }

.label-success { background: #a0f3c5;color:#0d964e; }

.label-info { background: #5BC0DE; }

.label-warning { background: #ffecb4;color:#d09c08; }

.label-danger { background: #ffb7ab;color:#b51d06; }

.label-purple { background: #722BB3; }




[class*=alert-] { display:block; padding: 0.9375rem 1.8750rem;border-radius:0.2500rem;text-align: center;font-weight: normal; }
.alert-success {  background: #72C868; color: rgb(255,255,255); }
.alert-info { background: #d9edf7;color: rgb(49, 112, 143);  }
.alert-warning { background: #fcf8e3;color: rgb(138, 109, 59); }
.alert-danger {  background: #FCE3E3;color: rgb(169, 68, 66); }



.container:after,
.container:before{
    display: table;
    content: " "
}

.container:after{
    clear: both
}


.hide { display: none!important; }

@-ms-viewport {
    width: device-width
}



@media (max-width:47.9375rem) {
    .hidden-xs {  display: none!important; }
}

@media (min-width:48.0000rem) and (max-width:61.9375rem) {
    .hidden-sm { display: none!important; }
}

@media (min-width:62.0000rem) and (max-width:74.9375rem) {
    .hidden-md { display: none!important; }
}

@media (min-width:75.0000rem) {
    .hidden-lg {  display: none!important; }
}