img {
    z-index: 1;
}

a {
    text-decoration: none;
    font-style: oblique;
    color: #666666;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    font-style: oblique;
    color: #333333;
    text-decoration: underline;
}

li {
    list-style-type: none;
    font-style: normal;
    color: #FFFFFF;
}

li > a {
    font-style: normal;
    color: #111111;
    text-decoration: none;
}

li > a:hover {
    font-style: normal;
    color: #111111;
    text-decoration: underline;
}

.br {
    white-space: pre-line;
}

sup {
    font-size: 0.5em;
}

p {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

a > p {
    font-family: Proxima;
    font-size: 1em;
    color: #FFFFFF;
    padding-left: 40px;
    padding-right: 8px;
    text-decoration: none;
}

.cc-top-b-text > a {
    position: relative;
    top: -35px;
    padding: 5px;
    display: inline;
    height: 40px;
    color: #111111;
    font-family: Proxima;
    font-style: normal;
    text-decoration: none;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.cc-top-b-text > a:hover {
    position: relative;
    top: -35px;
    padding: 5px;
    display: inline;
    height: 40px;
    color: #111111;
    font-family: Proxima;
    font-style: normal;
    text-decoration: underline;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.menu-icon {
    height:16px;
    width:16px;
    background-size:cover;
}

.footer-header {
    text-align: justify;
    font-family: Roboto;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
}

.footer-list > a {
    text-align: justify;
    font-family: Roboto;
    font-size: 1em;
    font-weight: normal;
    font-style:italic;
    color: #ffffff;
}

.footer-list > a:hover {
    text-align: justify;
    font-family: Roboto;
    font-size: 1em;
    font-weight: normal;
    font-style: italic;
    color: #ffffff;
}

/*.crestinfoboxmaintext {
    position: absolute;
    top: 300px;
    height: 300px;
    width: 320px;
    border-top: solid;
    border-color: #cccccc;
    border-width: 1px;
    font-family: Proxima;
    text-align: center;
}

.crestinfoboxmaintext > strong {
    font-family: Proxima;
    text-align: center;
    color: #111111;
    font-size: 1.4em;
}

.crestinfoboxmaintext > strong > a {
    font-family: Roboto;
    text-align: center;
    color: #111111;
    font-size: 0.7em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
}

.crestinfoboxmaintext > strong > a:hover {
    font-family: Roboto;
    text-align: center;
    color: #111111;
    font-size: 0.7em;
    text-decoration: underline;
    font-style: normal;
    font-weight: normal;
}*/

.crestinfoboxtext {
    position: absolute;
    top: 100px;
    height: 100px;
    width: 320px;
    border-top: solid;
    border-color: #cccccc;
    border-width: 1px;
    font-family: Proxima;
    text-align: center;
}

.crestinfoboxtext > strong {
    font-family: Proxima;
    text-align: center;
    color: #cccccc;
    font-size: 1.4em;
}

.crestinfoboxtext > strong > a {
    font-family: Roboto;
    text-align: center;
    color: #cccccc;
    font-size: 0.7em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
}

.crestinfoboxtext > strong > a:hover {
    font-family: Roboto;
    text-align: center;
    color: #cccccc;
    font-size: 0.7em;
    text-decoration: underline;
    font-style: normal;
    font-weight: normal;
}

/*LIST/TABLES*/

tr {
    cursor: pointer;
    min-height: 100px;
    background-color: #ffffff;
    border-bottom: solid;
    border-color: #efefef;
    border-width: 1px;
    z-index: 1000 !important;
}

tr:hover {
    cursor: pointer;
    min-height: 100px;
    background-color: #ffffff;
    border-bottom: solid;
    border-color: #efefef;
    border-width: 1px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

td {
    min-height: 100px;
    margin: 0;
    padding: 0;
    font-family: Roboto;
    font-size: 1em;
}

/*.crafttable {
    border-collapse: collapse;
    border-spacing: 0;
    position: absolute;
    top: 0px;
    width: 1180px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}*/

thead {
    /*    pointer-events:none;*/
    height: 50px !important;
    opacity: 0.4;
}

.product-image {
    position: relative;
    height: 64px;
    width: 54px;
    display: table-cell;
    vertical-align: middle;
    background-size: cover;
}

.symbol-image {
    position: relative;
    height: 50px;
    width: 50px;
    display: table-cell inline-block;
    vertical-align: middle;
    background-size: cover;
}

.pro-img-cover {
    position: absolute;
    /*padding-top: 32px !important;
        margin-top: 32px !important;*/
    height: 100px;
    width: 100px;
    display: block;
}

.cover-link {
    display: block;
    height: 100px;
    min-width: 32px;
    max-width: 294px;
    width: 100%;
    margin: 0;
    padding: 0;
}

/*a:hover {
    text-decoration: underline;
}*/

.cover-link > a:hover {
    text-decoration: none !important;
}

.cover-link > a > b {
    font-family: Proxima;
    font-size: 1.35em;
    font-style: normal !important;
    color: #111111;
}

.a-link {
    height: 100px;
    width: 100%;
    display: block;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    z-index: 1000;
}

.platform-photo {
    position: relative;
    height: 75px;
    width: 75px;
    display: table-cell;
    vertical-align: middle;
    background-size: cover;
    border-radius:150px;
}

/*.platform-panel {
    width: 1280px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}*/

.center-interactive-path {
    position: absolute;
    top: 50px;
    min-height: 530px;
    height: auto;
    width: 1280px;
    overflow-y: scroll !important;
    overflow-x: hidden;
}

/*tr {
    cursor: pointer;
    min-height: 100px;
    background-color: #ffffff;
    border-bottom: solid;
    border-color: #efefef;
    border-width: 1px;
    z-index: 1000 !important;
}

tr:hover {
    cursor: pointer;
    min-height: 100px;
    background-color: #ffffff;
    border-bottom: solid;
    border-color: #efefef;
    border-width: 1px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

td {
    min-height: 100px;
    margin: 0;
    padding: 0;
    font-family: Roboto;
    font-size: 1em;
}*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    position: absolute;
    top: 0px;
    width: 1180px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*thead {*/
    /*    pointer-events:none;*/
    /*height: 50px !important;
    opacity: 0.4;
}*/

/*.product-image {
    position: relative;
    height: 64px;
    width: 54px;
    display: table-cell;
    vertical-align: middle;
    background-size: cover;
}

.symbol-image {
    position: relative;
    height: 50px;
    width: 50px;
    display: table-cell inline-block;
    vertical-align: middle;
    background-size: cover;
}

.pro-img-cover {
    position: absolute;*/
    /*padding-top: 32px !important;
        margin-top: 32px !important;*/
    /*height: 100px;
    width: 100px;
    display: block;
}

.cover-link {
    display: block;
    height: 100px;
    min-width: 32px;
    max-width: 294px;
    width: 100%;
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: underline;
}

.cover-link > a:hover {
    text-decoration: none !important;
}

.a-link {
    height: 100px;
    width: 100%;
    display: block;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    z-index: 1000;
}

.cover-link > a > b {
    font-family: Proxima;
    font-size: 1.35em;
    font-style: normal !important;
    color: #111111;
}

.platform-photo {
    position: relative;
    height: 75px;
    width: 75px;
    display: table-cell;
    vertical-align: middle;
    background-size: cover;
}*/

/*.triangle-topleft {
    position: absolute;
    margin-left: 125px;
    padding: 0;
    top: 0px;
    width: 50px;
    height: 0;
    border-top: 50px solid #ffffff !important;
    border-right: 75px solid transparent !important;
}

.triangle-topright {
    position: absolute;
    margin-left: 25px;
    padding: 0;
    top: 0px;
    width: auto;
    height: 0;
    border-top: 50px solid #ffffff !important;
    border-left: 75px solid transparent !important;
}*/

.product-image-box {
    position: relative;
    top: 50px;
    padding: 25px;
    padding-left: 50px;
    padding-right: 50px;
    width: 330px;
    height: auto;
    min-height: 330px;
    background-size: cover;
    background-position-x: center;
}

.detail-text-table {
    border-collapse: collapse;
    border-spacing: 0;
    position: relative;
    top: 50px;
    width: 100%;
    height: auto;
}

.ribbon {
    position: relative;
    left: -5px;
    top: -5px;
    z-index: 1000 !important;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon span {
    font-family: Roboto;
    font-size: 10px;
    font-weight: bold;
    font-style: normal !important;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #111111;
    background: linear-gradient(#6600CC 0%, #ffffff 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    left: -21px;
}

.ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #ffffff;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #ffffff;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #ffffff;
}

/*Copyrights

/Butterfly Craftcrest 2025 Blackberry. RTM T.X.
© 2013-2025 Butterfly Co. Entertainment Technologies.
© Marawel. Crafted with love by Marawel. Made in EU.

Butterfly Co. Entertainment Technologies.,
Wojska Polskiego 22 B, 58-200 Dzierżoniów, Poland,
NIP: 8821948224, REGON: 364721520, D-U-N-S®: 421878044,

Tel. +48 794 001 996,
e-mail: contact@craftcrest.com,

# The Butterfly logo is registered under the patent mark UPRP/Z416421.
# Aer technology and the way it works are protected by the document UPRP P.404459 WIPO ST 10/CPL404459 and constitute the intellectual property of the creator.*/