body{
    /* background: url("../img/bg.png") center center/cover no-repeat; */
    /* background-attachment: fixed; */
    /* background-color: rgba(255, 0, 0, 0.5);
    background-image: url('../img/bg.jpeg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */

}
header{
    position: relative;
    background-color: #610d61;
    z-index: 5;
}
.main_title {
    position: relative;
    z-index: 2;
}
.row{
    margin-top: 30px;
}

.navbar-default {
    z-index:4000;
    /* border-top: 3px solid #5753de; */
    border-bottom: 1px solid #797979;
}
.navbar-brand img {
    width: 100%;
}

.no_padding {
    padding: 5px;
}


.main_title_big{
    margin-bottom: 10px;
    display: block;
	color:black;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    border-right: 2px solid rgba(128, 128, 128, 0.200);
    border-left: 2px solid rgba(128, 128, 128, 0.200);
}
.main_title_smal{
    display: block;
	color:black;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
}
.main_title_smal span{
    color: crimson;
    font-weight: bold;
}

.offer_box {
    background-color: rgb(247, 247, 247);
    margin-top: 30px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    width: 100%;
    transition: 0.3s all;

    /* border-radius: 10px 30px 10px 30px;
    -moz-border-radius: 10px 30px 10px 30px;
    -webkit-border-radius: 10px 30px 10px 30px; */

    -webkit-box-shadow: 0px 0px 50px 20px rgba(222,222,222,1);
    -moz-box-shadow: 0px 0px 50px 20px rgba(222,222,222,1);
    box-shadow: 0px 0px 50px 20px rgba(222,222,222,1);
}
.offer_box:hover {
    background-color: rgb(235, 235, 235);
}
.mfo_organization_logo {
    text-align: center;
    padding-top: 30px;
}
.mfo_organization_logo a {
    font-size: 25px;
    line-height: 20px;
    text-decoration: none;
}
.mfo_organization_amount_title,
.mfo_organization_procent_title,
.mfo_organization_descr_title {
    font-weight: bold;
    font-size: 25px;
    /* margin-top: 10px; */
}

.mfo_organization_amount,
.mfo_organization_procent {
    font-size: 23px;
    /* font-weight: bold; */
}

.offer_box img {
    margin-top: 25px;
    width: 100%;
}
.info_btn button{
    /* text-transform: uppercase; */
    font-weight: normal;
}

.info_btn{
    text-align: center;
}

.info_btn a {
    text-decoration: none;
}


.offer_box_promo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 240px;
    /* background-color: transparent; */
    text-align: center;
    
    /* border-radius: 0px 0px 8px 0px;
    -moz-border-radius: 0px 0px 8px 0px;
    -webkit-border-radius: 0px 0px 8px 0px; */
}

.offer_box_promo_text{
    padding: 5px 10px;
    font-size: 15px;
    color: cornsilk;
}


#footer{
    background: rgba(94,94,94,1);
    background: -moz-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(110,110,110,1) 0%, rgba(23,23,23,1) 74%, rgba(33,33,33,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(94,94,94,1)), color-stop(0%, rgba(110,110,110,1)), color-stop(74%, rgba(23,23,23,1)), color-stop(100%, rgba(33,33,33,1)));
    background: -webkit-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(110,110,110,1) 0%, rgba(23,23,23,1) 74%, rgba(33,33,33,1) 100%);
    background: -o-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(110,110,110,1) 0%, rgba(23,23,23,1) 74%, rgba(33,33,33,1) 100%);
    background: -ms-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(110,110,110,1) 0%, rgba(23,23,23,1) 74%, rgba(33,33,33,1) 100%);
    background: linear-gradient(to bottom, rgba(94,94,94,1) 0%, rgba(110,110,110,1) 0%, rgba(23,23,23,1) 74%, rgba(33,33,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#212121', GradientType=0 );
    /* background: #2fa80a; */
    /* background: rgb(221, 95, 255);
    background: -moz-linear-gradient(270deg, rgb(221, 95, 255) 15%, rgb(173, 166, 255) 67%);
    background: -webkit-linear-gradient(270deg, rgb(221, 95, 255) 15%, rgb(173, 166, 255) 67%);
    background: -o-linear-gradient(270deg, rgb(221, 95, 255) 15%, rgb(173, 166, 255) 67%);
    background: -ms-linear-gradient(270deg, rgb(221, 95, 255) 15%, rgb(173, 166, 255) 67%);
    background: linear-gradient(0deg, rgb(221, 95, 255) 15%, rgb(173, 166, 255) 67%); */
}
.copirayteng{
    text-transform: uppercase;
    font-weight: 700;
    padding: 20px 0;
    text-align: center;
    color: white;
}
.copirayteng_sait a{
    text-transform: uppercase;
    font-weight: 700;
    padding: 20px 0;
    text-align: center;
    color: white;
}
.footer_copirayteng_text {
    color: #909090;
    /* color: gray; */
    font-size: 10px;
    margin-bottom: 40px;
    /* text-align: center; */
}

.footer_copirayteng_text p{
    margin-bottom: 0px;
    color: gray;
    /* line-height: 0px; */
}
/* .footer_copirayteng_text p{
    color: gray;
    text-decoration: none;
} */
.footer_copirayteng_text p span{
    color: #909090;
}
/* .footer_copirayteng_text a:hover{
    color: rgb(146, 146, 146);
} */


.mfo_organization_info_descr span {
    color: green;
    text-transform: uppercase;
    font-weight: 700;
}

.info_btn a {
    margin-top: 5px;
    width: 200px;
    height: 40px;
}



/* COLOR */
.bt_red {
    border: 1px solid red;
}
.bg_red {
    background-color: red;
}

.bt_purple {
    border: 1px solid #5753de;
}
.bg_purple {
    background-color: #5753de;
}

.bg_green {
    background-color: #08a610;
}
.bt_green {
    border: 1px solid #08a610;
}

.bg_lilac {
    background-color: #a756cc;
}
.bt_lilac {
    border: 1px solid #a756cc;
}

.bg_yellow {
    background-color: #ffcc21;
}
.bt_yellow {
    border: 1px solid #ffcc21;
}

.bg_orange {
    background-color: orange;
}
.bt_orange {
    border: 1px solid orange;
}

.btn-gradient,
.btn-gradient-bg{
    color: #fff;
    background-color:#01cf8f;
}

/* .btn-gradient-bg:hover{
    color:#fff;opacity:.8
} */


.gift {
	bottom: 20px;
	right: 20px;
	background-image: url(./gift1.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	width: 75px;
	height: 75px;
	position: fixed;
	z-index: 9999;
	overflow: hidden;
	animation: rotation 4s infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg)
	}

	25% {
		transform: rotate(25deg)
	}

	50% {
		transform: rotate(-25deg)
	}

	100% {
		transform: rotate(0deg)
	}

}