@font-face {
    font-family: "Geometria";
    src: url(font/geometriaR/Geometria.ttf) format("ttf"),
    url(font/geometriaR/Geometria.eot) format("eot"),
    url(font/geometriaR/Geometria.woff) format("woff")
}

@font-face {
    font-family: "GeometriaBold";
    src: url(font/geometriaB/Geometria-bold.ttf) format("ttf"),
    url(font/geometriaB/Geometria-bold.eot) format("eot"),
    url(font/geometriaB/Geometria-bold.woff) format("woff")
}

@font-face {
    font-family: "GeometriaMedium";
    src: url(font/geometriaM/Geometria-Medium.ttf) format("ttf"),
    url(font/geometriaM/Geometria-Medium.eot) format("eot"),
    url(font/geometriaM/Geometria-Medium.woff) format("woff")
}
ul li {
    margin-bottom: 15px;
}
html{
    background-color: #077937;
    overflow: hidden;
    position: absolute;
    width: 100vw;
    height: 100vh;

}

body {
    background-color: #077937;
    color: #fff;
    user-select: none;
    max-height: 100%;
    overflow: hidden;
    margin: 0px;
    height: 100vh;
    position: absolute;
    width: 100vw;
}
#page{
    height: 100%;
}
.app_header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 3px 3px 3px 4px;
    background: #00652b url(../img/menu_line.png);
    background-size: contain;
}
.app_haeder_cont{
    box-sizing: border-box;
    height: 56px;
    margin-left: -1px;
    margin-right: 0;
    border: 10px solid #cda755;
    /*-o-border-image: url(menu_borders-e.png) 19 stretch round;*/
    border-image: url(../img/menu_borders-e.png) 19 stretch round;
    position: relative;
}
.app_header .go_back{
    width: 16px;
    height: 22px;
    position: absolute;
    left: 6px;
    top: 8px;
    background-image: url(../img/arrow_back.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.app_header .app_title{
    left: 0;
    top: 0;
    padding: 0 90px;
    position: absolute;
    height: 44px;
    width: 100%;
    transform: translateZ(0px);
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
    pointer-events: none;
}
.app_header .app_title.trebs.ru{
    background-image: url(../img/piligrims_title_ru.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.app_header .app_title.donate.ru{
    background-image: url(../img/donations_title.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.title_trebs {
    font-size: 14px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    position: relative;
    left: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    width: 75%;
    padding-top:0;
    display: inline-table;

}

.count_trebs {
    font-size: 14px;
    font-family: "Geometria", sans-serif;
    display: block;

    color: rgb(255, 255, 255);
    line-height: 1;
    text-align: right;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
}

.value_trebs {
    font-size: 14px;
    font-family: "Geometria", sans-serif;
    color: rgb(243, 203, 119);
    line-height: 1;
    text-align: right;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
}

.currency {
    margin-left: 5px;
    width: 10px;
    display: inline-block;
    position: absolute;
    top: 1px;
    opacity: 0.8;
    height: 11px;
    /* background: url(../img/rub.png) no-repeat; */
    background-size: contain;
}


.bottom_text {
    font-size: 14px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    margin-top: 10px;
    line-height: 1.5;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);

}
.page-template-template-donate .bottom_text {
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    height: auto;
}
.page-template-template-donate .bottom_text  ul li{
    list-style: inside;
}
.bottom_text span {
    font-family: "GeometriaBold", sans-serif;
    font-weight: bold;
}

.trebs_block {
    position: relative;

    height: 50px;

    padding:0 10px;
    background: #005a26;
    max-width: 100%;
    max-width: -webkit-fill-available;
    width: 100%;
    display: flex;
    flex-flow: column;
    margin: 0 auto;
    border: 1px solid #caa453;

    cursor: pointer;

}

.trebs_block .top_angle:after{
    content:" ";
    position: absolute;
    background: #077937;
    width: 15px;
    height: 15px;
    top: -10px;
    right: -10px;
    border-left: 1px solid #caa453;
    border-bottom: 1px solid #caa453;
    border-radius: 5000px;
}
.trebs_block .top_angle:before {
    content:" ";
    position: absolute;
    background: #077937;
    width: 15px;
    height: 15px;
    top: -10px;
    left: -10px;
    border-right: 1px solid #caa453;
    border-bottom: 1px solid #caa453;
    border-radius: 5000px;
}
.trebs_block .bottom_angle:after {
    content:" ";
    position: absolute;
    background: #077937;
    width: 15px;
    height: 15px;
    bottom: -10px;
    right: -10px;
    border-left: 1px solid #caa453;
    border-top: 1px solid #caa453;
    border-radius: 5000px;
}
.trebs_block .bottom_angle:before {
    content:" ";
    position: absolute;
    background: #077937;
    width: 15px;
    height: 15px;
    bottom: -10px;
    left: -10px;
    border-right: 1px solid #caa453;
    border-top: 1px solid #caa453;
    border-radius: 5000px;
}

.first_block:before{
    background-image: none;
}

.last_block:after {
    background-image: none;
}

ul {
    list-style: none;
    margin:0;
    padding:0;
}

.devider {
    height: 8px;
    max-width: 425px;
    position: relative;
    bottom: 2px;
    background-repeat: no-repeat;
    background-repeat-x: repeat;

    background-image: url(../img/center-line.png);
    background-size: contain;
    display: inline-block;
    margin:0 auto;
    width: 99%;
    left: 2px;

}
.devider:before{
    content:" ";
    width: 8px;
    height: 8px;
    display: block;
    background: url("../img/left-line.png") no-repeat;
    background-size: contain;
    top: -2px;
    position: absolute;
    left:2px;
}

.devider:after{

    content: " ";
    width: 8px;
    height: 8px;
    display: inline-block;
    background: url(../img/right-line.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 1px;
    top: -2px;


}

ul li {
    position: relative;
    margin-bottom: 10px;
    top:0;
}

ul li span {
    position: relative;
}

.trebs_block_content {
    display: flex;
    flex-direction: row;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    font-family: "GeometriaBold", sans-serif;
    font-weight: bold;
}

.modal_background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    transition: 0.3s;
    z-index: 90;
}

.modal {
    transition: 0.3s;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top:0;
    left:0;

    z-index: 10000;
    background-color: #077937;

}

.modal_window {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    display: block;
    margin:0 auto;
    z-index: 100;
    text-align: center;
    background-color: rgb(7, 121, 55);
    overflow-y: scroll;
    padding: 10px;
    overflow-x: hidden;
    height: 100%;
}

.modal_window .form, .modal_window form{
    /*background-image: url("data:img/png;base64,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ABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwAgBjhAQDECA8AIEZ4AAAxwgMAiBEeAECM8AAAYoQHABAjPACAGOEBAMQIDwAgRngAADHCAwCIER4AQIzwAABihAcAECM8AIAY4QEAxAgPACBGeAAAMcIDAIgRHgBAjPAAAGKEBwAQIzwA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");
    */
    border: 1px solid rgb(249, 204, 108);
    width: fit-content;
    padding: 40px 40px 0;
    margin:0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 720px;
    position: relative;
    height:calc(100% - 40px)
}

.modal_title {
    font-size: 18px;

    color: rgb(255, 255, 255);
    font-family: "GeometriaBold", sans-serif;
    line-height: 1.5;
    margin-top: 25px;
    margin-bottom: 30px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);


}

.modal_subtitle {
    font-size: 12px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;

}

.modal_subtitle {
    font-size: 14px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    margin-bottom: 30px;
}

.modal_price_info {
    font-size: 16px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    display: block;
    padding: 20px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
}

.modal_description_small {
    font-size: 18px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;

}

.modal_description_small {
    font-size: 18px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;

}

.modal_name {
    font-size: 18px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    font-style: italic;
    line-height: 1.2;
    text-align: left;
    width: 65%;
    display: inline-block;
    float: left;
}

.modal_date {
    font-size: 14px;
    font-family: "Geometria", sans-serif;
    color: rgb(249, 204, 108);
    font-style: italic;
    line-height: 1.2;
    text-align: left;
    width: calc(35% - 5px);
    position: relative;
    right: 1%;
    float: right;
    margin-top: 12px;
    padding-right: 5px;
}


.modal_repeater {

    font-family: "Geometria", sans-serif;
    color: rgb(4, 74, 34);
    font-style: italic;
    line-height: 1.2;

    -moz-transform: matrix(1.00160705058901, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1.00160705058901, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1.00160705058901, 0, 0, 1, 0, 0);
    font-size: 20px;
    cursor: pointer;
    padding: 20px 0;

}

.modal_submit_button,.modal_close_button {
    font-size: 24px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.38);
    -moz-transform: matrix(1.39580445430182, 0, 0, 1.39967195188628, 0, 0);
    -webkit-transform: matrix(1.39580445430182, 0, 0, 1.39967195188628, 0, 0);
    -ms-transform: matrix(1.39580445430182, 0, 0, 1.39967195188628, 0, 0);

}

.modal_repeat_button {
    width: 30px;
    display: inline-block;
    height: 30px;
    background: url(../img/popup/+.png) no-repeat;
    position: relative;
    top: 8px;
    background-size: contain;
}

.close_modal,.close_modal_order {
    position: absolute;
    width: 16px;
    height: 16px;
    top: -13px;
    right: -13px;
    padding: 5px;

    cursor: pointer;
    background: rgb(7, 121, 55) url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAACoklEQVRYhb3YSWgUQRTG8X/GoOjFiyFoQnAJMbhcvYYYURDEDRUVQUQ8BFFRyNXk6EWEeBAUFRQX3EUQd/GmeBKjxLggxoXEiyeNIsqDV1A8ume6e7rq3fqb7qnfdPVUV1XDxPPdaPUBj4FnxK+pwHlgEHggrVeUcBA4BNwFlkRmTQGuAauBm8ByBxNUv540PTJuMnAVWKHH04AbQJfAGszJsXCCugysNPkbYKiid2sgMk5QF4BVJn8JLAO+u2csJq4ROAesNfkroAcYx3v4Y+EmKWq9yYcVNeaCijkhJE5QZ4ANJh8BlgLf/NDCQuEEdQrYbPK3ivpiL0iClY2TNk4A20z+XlGjaRelVRk4GYqOA9tN/lFRn6r9mmpVD05Qx4AdJhdMt+JSqxaMgjhBHQV2mXxUUR9qNZoFlhcnqCNAr8k/a/e9y9JgVlge3GFgjznvq45TI1kba8wBczj0xW9xMivYCOwz14wpajhPQ3lh1XBPdArj17h23+u8jeTpSouz3ZqEkhfyUJEGisJIwbn6oV37ouiX1wOT+lfws6Awf+ZrS565e8Di2LAk1IQ5btKFxcJYsCSUPFNdOoYl4TpDw9JQsph4ChzQUd+vZuAh0BEKVgvlar+uD/2aqbj2smFZUeg/da/OLPxqAR4B88qC5UH5uF6dIPrVqnduTr2wIigfJ9OekyZvU1xbUVg9KIs7bfLZ2q2teWFloFz9BXYCZ00+txouCVYmysfJvP+iydt1nJtVCxYC5eO2ApdM3qG45jRYSJTFXTF5p/4hmiwsBsrVH2ALcN3kC3yc3R8LjXL1G9gE3DL5Ip2VzEjaHwuN8nGyuXLb5PMFaPfHYqF83Drgjh7/BNbIXrBbjAhOQtkcjoVy9Utxsj0li+T7AP8BXTC6JynSmvkAAAAASUVORK5CYII=) no-repeat center;
    z-index: 100;
    background-size: 60%;
}

.names_all {
    max-height: 60vh;
    overflow-y: scroll;
}

.trebs_part {
    position: absolute;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: calc(100% - 62px);
    padding: 8px 18px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    box-sizing: border-box;
    top: 62px;
}

.info_order {
    display: block;
    position: relative;
    height: auto;
    width: 96%;
    margin:0 auto;
    overflow: hidden;
}

.price_trebs {
    float: right;
    text-align: right;
    position: relative;
    right:1%;
    display: inline-block;
    top:0;
    width: 27%;
}

.trebs_part ul{
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    z-index: 50;
    padding-bottom: 7px;
    -webkit-box-shadow: inset 1px -18px 30px -15px rgba(7,121,55,0.84);
    -moz-box-shadow: inset 1px -18px 30px -15px rgba(7,121,55,0.84);
    box-shadow: inset 1px -18px 30px -15px rgba(7,121,55,0.84);

}
.footnote {
    margin-top: 20px;
    font-size: 12px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.4;
    text-align: left;
}

.modal_input input {
    border: none;
    background: rgb(7, 121, 55);
    font-size: 24px;
}

.modal_date input,
.modal_date input::placeholder {

    font-family: "Geometria", sans-serif;
    color: rgb(249, 204, 108);
    font-style: italic;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: right;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    position: relative;
    right: 2px;
}
.modal_date input::after{
    content:" ";
}

.modal_name input::placeholder{
    color: #fff;
    opacity: 0.5;
    font-weight: normal;

}
input {
    outline: none;
}

.modal_input {
    display: inline-block;
    border-bottom: 2px solid rgb(249, 204, 108);
    overflow-x: hidden;
}

.modal_name input {
    font-size: 36px;
    font-family: "GeometriaBold", sans-serif;
    color: rgb(255, 255, 255);
    font-style: italic;
    line-height: 1.2;
    text-align: left;
    width: 100%;
    display: inline-block;



}

.modal_repeat_text {
    left: 10px;
    position: relative;
}

.modal_submit_button,.modal_close_button {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(164, 133, 67);
    border-radius: 6px;
    background-image: -moz-linear-gradient(90deg, rgb(164, 133, 66) 0%, rgb(192, 157, 81) 25%, rgb(220, 180, 95) 46%);
    background-image: -webkit-linear-gradient(
            90deg, rgb(164, 133, 66) 0%, rgb(192, 157, 81) 25%, rgb(220, 180, 95) 46%);
    background-image: -ms-linear-gradient(90deg, rgb(164, 133, 66) 0%, rgb(192, 157, 81) 25%, rgb(220, 180, 95) 46%);
    box-shadow: 2px 3px 1px 0 rgba(0, 0, 0, 0.16);
    font-size: 15px;
    font-family: "Geometria", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.38);
    -moz-transform: matrix(1.39580445430182, 0, 0, 1.39967195188628, 0, 0);
    -webkit-transform: matrix(1.39580445430182, 0, 0, 1.39967195188628, 0, 0);
    -ms-transform: matrix(1.39580445430182, 0, 0, 1.39967195188628, 0, 0);
    padding: 19px;
    display: block;
    width: 40%;
    opacity: 0.5;
    cursor: pointer;
    margin: 0 auto 35px;

}

.modal_submit_button.active,.modal_close_button {
    opacity: 1;
}

.modal_submit_button.active:hover,.modal_close_button:hover {
    background-image: -moz-linear-gradient(90deg, rgb(220, 180, 95) 0%, rgb(192, 157, 81) 25%, rgb(164, 133, 66) 46%);
    background-image: -webkit-linear-gradient(
            90deg, rgb(220, 180, 95) 0%, rgb(192, 157, 81) 25%, rgb(164, 133, 66) 46%);
    background-image: -ms-linear-gradient(90deg, rgb(220, 180, 95) 0%, rgb(192, 157, 81) 25%, rgb(164, 133, 66) 46%);
}

.modal_input_price .modal_name {
    width: 100%;
    top:0;
}

.modal_input_price {

    width: 100%;
}

.active .modal_repeat_text {
    color: #fff;
}

.active .modal_repeat_button {
    background: url(../img/popup/+active.png) no-repeat;
    background-size: contain;
}

.angle-top, .angle-bottom {
    position: absolute;
    width: 100%;
    top:0;
    left:0;
    height: 10px;
}

.angle-bottom {
    top: 100%;
}

.angle-top:before, .angle-top:after,
.angle-bottom:before, .angle-bottom:after {
    content: "";
    position: absolute;
    left: -8px;
    top: -7px;
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    background: url(../img/popup/angle.png) no-repeat;
    background-size: contain;
}

.angle-top:after {
    top: -9px;
    left: calc(100% - 12px);
    transform: rotate(180deg);
}

.angle-bottom:before, .angle-bottom:after {
    top: 100%
}

.angle-bottom:before {
    transform: rotate(0deg);
    top: calc(100% - 21px);
}

.angle-bottom:after {
    transform: rotate(-90deg);
    top: calc(100% - 21px);
    left: calc(100% - 10px);
}

.trebs_part ul::-webkit-scrollbar-track {

    background-color: #077937;
}

.trebs_part ul::-webkit-scrollbar {
    width:0;
    background-color: #077937;
}

.trebs_part ul::-webkit-scrollbar-thumb {
    background-color: #077937;
    border: 1px solid #077937;
}

.second_window {
    width: 100%;
    transition: 0.8s;
    position: absolute;
    top:0;
    background-color: rgb(7, 121, 55);
    height: 100%;
    left: -400%;
}

.second_window.show {
    left: 0;
}

.arrow_close {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -15px;
    top: calc(50% - 25px);
    background: url(../img/popup/arrow.png);
    background-size: contain;

}

.with_decoration input::placeholder {

    font-family: "Geometria", sans-serif;
    color: #fff;
    opacity: 0.5;
    font-weight: normal;
    font-style: italic;
    line-height: 1.2;
    text-align: left;
    width: 100%;
    display: inline-block;
    cursor: pointer;
}

.with_decoration input {
    border: none;
    color: #fff;
    background: rgb(7, 121, 55);
    font-size: 14px;
    width: 100%;
    margin-bottom: 40px;
    display: inline-block;
    border-bottom: 2px solid rgb(249, 204, 108);
}
.second_window .with_decoration{
    width: 75%;
    margin:0 auto;
}


.ui-loader {
    display: none
}

.bottom-block {
    position: absolute;
    width: 90%;
    bottom: 40px;
    left: 5%;
}
.main_window{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.donate_part ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}

.donate_part ul {
    list-style: disc;
}

.page-template-template-donate {
    background: url("../img/donate.jpg");
    background-size: cover;
}

.donate_part ul {
    overflow-x: hidden;
    overflow-y: hidden;
}

.donate_part .trebs_block {
    background-image: url(../img/donate-part-body.png);
    background-repeat: repeat-x;
}

.donate_part .trebs_block:hover {
    background-image: url(../img/donate-part-body-hover.png);
    background-repeat: repeat-x;
}

.donate_part .info_order {
    height: auto;
}

.donate_part .trebs_block:before, .donate_part .trebs_block:after {
    content: " ";

    width: 45px;
    position: absolute;
    left: -35px;
    top:0;
    height: 62px;
    display: block;
    background-image: url(../img/donate-part-edge.png);
    background-size: contain;
    background-repeat: no-repeat;

}
.donate_part .bottom_text div{
    align-self: flex-end;
}
.donate_part .trebs_block:hover::before{
    background-image: url(../img/donate-part-edge-hover.png);
}

.donate_part .trebs_block:hover::after{
    background-image: url(../img/donate-part-body-hover-right.png);
}
.donate_part .info_order {
    width: 75%;
    text-align: center;
    overflow: visible;
}

.donate_part .trebs_block:after {
    background-image: url(../img/donate-part-edge-right.png);
    left: 99%;

}
.donate_part .title_trebs{
   width:100%;
    left:0;
    text-align: center;

}
.donate_part .trebs_block {
    background-size: contain;
    height: auto;
    overflow: visible;
}
.donate_part  .trebs_block_content {
    height: 62px;
}
.modal_input_price{
    border-bottom:none;
}
.modal_input_price{
    border-bottom: none;
}
.donate_part .bottom_text{
    position: absolute;
    bottom:0;
}
.donate_part ul {
    height: auto;
}
.donate_part {
    width: 100%;
    display: block;
    margin: 0px auto;
}
.trebs_part ul li{
    margin-bottom:0;
    z-index: 40;
}
.trebs_part ul li:last-child{
    margin-bottom:0;
}
.last_block:after{
    content: "";
    display: none;
}
.block_price_top{
    padding-left: 6px;
    margin-right: 14px;
}
.donate_part ul li {
    margin-bottom: 5px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.box-shadow{
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    -webkit-box-shadow:0 -2px 8px 6px rgba(7,121,55,1);
    -moz-box-shadow:0 -2px 8px 6px rgba(7,121,55,1);
    box-shadow:0 -2px 8px 6px rgba(7,121,55,1);
    z-index: 100;
}
.mbsc-ios.mbsc-scroller-wheel-cont-bottom.mbsc-scroller-wheel-cont-3d,
.mbsc-ios.mbsc-scroller-wheel-cont-top.mbsc-scroller-wheel-cont-3d{
    background: #c5a35d !important;
}
.mbsc-ios.mbsc-scroller-wheel-line{
    background: none !important;
}
.mbsc-ios.mbsc-popup-buttons-bottom, .mbsc-ios.mbsc-popup-buttons-top {
    background: #077937 !important;
}
.mbsc-ios.mbsc-button-flat {
    color: rgb(249, 204, 108) !important;
}
.mbsc-ios.mbsc-popup-buttons, .mbsc-ios.mbsc-popup-header-center, .mbsc-ios.mbsc-popup-header-no-buttons,
.mbsc-ios.mbsc-popup-bottom, .mbsc-ios.mbsc-popup-top{
    border-color: rgb(249, 204, 108) !important;
}

.mbsc-ios.mbsc-picker .mbsc-popup-arrow, .mbsc-ios.mbsc-picker .mbsc-popup-body {
    background: rgb(249, 204, 108) !important;
}
.mbsc-ios.mbsc-scroller-wheel-overlay-bottom, .mbsc-ios.mbsc-scroller-wheel-overlay-top {
    background: linear-gradient(rgba(209,213,219,0),rgba(209,213,219,0) 52%,rgba(209,213,219,0) 0,rgba(209,213,219,0)) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 30px rgb(7, 121, 55) inset !important;
}

.names_all::-webkit-scrollbar-track {

    background-color: #077937;
}

.names_all::-webkit-scrollbar {
    width: 2px;
    background-color: #077937;
}

.names_all::-webkit-scrollbar-thumb {

    background-color: #077937;
    border: 0 solid #005a26;
    transition: 0.5s;
}
.names_all:hover::-webkit-scrollbar-thumb {
    transition: 0.5s;
    border: 1px solid #005a26;

}
.modal_info_order{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display:block;
    background: #077937;
}
.modal_info_order{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display:block;
    padding: 20px;
    background: #077937;
    z-index: 100;
}
.close-popup{
    width: 100%;
    position: relative;
    display: block;
    top: 35%;
}
.border_modal_info{
    border: 1px solid rgb(249, 204, 108);
    width: calc(100vw - 40px);
    position: relative;
    height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family:Geometria;
    color: rgb(249, 204, 108);
    font-size:18px;

}
.last_block .trebs_block_content{
    position: relative;
    top: -0px;
}
.first_block .trebs_block_content{
    position: relative;
    top: -2px;
}
.first_block .top_angle,.last_block .bottom_angle{
    display: none;
}

.windows8 {
    position: relative;
    width: 78px;
    height:78px;
    margin: 0px auto;
    top: calc(50% - 78px);
}

.windows8 .wBall {
    position: absolute;
    width: 74px;
    height: 74px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 6.96s infinite;
    -o-animation: orbit 6.96s infinite;
    -ms-animation: orbit 6.96s infinite;
    -webkit-animation: orbit 6.96s infinite;
    -moz-animation: orbit 6.96s infinite;
}

.windows8 .wBall .wInnerBall{
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    left:0px;
    top:0px;
    border-radius: 10px;
}

.windows8 #wBall_1 {
    animation-delay: 1.52s;
    -o-animation-delay: 1.52s;
    -ms-animation-delay: 1.52s;
    -webkit-animation-delay: 1.52s;
    -moz-animation-delay: 1.52s;
}

.windows8 #wBall_2 {
    animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}

.windows8 #wBall_3 {
    animation-delay: 0.61s;
    -o-animation-delay: 0.61s;
    -ms-animation-delay: 0.61s;
    -webkit-animation-delay: 0.61s;
    -moz-animation-delay: 0.61s;
}

.windows8 #wBall_4 {
    animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -moz-animation-delay: 0.91s;
}

.windows8 #wBall_5 {
    animation-delay: 1.22s;
    -o-animation-delay: 1.22s;
    -ms-animation-delay: 1.22s;
    -webkit-animation-delay: 1.22s;
    -moz-animation-delay: 1.22s;
}



@keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin:0%;
    }

    30% {
        opacity: 1;
        transform:rotate(410deg);
        animation-timing-function: ease-in-out;
        origin:7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin:30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin:39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin:70%;
    }

    76% {
        opacity: 0;
        transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin:0%;
    }

    30% {
        opacity: 1;
        -o-transform:rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin:7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin:30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin:39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin:70%;
    }

    76% {
        opacity: 0;
        -o-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin:0%;
    }

    30% {
        opacity: 1;
        -ms-transform:rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin:7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin:30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:70%;
    }

    76% {
        opacity: 0;
        -ms-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:0%;
    }

    30% {
        opacity: 1;
        -webkit-transform:rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin:7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:70%;
    }

    76% {
        opacity: 0;
        -webkit-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin:0%;
    }

    30% {
        opacity: 1;
        -moz-transform:rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin:7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin:30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:70%;
    }

    76% {
        opacity: 0;
        -moz-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}
#loader{
    display:none;
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height: 100%;
    background: #077937;
    z-index: 9999999;
}
.modal_subtitle p{
    margin: 5px 0px;
}