@font-face {
    font-family: "Nunito";
    src: url("/css/fonts/Nunito/static/Nunito-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito";
    src: url("/css/fonts/Nunito/static/Nunito-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito";
    src: url("/css/fonts/Nunito/static/Nunito-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nunito";
    src: url("/css/fonts/Nunito/static/Nunito-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Raleway";
    src: url("/css/fonts/Raleway/static/Raleway-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url("/css/fonts/Raleway/static/Raleway-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url("/css/fonts/Raleway/static/Raleway-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url("/css/fonts/Raleway/static/Raleway-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


label[for="confirmToc"],
label[for="accept_newsletter"],
label[for="terms_of_use"] {
	font-weight: 700 !important;
}

input[name="terms_of_use"],
input[name="accept_newsletter"],
input[name="confirm-toc"] {
	border: 2px solid #f05423;
    width: 15px;
    height: 15px;
}

.cookie-alert {
	position: fixed;
	bottom: 15px;
	right: 11rem;
	width: 390px;
	margin: 0 !important;
	z-index: 999;
	opacity: 0;
	transform: translateY(100%);
	transition: all 500ms ease-out;
}

@media (max-width: 992px) {
	.cookie-alert {
		right: 0;
		width: auto;
		bottom: 0
	}
	.cookie-alert .card-title {
		font-size: 16px !important;
	}
	.cookie-alert .card-text {
		font-size: 14px !important;
	}
}

.cookie-alert.show {
	opacity: 1;
	transform: translateY(0%);
}

.clickable {
	cursor:  pointer !important;
}

.rotate-icon {
	transition: all 0.3s ease;
}

.rotate-45 {
	transform: rotate(45deg);
}


.font-arial-black {
	font-family: 'Raleway', sans-serif;
    font-weight: 800;
}

.color-black{
    color: #4F595A;
}

.color-black:hover {
    color: #ff5c00;
}

.height{
    height: 280px !important;
}

@media only screen and (max-width: 1600px)
{
    .height{
        height: 285px !important;
    }
}

@media only screen and (max-width: 1200px)
{
    .height{
        height: 250px !important;
    }
}

@media only screen and (max-width: 600px)
{
   .height{
        height: 100px !important;
    }
}

.default-btn{
    background-color: green;
}

@media (max-width: 992px) {
    .mobile-btn {
        order: none;
        position: relative;
        display: inline-block;
        text-align: center;
        overflow: hidden;
        z-index: 1;
        background-color: #ff5c00;
        color: #fff;
        -webkit-transition: .5s;
        transition: .5s;
        border-radius: 5px;
        opacity: 1;
        font-weight: 400;
        font-size: 16px;
        padding: 12px 25px;
    }
    .mobile-btn:focus,
    .mobile-btn:hover {
        background-color: #ff5c00;
        color: #ffffff;
    }
}
