:root {
    --yawhite: #fff;
    --yablack: #000;
    --yagray: #ECECEC;
    --yayellow: #D5B267;

    --yaradius-8: 8px;
    --yaradius-12: 12px;

    --yathin: 1px;

    --yatextminus: 14px;
}

/* color */
.c-yawhite {color: var(--yawhite) !important;transition: .2s;}
.c-yablack {color: var(--yablack) !important;transition: .2s;}
.c-yagray {color: var(--yagray) !important;transition: .2s;}
.c-yayellow {color: var(--yayellow) !important;transition: .2s;}

/* :hover color */
.c-h-yawhite:hover {color: var(--yawhite) !important;transition: .2s;}
.c-h-yablack:hover {color: var(--yablack) !important;transition: .2s;}
.c-h-yagray:hover {color: var(--yagray) !important;transition: .2s;}
.c-h-yayellow:hover {color: var(--yayellow) !important;transition: .2s;}

/* background-color */
.bg-yawhite {background-color: var(--yawhite);transition: .2s;}
.bg-yablack {background-color: var(--yablack);transition: .2s;}
.bg-yagray {background-color: var(--yagray);transition: .2s;}
.bg-yayellow {background-color: var(--yayellow);transition: .2s;}

.bg-yawhite-opacity-20 {background-color: rgba(255,255,255,.2);}

/* :hover background-color */
.bg-h-yawhite:hover {background-color: var(--yawhite);transition: .2s;}
.bg-h-yablack:hover {background-color: var(--yablack);transition: .2s;}
.bg-h-yagray:hover {background-color: var(--yagray);transition: .2s;}
.bg-h-yayellow:hover {background-color: var(--yayellow);transition: .2s;}

/* :active background-color */
.bg-a-yawhite:active {background-color: var(--yawhite);transition: .2s;}
.bg-a-yablack:active {background-color: var(--yablack);transition: .2s;}
.bg-a-yagray:active {background-color: var(--yagray);transition: .2s;}
.bg-a-yayellow:active {background-color: var(--yayellow);transition: .2s;}

/* border */
.b-yawhite {border: var(--yawhite) 1px solid;transition: .2s;}
.b-yablack {border: var(--yablack) 1px solid;transition: .2s;}
.b-yagray {border: var(--yagray) 1px solid;transition: .2s;}
.b-yayellow {border: var(--yayellow) 1px solid;transition: .2s;}

/* :hover border */
.b-h-yawhite:hover {border: var(--yawhite) 1px solid;transition: .2s;}
.b-h-yablack:hover {border: var(--yablack) 1px solid;transition: .2s;}
.b-h-yagray:hover {border: var(--yagray) 1px solid;transition: .2s;}
.b-h-yayellow:hover {border: var(--yayellow) 1px solid;transition: .2s;}

/* border-top */
.b-t-yawhite {border-top: var(--yawhite) 1px solid;transition: .2s;}
.b-t-yablack {border-top: var(--yablack) 1px solid;transition: .2s;}
.b-t-yagray {border-top: var(--yagray) 1px solid;transition: .2s;}
.b-t-yayellow {border-top: var(--yayellow) 1px solid;transition: .2s;}

/* border-right */
.b-r-yawhite {border-right: var(--yawhite) 1px solid;transition: .2s;}
.b-r-yablack {border-right: var(--yablack) 1px solid;transition: .2s;}
.b-r-yagray {border-right: var(--yagray) 1px solid;transition: .2s;}
.b-r-yayellow {border-right: var(--yayellow) 1px solid;transition: .2s;}

/* border-bottom */
.b-b-yawhite {border-bottom: var(--yawhite) 1px solid;transition: .2s;}
.b-b-yablack {border-bottom: var(--yablack) 1px solid;transition: .2s;}
.b-b-yagray {border-bottom: var(--yagray) 1px solid;transition: .2s;}
.b-b-yayellow {border-bottom: var(--yayellow) 1px solid;transition: .2s;}

/* border-left */
.b-l-yawhite {border-left: var(--yawhite) 1px solid;transition: .2s;}
.b-l-yablack {border-left: var(--yablack) 1px solid;transition: .2s;}
.b-l-yagray {border-left: var(--yagray) 1px solid;transition: .2s;}
.b-l-yayellow {border-left: var(--yayellow) 1px solid;transition: .2s;}

/* :hover border-top */
.b-t-h-yawhite:hover {border-top: var(--yawhite) 1px solid;transition: .2s;}
.b-t-h-yablack:hover {border-top: var(--yablack) 1px solid;transition: .2s;}
.b-t-h-yagray:hover {border-top: var(--yagray) 1px solid;transition: .2s;}
.b-t-h-yayellow:hover {border-top: var(--yayellow) 1px solid;transition: .2s;}

/* :hover border-right */
.b-r-h-yawhite:hover {border-right: var(--yawhite) 1px solid;transition: .2s;}
.b-r-h-yablack:hover {border-right: var(--yablack) 1px solid;transition: .2s;}
.b-r-h-yagray:hover {border-right: var(--yagray) 1px solid;transition: .2s;}
.b-r-h-yayellow:hover {border-right: var(--yayellow) 1px solid;transition: .2s;}

/* :hover border-bottom */
.b-b-h-yawhite:hover {border-bottom: var(--yawhite) 1px solid;transition: .2s;}
.b-b-h-yablack:hover {border-bottom: var(--yablack) 1px solid;transition: .2s;}
.b-b-h-yagray:hover {border-bottom: var(--yagray) 1px solid;transition: .2s;}
.b-b-h-yayellow:hover {border-bottom: var(--yayellow) 1px solid;transition: .2s;}

/* :hover border-left */
.b-l-h-yawhite:hover {border-left: var(--yawhite) 1px solid;transition: .2s;}
.b-l-h-yablack:hover {border-left: var(--yablack) 1px solid;transition: .2s;}
.b-l-h-yagray:hover {border-left: var(--yagray) 1px solid;transition: .2s;}
.b-l-h-yayellow:hover {border-left: var(--yayellow) 1px solid;transition: .2s;}

/* border-radius */
.b-radius-yaradius-8 {border-radius: var(--yaradius-8);transition: .2s;}
.b-radius-yaradius-12 {border-radius: var(--yaradius-12);transition: .2s;}

/* border-radius-circle */
.b-radius-circle {border-radius: 50%;transition: .2s;}

/* border 2px */
.border-2, .border-2:hover {border-width: 2px;}

/* width */
.w-thin {width: var(--yathin);}

/* font-size */
.text-minus {font-size: var(--yatextminus);}

/* line-height */
.line-height-1 {line-height: 1;}

/* blur */
.bg-blur {backdrop-filter: blur(1px);}

body {
    font-family: 'TT Norms Pro';
    font-weight: normal;
    font-style: normal;
    color: var(--yablack);
}
.alert {display: none;}



.logo-title {font-size: 27px;}
.logo-text {font-size: 10px;}

.button-small {
    height: 40px;
    font-size: 12px;
}
.button-big {
    height: 60px;
    font-size: 18px;
}


.page-banner {
    height: 620px;
    background: url(../images/banner.jpg) no-repeat center center;
    background-size: cover;
}
.page-banner-title {font-size: 75px;}
.page-banner-subtitle {font-size: 32px;}