* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.color-black {
    color: #000000;
}

.color-red {
    color: #cc0000;
}

.fz-13 {
    font-size: 13px;
}

.fz-15 {
    font-size: 15px;
}

.hover {
    cursor: pointer;
}

.lang {
    display: flex;
}

.lang li {
    list-style: none;
    margin: 0 5px;
    font-weight: 500;
}

.lang li a.active {
    color: #000000;
}

/* #Fonts
================================================== */

@font-face 
{
	font-family: Newfont1;
	src: local("Newfont1"),
	url(fonts/Montserrat-Light.otf);
	font-display: fallback;
}
@font-face 
{
	font-family: Newfont2;
	src: local("Newfont2"),
	url(fonts/Montserrat-Regular.otf);
	font-display: fallback;
}
@font-face 
{
	font-family: Newfont3;
	src: local("Newfont3"),
	url(fonts/Montserrat-Medium.otf);
	font-display: fallback;
}
@font-face 
{
	font-family: Newfont4;
	src: local("Newfont4"),
	url(fonts/Montserrat-SemiBold.otf);
	font-display: fallback;
}
@font-face 
{
	font-family: Newfont5;
	src: local("Newfont5"),
	url(fonts/Montserrat-Bold.otf);
	font-display: fallback;
}
@font-face 
{
	font-family: Newfont6;
	src: local("Newfont6"),
	url(fonts/Montserrat-ExtraBold.otf);
	font-display: fallback;
}
@font-face 
{
	font-family: Newfont7;
	src: local("Newfont7"),
	url(fonts/Montserrat-Black.otf);
	font-display: fallback;
}

body 
{
    font-family: Newfont2, Arial;
	font-size:16px;
}

#form_donation.container
{
	width:100% !important;
	max-width:100% !important;
	padding-top: 2px;
}


#form_donation #sum,
#form_donation #percent,
#form_donation #chooseProgram,
#form_donation #name,
#form_donation #mail,
#form_donation #num,
#form_donation #regularChoose
{
	height: 48px;
    padding: 0 0.9375rem;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
	width:calc(100% - 2px - 1.875rem);
}

#form_donation #date
{
	height: 48px;
    padding: 0 0.9375rem;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    clear: both;
    width: 160px;
}

#form_donation option
{
	font-size: 16px;
    margin: 2px 0;
}

#form_donation textarea
{
    border: 1px solid #c4c4c4;
    border-radius: 5px;
	width:calc(100% - 2px - 1.875rem);
}

#form_donation .btn,
#form_donation .badge
{
	background-color:#ecf0f5;
	border:1px solid #ecf0f5
}

#form_donation .btn-primary ,
#form_donation .badge-primary
{
    background-color: #ffba03;
    border-color: #ffba03;
}

#form_donation .badge
{
	margin: 6px;
	font-size: 15px;
	font-weight: normal;
	padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#form_donation .btn.btn-success
{
    display: inline-block;
    padding: 0 20px;
    line-height: 56px;
    text-transform: uppercase;
    transition: all .2s;
    text-decoration: none !important;
	border-radius:5px;
	font-family: Newfont5;
	border:0px;
	font-size: 17px;
	width:260px;
	max-width:260px;
	cursor:pointer;
	background-color: #ffba03;
	color:#000;
}

#form_donation .btn.btn-success:disabled
{
	filter: grayscale(1);
	cursor: none;
	opacity: 0.4;
}

#form_donation .btn.btn-success:hover
{
	background-color:#1a3669;
	color: #fff;
}

#form_donation .btn.btn-success:disabled:hover
{
	background-color: #ffba03;
	color:#000;
}

#form_donation .form-checkbox,
#form_donation .form-check-input
{
    min-width: 20px;
    min-height: 20px;
	margin-right:10px !important;
}

#form_donation .form-check span
{
	padding-left:6px;
	font-family: Newfont2;
}

#form_donation label span
{
	font-family: Newfont6;
	font-size: 15px;
}

@media only screen and (max-width: 520px)
{

	#form_donation.container 
	{
		padding-right: 0px;
		padding-left: 0px;
	}
}