header,nav,section,article,aside,footer,hgroup{ display:block;}
a{ text-decoration:none; outline: 0; color:inherit;}
a img{ border:none;}
.clear{ clear:both; margin: 0; display: block; width: 100% !important; float: none !important;}
.relative{ position: relative;}
.float_right{ float:right; position: relative;}
.float_left{ float:left; position: relative;}
.align-left{ text-align: left !important; margin: 0;}
.align-center{ text-align: center !important; margin: 0;}
.align-right{ text-align: right !important; margin: 0;}


.font_size{ font-size: 0 !important;}



h1, .h1{font-style: italic; font-size: 24px; line-height: 30px; color: #ffffff; text-align: left; margin: 0; padding: 0; text-transform: uppercase; font-weight: 700;}
h1 strong, .h1 strong{display: block; font-weight: 400; padding: 15px 0 0;}
@media screen and (max-width: 1280px) {
  h1, .h1{font-size: 18px; line-height: 24px;}
}

h2{font-size: 20px; line-height: 26px; color: #ffffff; text-align: left; margin: 30px 0 10px; padding: 0; font-weight: 600;}
@media screen and (max-width: 1280px) {
  h2{font-size: 18px; line-height: 24px;}
}

h3{font-style: italic; font-size: 18px; line-height: 24px; color: #ffffff; margin: 30px 0 10px; padding: 0; font-weight: 600;}
@media screen and (max-width: 1280px) {
  h3{font-size: 16px; line-height: 22px;}
}



p, div, article, .text_page{ font-size: 14px; font-weight: 400;}
strong, b{ font-weight: 700}

article a{ font-weight: 700; color: #15a126; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch article a:hover{text-decoration: none;}


article{ text-align: left; line-height: 1.6em;}
article p{ margin-top: 0;}
article.max{ max-width: 100%; margin: 40px 0 0; }
article *:nth-child(1){ margin-top: 0;}
article *:last-child{ margin-bottom: 0;}


article ul, .text_box ul{column-count: 5; padding: 0; margin-top: 0;}
article ul li, .text_box ul li{color: #fff; padding: 0; margin: 0 20px 0 0; position: relative;}

article ul > li, .text_box ul > li{list-style: disc outside; margin-left: 1em;}

@media screen and (max-width: 1200px) {
  article ul, .text_box ul{column-count: 4;}
}

@media screen and (max-width: 950px) {
  article ul, .text_box ul{column-count: 3;}
}

@media screen and (max-width: 750px) {
  article ul, .text_box ul{column-count: 2;}
}

@media screen and (max-width: 500px) {
  article ul, .text_box ul{column-count: 1;}
}





@media screen and (max-width: 750px) {
  article p{ display: block;}
}

article img{ max-width: 100%; height: auto !important; position: relative;}

.font{font-famiy: 'Poppins', sans-serif;}
.clear{ margin: 0 !important;}



html{ margin: 0 auto; padding: 0; background: #f2f2f2 ;}
body{ text-align: center; color: #000000; background: #ffffff !important; padding: 0; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: 'Poppins', sans-serif, Arial; font-weight: 400; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}




.inside{ width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;}



.btn{ outline: none;font-weight: 600; color: #000000; font-size: 14px; line-height: 22px; padding: 12px 30px 10px; text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; text-transform: uppercase; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.btn.inline{ display: inline-block; vertical-align: middle; margin: 20px 0 0;}
.btn.uppercase{text-transform: none;}


.btn.typ_1{ background: #15a126; border: 1px solid #0a7a18; color: #ffffff;}
.notouch .btn.typ_1:hover{background: #0a7a18;}



#content{text-align: left; position: relative; background: url(../img/main_bg.jpg) no-repeat scroll center center; background-size: cover;}
#content::before{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(32,129,66,0.8); content: ""; z-index: 0;}










.welcome_1{z-index: 1; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0.25;}






.welcome_2{z-index: 10; padding: 60px 0 60px; min-height: calc(100vh - 120px);  position: relative; display: flex; align-items: center;flex-direction: column;}

.welcome_2 h1, .welcome_2 .h1{text-align: center; position: relative; z-index: 10; text-transform: none;}
.welcome_2 .h1 a{text-decoration: underline; color: #15a126;}


.welcome_2 .text_page{margin: 20px auto 0;}
.welcome_2 .text_page .text{color: #ffffff; display: block;}
.welcome_2 .text_page .text p{padding: 20px; border: 2px solid #000; border-radius: 8px; background: rgba(0,0,0,0.5);}

@media screen and (max-width: 1024px) {
  .welcome_2{padding: 60px 0;}
}

@media screen and (max-width: 600px) {
  .welcome_2 .hide.clear{display: block;}
}



@media screen and (max-width: 500px) {
  .welcome_2{padding: 40px 0;}
}









.welcome_2 .ben_list{clear: both; color: #ffffff; text-align: center; display: block; position: relative; padding: 40px 0 0;}
.welcome_2 .ben_list > p{color: #000; font-size: 20px; line-height: 24px; font-weight: 700;}
.welcome_2 .ben_list .btn{margin: 6px 12px;}






.scroll_top{cursor: pointer; display: block; z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #efefef; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.scroll_top.left{left: 30px; right: initial;}
.scroll_top.hide{display: none;}
.scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .scroll_top:hover::before{opacity: 0;}
.notouch .scroll_top:hover::after{opacity: 1;}
.notouch .scroll_top:hover{background: #bfba17; border: 1px solid #bfba17;}
.scroll_top.active{opacity: 1; bottom: 30px;}