* {
	box-sizing: border-box
}

html {
	font-size: 16px
}

body,
html {
	margin: 0;
	padding: 0;
	font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif;
}

.containerBYD {
	max-width: 1200px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 auto
}

@media(min-width:768px) {
	.col-1-3 {
		width: 40%;
		padding-right: 32px
	}

	.col-2-3 {
		width: 60%
	}
}

.button {
	border: 0;
	border-radius: 0;
	font-weight: 500;
	padding: 14px 40px;
	font-size: 14px;
	line-height: 1;
	transition-duration: .1s;
	transition-property: background-color, opacity
}

.button--medium {
	font-size: 16px;
	padding: 20px 72px
}

.button--large {
	font-size: 16px;
	padding: 16px 90px
}

.button:focus {
	outline: none
}

.button[disabled] {
	opacity: .3
}

.button:not([disabled]):hover {
	cursor: pointer
}

.button:hover:not([disabled]) {
	opacity: .85
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.inline-block {
	display: inline-block
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0
}

.z2 {
	z-index: 2
}

.bg-white {
	background-color: #fff
}

.color-white {
	color: #fff
}

.block {
	display: block
}

.flex {
	display: flex
}

.flex-1 {
	flex: 1 1
}

.items-center {
	align-items: center
}

.items-end {
	align-items: flex-end
}

.items-start {
	align-items: flex-start
}

.justify-between {
	justify-content: space-between
}

.flex-column {
	flex-direction: column
}

.no-underline {
	text-decoration: none
}

.hover\:underline:hover {
	text-decoration: underline
}

.align-left {
	text-align: left
}

.align-center {
	text-align: center
}

.align-right {
	text-align: right
}

.pt-1 {
	padding-top: 4px
}

.pt-2 {
	padding-top: 8px
}

.pt-3 {
	padding-top: 12px
}

.pt-4 {
	padding-top: 16px
}

.pt-5 {
	padding-top: 20px
}

.pt-6 {
	padding-top: 24px
}

.pt-7 {
	padding-top: 28px
}

.pt-8 {
	padding-top: 32px
}

.pt-10 {
	padding-top: 40px
}

.pt-16 {
	padding-top: 64px
}

.pt-96 {
	padding-top: 96px
}

.pb-1 {
	padding-bottom: 4px
}

.pb-2 {
	padding-bottom: 8px
}

.pb-3 {
	padding-bottom: 12px
}

.pb-4 {
	padding-bottom: 16px
}

.pb-6 {
	padding-bottom: 24px
}

.pb-8 {
	padding-bottom: 32px
}

.pb-10 {
	padding-bottom: 40px
}

.pb-16 {
	padding-bottom: 64px
}

.pb-96 {
	padding-bottom: 96px
}

.pl-4 {
	padding-left: 16px
}

.pr-2 {
	padding-right: 8px
}

.pr-3 {
	padding-right: 12px
}

.pr-4 {
	padding-right: 16px
}

.ml-auto {
	margin-left: auto
}

.ml-1 {
	margin-left: 4px
}

.ml-2 {
	margin-left: 8px
}

.ml-8 {
	margin-left: 32px
}

.mr-1 {
	margin-right: 4px
}

.mr-2 {
	margin-right: 8px
}

.mr-4 {
	margin-right: 16px
}

.mr-8 {
	margin-right: 32px
}

.mr-12 {
	margin-right: 48px
}

.mt-1 {
	margin-top: 4px
}

.mt-2 {
	margin-top: 8px
}

.mt--2 {
	margin-top: -8px
}

.mt-4 {
	margin-top: 16px
}

.mt-44 {
	margin-top: 44px
}

.mb-44 {
	margin-bottom: 44px
}

.mt--4 {
	margin-top: -16px
}

.mt-6 {
	margin-top: 24px
}

.mt-8 {
	margin-top: 32px
}

.mt-16 {
	margin-top: 64px
}

.mt-24 {
	margin-top: 96px
}

.mb-2 {
	margin-bottom: 8px
}

.mb-4 {
	margin-bottom: 16px
}

.mb-6 {
	margin-bottom: 24px
}

.mb-8 {
	margin-bottom: 32px
}

.mb-16 {
	margin-bottom: 64px
}

.mb-24 {
	margin-bottom: 96px
}

.mb-128 {
	margin-bottom: 128px
}

.mb-48 {
	margin-bottom: 132px
}

.text-1 {
	font-size: 12px
}

.text-2 {
	font-size: 14px
}

.text-3 {
	font-size: 16px
}

.text-4 {
	font-size: 18px
}

.text-5 {
	font-size: 20px
}

.text-6 {
	font-size: 24px
}

.text-7 {
	font-size: 30px
}

.text-8 {
	font-size: 36px
}

.text-9 {
	font-size: 40px
}

.text-10 {
	font-size: 48px
}

.text-58 {
	font-size: 58px
}

.line-height-none {
	line-height: 1
}

.font-300 {
	font-weight: 300
}

.font-400 {
	font-weight: 400
}

.font-500 {
	font-weight: 500
}

.font-600 {
	font-weight: 600
}

.font-700 {
	font-weight: 700
}

.font-800 {
	font-weight: 800
}

.w-full {
	width: 100%
}

.red {
	color: #ef5757
}

.text-dark-blue {
	color: #22212a
}

.border-color-red {
	border-color: #ef5757
}

.h-screen {
	min-height: 100%
}

.opacity-75 {
	opacity: .75
}

label {
	display: block;
	color: #78787c;
	margin-bottom: 4px
}

input {
	font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif;
}

input,
select {
	padding: 12px;
	font-size: 16px;
	border-radius: 0;
	border: 1px solid #ccc;
	outline: none;
	font-weight: 500
}

.reset-childs-horizontal-margins>* {
	margin-left: 0;
	margin-right: 0
}

.tablet\:show {
	display: none
}

.h-50 {
	height: 50px
}

.page-hero {
	z-index: 2;
	position: relative
}

.page-hero img {
	width: 100%
}

.page-hero__fake-bg {
	top: 50%;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	position: absolute;
	z-index: 1
}

.fixed-mobile-button-scan {
    background-size: cover;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	z-index: 3;
    height:100%;
}

.location-map {
	height: 240px;
	width: 640px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 640px 240px;
	margin: 0 auto;
	border: 1px solid #ccc
}

.location-map:hover {
	border: 1px solid #a7a7a7
}

@media(max-width:768px) {
	body {
		padding-bottom: 0
	}

	.tablet\:flex {
		display: flex
	}

	.tablet\:show {
		display: initial
	}

	.tablet\:hide {
		display: none
	}

	.tablet\:flex-column {
		flex-direction: column
	}

	.tablet\:items-start {
		align-items: flex-start
	}

	.tablet\:justify-between {
		justify-content: space-between
	}

	.tablet\:ml-0 {
		margin-left: 0
	}

	.tablet\:mt-4 {
		margin-top: 16px
	}

	.tablet\:mt-8 {
		margin-top: 8px
	}

	.tablet\:mt-48 {
		margin-top: 48px
	}

	.tablet\:pt-24 {
		padding-top: 24px
	}

	.tablet\:pt-32 {
		padding-top: 32px
	}

	.tablet\:pb-24 {
		padding-bottom: 24px
	}

	.tablet\:pb-32 {
		padding-bottom: 32px
	}

	.tablet\:mb-4 {
		margin-bottom: 16px
	}

	.tablet\:mb-48 {
		margin-bottom: 48px
	}

	.tablet\:mb-8 {
		margin-bottom: 32px
	}

	.tablet\:full-width {
		width: 100%
	}

	.tablet\:p-0 {
		width: 100%;
		padding: 0
	}

	.tablet\:block {
		display: block
	}

	.tablet\:align-left {
		text-align: left
	}
}

.modal__wrapper {
	z-index: 1300;
	overflow: auto
}

.modal__backdrop,
.modal__wrapper {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    z-index:9999;
	position: fixed
}

.modal__backdrop {
	z-index: -1;
	touch-action: none;
	background-color: rgba(0, 0, 0, .6);
	-webkit-tap-highlight-color: transparent;
	animation: fadein .25s;
	transition: opacity 225ms cubic-bezier(.4, 0, .2, 1) 0ms
}

.modal__children {
	position: relative;
	width: 480px;
	padding: 32px;
	background-color: #fff;
	border-radius: 4px;
	margin: 5% auto 20px
}

@media(max-width:992px) {
	.modal__children {
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px
	}
}

.modal__close-icon {
	color: #000;
	position: absolute;
	top: 15px;
	right: 35px;
	font-size: 26px
}

.modal__close-icon:hover {
	cursor: pointer
}

.modal__footer {
	margin: 32px -32px -32px;
	padding: 32px;
	background-color: #f5f5f5;
	text-align: center;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}

@keyframes fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #24cd81;
	fill: none;
	animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}

.checkmark {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 10% auto;
	box-shadow: inset 0 0 0 #24cd81;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
}

@keyframes stroke {
	to {
		stroke-dashoffset: 0
	}
}

@keyframes scale {

	0%,
	to {
		transform: none
	}

	50% {
		transform: scale3d(1.1, 1.1, 1)
	}
}

@keyframes fill {
	to {
		box-shadow: inset 0 0 0 30px #24cd81
	}
}

.themed-primaryKeyColor-anchors a {
	text-decoration: none
}

.themed-primaryKeyColor-anchors a:hover {
	text-decoration: underline
}

.theme-selector {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 220px;
	right: 0;
	left: 30px;
	z-index: 3;
	width: 220px;
	padding: 20px;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #cbd5e0;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
}

.theme-selector button {
	padding: 6px;
	margin-top: 16px
}

.theme-selector button:hover {
	cursor: pointer
}

.color-picker {
	display: flex
}

.color-picker-box {
	width: 28px;
	height: 28px;
	border-radius: 4px;
	border: 1px solid #7b7b7b
}

    .theme-color {
        color: #040F20;
    }

    .themed-primaryKeyColor-anchors a {
        color: #040F20;
    }

    .theme-bg-color {
        background-color: #040F20;
    }

    .primary-bg-color {
        background-color: #FFFFFF;
    }

    .secondary-bg-color {
        background-color: #F5F5F5;
    }


    .BYDSouthAfrica-trs-target.colored {
        background-color: rgba(0, 185, 119, 0.05);
    }

    .BYDSouthAfrica-target-popup {
        padding: 1.3rem 12px;
        position: absolute;
        display: -webkit-flex;
        display: inline-flex;
        flex-direction: row;
        overflow: scroll;
        vertical-align: middle;
        z-index: 199099;
        top: 1px;
        left: 1px;
        background: #fff;
        opacity: 0.98;
        height: auto;
        width: auto;
        border: 1px solid #e6e6e6;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
        border-radius: 5px;
    }

    @media (max-width: 468px) {
        .BYDSouthAfrica-target-popup {
            left: 10%;
        }
    }

    #BYDSouthAfrica-popup-left-slide {
        height: 22px;
        display: inline;
        vertical-align: middle;
        margin-right: 14px;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-right-slide {
        height: 22px;
        display: inline;
        vertical-align: middle;
        margin-left: 0px;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-userinfo {
        display: inline;
    }

    .BYDSouthAfrica-target-count {
        display: inline;
        vertical-align: middle;
        font-size: 10px;
    }

    #BYDSouthAfrica-popup-avatar {
        display: inline;
        height: 32px;
        vertical-align: middle;
        border-radius: 16px;
    }

    #BYDSouthAfrica-popup-name-time {
        display: -webkit-flex;
        display: inline-flex;
        flex-direction: column;
        vertical-align: middle;
        text-align: left;
        margin-left: 6px;
    }

    #BYDSouthAfrica-popup-name {
        font-size: 14px;
        color: #333;
        height: 18px;
        overflow: hidden;
        max-width: 84px;
    }

    #BYDSouthAfrica-popup-time {
        font-size: 12px;
        margin-top: 4px;
        color: #999;
    }

    .BYDSouthAfrica-footer {
        display: none;
        position: fixed;
        bottom: 0px;
        padding: 0px 0px;
        left: 0;
        right: 0;
        margin: auto;
        opacity: 0.9;
        border: 1px solid #e6e6e6;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
        border-radius: 2px;
        z-index: 201712;
        text-align: center;
    }

    .BYDSouthAfrica-footer-p {
        padding: 12px 0px;
        margin: 0px;
        font-size: 12px;
        color: #333;
        background: #fff;
        text-align: center;
        line-height: 1.6;
        font-weight: 200;
    }

    #BYDSouthAfrica-popup-favour {
        text-align: center;
        display: inline;
        margin-right: 20px;
        margin-left: 46px;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-favour.commit {
    }

    #BYDSouthAfrica-popup-oppose {
        text-align: center;
        display: inline;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-favour-img {
        display: inline;
        height: 20px;
        vertical-align: middle;
    }

    #BYDSouthAfrica-popup-favour-img.commit {
    }

    #BYDSouthAfrica-popup-oppose-img {
        display: inline;
        height: 18px;
        vertical-align: middle;
    }

    #BYDSouthAfrica-popup-favour-num {
        font-size: 14px;
        margin-left: 4px;
        color: #999999;
    }

    #BYDSouthAfrica-popup-oppose-num {
        font-size: 14px;
        margin-left: 4px;
        color: #999;
    }

    .caption-window.ytp-caption-window-bottom {
        width: 800px;
    }

    @media (max-width: 320px) {
        #BYDSouthAfrica-popup-favour {
            margin-right: 0.8rem;
            margin-left: 1.5rem;
        }

        #BYDSouthAfrica-popup-left-slide {
            margin-right: 0.8rem;
        }

        #BYDSouthAfrica-popup-right-slide {
            margin-left: 1rem;
        }
    }

    .login-hint-a {
        border-bottom: none;
        display: block;
        color: #999;
        font-size: 10px;
    }

    .login-hint-a:visited {
        color: #999;
    }

    .layui-m-layer {
        color: #333;
        position: relative;
        z-index: 2147483647;
    }

    .layui-m-layer * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .layui-m-layermain,
    .layui-m-layershade {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .layui-m-layershade {
        background-color: rgba(0, 0, 0, 0.7);
        pointer-events: auto;
    }

    .layui-m-layermain {
        display: table;
        font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif;
        pointer-events: none;
    }

    .layui-m-layermain .layui-m-layersection {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .layui-m-layerchild {
        position: relative;
        display: inline-block;
        text-align: left;
        background-color: #fff;
        font-size: 14px;
        border-radius: 5px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        pointer-events: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
    }

    @-webkit-keyframes layui-m-anim-scale {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    @keyframes layui-m-anim-scale {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    .layui-m-anim-scale {
        animation-name: layui-m-anim-scale;
        -webkit-animation-name: layui-m-anim-scale;
    }

    @-webkit-keyframes layui-m-anim-up {
        0% {
            opacity: 0;
            -webkit-transform: translateY(800px);
            transform: translateY(800px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes layui-m-anim-up {
        0% {
            opacity: 0;
            -webkit-transform: translateY(800px);
            transform: translateY(800px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .layui-m-anim-up {
        -webkit-animation-name: layui-m-anim-up;
        animation-name: layui-m-anim-up;
    }

    .layui-m-layer0 .layui-m-layerchild {
        width: 90%;
        max-width: 640px;
    }

    .layui-m-layer1 .layui-m-layerchild {
        border: none;
        border-radius: 0;
    }

    .layui-m-layer2 .layui-m-layerchild {
        width: auto;
        max-width: 260px;
        min-width: 40px;
        border: none;
        background: 0 0;
        box-shadow: none;
        color: #fff;
    }

    .layui-m-layerchild h3 {
        padding: 0 10px;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        font-weight: 400;
        border-radius: 5px 5px 0 0;
        text-align: center;
    }

    .layui-m-layerbtn span,
    .layui-m-layerchild h3 {
        margin: 0;
        padding: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .layui-m-layercont {
        padding: 50px 30px;
        line-height: 22px;
        text-align: center;
    }

    .layui-m-layer1 .layui-m-layercont {
        padding: 0;
        text-align: left;
    }

    .layui-m-layer2 .layui-m-layercont {
        text-align: center;
        padding: 0;
        line-height: 0;
    }

    .layui-m-layer2 .layui-m-layercont i {
        width: 25px;
        height: 25px;
        margin-left: 8px;
        display: inline-block;
        background-color: #fff;
        border-radius: 100%;
        -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;
        animation: layui-m-anim-loading 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .layui-m-layerbtn,
    .layui-m-layerbtn span {
        position: relative;
        text-align: center;
        border-radius: 0 0 5px 5px;
    }

    .layui-m-layer2 .layui-m-layercont p {
        margin-top: 20px;
    }

    @-webkit-keyframes layui-m-anim-loading {

        0%,
        100%,
        80% {
            transform: scale(0);
            -webkit-transform: scale(0);
        }

        40% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }

    @keyframes layui-m-anim-loading {

        0%,
        100%,
        80% {
            transform: scale(0);
            -webkit-transform: scale(0);
        }

        40% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }

    .layui-m-layer2 .layui-m-layercont i:first-child {
        margin-left: 0;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .layui-m-layer2 .layui-m-layercont i.layui-m-layerload {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

    .layui-m-layer2 .layui-m-layercont > div {
        line-height: 22px;
        padding-top: 7px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .layui-m-layerbtn {
        display: box;
        display: -moz-box;
        display: -webkit-box;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 0;
        border-top: 1px solid #d0d0d0;
        background-color: #f2f2f2;
    }

    .layui-m-layerbtn span {
        display: block;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-box-flex: 1;
        font-size: 14px;
        cursor: pointer;
    }

    .layui-m-layerbtn span[yes] {
        color: #40affe;
    }

    .layui-m-layerbtn span[no] {
        border-right: 1px solid #d0d0d0;
        border-radius: 0 0 0 5px;
    }

    .layui-m-layerbtn span:active {
        background-color: #f6f6f6;
    }

    .layui-m-layerend {
        position: absolute;
        right: 7px;
        top: 10px;
        width: 30px;
        height: 30px;
        border: 0;
        font-weight: 400;
        background: 0 0;
        cursor: pointer;
        -webkit-appearance: none;
        font-size: 30px;
    }

    .layui-m-layerend::after,
    .layui-m-layerend::before {
        position: absolute;
        left: 5px;
        top: 15px;
        content: "";
        width: 18px;
        height: 1px;
        background-color: #999;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        border-radius: 3px;
    }

    .layui-m-layerend::after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .layui-m-layer .layui-m-layer-footer {
        position: fixed;
        width: 95%;
        max-width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 10px;
        background: 0 0;
    }

    .layui-m-layer-footer .layui-m-layercont {
        padding: 20px;
        border-radius: 5px 5px 0 0;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .layui-m-layer-footer .layui-m-layerbtn {
        display: block;
        height: auto;
        background: 0 0;
        border-top: none;
    }

    .layui-m-layer-footer .layui-m-layerbtn span {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .layui-m-layer-footer .layui-m-layerbtn span[no] {
        color: #fd482c;
        border-top: 1px solid #c2c2c2;
        border-radius: 0 0 5px 5px;
    }

    .layui-m-layer-footer .layui-m-layerbtn span[yes] {
        margin-top: 10px;
        border-radius: 5px;
    }

    .layui-m-layer .layui-m-layer-msg {
        width: auto;
        max-width: 90%;
        margin: 0 auto;
        bottom: -150px;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
    }

    .layui-m-layer-msg .layui-m-layercont {
        padding: 10px 20px;
    }

    .collection-success {
        color: #ffffff;
    }

    .collection-success:hover {
        color: #ffffff;
    }

    .layui-m-layercont .BYDSouthAfrica-trs-target {
        display: none;
    }

    .collection-icon {
        width: 12px;
        height: 13px;
        background: url("data:image/png;base64,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") no-repeat;
        display: inline-block;
        background-size: cover;
        background-position: center;
    }

    .collection-success > a {
        margin-left: 12px;
        vertical-align: middle;
    }

    .cy_free_box {
        position: relative;
    }

    .cy_free_box img {
        width: 100%;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }

    .layui-m-layer-cy_free_content {
        background: inherit !important;
    }
    .BYDSouthAfrica-trs-target.colored {
        background-color: rgba(0, 185, 119, 0.05);
    }

    .BYDSouthAfrica-target-popup {
        padding: 1.3rem 12px;
        position: absolute;
        display: -webkit-flex;
        display: inline-flex;
        flex-direction: row;
        overflow: scroll;
        vertical-align: middle;
        z-index: 199099;
        top: 1px;
        left: 1px;
        background: #fff;
        opacity: 0.98;
        height: auto;
        width: auto;
        border: 1px solid #e6e6e6;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
        border-radius: 5px;
    }

    @media (max-width: 468px) {
        .BYDSouthAfrica-target-popup {
            left: 10%;
        }
    }

    #BYDSouthAfrica-popup-left-slide {
        height: 22px;
        display: inline;
        vertical-align: middle;
        margin-right: 14px;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-right-slide {
        height: 22px;
        display: inline;
        vertical-align: middle;
        margin-left: 0px;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-userinfo {
        display: inline;
    }

    .BYDSouthAfrica-target-count {
        display: inline;
        vertical-align: middle;
        font-size: 10px;
    }

    #BYDSouthAfrica-popup-avatar {
        display: inline;
        height: 32px;
        vertical-align: middle;
        border-radius: 16px;
    }

    #BYDSouthAfrica-popup-name-time {
        display: -webkit-flex;
        display: inline-flex;
        flex-direction: column;
        vertical-align: middle;
        text-align: left;
        margin-left: 6px;
    }

    #BYDSouthAfrica-popup-name {
        font-size: 14px;
        color: #333;
        height: 18px;
        overflow: hidden;
        max-width: 84px;
    }

    #BYDSouthAfrica-popup-time {
        font-size: 12px;
        margin-top: 4px;
        color: #999;
    }

    .BYDSouthAfrica-footer {
        display: none;
        position: fixed;
        bottom: 0px;
        padding: 0px 0px;
        left: 0;
        right: 0;
        margin: auto;
        opacity: 0.9;
        border: 1px solid #e6e6e6;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
        border-radius: 2px;
        z-index: 201712;
        text-align: center;
    }

    .BYDSouthAfrica-footer-p {
        padding: 12px 0px;
        margin: 0px;
        font-size: 12px;
        color: #333;
        background: #fff;
        text-align: center;
        line-height: 1.6;
        font-weight: 200;
    }

    #BYDSouthAfrica-popup-favour {
        text-align: center;
        display: inline;
        margin-right: 20px;
        margin-left: 46px;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-favour.commit {
    }

    #BYDSouthAfrica-popup-oppose {
        text-align: center;
        display: inline;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-favour-img {
        display: inline;
        height: 20px;
        vertical-align: middle;
    }

    #BYDSouthAfrica-popup-favour-img.commit {
    }

    #BYDSouthAfrica-popup-oppose-img {
        display: inline;
        height: 18px;
        vertical-align: middle;
    }

    #BYDSouthAfrica-popup-favour-num {
        font-size: 14px;
        margin-left: 4px;
        color: #999999;
    }

    #BYDSouthAfrica-popup-oppose-num {
        font-size: 14px;
        margin-left: 4px;
        color: #999;
    }

    .caption-window.ytp-caption-window-bottom {
        width: 800px;
    }

    @media (max-width: 320px) {
        #BYDSouthAfrica-popup-favour {
            margin-right: 0.8rem;
            margin-left: 1.5rem;
        }

        #BYDSouthAfrica-popup-left-slide {
            margin-right: 0.8rem;
        }

        #BYDSouthAfrica-popup-right-slide {
            margin-left: 1rem;
        }
    }

    .login-hint-a {
        border-bottom: none;
        display: block;
        color: #999;
        font-size: 10px;
    }

    .login-hint-a:visited {
        color: #999;
    }

    .layui-m-layer {
        color: #333;
        position: relative;
        z-index: 2147483647;
    }

    .layui-m-layer * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .layui-m-layermain,
    .layui-m-layershade {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .layui-m-layershade {
        background-color: rgba(0, 0, 0, 0.7);
        pointer-events: auto;
    }

    .layui-m-layermain {
        display: table;
        font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif;
        pointer-events: none;
    }

    .layui-m-layermain .layui-m-layersection {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .layui-m-layerchild {
        position: relative;
        display: inline-block;
        text-align: left;
        background-color: #fff;
        font-size: 14px;
        border-radius: 5px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        pointer-events: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
    }

    @-webkit-keyframes layui-m-anim-scale {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    @keyframes layui-m-anim-scale {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    .layui-m-anim-scale {
        animation-name: layui-m-anim-scale;
        -webkit-animation-name: layui-m-anim-scale;
    }

    @-webkit-keyframes layui-m-anim-up {
        0% {
            opacity: 0;
            -webkit-transform: translateY(800px);
            transform: translateY(800px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes layui-m-anim-up {
        0% {
            opacity: 0;
            -webkit-transform: translateY(800px);
            transform: translateY(800px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .layui-m-anim-up {
        -webkit-animation-name: layui-m-anim-up;
        animation-name: layui-m-anim-up;
    }

    .layui-m-layer0 .layui-m-layerchild {
        width: 90%;
        max-width: 640px;
    }

    .layui-m-layer1 .layui-m-layerchild {
        border: none;
        border-radius: 0;
    }

    .layui-m-layer2 .layui-m-layerchild {
        width: auto;
        max-width: 260px;
        min-width: 40px;
        border: none;
        background: 0 0;
        box-shadow: none;
        color: #fff;
    }

    .layui-m-layerchild h3 {
        padding: 0 10px;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        font-weight: 400;
        border-radius: 5px 5px 0 0;
        text-align: center;
    }

    .layui-m-layerbtn span,
    .layui-m-layerchild h3 {
        margin: 0;
        padding: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .layui-m-layercont {
        padding: 50px 30px;
        line-height: 22px;
        text-align: center;
    }

    .layui-m-layer1 .layui-m-layercont {
        padding: 0;
        text-align: left;
    }

    .layui-m-layer2 .layui-m-layercont {
        text-align: center;
        padding: 0;
        line-height: 0;
    }

    .layui-m-layer2 .layui-m-layercont i {
        width: 25px;
        height: 25px;
        margin-left: 8px;
        display: inline-block;
        background-color: #fff;
        border-radius: 100%;
        -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;
        animation: layui-m-anim-loading 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .layui-m-layerbtn,
    .layui-m-layerbtn span {
        position: relative;
        text-align: center;
        border-radius: 0 0 5px 5px;
    }

    .layui-m-layer2 .layui-m-layercont p {
        margin-top: 20px;
    }

    @-webkit-keyframes layui-m-anim-loading {

        0%,
        100%,
        80% {
            transform: scale(0);
            -webkit-transform: scale(0);
        }

        40% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }

    @keyframes layui-m-anim-loading {

        0%,
        100%,
        80% {
            transform: scale(0);
            -webkit-transform: scale(0);
        }

        40% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }

    .layui-m-layer2 .layui-m-layercont i:first-child {
        margin-left: 0;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .layui-m-layer2 .layui-m-layercont i.layui-m-layerload {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

    .layui-m-layer2 .layui-m-layercont > div {
        line-height: 22px;
        padding-top: 7px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .layui-m-layerbtn {
        display: box;
        display: -moz-box;
        display: -webkit-box;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 0;
        border-top: 1px solid #d0d0d0;
        background-color: #f2f2f2;
    }

    .layui-m-layerbtn span {
        display: block;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-box-flex: 1;
        font-size: 14px;
        cursor: pointer;
    }

    .layui-m-layerbtn span[yes] {
        color: #40affe;
    }

    .layui-m-layerbtn span[no] {
        border-right: 1px solid #d0d0d0;
        border-radius: 0 0 0 5px;
    }

    .layui-m-layerbtn span:active {
        background-color: #f6f6f6;
    }

    .layui-m-layerend {
        position: absolute;
        right: 7px;
        top: 10px;
        width: 30px;
        height: 30px;
        border: 0;
        font-weight: 400;
        background: 0 0;
        cursor: pointer;
        -webkit-appearance: none;
        font-size: 30px;
    }

    .layui-m-layerend::after,
    .layui-m-layerend::before {
        position: absolute;
        left: 5px;
        top: 15px;
        content: "";
        width: 18px;
        height: 1px;
        background-color: #999;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        border-radius: 3px;
    }

    .layui-m-layerend::after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .layui-m-layer .layui-m-layer-footer {
        position: fixed;
        width: 95%;
        max-width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 10px;
        background: 0 0;
    }

    .layui-m-layer-footer .layui-m-layercont {
        padding: 20px;
        border-radius: 5px 5px 0 0;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .layui-m-layer-footer .layui-m-layerbtn {
        display: block;
        height: auto;
        background: 0 0;
        border-top: none;
    }

    .layui-m-layer-footer .layui-m-layerbtn span {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .layui-m-layer-footer .layui-m-layerbtn span[no] {
        color: #fd482c;
        border-top: 1px solid #c2c2c2;
        border-radius: 0 0 5px 5px;
    }

    .layui-m-layer-footer .layui-m-layerbtn span[yes] {
        margin-top: 10px;
        border-radius: 5px;
    }

    .layui-m-layer .layui-m-layer-msg {
        width: auto;
        max-width: 90%;
        margin: 0 auto;
        bottom: -150px;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
    }

    .layui-m-layer-msg .layui-m-layercont {
        padding: 10px 20px;
    }

    .collection-success {
        color: #ffffff;
    }

    .collection-success:hover {
        color: #ffffff;
    }

    .layui-m-layercont .BYDSouthAfrica-trs-target {
        display: none;
    }

    .collection-icon {
        width: 12px;
        height: 13px;
        background: url("data:image/png;base64,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") no-repeat;
        display: inline-block;
        background-size: cover;
        background-position: center;
    }

    .collection-success > a {
        margin-left: 12px;
        vertical-align: middle;
    }

    .cy_free_box {
        position: relative;
    }

    .cy_free_box img {
        width: 100%;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }

    .layui-m-layer-cy_free_content {
        background: inherit !important;
    }


    .BYDSouthAfrica-trs-target.colored {
        background-color: rgba(0, 185, 119, 0.05);
    }

    .BYDSouthAfrica-target-popup {
        padding: 1.3rem 12px;
        position: absolute;
        display: -webkit-flex;
        display: inline-flex;
        flex-direction: row;
        overflow: scroll;
        vertical-align: middle;
        z-index: 199099;
        top: 1px;
        left: 1px;
        background: #fff;
        opacity: 0.98;
        height: auto;
        width: auto;
        border: 1px solid #e6e6e6;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
        border-radius: 5px;
    }

    @media (max-width: 468px) {
        .BYDSouthAfrica-target-popup {
            left: 10%;
        }
    }

    #BYDSouthAfrica-popup-left-slide {
        height: 22px;
        display: inline;
        vertical-align: middle;
        margin-right: 14px;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-right-slide {
        height: 22px;
        display: inline;
        vertical-align: middle;
        margin-left: 0px;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-userinfo {
        display: inline;
    }

    .BYDSouthAfrica-target-count {
        display: inline;
        vertical-align: middle;
        font-size: 10px;
    }

    #BYDSouthAfrica-popup-avatar {
        display: inline;
        height: 32px;
        vertical-align: middle;
        border-radius: 16px;
    }

    #BYDSouthAfrica-popup-name-time {
        display: -webkit-flex;
        display: inline-flex;
        flex-direction: column;
        vertical-align: middle;
        text-align: left;
        margin-left: 6px;
    }

    #BYDSouthAfrica-popup-name {
        font-size: 14px;
        color: #333;
        height: 18px;
        overflow: hidden;
        max-width: 84px;
    }

    #BYDSouthAfrica-popup-time {
        font-size: 12px;
        margin-top: 4px;
        color: #999;
    }

    .BYDSouthAfrica-footer {
        display: none;
        position: fixed;
        bottom: 0px;
        padding: 0px 0px;
        left: 0;
        right: 0;
        margin: auto;
        opacity: 0.9;
        border: 1px solid #e6e6e6;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
        border-radius: 2px;
        z-index: 201712;
        text-align: center;
    }

    .BYDSouthAfrica-footer-p {
        padding: 12px 0px;
        margin: 0px;
        font-size: 12px;
        color: #333;
        background: #fff;
        text-align: center;
        line-height: 1.6;
        font-weight: 200;
    }

    #BYDSouthAfrica-popup-favour {
        text-align: center;
        display: inline;
        margin-right: 20px;
        margin-left: 46px;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-favour.commit {
    }

    #BYDSouthAfrica-popup-oppose {
        text-align: center;
        display: inline;
        cursor: pointer;
    }

    #BYDSouthAfrica-popup-favour-img {
        display: inline;
        height: 20px;
        vertical-align: middle;
    }

    #BYDSouthAfrica-popup-favour-img.commit {
    }

    #BYDSouthAfrica-popup-oppose-img {
        display: inline;
        height: 18px;
        vertical-align: middle;
    }

    #BYDSouthAfrica-popup-favour-num {
        font-size: 14px;
        margin-left: 4px;
        color: #999999;
    }

    #BYDSouthAfrica-popup-oppose-num {
        font-size: 14px;
        margin-left: 4px;
        color: #999;
    }

    .caption-window.ytp-caption-window-bottom {
        width: 800px;
    }

    @media (max-width: 320px) {
        #BYDSouthAfrica-popup-favour {
            margin-right: 0.8rem;
            margin-left: 1.5rem;
        }

        #BYDSouthAfrica-popup-left-slide {
            margin-right: 0.8rem;
        }

        #BYDSouthAfrica-popup-right-slide {
            margin-left: 1rem;
        }
    }

    .login-hint-a {
        border-bottom: none;
        display: block;
        color: #999;
        font-size: 10px;
    }

    .login-hint-a:visited {
        color: #999;
    }

    .layui-m-layer {
        color: #333;
        position: relative;
        z-index: 2147483647;
    }

    .layui-m-layer * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .layui-m-layermain,
    .layui-m-layershade {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .layui-m-layershade {
        background-color: rgba(0, 0, 0, 0.7);
        pointer-events: auto;
    }

    .layui-m-layermain {
        display: table;
        font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif;
        pointer-events: none;
    }

    .layui-m-layermain .layui-m-layersection {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .layui-m-layerchild {
        position: relative;
        display: inline-block;
        text-align: left;
        background-color: #fff;
        font-size: 14px;
        border-radius: 5px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        pointer-events: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
    }

    @-webkit-keyframes layui-m-anim-scale {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    @keyframes layui-m-anim-scale {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    .layui-m-anim-scale {
        animation-name: layui-m-anim-scale;
        -webkit-animation-name: layui-m-anim-scale;
    }

    @-webkit-keyframes layui-m-anim-up {
        0% {
            opacity: 0;
            -webkit-transform: translateY(800px);
            transform: translateY(800px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes layui-m-anim-up {
        0% {
            opacity: 0;
            -webkit-transform: translateY(800px);
            transform: translateY(800px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .layui-m-anim-up {
        -webkit-animation-name: layui-m-anim-up;
        animation-name: layui-m-anim-up;
    }

    .layui-m-layer0 .layui-m-layerchild {
        width: 90%;
        max-width: 640px;
    }

    .layui-m-layer1 .layui-m-layerchild {
        border: none;
        border-radius: 0;
    }

    .layui-m-layer2 .layui-m-layerchild {
        width: auto;
        max-width: 260px;
        min-width: 40px;
        border: none;
        background: 0 0;
        box-shadow: none;
        color: #fff;
    }

    .layui-m-layerchild h3 {
        padding: 0 10px;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        font-weight: 400;
        border-radius: 5px 5px 0 0;
        text-align: center;
    }

    .layui-m-layerbtn span,
    .layui-m-layerchild h3 {
        margin: 0;
        padding: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .layui-m-layercont {
        padding: 50px 30px;
        line-height: 22px;
        text-align: center;
    }

    .layui-m-layer1 .layui-m-layercont {
        padding: 0;
        text-align: left;
    }

    .layui-m-layer2 .layui-m-layercont {
        text-align: center;
        padding: 0;
        line-height: 0;
    }

    .layui-m-layer2 .layui-m-layercont i {
        width: 25px;
        height: 25px;
        margin-left: 8px;
        display: inline-block;
        background-color: #fff;
        border-radius: 100%;
        -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;
        animation: layui-m-anim-loading 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .layui-m-layerbtn,
    .layui-m-layerbtn span {
        position: relative;
        text-align: center;
        border-radius: 0 0 5px 5px;
    }

    .layui-m-layer2 .layui-m-layercont p {
        margin-top: 20px;
    }

    @-webkit-keyframes layui-m-anim-loading {

        0%,
        100%,
        80% {
            transform: scale(0);
            -webkit-transform: scale(0);
        }

        40% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }

    @keyframes layui-m-anim-loading {

        0%,
        100%,
        80% {
            transform: scale(0);
            -webkit-transform: scale(0);
        }

        40% {
            transform: scale(1);
            -webkit-transform: scale(1);
        }
    }

    .layui-m-layer2 .layui-m-layercont i:first-child {
        margin-left: 0;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .layui-m-layer2 .layui-m-layercont i.layui-m-layerload {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

    .layui-m-layer2 .layui-m-layercont > div {
        line-height: 22px;
        padding-top: 7px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .layui-m-layerbtn {
        display: box;
        display: -moz-box;
        display: -webkit-box;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 0;
        border-top: 1px solid #d0d0d0;
        background-color: #f2f2f2;
    }

    .layui-m-layerbtn span {
        display: block;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-box-flex: 1;
        font-size: 14px;
        cursor: pointer;
    }

    .layui-m-layerbtn span[yes] {
        color: #40affe;
    }

    .layui-m-layerbtn span[no] {
        border-right: 1px solid #d0d0d0;
        border-radius: 0 0 0 5px;
    }

    .layui-m-layerbtn span:active {
        background-color: #f6f6f6;
    }

    .layui-m-layerend {
        position: absolute;
        right: 7px;
        top: 10px;
        width: 30px;
        height: 30px;
        border: 0;
        font-weight: 400;
        background: 0 0;
        cursor: pointer;
        -webkit-appearance: none;
        font-size: 30px;
    }

    .layui-m-layerend::after,
    .layui-m-layerend::before {
        position: absolute;
        left: 5px;
        top: 15px;
        content: "";
        width: 18px;
        height: 1px;
        background-color: #999;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        border-radius: 3px;
    }

    .layui-m-layerend::after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .layui-m-layer .layui-m-layer-footer {
        position: fixed;
        width: 95%;
        max-width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 10px;
        background: 0 0;
    }

    .layui-m-layer-footer .layui-m-layercont {
        padding: 20px;
        border-radius: 5px 5px 0 0;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .layui-m-layer-footer .layui-m-layerbtn {
        display: block;
        height: auto;
        background: 0 0;
        border-top: none;
    }

    .layui-m-layer-footer .layui-m-layerbtn span {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .layui-m-layer-footer .layui-m-layerbtn span[no] {
        color: #fd482c;
        border-top: 1px solid #c2c2c2;
        border-radius: 0 0 5px 5px;
    }

    .layui-m-layer-footer .layui-m-layerbtn span[yes] {
        margin-top: 10px;
        border-radius: 5px;
    }

    .layui-m-layer .layui-m-layer-msg {
        width: auto;
        max-width: 90%;
        margin: 0 auto;
        bottom: -150px;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
    }

    .layui-m-layer-msg .layui-m-layercont {
        padding: 10px 20px;
    }

    .collection-success {
        color: #ffffff;
    }

    .collection-success:hover {
        color: #ffffff;
    }

    .layui-m-layercont .BYDSouthAfrica-trs-target {
        display: none;
    }

    .collection-icon {
        width: 12px;
        height: 13px;
        background: url("data:image/png;base64,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") no-repeat;
        display: inline-block;
        background-size: cover;
        background-position: center;
    }

    .collection-success > a {
        margin-left: 12px;
        vertical-align: middle;
    }

    .cy_free_box {
        position: relative;
    }

    .cy_free_box img {
        width: 100%;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }

    .layui-m-layer-cy_free_content {
        background: inherit !important;
    }
 .transStyle {
        transform: none !important;
        background-attachment: scroll !important;
        background-color: transparent !important;
        background-image: none !important;
        bottom: auto !important;
        clear: none !important;
        clip: auto !important;
        color: inherit !important;
        counter-increment: none !important;
        counter-reset: none !important;
        cursor: auto !important;
        direction: inherit !important;
        display: inline !important;
        float: none !important;
        font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: inherit !important;
        font-style: inherit !important;
        font-weight: inherit !important;
        height: auto !important;
        left: auto !important;
        letter-spacing: normal !important;
        line-height: inherit !important;
        list-style-type: inherit !important;
        list-style-position: outside !important;
        list-style-image: none !important;
        max-height: none !important;
        max-width: none !important;
        min-height: 0px !important;
        min-width: 0px !important;
        opacity: 1 !important;
        position: static !important;
        quotes: "" "" !important;
        right: auto !important;
        table-layout: auto !important;
        text-align: inherit !important;
        text-indent: 0px !important;
        text-transform: none !important;
        top: auto !important;
        unicode-bidi: normal !important;
        vertical-align: baseline !important;
        visibility: inherit !important;
        white-space: normal !important;
        width: auto !important;
        word-spacing: normal !important;
        z-index: auto !important;
        background-origin: padding-box !important;
        background-clip: border-box !important;
        background-size: auto !important;
        box-shadow: none !important;
        box-sizing: content-box !important;
        column-count: auto !important;
        column-gap: normal !important;
        column-width: auto !important;
        font-feature-settings: normal !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        hyphens: manual !important;
        perspective: none !important;
        perspective-origin: 50% 50% !important;
        backface-visibility: visible !important;
        text-shadow: none !important;
        transform-origin: 50% 50% !important;
        transform-style: flat !important;
        word-break: normal !important;
        background-position: 0px 0px !important;
        background-repeat: repeat !important;
        border-color: transparent !important;
        border-style: none !important;
        border-width: 0px !important;
        font-variant: normal !important;
        margin: 0px !important;
        padding: 0px !important;
        text-decoration: inherit !important;
        border-image: none 100% / 1 / 0 stretch !important;
        border-radius: 0px !important;
        column-rule: medium none rgb(0, 0, 0) !important;
        transition: all 0s ease 0s !important;
    }

 div.BYDSouthAfrica {
                all: initial
            }
.swt-add-glossary-btn-add.BYDSouthAfrica {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 40px;
                background: transparent;
                border: none;
                outline: none;
                cursor: pointer;
                color: #00b976;
                font-size: 15px;
                font-weight: 400;
                font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif;
                line-height: 22px
            }

            .swt-add-glossary-btn-add.BYDSouthAfrica > *:first-child {
                margin-right: 12px
            }