html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sup,sub,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tfoot,thead,p{background:transparent;border: 0 none;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertical-align: baseline}
table {border-collapse:collapse;border-spacing:0}
[hidden] {display:none}

.black {color: #000}

body, button, input, textarea, select {font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #2f2f2f; line-height: 26px}

h1, h2, h3 {font-weight: 700; color: #000}

h1 {font-size: 36px; line-height: 42px}
h2 {margin: 34px 0 14px 0; font-size: 24px; line-height: 30px}
h3 {margin: 24px 0 10px 0; font-size: 18px; line-height: 24px}

.red {color: #ab1113}

p {margin: 14px 0}

p > img {border-radius: 10px; overflow: hidden; line-height: 0}

b, strong {font-weight: 700}

a {color: #ab1113; text-decoration: underline}
a:hover {color: #ab1113; text-decoration: none}
a:hover, a:active, a:focus {outline: 0}

ul, ol {margin: 14px 0; padding: 0; list-style: none}
ol {counter-reset: list1;}

li {margin: 14px 0; padding-left: 24px; position: relative} 
ul > li:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #000; position: absolute; top: 11px; left: 7px}

ol li > ul {padding: 0;}

ol > li {padding-left: 28px}
ol > li:before {counter-increment: list1; content: counter(list1, decimal) "."; display: block; text-align: center; color: #787878; position: absolute; top: 0; left: 0}

ol ol > li {padding-left: 34px}
ol ol > li:before {content: counters(list1,".");}

img {border: 0; max-width: 100%; width: auto; height: auto}

blockquote {display: block; margin: 14px 0; padding: 30px; width: 100%; font-size: 24px; font-weight: 600; color: #fff; text-align: center; background: #AB1113; border-radius: 10px; box-sizing: border-box; line-height: 30px}

hr {display: block; margin: 30px 0 45px 0; width: 100%; height: 1px; border: none; background:#D9D9D9}

.wrapper input[type='text'], .wrapper input[type='password'], .wrapper textarea {padding: 0 20px; width: 100%; height: 60px; font-size: 16px; background: #fff; border: 1px solid #D9D9D9; border-radius: 10px; box-sizing: border-box}
.wrapper input[type='text'].error, .wrapper input[type='password'].error {border: 1px solid red}
.wrapper textarea {padding: 14px 20px; height: 134px; resize: none}
.wrapper input:focus, .wrapper textarea:focus {outline: none}

input[type='text']::-webkit-input-placeholder {color:#7B7B7B; opacity: 1}
input[type='text']::-moz-placeholder {color:#7B7B7B; opacity: 1}
input[type='text']:-moz-placeholder {color:#7B7B7B; opacity: 1}
input[type='text']:-ms-input-placeholder {color:#7B7B7B; opacity: 1}
input[type='text']:focus::-webkit-input-placeholder {color: transparent}
input[type='text']:focus::-moz-placeholder {color: transparent}
input[type='text']:focus:-moz-placeholder {color: transparent}
input[type='text']:focus:-ms-input-placeholder {color: transparent}
input[type='password']::-webkit-input-placeholder {color:#7B7B7B; opacity: 1}
input[type='password']::-moz-placeholder {color:#7B7B7B; opacity: 1}
input[type='password']:-moz-placeholder {color:#7B7B7B; opacity: 1}
input[type='password']:-ms-input-placeholder {color:#7B7B7B; opacity: 1}
input[type='password']:focus::-webkit-input-placeholder {color: transparent}
input[type='password']:focus::-moz-placeholder {color: transparent}
input[type='password']:focus:-moz-placeholder {color: transparent}
input[type='password']:focus:-ms-input-placeholder {color: transparent}
textarea::-webkit-input-placeholder {color:#7B7B7B; opacity: 1}
textarea::-moz-placeholder {color:#7B7B7B; opacity: 1}
textarea:-moz-placeholder {color:#7B7B7B; opacity: 1}
textarea:-ms-input-placeholder {color:#7B7B7B; opacity: 1}
textarea:focus::-webkit-input-placeholder {color: transparent}
textarea:focus::-moz-placeholder {color: transparent}
textarea:focus:-moz-placeholder {color: transparent}
textarea:focus:-ms-input-placeholder {color: transparent}

.button, .wrapper button, .wrapper input[type="button"], .wrapper input[type="reset"], .wrapper input[type="submit"] {display: block; padding: 0 20px; width: 100%; height: 50px; color: #fff; font-size: 16px; font-weight: 400; text-align: center; text-decoration: none; background: #2F2F2F; border: none; border-radius: 10px; cursor: pointer; *overflow: visible; -webkit-appearance: none; box-sizing: border-box; line-height: 50px; transition: all .2s ease; user-select: none}
.button:hover, .wrapper button:hover, .wrapper input[type="button"]:hover, .wrapper input[type="reset"]:hover, .wrapper input[type="submit"]:hover {color: #fff; background: #AB1113; border: none; text-decoration: none}
.button.red, .wrapper button.red, .wrapper input[type="button"].red, .wrapper input[type="reset"].red, .wrapper input[type="submit"].red {background: #AB1113; color: #fff}
.button.red:hover, .wrapper button.red:hover, .wrapper input[type="button"].red:hover, .wrapper input[type="reset"].red:hover, .wrapper input[type="submit"].red:hover {background: #900A0C; color: #fff}

.inline {display: inline-block; padding-left: 30px; padding-right: 30px; width: auto}

.table_wrap {padding: 14px 0; width: 100%; font-size: 15px; border: none; overflow: hidden; overflow-x: auto}
.table_wrap table {width: 100%; text-align: left; border-collapse: separate; overflow: hidden}
.table_wrap table th {background: #F8F8F8; font-weight: 700}
.table_wrap table tr > th:first-child {border-radius: 10px 0 0 10px}
.table_wrap table tr > th:last-child {border-radius: 0 10px 10px 0}
.table_wrap table th, .table_wrap table td {padding: 16px 10px 16px 50px}
.table_wrap table td {border-bottom: 1px solid #E1E1E1}

/* 1200 */
@media only screen and (max-width: 1200px) {

body, button, input, textarea, select {font-size: 15px; line-height: 22px}

h1 {font-size: 34px; line-height: 40px}
h2 {margin: 30px 0 12px 0; font-size: 22px; line-height: 28px}
h3 {margin: 20px 0 10px 0; font-size: 17px; line-height: 22px}
   
.button, .wrapper button, .wrapper input[type="button"], .wrapper input[type="reset"], .wrapper input[type="submit"] {padding: 0 15px; font-size: 15px}
  
.table_wrap {font-size: 14px}
}

/* 960 */
@media only screen and (max-width: 960px) {

body, button, input, textarea, select {font-size: 14px; line-height: 20px}

h1 {font-size: 30px; line-height: 36px}
h2 {margin: 25px 0 10px 0; font-size: 20px; line-height: 26px}
h3 {margin: 16px 0 8px 0; font-size: 16px; line-height: 20px}
   
ul > li:before {top: 9px}
    
.button, .wrapper button, .wrapper input[type="button"], .wrapper input[type="reset"], .wrapper input[type="submit"] {font-size: 14px}
}

/* 768 */
@media only screen and (max-width: 768px) {

body, button, input, textarea, select {font-size: 13px; line-height: 18px}

h1 {font-size: 24px; line-height: 28px}
h2 {margin: 30px 0 12px 0; font-size: 20px; line-height: 24px}
h3 {margin: 20px 0 10px 0; font-size: 16px; line-height: 20px}
   
.table_wrap {font-size: 13px}

p {margin-top: 10px; padding: 0 0 10px 0}

ul, ol {padding: 0 0 10px 0}
ul > li:before {top: 7px}
}