@font-face {
    font-family: trademartbold;
    src: url(../../assets/fonts/trademart-webfont.woff2) format('woff2'), url(../../assets/fonts/trademart-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

a:hover {
    color: inherit;
    filter: brightness(88%);
    text-decoration: none;
    transition: brightness .3s
}

a {
    color: inherit
}

a:active {
    filter: brightness(90%)
}

#dscrd,
#gos,
#joiin,
#mcrt {
    transition: all 300ms ease-in-out;  
}

#dscrd:hover,
#gos:hover,
#joiin:hover,
#mcrt:hover {
    transform: scale(1.1);
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #060606
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #222
}

#carousel-t .rating {
    background-color: #f6c840;
    width: 56px;
    display: block;
    margin: 15px auto;
    color: #fff;
    border-radius: 25px
}

#carousel-t .signature {
    font-size: 31px;
    font-style: normal;
    font-family: 'Roboto Condensed', Arial, Sans;
    font-weight: 700;
    margin: 0
}

.simple-slider .swiper-slide {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.simple-slider .swiper-button-next,
.simple-slider .swiper-button-prev {
    width: 50px;
    margin-left: 20px;
    margin-right: 20px
}

@media (max-width:767px) {

    .simple-slider .swiper-button-next,
    .simple-slider .swiper-button-prev {
        display: none
    }

    .simple-slider .swiper-slide {
        height: 360px
    }
}

.dh-header-non-rectangular-container h1,
p {
    color: #fff;
    font-weight: 700
}

#carousel-t .carousel-control-prev {
    opacity: 1;
    background: -webkit-linear-gradient(left, #060606 70%, #060606 100%);
    background: linear-gradient(to right, #060606 70%, #060606 100%);
    opacity: 1
}

#carousel-t .carousel-control-next {
    opacity: 1;
    background: -webkit-linear-gradient(right, #060606 70%, #060606 100%);
    background: linear-gradient(to left, #060606 70%, #060606 100%);
    opacity: 1
}

.imgdisplay {
    float: left;
    width: 33.33%
}

.thinkTwitFollow {
    clear: both
}

ul.nav a:hover {
    color: #fff !important
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #111
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #46b5ed;
    box-shadow: 0 0 6px rgba(0, 0, 0, .3)
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #111;
    box-shadow: 0 0 6px rgba(0, 0, 0, .3)
}

#carousel-t {
    background-color: #060606
}

#carousel-t .testimonial-content {
    margin-top: 15px
}

#carousel-t .carousel-control-next,
.carousel-control-prev {
    width: 13%
}

#carousel-t .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #140000;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .2;
    transition: opacity .6s;
    border-radius: 50%
}

#carousel-t .carousel-indicators .active {
    opacity: .5
}

#carousel-t .carousel-indicators {
    position: relative;
    padding-bottom: 10px
}

#carousel-t .date {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px
}

#carousel-t p {
    font-size: 19px;
    font-family: 'Roboto Condensed', Arial, Sans
}

#carousel-t .icon.ion-android-arrow-dropright-circle {
    font-size: 40px;
    color: #46b5ed;
    transition: color .3s;
    height: 100%;
    width: 100%
}

#carousel-t .icon.ion-android-arrow-dropleft-circle:hover,
#carousel-t .icon.ion-android-arrow-dropright-circle:hover {
    color: #46b5ed;
    transition: color .3s
}

#carousel-t .icon.ion-android-arrow-dropleft-circle {
    font-size: 40px;
    color: #46b5ed;
    height: 100%;
    width: 100%
}