/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
:target, input:focus, textarea:focus, select:focus {outline: 0;} *:active {outline:0 !important;}

html {scroll-behavior: smooth;}
.color-white {color:#ffffff !important;}
.color-black {color:#000000 !important;}
.section-padding {padding-top: 40px; padding-bottom: 40px;}
.br-radius {border-radius: 10px;}
.anchor {position:absolute; z-index:-1; top:-20px; display:block;}

.bx-lp {
  max-width: 1366px;
  width: 100%;
  color: #575756;
  margin: 0 auto;
  line-height: 1.6;
  font-size: 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}
.bx-lp .i-banner {margin-bottom: -6px; overflow: hidden;}
.bx-nav {position: sticky; top: 0; z-index: 1;}
.bx-nav .i-menu {
  display: flex;
  margin: -10px auto 0;
  align-items: stretch;
  width: 800px;
  max-width: 100%;
}
.bx-nav .i-menu > * {
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  padding: 16px 0;
  transition: .3s background;
  width: 100%;
}
.bx-nav .i-menu > *:hover {background: #7d7e85;}
.bx-nav .i-menu > .--area-1, .bx-mobile-menu .--area-1 {background: #63a2bc;}
.bx-nav .i-menu > .--area-2, .bx-mobile-menu .--area-2 {background: #cd2e24;}
.bx-nav .i-menu > .--area-3, .bx-mobile-menu .--area-3 {background: #823c8b;}
.bx-nav .i-menu > .--area-4, .bx-mobile-menu .--area-4 {background: #2ea836;}
.bx-nav .i-menu > .--area-1:hover, .bx-mobile-menu .--area-1:hover {background: rgba(99, 162, 188, 0.9);}
.bx-nav .i-menu > .--area-2:hover, .bx-mobile-menu .--area-2:hover {background: rgba(205, 46, 36, 0.9);}
.bx-nav .i-menu > .--area-3:hover, .bx-mobile-menu .--area-3:hover {background: rgba(130, 60, 139, 0.9);}
.bx-nav .i-menu > .--area-4:hover, .bx-mobile-menu .--area-4:hover {background: rgba(46, 168, 54, 0.9);}

.bx-mobile-menu {display: none; background: #949caf; position: sticky; top: -1px; z-index: 1;}
.bx-mobile-menu .i-button {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  outline: 0;
  border: 0;
  width: 35px;
  height: 35px;
  justify-content: center;
  padding: 7px;
  border-radius: 3px;
  background: #949caf;
}
.bx-mobile-menu .i-button span {
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 1px;
  background-color: #fff;
  margin: 2px 0;
}
.bx-mobile-menu a {text-decoration: none; color: #ffffff; padding: 5px 5px; width: 100%; text-align: center; font-weight: 600; transition: .2s all;}
.bx-mobile-menu a:hover {background: rgb(172, 180, 194);}
.bx-mobile-menu a:not(:first-child) {border-top: 1px solid #ffffff;}
.bx-mobile-menu .i-menu {transition: height 0.35s ease-in-out; overflow: hidden; display: flex; flex-direction: column; align-items: center; border-top: 1px solid #fff;}
.bx-mobile-menu .i-menu:not(.active) {display: none;}

.bx-lp img {max-width: 100%;}
.bx-title {font-size: 36px; margin-bottom: 20px; font-weight: 500;line-height: 1.3;}

.bx-list .i-row {display: flex; align-items: flex-start; justify-content: flex-start; padding: 30px 20px;}
.bx-list .i-row:not(:last-child) {border-bottom: 2px solid #e4e4e4;}
.bx-list .i-image {flex: 170px 0 0; margin-right: 20px;}

.bx-ul {list-style: inside;}

.bx-hover-shadow {transition: .3s all;}
.bx-hover-shadow:hover {filter: drop-shadow(0 0 5px rgba(0, 0, 0, .7))}

.bx-table {
  width: 100%;
  min-width: 500px;
  text-align: center;
  border-collapse: collapse;
  position: relative;
}
.bx-table th, .bx-table td {padding: 10px; vertical-align: middle;}
.bx-table th {
  position: sticky; top: 0;
  background: #bcbcbc;
  font-weight: 600;
  height: 78px;
}
.bx-table th:not(:last-child), .bx-table td:not(:last-child) {border-right: 1px solid #ffffff;}
.bx-table tr td {border-top: 1px solid #ffffff;}
.bx-table tr:nth-child(even) td {background: #f2f2f2;}
.bx-table tr:nth-child(odd) td {background: #e5e5e5;}

.bx-video{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.bx-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 5px 30px;
  text-decoration: none;
  color: #ffffff;
  transition: .3s background-color, .3s color;
  border: 2px solid transparent;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}
.btn.btn-purple {background: #695da6;}
.btn.btn-purple:hover {color: #695da6; background: #ffffff;border-color: #695da6;}
.ls-disc {list-style: disc; margin-left: 25px;}

@media all and (max-width: 1199px) {

}

@media all and (max-width: 767px) {
  .bx-list .i-row {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
  .bx-list .i-image {flex: initial; margin: 0 auto 30px;}

  .bx-lp .i-nav {flex-direction: column;}
  .bx-lp .i-nav > * {padding: 0;}
  .bx-lp .i-nav > * > span {border-right: none; border-bottom: 1px solid #fff;}

  .bx-nav {display: none;}
  .bx-mobile-menu {display: block;}
  .bx-lp {font-size: 16px;}
  .bx-title {font-size: 22px;}
  .btn {font-size: 18px;}
  .anchor {top: -50px;}

}
@media all and (max-width: 575px) {
  .bx-table-wrapper {overflow: auto;}
}