/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200,400italic,600,600italic,700,700italic,300italic,200italic");
.main_footer_landing {
  width: 100%;
  background: #293a4a;
  padding: 60px 40px;
  padding-bottom: 80px;
}
.main_footer_landing .wrap_footer {
  max-width: 1100px;
  margin: 0 auto;
  color: #fff;
}
.main_footer_landing .wrap_footer li {
  display: inline-block;
  vertical-align: top;
  padding-right: 70px;
}
.main_footer_landing .wrap_footer li article {
  display: block;
  padding-bottom: 15px;
  font-size: 15px;
}
.main_footer_landing .wrap_footer li a {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  font-size: 13px;
  line-height: 1.7;
  padding-bottom: 3px;
}
.main_footer_landing .wrap_footer li a:hover {
  color: rgba(255, 255, 255, 0.9);
}
.main_footer_landing .wrap_footer .wrap_social {
  float: right;
}
.main_footer_landing .wrap_footer .wrap_social span {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  font-size: 11px;
  margin-right: 5px;
}
.main_footer_landing .wrap_footer .wrap_social .ico {
  width: 27px;
  height: 27px;
  display: inline-block;
  opacity: .3;
  margin-left: 7px;
}
.main_footer_landing .wrap_footer .wrap_social .ico.twitter {
  background: url("landing/area/landing/area/../../../../../../../images/icons/landing/ico-social.png") no-repeat center 5px;
}
.main_footer_landing .wrap_footer .wrap_social .ico.facebook {
  background: url("landing/area/landing/area/../../../../../../../images/icons/landing/ico-social.png") no-repeat center -25px;
}
.main_footer_landing .wrap_footer .wrap_social .ico.google {
  background: url("landing/area/landing/area/../../../../../../../images/icons/landing/ico-social.png") no-repeat center -55px;
}
.main_footer_landing .wrap_footer .wrap_social .ico:hover {
  opacity: .7;
}
@media screen and (max-width: 980px) {
  .main_footer_landing .wrap_footer li {
    padding-right: 30px;
  }
}
@media screen and (max-width: 800px) {
  .main_footer_landing {
    display: none;
  }
}
.main_header_landing_mobile {
  height: 46px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #005c99;
  opacity: .96;
  color: #fff;
  display: none;
  text-align: center;
  z-index: 11;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.main_header_landing_mobile .title_header {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 15px;
  display: block;
  text-align: center;
  line-height: 44px;
}
.main_header_landing_mobile .logo_header_mobile {
  height: 19px;
  margin: 0 auto;
  display: inline-block;
  margin-top: 13px;
}
.main_header_landing_mobile .ico_open_menu_line {
  display: inline-block;
  height: 45px;
  width: 45px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.main_header_landing_mobile .ico_open_menu_line i {
  display: inline-block;
  position: absolute;
  width: 2px;
  height: 20px;
  background: #0099ff;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -1px;
}
.main_header_landing_mobile .ico_open_menu_line i:before,
.main_header_landing_mobile .ico_open_menu_line i:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background: #0099ff;
  top: 50%;
  margin-top: -10px;
}
.main_header_landing_mobile .ico_open_menu_line i:before {
  left: 7px;
}
.main_header_landing_mobile .ico_open_menu_line i:after {
  right: 7px;
}
@media screen and (max-width: 800px) {
  .main_header_landing_mobile {
    display: block;
  }
}
.main_header_landing {
  width: 100%;
  padding: 30px;
}
.main_header_landing .wrap_menu {
  max-width: 1100px;
  margin: 0 auto;
}
.main_header_landing .wrap_menu li {
  vertical-align: top;
  display: inline-block;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333;
}
.main_header_landing .wrap_menu li .sep {
  height: 30px;
  width: 1px;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  vertical-align: top;
  margin-top: -5px;
  margin-right: 16px;
  margin-left: 15px;
}
.main_header_landing .wrap_menu li a {
  color: #333;
}
.main_header_landing .wrap_menu li a:hover {
  color: rgba(51, 51, 51, 0.5);
}
.main_header_landing .wrap_menu li .logo {
  display: inline-block;
  margin-right: 15px;
}
.main_header_landing .wrap_menu li .logo_mini {
  display: none;
}
.main_header_landing .wrap_menu li .menu_header {
  display: inline-block;
  vertical-align: top;
}
.main_header_landing .wrap_menu li .menu_header a {
  margin-left: 20px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}
.main_header_landing .wrap_menu li:last-child {
  float: right;
  font-size: 13px;
  padding-top: 1px;
}
.main_header_landing .wrap_menu li:last-child .btn.landing {
  margin-left: 20px;
  display: inline;
}
@media screen and (max-width: 980px) {
  .main_header_landing .wrap_menu li .logo_sldc {
    display: none;
  }
  .main_header_landing .wrap_menu li .logo_sldc_mini {
    display: inline-block;
  }
}
@media screen and (max-width: 800px) {
  .main_header_landing {
    display: none;
  }
}
.main_lateral_popup_menu {
  width: 0%;
  color: #fff;
  max-width: 380px;
  position: fixed;
  overflow: auto;
  top: -50px;
  bottom: -100px;
  right: 0px;
  background: #19232d;
  z-index: 20;
  box-shadow: 0px 1px 100px rgba(0, 0, 0, 0.2);
  display: none;
}
.main_lateral_popup_menu .wrap_lateral_content {
  width: 100%;
  padding: 100px 0px;
  padding-bottom: 150px;
}
.main_lateral_popup_menu .wrap_lateral_content li {
  display: block;
  position: relative;
  color: #fff;
}
.main_lateral_popup_menu .wrap_lateral_content li.sel_opt:before {
  content: "";
  position: absolute;
  width: 3px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  background: #ff5445;
}
.main_lateral_popup_menu .wrap_lateral_content li a {
  display: block;
  padding: 10px 20px;
  color: #fff;
  font-size: 17px;
  font-weight: lighter;
}
@media screen and (max-width: 800px) {
  .main_lateral_popup_menu {
    display: block;
  }
}
.main_tpl_home_landing {
  width: 100%;
  min-height: 100vh;
  background: rgba(0, 153, 255, 0.05);
}
.main_tpl_home_crm {
  width: 100%;
  height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main_tpl_home_crm.dark {
  background: #222;
}
.main_tpl_home_crm.dark .wrap_tpl_home input {
  background: #222;
  font-weight: 600;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.2);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm.dark .wrap_tpl_home input::-webkit-input-placeholder {
  text-transform: uppercase !important;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2) !important;
}
.main_tpl_home_crm.dark .wrap_tpl_home input::-moz-placeholder {
  text-transform: uppercase !important;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.4) !important;
}
.main_tpl_home_crm.dark .wrap_tpl_home input:focus::-webkit-input-placeholder {
  text-transform: uppercase !important;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.1) !important;
}
.main_tpl_home_crm.dark .wrap_tpl_home input:focus::-moz-placeholder {
  text-transform: uppercase !important;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.25) !important;
}
.main_tpl_home_crm.dark .wrap_tpl_home textarea {
  font-weight: 300;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.2);
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm.dark .wrap_tpl_home textarea::-webkit-input-placeholder {
  text-transform: none !important;
  letter-spacing: 1px !important;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.3) !important;
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm.dark .wrap_tpl_home textarea::-moz-placeholder {
  text-transform: none !important;
  letter-spacing: 1px;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.4);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm.dark .wrap_tpl_home textarea:focus::-webkit-input-placeholder {
  text-transform: none;
  letter-spacing: 1px;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.2) !important;
}
.main_tpl_home_crm.dark .wrap_tpl_home textarea:focus::-moz-placeholder {
  letter-spacing: 1px;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.25);
}
.main_tpl_home_crm.dark .wrap_tpl_home input::selection,
.main_tpl_home_crm.dark .wrap_tpl_home textarea::selection {
  background: rgba(255, 255, 255, 0.05) !important;
}
.main_tpl_home_crm.dark .wrap_tpl_home input::-moz-selection,
.main_tpl_home_crm.dark .wrap_tpl_home textarea::-moz-selection {
  background: rgba(255, 255, 255, 0.05) !important;
}
.main_tpl_home_crm.dark .main_tools .btn_change {
  background: rgba(255, 255, 255, 0.2);
}
.main_tpl_home_crm.dark .main_tools .btn_change:hover {
  background: rgba(255, 255, 255, 0.5);
}
.main_tpl_home_crm.dark .main_tools .load {
  color: rgba(255, 255, 255, 0.5);
}
.main_tpl_home_crm .wrap_tpl_home {
  max-width: 1100px;
  padding: 150px;
  margin: 0 auto;
}
.main_tpl_home_crm .wrap_tpl_home input {
  background: #fff;
  box-shadow: none !important;
  height: auto;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-size: 15px;
  position: absolute;
  top: 0px;
  padding: 0px 26%;
  padding-top: 100px;
  padding-bottom: 20px;
  left: 0px;
  right: 0px;
  z-index: 1;
  letter-spacing: 1px;
  font-family: 'Source Sans Pro', sans-serif;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
  color: #ccc;
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home input::-webkit-input-placeholder {
  text-transform: uppercase !important;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home input::-moz-placeholder {
  text-transform: uppercase !important;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home input:focus::-webkit-input-placeholder {
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home input:focus::-moz-placeholder {
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home input::selection {
  background: rgba(204, 204, 204, 0.2) !important;
}
.main_tpl_home_crm .wrap_tpl_home input::-moz-selection {
  background: rgba(204, 204, 204, 0.2) !important;
}
.main_tpl_home_crm .wrap_tpl_home textarea {
  min-height: 99.8vh;
  margin-bottom: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  background: transparent;
  resize: none;
  font-weight: 300 !important;
  padding: 150px 26%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  box-shadow: none !important;
  height: auto;
  font-size: 29px;
  letter-spacing: 0.03em;
  text-shadow: 0px 0px 0px #34495e;
  color: rgba(0, 0, 0, 0.2);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home textarea::-webkit-input-placeholder {
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home textarea::-moz-placeholder {
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home textarea:focus::-webkit-input-placeholder {
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home textarea:focus::-moz-placeholder {
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
  -webkit-text-fill-color: transparent;
}
.main_tpl_home_crm .wrap_tpl_home input::selection,
.main_tpl_home_crm .wrap_tpl_home textarea::selection {
  background: rgba(204, 204, 204, 0.2) !important;
}
.main_tpl_home_crm .wrap_tpl_home input::-moz-selection,
.main_tpl_home_crm .wrap_tpl_home textarea::-moz-selection {
  background: rgba(204, 204, 204, 0.2) !important;
}
.main_tpl_home_crm .main_tools {
  position: absolute;
  bottom: 25px;
  right: 30px;
  z-index: 2;
}
.main_tpl_home_crm .main_tools .btn_change {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(51, 51, 51, 0.2);
  display: inline-block;
  transition: none;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.main_tpl_home_crm .main_tools .btn_change:hover {
  background: rgba(51, 51, 51, 0.5);
}
.main_tpl_home_crm .main_tools .btn_change.dark {
  background: rgba(51, 51, 51, 0.2);
}
.main_tpl_home_crm .main_tools .btn_change.dark:hover {
  background: rgba(51, 51, 51, 0.5);
}
.main_tpl_home_crm .main_tools .load {
  font-size: 11px;
  color: rgba(51, 51, 51, 0.5);
  vertical-align: top;
  display: inline-block;
  margin-right: 15px;
  top: 2px;
  position: relative;
}
.main_tpl_home_crm .main_alert_intro {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 100vh;
  width: 100%;
  text-align: center;
  background: rgba(34, 34, 34, 0.2);
  z-index: 5;
  display: table;
  display: none;
}
.main_tpl_home_crm .main_alert_intro .wrap_alert_intro {
  display: table-cell;
  vertical-align: middle;
}
.main_tpl_home_crm .main_alert_intro .wrap_alert_intro .content_alert {
  max-width: 400px;
  width: 100%;
  display: inline-block;
  padding: 35px 40px;
  background: #3c3c3c;
  text-align: left;
  color: #fff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}
.main_tpl_home_crm .main_alert_intro .wrap_alert_intro .content_alert h1 {
  color: #fff;
  text-align: left;
  line-height: 1;
  padding-bottom: 30px;
}
.main_tpl_home_crm .main_alert_intro .wrap_alert_intro .content_alert h1 b {
  font-weight: 400 !important;
}
.main_tpl_home_crm .main_alert_intro .wrap_alert_intro .content_alert p {
  font-size: 19px;
  font-weight: 300;
}
.main_tpl_home_crm .main_alert_intro .wrap_alert_intro .content_alert .btn_ok {
  font-size: 19px;
  font-weight: 600;
  text-transform: uppercase;
  color: #00a2ff;
  display: inline-block;
  margin-top: 30px;
}
.main_tpl_home_crm ::-webkit-scrollbar {
  width: 3px;
  position: absolute;
}
.main_tpl_home_crm ::-webkit-scrollbar:horizontal {
  height: 3px;
}
.main_tpl_home_crm ::-webkit-scrollbar-thumb {
  background: rgba(85, 85, 85, 0.3);
}
@media screen and (max-width: 1200px) {
  .main_tpl_home_crm .wrap_tpl_home {
    padding: 30px;
  }
  .main_tpl_home_crm .wrap_tpl_home input {
    display: none;
  }
  .main_tpl_home_crm .wrap_tpl_home textarea {
    padding: 8% 10%;
    font-size: 27px;
  }
}
.wrap_alert {
  text-align: center;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 20px;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
}
.wrap_alert .alert {
  position: relative;
  display: inline-block;
  min-width: 250px;
  max-width: 350px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 1px 15px rgba(0, 0, 0, 0.1);
  padding: 15px;
  padding-right: 40px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  background: #fff;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.wrap_alert .alert:before {
  height: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  content: "";
  border-radius: 3px 3px 0px 0px;
}
.wrap_alert .alert.error:before {
  background: #ff5445;
}
.wrap_alert .alert.ok:before {
  background: #93b432;
}
.wrap_alert .alert.default:before {
  background: #00a2ff;
}
.wrap_alert .alert a {
  color: #0099ff;
}
.wrap_alert .alert .close {
  width: 20px;
  height: 20px;
  background: url("components/components/../../../../../images/icons/ico-close-alert.png") no-repeat center center;
  position: absolute;
  top: 14px;
  right: 10px;
  opacity: 0.3;
  cursor: pointer;
}
.wrap_alert .alert .close:hover {
  opacity: 0.6;
}
.wrap_grid {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px 15px;
  position: relative;
}
.wrap_grid.w2 li {
  width: 50%;
}
.wrap_grid.w3 li {
  width: 33.33%;
}
.wrap_grid.w4 li {
  width: 25%;
}
.wrap_grid.w5 li {
  width: 20%;
}
.wrap_grid li {
  margin-right: -4.5px;
  margin-bottom: -4.5px;
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  position: relative;
  letter-spacing: 0.5px;
}
.wrap_grid li .content {
  width: 100%;
  padding: 20px;
}
.main_modal {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: fixed;
  display: table;
  width: 100%;
  height: 100%;
  min-width: 980px;
  z-index: 5;
  text-align: center;
}
.main_modal .wrap_modal {
  width: 100%;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.main_modal .wrap_modal .content_modal {
  width: 100%;
  overflow: auto;
  padding: 50px 0px;
  max-height: 100vh;
  position: relative;
}
.pic_user {
  display: inline-block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #4db8ff;
  position: relative;
  cursor: pointer;
  margin-left: 5px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
.pic_user:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.pic_user.user {
  background: url("components/components/../../../../../images/user.png") no-repeat !important;
  background-size: cover !important;
}
.pic_user.num {
  background: #ffffff !important;
}
.pic_user.num .text-pic-user {
  color: #99d6ff;
}
.pic_user .text_pic_user {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 0px;
}
.pic_user.profile_clients {
  width: 100px;
  height: 100px;
  margin: 15px;
  margin-top: 10px;
}
.pic_user.profile_clients .text_pic_user {
  font-size: 15px;
  font-weight: 600;
}
.pic_user .pending,
.pic_user .owner {
  position: absolute;
  right: -6px;
  top: -2px;
  width: 11px;
  height: 11px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 2px #fff;
}
.pic_user .pending {
  background: url('components/components/../../../../../images/icons/ico-wait.png') no-repeat center center #ffd427;
}
.pic_user .owner {
  background: url('components/components/../../../../../images/icons/ico-owner.png') no-repeat center 1px #93b432;
}
.pic_user.add {
  background: url("components/components/../../../../../images/icons/ico-add-user.png") no-repeat center -33px;
  border: 1px dashed #fff;
  letter-spacing: normal;
  opacity: .6;
  height: 31px;
  width: 31px;
  top: 1px;
}
.pic_user.add:hover {
  opacity: .8;
}
.pic_user.add.white {
  border: 1px dashed #0099ff;
  background: url("components/components/../../../../../images/icons/ico-add-user.png") no-repeat center 7px;
  opacity: .6;
}
.pic_user.add.white:hover {
  border: 1px dashed #005c99;
  opacity: .8;
}
.pic_user.add:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  font-size: 20px;
  font-weight: bolder;
}
.wrap_popover {
  padding: 4px 0px;
  padding-bottom: 4px;
  background: #fff;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 20 !important;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  min-width: 150px;
  max-width: 300px;
  right: 10px;
}
.wrap_popover .header {
  width: 100%;
  padding: 5px 15px;
  padding-bottom: 6px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
.wrap_popover .header .title {
  text-transform: uppercase;
  font-size: 11px;
  display: block;
  text-align: center;
  font-weight: bolder;
  color: #0099ff;
}
.wrap_popover .header .link {
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: 5px;
}
.wrap_popover .content {
  width: 100%;
  background: #333;
  overflow: auto;
  max-height: 500px;
  min-height: 300px;
  background: #ffffff;
}
.wrap_popover li {
  width: 100% !important;
  padding: 5px 17px;
  font-size: 12px;
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: none;
  overflow: visible;
  margin: 0px;
}
.wrap_popover li:hover {
  background: #33adff;
  color: #fff;
}
.wrap_popover li:hover.red {
  color: #fff;
}
.wrap_popover li.red {
  color: #ff6d5e;
}
.wrap_popover .sep {
  display: block;
  clear: both;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 4px;
}
.main_popup {
  margin: 0 auto;
  width: 500px;
  background: #fff;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 5px 60px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.main_popup .wrap_header_popup {
  width: 100%;
  background: #fff;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  position: relative;
}
.main_popup .wrap_header_popup .title {
  display: block;
  position: relative;
  font-weight: 600;
  text-align: center;
  padding: 14px 40px;
  padding-bottom: 15px;
  letter-spacing: 1px;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_popup .wrap_header_popup .sub_title {
  display: block;
  position: relative;
  text-align: center;
  letter-spacing: 1px;
  font-size: 13px;
  margin-top: -9px;
  padding-bottom: 9px;
}
.main_popup .wrap_header_popup .description {
  display: block;
  position: relative;
  text-align: center;
  letter-spacing: 0.5px;
  font-size: 13px;
  margin-top: -6px;
  padding-bottom: 14px !important;
  opacity: .6;
}
.main_popup .wrap_header_popup .ico {
  width: 24px;
  height: 20px;
  position: absolute;
  top: 14px;
  z-index: 1;
}
.main_popup .wrap_header_popup .ico.close {
  background: url("components/components/../../../../../images/icons/ico-close.png") no-repeat center;
  opacity: .3;
  right: 10px;
}
.main_popup .wrap_header_popup .ico.back {
  background: url("components/components/../../../../../images/icons/ico-back.png") no-repeat center;
  opacity: .3;
  left: 14px;
}
.main_popup .wrap_header_popup .ico:hover {
  opacity: .6;
}
.main_popup .wrap_content {
  width: 100%;
  position: relative;
  min-height: 150px;
  overflow: auto;
  padding: 30px;
  padding-top: 25px;
  text-align: left;
  background: rgba(0, 153, 255, 0.04);
  overflow: auto;
  max-height: 450px;
}
.main_popup ::-webkit-scrollbar {
  width: 5px;
  position: absolute;
}
.main_popup ::-webkit-scrollbar-thumb {
  background: rgba(0, 153, 255, 0.5);
}
.main_popup .wrap_footer {
  width: 100%;
  padding: 10px;
  background: #fff;
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  text-align: right;
  -webkit-border-radius: 0px 0px 1px 1px;
  -moz-border-radius: 0px 0px 1px 1px;
  border-radius: 0px 0px 1px 1px;
}
.main_popup .wrap_footer .text {
  display: inline-block;
  max-width: 50%;
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  color: rgba(0, 0, 0, 0.5);
}
.tooltip {
  cursor: pointer;
}
.tooltipster-default {
  border-radius: 3px;
  background: #007acc;
  color: #fff;
}
.tooltipster-default,
.tooltipster-content {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
  padding: 10px;
  padding-top: 3px;
  padding-bottom: 6px;
  overflow: hidden;
  letter-spacing: 0.5px;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */

}
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base,
.tooltipster-content {
  overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotatez(4deg);
  -moz-transform: rotatez(4deg);
  -o-transform: rotatez(4deg);
  -ms-transform: rotatez(4deg);
  transform: rotatez(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotatez(0deg);
  -moz-transform: rotatez(0deg);
  -o-transform: rotatez(0deg);
  -ms-transform: rotatez(0deg);
  transform: rotatez(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.btn.primary {
  display: inline-block;
  padding: 11px 25px;
  padding-bottom: 12px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #0099ff;
  text-transform: uppercase;
  font-size: 12px;
  border: none;
  cursor: pointer;
  letter-spacing: 1.5px;
  position: relative;
  text-indent: 4px;
}
.btn.primary.green {
  background: #93b432;
}
.btn.primary.green:active {
  background: #83a02c;
}
.btn.primary.red {
  background: #ff5445;
}
.btn.primary.red:active {
  background: #ff3d2b;
}
.btn.primary.yellow {
  background: #ffd427;
}
.btn.primary.yellow:active {
  background: #ffcf0d;
}
.btn.primary:hover {
  color: #fff;
}
.btn.primary:active {
  background: #008ae6;
  color: rgba(255, 255, 255, 0.7);
  transition: none;
  box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.btn.primary.dis {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.btn.secondary {
  display: inline-block;
  padding: 12px 15px;
  padding-bottom: 14px;
  font-weight: bold;
  color: #0099ff;
  background: transparent;
  text-transform: uppercase;
  font-size: 11px;
  border: none;
  cursor: pointer;
  letter-spacing: 1.5px;
  position: relative;
  box-shadow: none;
}
.btn.secondary:active {
  color: #007acc;
}
.btn.landing {
  display: inline-block;
  padding: 11px 25px;
  padding-bottom: 12px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #0099ff;
  text-transform: uppercase;
  font-size: 12px;
  border: none;
  cursor: pointer;
  letter-spacing: 1.5px;
  position: relative;
  text-indent: 4px;
}
.btn.landing.green {
  background: #93b432;
  color: #fff;
}
.btn.landing.green:active {
  background: #83a02c;
}
.check {
  display: inline-block;
  margin: 8px 0px;
  margin-right: 25px;
  position: relative;
}
.check label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  height: 20px;
  font-weight: 400;
  padding-bottom: 22px;
  vertical-align: top;
  line-height: 20.8px;
  cursor: pointer;
}
.check label:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.check label:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  background: transparent;
}
.check label:active:before {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.05);
}
.check.dis label {
  pointer-events: none !important;
  color: rgba(0, 0, 0, 0.3);
}
.check.dis label:before {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.2);
}
.check.err label:before {
  box-shadow: inset 0px 0px 0px 1px #ff6d5e;
}
.check span {
  display: inline-block;
  padding-left: 30px;
  margin: 0px;
  margin-top: -4px;
}
.check input[type=checkbox]:checked + label:before {
  background: rgba(0, 153, 255, 0.2);
  box-shadow: inset 0px 0px 0px 1px #0099ff;
}
.check input[type=checkbox]:checked + label:after {
  background: url("components/form/components/form/../../../../../../../images/icons/components/tik-check.png") no-repeat center;
  background-size: 16px;
  transition: none;
  left: 3px;
  top: -4px;
}
.input {
  width: 100%;
  position: relative;
  display: table;
}
.input.required:before {
  width: 8px;
  height: 9px;
  position: absolute;
  top: -1px;
  right: 10px;
  z-index: 2;
  content: "";
  background: url("components/form/components/form/../../../../../images/icons/components/ico-input-required.png") no-repeat center;
  background-size: contain;
}
input,
textarea,
select {
  padding: 10px 15px;
  padding-bottom: 12px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
  border: none;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: 400;
  letter-spacing: 1px;
  width: 100%;
  display: inline-block;
  background: #fff;
  margin-bottom: 16px;
}
input:hover,
textarea:hover,
select:hover {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3) !important;
}
input:focus,
textarea:focus,
select:focus {
  box-shadow: 0px 0px 0px 1px #0099ff, inset 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
}
input.err,
textarea.err,
select.err {
  box-shadow: 0px 0px 0px 1px #ff5445;
}
input.err:focus,
textarea.err:focus,
select.err:focus {
  box-shadow: 0px 0px 0px 1px #0099ff, inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}
input.dis,
textarea.dis,
select.dis {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  text-transform: none;
  letter-spacing: 0.50px;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
select:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.radio {
  display: inline-block;
  margin: 8px 0px;
  margin-right: 25px;
  position: relative;
}
.radio label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  height: 20px;
  font-weight: 400;
  padding-bottom: 22px;
  vertical-align: top;
  line-height: 20px;
  cursor: pointer;
}
.radio label:before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.radio label:active:before {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
}
.radio.dis label {
  pointer-events: none !important;
  color: rgba(0, 0, 0, 0.3);
}
.radio.dis label:before {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.2);
}
.radio.err label:before {
  box-shadow: inset 0px 0px 0px 1px #ff5445;
}
input[type=radio]:checked + label:before {
  background: rgba(0, 153, 255, 0.2);
  box-shadow: inset 0px 0px 0px 1px #0099ff;
}
input[type=radio]:checked + label:after {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #333;
  left: 7px;
  top: 7px;
  position: absolute;
  content: "";
}
.arrows-combo {
  position: relative;
  vertical-align: top;
  width: 100%;
  display: inline-block;
}
.arrows-combo:before {
  pointer-events: none;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  right: 15px;
  top: 17px;
}
.arrows-combo:hover:before {
  border-top: 10px solid #0099ff;
}
.arrows-combo select {
  padding-right: 40px;
}
textarea {
  resize: vertical;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
input.data {
  padding-left: 40px;
  background: url("components/form/components/form/../../../../../../../images/icons/components/ico-calendar-input.png") no-repeat 10px center;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}
input::-webkit-inner-spin-button,
input::-webkit-clear-button {
  display: none;
}
input::-webkit-calendar-picker-indicator {
  font-size: 13px;
  margin-top: 2px;
  color: #0099ff;
}
input::-webkit-calendar-picker-indicator:hover {
  background: transparent;
}
* {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-text-size-adjust: none !important;
  -moz-font-smoothing: antialiased !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 15px;
  letter-spacing: 1px;
}
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
a {
  color: #0099ff;
  text-decoration: none;
  font-weight: bolder;
  font-weight: normal;
  cursor: pointer;
}
a b {
  font-weight: 600;
}
a:hover {
  color: #007acc;
}
h1,
h2,
h3,
p,
p1,
p2,
p3,
b,
i,
ul,
li,
div,
fieldset,
form {
  padding: 0px;
  margin: 0px;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  list-style: none !important;
}
hr {
  border: none;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 100;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  margin: 0 auto;
}
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
  font-weight: 600 !important;
}
h1 {
  font-size: 71px;
  line-height: 50px;
}
h2 {
  font-size: 43px;
  line-height: 50px;
}
h3 {
  font-size: 31px;
  line-height: 35px;
}
h4 {
  font-size: 21px;
  line-height: 31px;
}
h5 {
  font-size: 19px;
  font-weight: 400;
  line-height: 28px;
}
.hide-pic {
  width: 0px;
  height: 0px;
  position: absolute;
}
a,
:before,
:after,
:hover,
b,
#lateral_popup,
img,
u,
i,
select,
button,
label,
article,
li {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type=radio],
[type=checkbox] {
  display: none;
}
input,
textarea,
label,
select,
button,
.btn,
.primary,
.secondary {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input:invalid,
textarea:invalid,
label:invalid,
select:invalid,
button:invalid,
.btn:invalid,
.primary:invalid,
.secondary:invalid {
  box-shadow: none;
}
input:-moz-submit-invalid,
textarea:-moz-submit-invalid,
label:-moz-submit-invalid,
select:-moz-submit-invalid,
button:-moz-submit-invalid,
.btn:-moz-submit-invalid,
.primary:-moz-submit-invalid,
.secondary:-moz-submit-invalid {
  box-shadow: none;
}
input:-moz-ui-invalid,
textarea:-moz-ui-invalid,
label:-moz-ui-invalid,
select:-moz-ui-invalid,
button:-moz-ui-invalid,
.btn:-moz-ui-invalid,
.primary:-moz-ui-invalid,
.secondary:-moz-ui-invalid {
  box-shadow: none;
}
#loading_full {
  display: none;
  width: 100%;
  height: 100vh;
  z-index: 999999;
  position: fixed;
  top: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.2);
}
#loading_full:before {
  width: 50px;
  height: 50px;
  content: "";
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.main_theme {
  padding: 50px;
  background: #fff;
}
.main_theme .wrap_theme {
  position: relative;
  width: 700px;
  margin: 0 auto;
}
.main_theme .wrap_theme h3 {
  display: block;
  padding-bottom: 20px;
  text-align: left;
}
.main_theme .wrap_theme hr {
  margin: 40px 0px;
}
.main_theme .wrap_theme p {
  display: block;
  padding: 15px 0px;
  padding-top: 40px;
}