/* RESET */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}

a {
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

::-webkit-scrollbar-track {
    box-shadow: none;
    background: none;
    border: none;
}

/* FONTS */

@font-face {
    font-family: "Mursetrenforts";
    src: url("../fonts/Mursetrenforts-Regular/MursetrenfortsRegular.eot");
    src: url("../fonts/Mursetrenforts-Regular/MursetrenfortsRegular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Mursetrenforts-Regular/MursetrenfortsRegular.otf") format("opentype"),
    url("../fonts/Mursetrenforts-Regular/MursetrenfortsRegular.ttf") format("truetype"),
    url("../fonts/Mursetrenforts-Regular/MursetrenfortsRegular.woff") format("woff"),
    url("../fonts/Mursetrenforts-Regular/MursetrenfortsRegular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SBP_RegIt";
    src: url("../fonts/SuisseBPIntl-RegularItalic/SuisseBPIntlRegularItalic.eot");
    src: url("../fonts/SuisseBPIntl-RegularItalic/SuisseBPIntlRegularItalic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SuisseBPIntl-RegularItalic/SuisseBPIntlRegularItalic.otf") format("opentype"),
    url("../fonts/SuisseBPIntl-RegularItalic/SuisseBPIntlRegularItalic.ttf") format("truetype"),
    url("../fonts/SuisseBPIntl-RegularItalic/SuisseBPIntlRegularItalic.woff") format("woff"),
    url("../fonts/SuisseBPIntl-RegularItalic/SuisseBPIntlRegularItalic.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SBP_Med";
    src: url("../fonts/SuisseBPIntl-Medium/SuisseBPIntlMedium.eot");
    src: url("../fonts/SuisseBPIntl-Medium/SuisseBPIntlMedium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SuisseBPIntl-Medium/SuisseBPIntlMedium.otf") format("opentype"),
    url("../fonts/SuisseBPIntl-Medium/SuisseBPIntlMedium.ttf") format("truetype"),
    url("../fonts/SuisseBPIntl-Medium/SuisseBPIntlMedium.woff") format("woff"),
    url("../fonts/SuisseBPIntl-Medium/SuisseBPIntlMedium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SBP_LightIt";
    src: url("../fonts/SuisseBPIntl-LightItalic/SuisseBPIntlLightItalic.eot");
    src: url("../fonts/SuisseBPIntl-LightItalic/SuisseBPIntlLightItalic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SuisseBPIntl-LightItalic/SuisseBPIntlLightItalic.otf") format("opentype"),
    url("../fonts/SuisseBPIntl-LightItalic/SuisseBPIntlLightItalic.ttf") format("truetype"),
    url("../fonts/SuisseBPIntl-LightItalic/SuisseBPIntlLightItalic.woff") format("woff"),
    url("../fonts/SuisseBPIntl-LightItalic/SuisseBPIntlLightItalic.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SBP_Light";
    src: url("../fonts/SuisseBPIntl-Light/SuisseBPIntlLight.eot");
    src: url("../fonts/SuisseBPIntl-Light/SuisseBPIntlLight.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SuisseBPIntl-Light/SuisseBPIntlLight.ttf") format("truetype"),
    url("../fonts/SuisseBPIntl-Light/SuisseBPIntlLight.otf") format("opentype"),
    url("../fonts/SuisseBPIntl-Light/SuisseBPIntlLight.woff") format("woff"),
    url("../fonts/SuisseBPIntl-Light/SuisseBPIntlLight.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* MAIN */

html {
    background: var(--m_background);
}

html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-family: 'Mursetrenforts', arial, serif;
}

body {
    position: relative;
    margin: auto;
    width: 100%;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.underline {
    text-decoration: underline;
}

.capitalize {
    text-transform: capitalize;
}
.text_center {
    text-align: center;
}

.main_ctn::-webkit-scrollbar {
    display: none;
}

.main_ctn {
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-top: var(--m_content_padding_top);
}

.text {
    letter-spacing: 2px;
    font-size: var(--m_font_size);
    font-weight: var(--m_font_weight);
}

.justify {
    text-align: justify;
}

.align_right {
    text-align: right;
}

.align_center {
    text-align: center;
}

.align_left {
    text-align: left;
}

.active_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.active_block {
    display: block;
}

.disable {
    display: none;
}

.active {
    display: flex;
}

.mobile {
    display: none;
}

.desc_link {
    color: var(--grey96);
    font-size: calc(var(--m_font_size) + 3px);
    text-decoration: none;
}

.desc_link:hover {
    text-decoration: underline;
}

.desc_link:focus {
    color: var(--grey96);
}

@-webkit-keyframes opacity {
    from {opacity: 0}
    to {opacity: 1}
}

@keyframes opacity {
    from {opacity: 0}
    to {opacity: 1}
}

@-webkit-keyframes opacity_anime {
    0% {opacity: 0}
    50% {opacity: 1}
    100% {opacity: 0}
}

@keyframes opacity_anime {
    0% {opacity: 0}
    50% {opacity: 1}
    100% {opacity: 0}
}

/* BACKGROUND */

.b_white {
    background: #FFF;
}

.b_black {
    background: #000;
}

.b_red {
    background: var(--red);
}

.b_blue {
    background: var(--blue);
}

.b_green {
    background: var(--green);
}

.b_greyE1 {
    background: var(--greyE1);
}

.b_grey1E {
    background: var(--grey1E);
}

.b_grey3C {
    background: var(--grey3C);
}

.b_greyCA {
    background: var(--greyCA);
}

.b_grey69 {
    background: var(--grey69);
}

.b_grey96 {
    background: var(--grey96);
}

/* SIZE */

.w_100 {
    width: 100%;
}

.w_50 {
    width: 50%;
}

.w_25 {
    width: 25%;
}

.w_75 {
    width: 75%;
}

.w_33 {
    width: 33%;
}

.w_66 {
    width: 66%;
}

/* FEATHER ICONS */
.feather {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.f_white {
    stroke: #FFF;
}

.f_black {
    stroke: #000;
}

.f_red {
    stroke: var(--red);
}

.f_blue {
    stroke: var(--blue);
}

.f_green {
    stroke: var(--green);
}

.f_greyE1 {
    stroke: var(--greyE1);
}

.f_grey1E {
    stroke: var(--grey1E);
}

.f_grey3C {
    stroke: var(--grey3C);
}

.f_greyCA {
    stroke: var(--greyCA);
}

.f_grey69 {
    stroke: var(--grey69);
}

.f_grey96 {
    stroke: var(--grey96);
}

.back_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.back_btn .feather {
    margin-right: 10px;
}

/* LOADER */
.main_loader {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: var(--m_background);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.loader_logo {
    height: 60px;
}

/* POP-UP */
.pop-up {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #FFF;
}

.pop-up .sub_ctn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: relative;
}

.pop-up .sub_ctn .close_btn {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.pop-up .sub_ctn .close_btn .feather {
    height: 25px;
    width: 25px;
}

/* FOOTER */
.main_footer {
    z-index: 100;
    position: absolute;
    bottom: 10px;
    left: 5px;
    font-weight: lighter;
    color: var(--greyCA);
    letter-spacing: 2px;
    font-size: 10px;
}

/* MOBILE SECTION */
.mobile_section {
    z-index: 100;
    width: 150px;
    height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    bottom: 95px;
    right: -45px;
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
    letter-spacing: 5px;
}

/* IMG */
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}