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{font-style: italic; font-size: 24px; line-height: 30px; text-align: left; margin: 0; padding: 0; text-transform: uppercase; font-weight: 700;}
h1 strong{display: block; font-weight: 400; padding: 15px 0 0;}
h1 a{font-weight: 700; text-decoration: underline; color: #dc1f27;}
.notouch h1 a:hover{text-decoration: none;}
@media screen and (max-width: 1280px) {
  h1{font-size: 18px; line-height: 24px;}
}



p, div, article, .text_page{ font-size: 14px; font-weight: 400;}
strong, b{ font-weight: 700}

article a{ font-weight: 700; color: #dc1f27; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch article a:hover{text-decoration: none;}


article{ 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.normal, .text_box ul.normal{text-align: center; column-count: 2;}
article ul.normal li, .text_box ul.normal li{list-style: none;}

@media screen and (max-width: 1200px) {
  article ul.normal, .text_box ul.normal{column-count: 1;}
}

article ul, .text_box ul{column-count: 4; padding: 0; margin-top: 0;}
article ul li, .text_box ul li{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: 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;}

.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: 'Open sans', 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; 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.typ_1{ background: #dc1f27; border: 1px solid #dc1f27; color: #ffffff;}
.notouch .btn.typ_1:hover{background: #ab0000;}



#content{text-align: left; position: relative; background: url(../img/main_bg.jpg) no-repeat fixed center center #f1f1f1;}









.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{text-align: center; position: relative; z-index: 10; text-transform: none;}

.welcome_2 .text .clear.hide{display: block;}

.welcome_2 .text_page{padding: 30px; background: rgba(255,255,255,0.8); margin: 20px auto 0;}
.welcome_2 .text_page .img{border: 2px solid #000; position: relative; display: block; width: 28%; float: right; margin: 0 0 5px 20px;}
.welcome_2 .text_page .img img{max-width: 100%; display: block; margin: 0;}
.welcome_2 .text_page .text{color: #000000; display: block;}
.welcome_2 .text_page.reverse .img{float: left; margin: 0 20px 5px 0}


@media screen and (max-width: 1024px) {
  .welcome_2{padding: 60px 0;}
  .welcome_2 .text_page .img{width: 40%;}
}

@media screen and (max-width: 600px) {
  .welcome_2 .text_page .img{display: none; width: 100%; max-width: 288px; margin: 0 0 10px;}
  .welcome_2 .text_page .text{display: block; width: 100%; padding: 0; margin: 0;}

}



@media screen and (max-width: 500px) {
  .welcome_2{padding: 40px 0;}
}









.welcome_2 .ben_list{padding: 30px; background: rgba(255,255,255,0.8); margin: 20px 0 0; text-align: center; display: block; position: relative;}
.welcome_2 .ben_list .btn{width: 210px; 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;}


