html {
    min-height: 100%;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Arial';
    color: #717171;
    background-color: #fff; 
    min-width: 300px;
/*    overflow: hidden;*/
}

a {
    text-decoration: none;
    color: #679d00;
    font-size: 12px;
    font-family: 'Arial';
}

a:hover {
    text-decoration: none;
}

p, .text {
    font-size: 12px;
    color: #717171;
    line-height: 19px;
    font-family: 'Arial';
    margin: 5px 0 5px 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.clear { clear: both; }
.last { margin-right: 0 !important;  margin-left: 0 !important; }

.header-wrapper { position: fixed; width: 100%;  height: 107px; z-index: 100; background-color: #fff; }
.header { position: relative; margin: 0 auto; width: 960px;  height: 107px; }
.header h1, .footer h1 { position: absolute; left: 0; top: 31px; font-size: 24px; color: #609913; font-family: 'titilliummaps26l500_wt'; }

.logo { font-size: 24px; color: #609913; font-family: 'titilliummaps26l500_wt'; }

.slider-wrapper { position: relative; width: 100%;  height: 471px; background-color: #81b739;  top: 107px; }
.slider { position: relative; margin: 0 auto; width: 960px;  height: 364px; }

.baner { position: absolute; width: 100%; height: 364px; background: url('../images/baner.png') no-repeat center top; }

.menu { 
    position: absolute;
    right: 0px;
    top: 31px;
    height: 40px;
}

.menu a {
    position: relative;
    float: left;
    color: #006100;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'titilliummaps26l500_wt';
    padding: 4px 0;
    margin-left: 22px;
    border-top: 3px solid #fff;
}

.menu a:hover { color: #81b739;  }
.menu a.active { color: #81b739; border-top: 3px solid #81b739; }

.content-wrapper { position: relative; width: 100%; }
.content { position: relative; margin: 0 auto; width: 960px;  min-height: 250px; z-index: 20;}

.content-wrapper.start { min-height: 500px; background: url('../images/bg.png') repeat;  overflow: hidden}
.content-wrapper.news { min-height: 640px; background: url('../images/bg-news.png') repeat; }
.content-wrapper.help { height: 355px; overflow: hidden; max-height: 696px; }
.content-wrapper.gallery { min-height: 427px; background: url('../images/bg-gallery.png') repeat; }
.content-wrapper.events { min-height: 479px; background: url('../images/bg.png') repeat; }
.content-wrapper.documents { min-height: 478px; background: url('../images/bg-news.png') repeat; }
.content-wrapper.contact { min-height: 479px; background: url('../images/bg-contact.png') repeat; }
.content-wrapper.footer { min-height: 244px; background: url('../images/bg-footer.png') repeat; }

.start-p { height: 94px; overflow: hidden; position: relative; float: left;}
.documents-p { height: 99px; overflow: hidden; position: relative; float: left;}

.content-wrapper .help-left { position: absolute; height: 696px; width: 50%; left: 0; top: 0; background-color: #f3f5f8; }
.content-wrapper .content .help-l { position: relative; height: 696px; width: 481px; float: left; background: url('../images/help-a.png') no-repeat;  }
.content-wrapper .content .help-r { position: relative; float: left; background-color: #fff; width: 429px; padding-left: 50px; padding-bottom: 40px; }

.top { position: relative; float: left; width: 100%; line-height: 42px; padding-top: 65px; font-family: 'titilliummaps26l500_wt'; text-align: center; background: url('../images/line-green.png') no-repeat center top; color: #7baf37; font-size: 36px; text-transform: uppercase; }
.top.white { color: #fff; background: url('../images/line-white.png') no-repeat center top; }

.footer h1, .footer .menu { top: 35px; }

#project { position: relative; margin-top: 133px; float: right; font-family: 'Arial'; color: #747474; font-size: 12px; }
#project a { color: #fbc302; font-weight: bold; }
#project a:hover { text-decoration: underline; }

#copyright { position: relative; margin-top: 133px; float: left; font-family: 'Arial';color: #747474; font-size: 12px; }
#copyright span { color: #fbc302; font-weight: bold; }

.photo-box { position: relative; float: left; margin-top: 52px; width: 100%; }
.photo-box a { position: relative; float: left; padding: 2px; border: 1px solid #fff;  border-radius: 4px; margin: 0 22px 22px 0; padding-bottom: 0 !important; width: 217px; }
.photo-box a img { border-radius: 4px; }
.photo-box a:hover img { opacity: 0.9; }

.clear { clear: both; }
.last { margin-right: 0 !important; }

.start-left { position: relative; float: left; width: 390px; min-height: 340px; padding-right: 90px; }
.start-right { position: relative; float: left; width: 390px; min-height: 340px;  padding: 0 45px;}

.calendar-left { position: relative; float: left; width: 480px; height: 369px; background: url('../images/calendar.png') no-repeat center center; }
.calendar-right { position: relative; float: left; width: 390px; min-height: 369px;  padding: 0 45px;}

.documents-left { position: relative; float: left; width: 480px; height: 369px; background: url('../images/documents.png') no-repeat center top; }
.documents-right { position: relative; float: left; width: 390px; min-height: 369px; padding: 0 45px; }

.area-a h3 { position: relative; float: left; width: 100%; color: #006100; font-size: 24px; font-family: 'titilliummaps26l500_wt'; text-transform: uppercase; margin: 74px 0 15px 0; line-height: 30px; }
.area-a p { position: relative; float: left; width: 100%; color: #747474; font-size: 12px; font-family: 'Arial'; }
.area-a .button { position: relative; float: left; background-color: #fbc302; border-radius: 5px; border-bottom: 2px solid #73910b; color: #fff; font-size: 14px; font-family: 'titilliummaps26l999_wt'; text-transform: uppercase; text-shadow: 1px 1px #aa8501; padding: 9px 17px; margin-top: 25px; }

.documents-right p { color: #fff; }
.documents-right .button { border-bottom: 2px solid #006100; }

.button:hover { opacity: 0.9; }

.news-box { position: relative;  width: 100%; margin-top: 70px; float: left; overflow: hidden; max-width: 990px; }
.news-a { position: relative; float: left; width: 300px; height: 352px; background-color: #fff; border-radius: 5px; margin-right: 30px; margin-bottom: 20px; } 
.news-a .img { position: relative; float: left;  }
.news-a .inside { position: relative; float: left; width: 270px;  height: 170px; background: url('../images/news.png') no-repeat; margin: 0 14px; }
.news-a h3 { position: relative; float: left; width:  270px; font-size: 14px; color: #006100; text-align: center; font-family: 'titilliummaps26l500_wt'; text-transform: uppercase; margin: 28px 0 5px 0; }
.news-a p { position: relative; float: left; width: 270px; text-align: center; }
.news-a .date { position: absolute; bottom: 9px; left: 0px; font-size: 12px; color: #747474; font-family: 'Arial'; }
.news-a .more { position: absolute; bottom: 9px; right: 0px; font-size: 12px; color: #fbc302; font-family: 'Arial'; text-decoration: underline; }
.news-a .more:hover { text-decoration: none; }

.about-img { border: 1px solid #7baf37; padding: 1px; background-color: #fff; border-radius: 5px; margin-top: 77px; }

.slide { position: relative; float: left; width: 370px; height: 294px; padding-top: 70px; }
.slide label { position: relative; float: left; width: 370px; color: #006100; font-family: 'titilliummaps26l999_wt'; font-size: 18px; }
.slide label+label { position: relative; float: left; width: 370px; color: #fff; font-family: 'titilliummaps26l500_wt'; font-size: 44px; line-height: 60px; margin-left: -2px;  }
.slide label+label span { font-size: 66px; margin-left: -3px;  }

.name { position: relative; float: left; width: 50%; height: 50px; margin-top: 75px; }
.email { position: relative; float: left; width: 50%;  height: 50px; margin-top: 75px; }
.message { position: relative; float: left; width: 100%;  height: 250px; }

.ins-a { position: relative; float: right; width: 330px; height: 54px; }
.ins-b { position: relative; float: left; width: 330px; height: 50px; }
.ins-c { position: relative; max-width: 660px;  height: 140px; margin: 0 auto; padding: 2px 0 0 0; }

.border-a { position: relative; float: right; border: 1px solid #7baf37; border-radius: 3px; padding: 4px; }
.border-a input { position: relative; float: right; border: 1px solid #dce4d3; border-radius: 3px; padding: 8px; width: 198px; color: #747474; font-size: 12px; font-family: 'Arial'; }

.border-a textarea { position: relative; float: left; border: 1px solid #dce4d3; border-radius: 3px; padding: 8px; height: 110px; width: 529px; color: #747474; font-size: 12px; font-family: 'Arial'; }

.ins-a label, .ins-b label, .ins-c label { font-weight: bold; color: #747474; font-family: 'Arial'; position: relative; float: right; margin: 14px 8px 14px 0; }
.ins-a label span, .ins-b label span, .ins-c label span {  color: #fbc302;  }
.ins-c label { margin-left: -20px; }
.ins-c p { position: relative; float: left; margin: 18px 0 0 102px; }
.ins-c p span { color: #fbc302; }

.menu-small { overflow: hidden; height: 17px; cursor: pointer; display: none; z-index: 30; background-color: #fff; position: absolute; top: 15px; right: 5px; width: 100px;  border-radius: 3px; border: 1px solid #006128; padding: 5px 10px; font-family: 'titilliummaps26l999_wt'; color: #006100; text-transform: uppercase; text-align: center; }
.menu-small div { position: relative; float: left; margin-bottom: 5px; }
.menu-small div a { margin: 0 0 0 0; padding: 8px 0 8px 0; border-top: 1px solid #679d00; position: relative; float: left; width: 90%; }
.menu-small.show-this-menu { height: auto; }
.menu-small label { position: relative; float: left; width: 100%; text-align: center; margin-bottom: 7px; }
.menu-small div a.active { font-weight: bold; }

.n-3 { margin-right: 0; }

.send { position: relative; float: right; background-color: #fbc302; border-radius: 5px; border-bottom: 2px solid #73910b; color: #fff; font-size: 14px; font-family: 'titilliummaps26l999_wt'; text-transform: uppercase; text-shadow: 1px 1px #aa8501; padding: 9px 17px; margin-top: 8px; }

.slide-button { position: relative; float: left; color: #fff; font-family: 'titilliummaps26l999_wt'; text-transform: uppercase; text-shadow:  1px 1px grey; border: 1px solid #fff; border-radius: 5px; padding: 10px 15px; margin-top: 20px; font-size: 14px; }
.slide-button:hover { color: #fff; border: 1px solid #fff; }

.one-procent { position: relative; float: left; width: 100%; color: #006200; font-family: 'titilliummaps26l500_wt'; font-size: 48px; margin: 40px 0 20px 0; }
.one-procent span { color: #ec6e00; }

.how-transfer-a { position: relative; float: left; width: 100%;  color: #006200; font-size: 19px; font-family: 'titilliummaps26l999_wt';  }
.how-transfer-b { position: relative; float: left; width: 100%;  color: #7baf37; font-size: 19px; font-family: 'titilliummaps26l999_wt'; line-height: 23px; margin-top: 10px; }

.help-r .button { margin-top: 40px; }
.or { position: relative; float: left; color: #006200; font-family: 'titilliummaps26l999_wt'; text-transform: uppercase; color: #909090; font-size: 14px; margin-top: 40px; padding: 10px 16px; }
.button-help { position: relative; float: left; color: #006200; font-family: 'titilliummaps26l999_wt'; text-transform: uppercase;  border: 1px solid #006200; margin-top: 40px; border-radius: 5px; padding: 9px 15px; font-size: 14px; }
.button-help:hover { color: #7BAF37; border: 1px solid #7BAF37; }

.fundation-desc { position: relative; float: left; color: #006200; font-family: 'titilliummaps26l999_wt'; font-size: 24px; margin: 110px 0 40px 0; line-height: 33px; }
.fundation-desc span { color: #ec6e00; }
.pay-a { position: relative; float: left; width: 100%; color: #006200; font-size: 14px; font-family: 'titilliummaps26l500_wt'; margin-bottom: 3px; }
.pay-a span { color: #ec6e00; }

.hide { display: none !important; }

.event-content { position: relative; 
                    width: -moz-calc(100% - 100px);
                    width: -webkit-calc(100% - 100px);
                    width: -o-calc(100% - 100px);
                    width: calc(100% - 100px);
                    background-color: #f7f7f7; border: 1px solid #fff; padding: 30px 50px ; float: left; margin: 50px 0 50px 0; }
.event-section { position: relative; width: 380px; }
.event-section.left { float: left;  }
.event-section.right { float: right;  }

.event-item { position: relative; width: 380px; margin-top: 20px; float: left; }
.event-item label { position: relative; float: left; width: 100%; font-family: 'Arial'; font-size: 12px; color: #7baf37; }

.event-line { position: relative; float: left; width: 100%; height: 1px; background-color: #fff; border-top: 1px solid #e2e2e2; margin: 50px 0 30px 0; }

.area-a ul { position: relative; float: left; padding-left: 15px; }
.area-a ul li { color: #747474; line-height: 22px; list-style-type: square; }

.gal-load { float: right; margin-bottom: 20px; font-size: 16px; color: #fff; text-transform: uppercase; font-family: 'titilliummaps26l500_wt';  border: 1px solid #6A9630; padding: 9px 35px; border-radius: 5px; position: relative; background: url("../images/bg-news.png") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.gal-loadx:hover { color: #006255; border: 1px solid #006255; }

.nav { position: relative; float: left; width: auto; height: 14px; 

                    margin-left: 460px;


}
.nav a { position: relative; float: left; width: 14px; height: 14px; background: url('../images/pp.png') no-repeat -14px 0; margin-right: 7px; margin-top: 26px;  }
.nav a.active { background-position:  0 0; }
 
.news-box .in { width: 990px; float: left; position: relative;}

.prev { position: absolute; top: 338px; left: -50px; height: 30px; width: 19px; background: url('../images/right.png') no-repeat; }
.next { position: absolute; top: 338px; right: -50px; height: 30px; width: 19px; background: url('../images/left.png') no-repeat; }

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

       .header, .slider, .content { width: 100%; } 
       .start-right { padding: 0; }
       .help-l, .calendar-left, .documents-left, .help-left { display: none; }
       .help-r, .calendar-right, .documents-right { width: 100%; padding: 0; }
       .help { min-height: 0 !important; }
       .news-box { width: 630px;}
       .news .content .n-2 { margin-right: 0; }
       .news .content .n-3 { margin-right: 31px; }
       .fundation-desc { margin-top: 65px; }
       .news-box .in { width: 100% }
       .prev, .next, .nav { display: none; }
}

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

      .start-left { width: 100%; padding: 0; }
      .start-right { width: 100%; }
      .start-right img { margin-top: 0; }
      .slide label+label { font-size: 34px; }
      .slide label+label span { font-size: 56px; }
      .event-section.right { float: left !important; }
}

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

       .header h1 { top: 10px; }
       .header .menu { top: 65px; }
/*       .ins-c { width: 330px; }*/
       .footer h1 { display: none; }
       
}

@media screen and (max-width: 660px) {
        .header .menu a, .footer .menu a { font-size: 16px; margin-left: 14px; text-transform: none; }
        .header .menu { top: 60px; }
       
}

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

       .message textarea { width: 198px; }
       .email, .name, .message { width: 350px; float: left; }
       .email .ins-b, .message .ins-c { float: right; }
       .email { margin-top: 10px;  }
       .message p { margin: 15px 0 5px 123px; }
       
}

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

      .news-box { width: 315px;}
}

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

      .header .menu, .footer .menu { display: none; }
      .menu-small { display: block; }
      
      .header h1, .footer h1 { top: 37px !important; font-size: 22px; }
      .help-r { padding-left: 0 !important; width: 100% !important; }
      .start-right img { width: 308px; }
      .slide { display: none; }
      .message textarea { width: 160px; }
      .email, .name, .message { width: 300px; float: left; }
      .email input, .name input { width: 160px; }
      .header h1, .footer h1 { top: 52px; left: 10px; }
      .top { font-size: 21px; line-height: 30px; }
      .area-a h3,.area-a p, .area-a label { 
                    width: -moz-calc(100% - 20px);
                    width: -webkit-calc(100% - 20px);
                    width: -o-calc(100% - 20px);
                    width: calc(100% - 20px); 
                    margin-left: 10px }
      
      .area-a h3 { margin-top: 35px; }
      
      .area-a .button { margin: 20px 0 20px 10px; }
      
      #copyright {  width: -moz-calc(100% - 20px);
                    width: -webkit-calc(100% - 20px);
                    width: -o-calc(100% - 20px);
                    width: calc(100% - 20px);
                    margin-left: 10px;
                    margin-right: 10px;
                    border-top: 1px solid #609913;
                    padding-top: 30px;
                    margin-top: 30px;
      
      }
      #project { margin-top: 10px; float: left; margin-left: 10px;  }
      
      .start-right { min-height: 250px !important; }
      .one-procent { font-size: 40px;  }
      .or { display: none; }
      .button-help { float: left; margin: 20px 0 0 20px; }
      .news-box, .photo-box {
            width: -moz-calc(100% - 10px);
            width: -webkit-calc(100% - 10px);
            width: -o-calc(100% - 10px);
            width: calc(100% - 10px);
            margin-left: 10px;
      }
      .footer { background: url("../images/bg-contact.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }
}

@media screen and (max-width: 430px) {
    .event-content { padding: 10px; }
    .event-section { width: 120px; }
    .event-item { width: 310px; }  
}