/* Main.ccs */
/* 
* {
  box-shadow: inset 0px 0px 1px rgba(255, 0, 0, 1);
} */

@font-face {
    font-family: "Arturo";
    src: url("../fonts/Arturo/Arturo-Regular\ Trial.ttf") format("truetype");
}

@font-face {
    font-family: "Monument";
    src: url("../fonts/Monument/MonumentExtended-Light.ttf") format("truetype");
}

@font-face {
    font-family: "ClearSansBold";
    src: url("../fonts/ClearSans/ClearSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Mogra";
    src: url("../fonts/Mogra/Mogra-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "LatoBold";
    src: url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "LatoBoldItalic";
    src: url("../fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "LatoRegular";
    src: url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Guerrilla";
    src: url("../fonts/Guerrilla/GUERRILLA.ttf") format("truetype");
}

@font-face {
    font-family: "Basset-Variable-100";
    src: url("../fonts/Baseet-Variable/@font-face/9663d7a51dc4e0e6b6c15402f388ab89.svg") format("svg");
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'ArimaMadurai';
        src: url('../fonts//google-fonts/ArimaMadurai/ArimaMadurai-ExtraLight.ttf') format('truetype');
    }
}

@font-face {
    font-family: "Basset-Bold";
    src: url("../fonts/google-fonts/basset/Basset-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Ruda";
    src: url("../fonts/google-fonts/ruda/Ruda-Regular.ttf") format("truetype");
}

.w-h-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body {
    font-family: 'Ruda', sans-serif;
    font-size: 1em;
    font-weight: 400;
    background-color: #fff;
    color: #646a7c;
}

.Arturo {
    font-family: 'Arturo', sans-serif;

}

.ClearSansBold {
    font-family: 'ClearSansBold', sans-serif;

}

.LatoBold {
    font-family: 'LatoBold', sans-serif;
}

.LatoRegular {
    font-family: 'LatoRegular', sans-serif;
}

.LatoBoldItalic {
    font-family: 'LatoBoldItalic', sans-serif;
}

.Guerrilla {
    font-family: 'Guerrilla', sans-serif;
    letter-spacing: 2px;
}

.rotateimg180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bg-fff {
    background: #fff !important;
}

.bg-000 {
    background: #000;
}

.bg-ccc {
    background: #ccc;
}

.text-000 {
    color: #000;
}

.z-index-1{
    z-index: 1 !important;
}

/* Normalize and pre-settings */

select,
input {
    cursor: pointer;
}

ul,
ol,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
    align-items: center;
}

.larger {
    font-size: larger;
}

.large {
    font-size: large;
}

strong {
    font-weight: inherit;
}

a,
a:hover,
a:active {
    text-decoration: none;
    cursor: pointer;
    outline: none;
    color: inherit;
}

/* / Normalize and pre-settings */

.row {
    width: 100%;
    max-width: 1300px;
}

.w-100 {
    width: 100% !important;
}

.w-200 {
    width: 500% !important;
}

.text-dd9292 {
    color: #dd9292
}

.text-555555 {
    color: #555555
}

.bg-54595f {
    background: #54595f;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-grab {
    cursor: grab;
}

.cursor-grab:active {
    cursor: grabbing;
}

.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Body + Foot */
#page-container {
    position: relative;
    min-height: 100vh;
}

#content-wrap {
    padding-bottom: 2.5rem;
    /* Footer height */
}

#footer {
    width: 100%;
    /* Footer height */
}

footer a:hover {
    color: #932a9d;
}

.bg-width-gradient {
    background-color: transparent;
    background-image: linear-gradient(180deg, #000000 0%, #37393F 100%);
}

/* /Body + Foot */

/* SVG Icon Style */

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: inherit;
    color: inherit;
    vertical-align: -0.125em;
    fill: currentColor;
    padding: 0;
    margin: 0;
}

/* .p-center {
    right: 2px;
} */

/* / SVG Icon Style */

/* Scrollbar style - Works on Chrome, Edge, and Safari */

* {
    scrollbar-width:inherit;
    scrollbar-color: white !important;
}

*::-webkit-scrollbar {
    width: 9px !important;
    height: 9px !important;
}

*::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    background-clip: content-box;
}

*::-webkit-scrollbar-thumb {
    background-color: #acacac;
    border-radius: 12px;
}

/* /Scrollbar style */

/* Warning box for input */

.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clearfix {
    clear: both
}

img {
    max-width: 100%;
}

div {
    box-sizing: border-box;
}

.clearfix {
    float: none
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: inherit;
    color: inherit;
    vertical-align: -0.125em;
    fill: currentColor;
    padding: 0;
    margin: 0;
}

.invert_effect {
    transform: rotateY(180deg);
}

@media(max-width:768px) {
    .row {
        padding: 0 !important;
        margin: 0 !important;
    }
}

.top-14 {
    top: -14px
}

.mw-100 {
    max-width: 100% !important;
}

.w-95 {
    width: 95% !important;
}

.w-92 {
    width: 92% !important;
}

@media screen and (max-width:900px) {
    .w-92 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

.spenning {
    display: none;
}

.small {
    font-size: small !important;
}

.x-small {
    font-size: x-small;
}

.xx-small {
    font-size: xx-small;
}

.larger {
    font-size: x-large;
}

.bg-000 {
    background-color: #000;
}

.border-1px-000 {
    border: 1px solid #000
}

.min-height-400 {
    min-height: 500px;
}

.nav-tabs button {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #37393f !important;
    border-radius: unset !important;
}

.nav-tabs .active {
    background: #fff !important;
}

ol .s {
    list-style-type: circle !important;
}