/*
    V3 - 23/07/2025
    CBN - 2025
    Design: Logos Comunicaciones
    www.logoscomunicaciones.com
*/
/* RESET */
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;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/*
body{
line-height: 1;
}
*/
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* RESET */
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('../fonts/Satoshi-Regular.eot');
  src: url('../fonts/Satoshi-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Satoshi-Regular.woff2') format('woff2'), url('../fonts/Satoshi-Regular.woff') format('woff'), url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi-Bold';
  src: url('../fonts/Satoshi-Bold.eot');
  src: url('../fonts/Satoshi-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Satoshi-Bold.woff2') format('woff2'), url('../fonts/Satoshi-Bold.woff') format('woff'), url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope-Light';
  src: url('../fonts/Manrope-Light.eot');
  src: url('../fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope-Light.woff2') format('woff2'), url('../fonts/Manrope-Light.woff') format('woff'), url('../fonts/Manrope-Light.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope-Bold';
  src: url('../fonts/Manrope-Bold.eot');
  src: url('../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope-Bold.woff2') format('woff2'), url('../fonts/Manrope-Bold.woff') format('woff'), url('../fonts/Manrope-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.eot');
  src: url('../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope-Regular.woff') format('woff'), url('../fonts/Manrope-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gibson-SemiBold';
  src: url('../fonts/Gibson-SemiBold.eot');
  src: url('../fonts/Gibson-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gibson-SemiBold.woff2') format('woff2'), url('../fonts/Gibson-SemiBold.woff') format('woff'), url('../fonts/Gibson-SemiBold.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/* ---------------------------- SETTINGS ---------------------------- */
/* --------------------- FUENTES ---------------------*/
/* --------------------- FUENTES ---------------------*/
/* --------------------- ANCHOS ---------------------*/
/* --------------------- ANCHOS ---------------------*/
/* --------------------- COLORES ---------------------*/
/*                   */
/*                   */
/*                   */
/*                   */
/* --------------------- COLORES ---------------------*/
/* --------------------- COLORES GAMAS ---------------------*/
/* --------------------- COLORES GAMAS ---------------------*/
/* ---------------------------- SETTINGS ---------------------------- */
html,
body {
  height: 100%;
}
html {
  scroll-behavior: smooth;
}
body {
  color: #000000;
  font-size: 18px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  line-height: 24px;
  text-align: center;
  background: #ffffff;
}
body.dsp-mob {
  overflow: hidden;
  overflow-x: hidden;
  width: 100wh;
  height: 100vh;
}
a,
li,
b,
ul li a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-family: 'Gibson-SemiBold', Arial, Tahoma, Verdana;
  font-weight: 100;
}
h1 {
  font-size: 68px;
  line-height: 74px;
}
h2 span,
h3 span,
h4 span,
h5 span {
  display: inline-block;
}
h2 {
  font-size: 62px;
  line-height: 68px;
}
h3 {
  font-size: 62px;
  line-height: 68px;
}
h4 {
  font-size: 62px;
  line-height: 68px;
}
h5 {
  font-size: 62px;
  line-height: 68px;
}
h6 {
  font-size: 62px;
  line-height: 68px;
}
.wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}
a.logo {
  float: left;
  display: block;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  outline: none;
  text-indent: -9000px;
  background: url(../lib/cbn.svg) no-repeat center;
  background-size: 100% auto;
  width: 166px;
  height: 36px;
  transition: all 0.24s;
  margin: 27px 0 0 42px;
}
header {
  float: left;
  clear: both;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  background: #000000;
  width: 100%;
  min-height: 80px;
  padding: 0;
}
header img {
  float: left;
  clear: both;
  position: relative;
  width: auto;
  height: 34px;
  margin: 23px 0 0 25px;
}
body.intCnt {
  background: #000000;
}
body.intCnt header {
  filter: blur(15px);
}
body.intCnt .contentIni::after {
  filter: blur(15px);
}
.contentIni {
  float: left;
  clear: both;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  background: #000000;
  width: 100%;
  min-height: calc(100vh - 140px);
}
.contentIni.fS {
  min-height: calc(100vh - 60px);
}
.contentIni::after {
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  position: absolute;
  background: #000000 url(../lib/bg-content.jpg) no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  /*filter: blur(10px);*/
}
.cntIni {
  z-index: 10;
  position: relative;
  box-sizing: border-box;
  text-align: justify;
  width: 1230px;
  margin: 0 auto;
  padding: 70px 0 80px 0;
}
.cntInt {
  z-index: 10;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 22px;
  text-align: justify;
  background: #ffffff;
  border-radius: 20px;
  width: 950px;
  margin: 130px auto 90px auto;
  padding: 50px 80px 20px 80px;
}
.cntInt.cnInv {
  color: #ffffff;
  background: #000000;
}
.contentIni .cntInt h1 {
  margin: 0 0 30px 0;
}
.contentIni h1 {
  float: left;
  display: block;
  font-size: 40px;
  line-height: 44px;
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 5px 0;
}
.contentIni p {
  float: left;
  display: block;
  overflow: hidden;
  text-align: left;
  width: 100%;
  margin: 0 0 20px 0;
}
.pInd {
  float: left;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  width: 75%;
  margin: 0 0 20px 0 !important;
  padding-left: 35px;
}
.pPrc {
  float: left;
  display: block;
  overflow: hidden;
  text-align: left;
  width: 75%;
  margin: 5px 0 20px 0;
}
.contentIni img {
  display: block;
  margin: 20px auto 50px auto;
}
.contentIni a {
  color: #000000;
  text-decoration: underline;
}
.contentIni a:hover {
  text-decoration: none;
}
.contentIni ul {
  float: left;
  display: block;
  overflow: hidden;
  margin: 0 0 30px -18px;
}
.contentIni ul li {
  float: left;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  width: 100%;
  margin: 0 0 20px 0;
  padding-left: 20px;
}
.contentIni ul li:after {
  top: 6px;
  left: 0;
  content: "";
  position: absolute;
  display: block;
  background: #f5e003;
  border-radius: 2px;
  width: 9px;
  height: 9px;
}
.contentIni ol {
  clear: both;
  display: block;
  overflow: hidden;
  counter-reset: li-counter;
  margin: 30px 0;
}
.contentIni ol li {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  text-align: left;
  margin: 10px 0;
  padding-left: 24px;
}
.contentIni ol li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #f5e003;
  font-size: 16px;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  font-weight: 100;
  width: auto;
  text-align: right;
  content: counter(li-counter) ".";
  counter-increment: li-counter;
}
.content {
  float: left;
  clear: both;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  background: #000000 url(../lib/bg-content.jpg) no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  min-height: 700px;
  padding: 80px 0;
}
.cntContent {
  position: relative;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
  border-radius: 20px;
  width: 1230px;
  margin: 0 auto;
  padding: 50px 60px 80px 60px;
}
.content h1 {
  clear: both;
  overflow: hidden;
  text-align: left;
  font-size: 49px;
  line-height: 53px;
  width: 240px;
  margin: 0 0 20px 0;
  padding-top: 10px;
}
.content h1::after {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  pointer-events: none;
  background: #e6b711;
  width: 40px;
  height: 8px;
}
.content h1 span {
  clear: both;
  display: inline-block;
  color: #000000;
  background: #e6b711;
  width: auto;
  padding: 0 10px;
}
.content img {
  display: block;
  margin: 50px auto;
}
.content p {
  display: block;
  overflow: hidden;
  text-align: left;
  margin: 25px 0;
}
.content a {
  color: #000000;
  text-decoration: underline;
}
.content a:hover {
  text-decoration: none;
}
.content ul {
  overflow: hidden;
  margin: 20px 0 30px 0;
}
.content ul li {
  float: left;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  width: 100%;
  margin: 10px 0;
  padding-left: 20px;
}
.content ul li:after {
  top: 8px;
  left: 0;
  content: "";
  position: absolute;
  display: block;
  background: #f5e003;
  border: 2px solid #f5e003;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
.content ol {
  clear: both;
  display: block;
  overflow: hidden;
  list-style-type: decimal !ie;
  /*IE 7- hack*/
  counter-reset: li-counter;
  margin: 30px 0;
}
.content ol li {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  text-align: left;
  margin: 10px 0;
  padding-left: 24px;
}
.content ol li:before {
  position: absolute;
  top: -1px;
  left: 0;
  color: #f5e003;
  font-size: 16px;
  font-family: 'Satoshi-Bold', Arial, Tahoma, Verdana;
  font-weight: 100;
  width: auto;
  text-align: right;
  content: counter(li-counter) ".";
  counter-increment: li-counter;
}
footer {
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
  position: relative !important;
  color: #ffffff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background: #000000;
  width: 100%;
  min-height: 60px;
  padding-bottom: 10px;
}
footer p {
  float: left;
  display: block;
  text-align: left;
  width: 300px;
  margin: 12px 0 0 25px;
}
footer ul {
  float: none;
  display: block;
  clear: both;
  text-align: left;
  width: 1285px;
  margin: 40px auto -15px auto;
}
footer ul li {
  display: inline-block;
  margin: 0 20px 10px 0;
}
footer ul li:last-child {
  font-family: 'Satoshi-Bold', Arial, Tahoma, Verdana;
  font-weight: 100;
  width: 100%;
}
footer ul li a {
  display: inline-block;
  color: #000000;
  text-decoration: underline;
  padding: 5px 10px;
}
footer ul li a:hover {
  text-decoration: none;
}
.tool {
  /*float: right;*/
  top: 2px;
  right: -35px;
  display: block;
  cursor: pointer;
  position: absolute;
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  text-align: center;
  background: #f2f2f2;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  margin: 22px 0 0 0;
}
.tool::after {
  left: 50%;
  opacity: 0;
  position: absolute;
  z-index: -100;
}
.tool:hover::after,
.tool:focus::after {
  opacity: 1;
  transform: scale(1) translateY(0);
  z-index: 100;
}
.tool::after {
  left: 40px;
  top: 50%;
  content: attr(data-tip);
  position: absolute;
  box-sizing: border-box;
  color: #000000;
  font-size: 12px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  line-height: 16px;
  text-align: left;
  background: #ffffff;
  border-radius: 15px;
  border: 2px solid #EDEFF0;
  transition: all 0.48s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
  opacity: 0;
  width: 295px;
  padding: 20px;
}
.tool:hover::after,
.tool:focus::after {
  transition: all 0.48s cubic-bezier(0.84, -0.18, 0.31, 1.26);
  opacity: 1;
  transform: translateY(-50%);
}
.bxTit {
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  text-decoration: none;
  background: #000000 url(../lib/ar-nxt-br.svg) no-repeat 15px center;
  background-size: auto 49px;
  border-radius: 15px;
  width: 535px;
  min-height: 85px;
  margin-bottom: 40px;
  padding: 20px 20px 20px 80px;
}
.bxTit b {
  float: left;
  display: block;
  position: relative;
  width: 100%;
}
.bxTitCal {
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  text-decoration: none;
  background: #000000 url(../lib/ico-cal-b.svg) no-repeat 22px center;
  background-size: 36px auto;
  border-radius: 15px;
  width: 535px;
  min-height: 85px;
  margin-bottom: 30px;
  padding: 20px 20px 20px 80px;
}
.bxTitCal b {
  float: left;
  display: block;
  position: relative;
  width: 100%;
}
.cntColA {
  float: left;
  display: block;
  position: relative;
  width: 55%;
}
.cntColB {
  float: right;
  display: block;
  position: relative;
  width: 40%;
}
.cntColB img {
  float: left;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.bxVrf {
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
  font-size: 24px;
  line-height: 24px;
  background: #fafafa;
  border-radius: 20px;
  width: 100%;
  height: auto;
  margin: 10px 0 30px 0;
  padding: 35px 55px;
}
.bxVrf img {
  float: left;
  display: block;
  width: 133px;
  height: auto;
  margin: 0;
}
.bxVrf p {
  float: right;
  display: block;
  position: relative;
  width: 500px;
  height: auto;
  margin: 0;
  padding: 5px 0;
}
.bxVrf b {
  float: left;
  display: block;
  font-size: 24px;
  line-height: 36px;
  width: 100%;
  margin: 10px 0;
}
.bxVrf a {
  font-size: 18px;
}
.bxVrf p .small {
  font-size: 18px;
}
.bxVrf .ntEmail {
  float: left;
  display: block;
  box-sizing: border-box;
  font-size: 16px;
  background: url(../lib/ico-mail.svg) no-repeat left 3px;
  background-size: 23px auto;
  width: 100%;
  margin: 10px 0;
  padding-left: 35px;
}
.bxCDt {
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  background: #f2f2f2;
  border-radius: 15px;
  width: 85.5%;
  min-height: 65px;
  margin: 10px 5% 0 5%;
  padding: 20px 20px 20px 80px;
}
.bxCDt icon {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  background: url(../lib/ico-cal.svg) no-repeat center;
  background-size: 26px auto;
  width: 26px;
  height: 25px;
  margin-right: 15px;
}
.bxCal {
  float: left;
  display: block;
  box-sizing: border-box;
  background: #3f3f3f;
  border-radius: 7px;
  width: 100%;
  height: 100%;
  padding: 10px;
}
/*
.bxCal table{
	color: #fff;
  line-height: 40px;
	background: #3f3f3f;
  border-radius: 7px;
	width: @w1;
	height: @w1;
	border-collapse: collapse;
}
.month {
  font-family: @font1b;
  text-transform: uppercase;
	height: 40px;
}
.weeks{
  line-height: 30px;
	height: 30px;
	text-align: center;
}
.week1 td {
	text-align: center;
	width: 50px;
	height: 40px;
}
.week2 td {
	text-align: center;
	width: 50px;
	height: 40px;
}
.week3 td {
	text-align: center;
	width: 50px;
	height: 40px;
}
.week4 td {
	text-align: center;
	width: 50px;
	height: 40px;
}
.week5 td {
	text-align: center;
	width: 50px;
	height: 40px;
}
.days:hover {
	background: @col2;
	color: @col1;
	border-radius: 7px;
}

*/
.calendar {
  color: #ffffff;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  width: 100%;
  height: 100%;
}
.calendar .hdCal {
  display: flex;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.calendar .hdCal span {
  cursor: pointer;
  color: #ffffff;
  font-size: 22px;
  background: none;
  border: none;
  padding: 0 16px;
}
.calendar .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.calendar strong {
  font-size: 13px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  font-weight: 100;
}
.calendar .day {
  box-sizing: border-box;
  width: 35px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  padding: 0;
}
.calendar .day:hover {
  background: rgba(245, 224, 3, 0.4);
}
.calendar .day.today {
  background: rgba(255, 255, 255, 0.3);
}
.calendar .day.selected {
  color: #000000;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  background: #f5e003;
}
.calendar .dsbday {
  pointer-events: none;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.05);
}
/* TABLA */
.cntTabS code {
  font-size: 15px;
}
.cntTabS table {
  clear: both;
  width: 100%;
  margin: 30px auto 60px auto;
}
.cntTabS table .acenter {
  text-align: center;
}
.cntTabS thead th {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background: #f5e003;
  padding: 14px 20px;
}
.cntTabS thead th:first-child {
  -webkit-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.cntTabS thead th:last-child {
  -webkit-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}
.cntTabS tbody td {
  line-height: 24px;
  text-align: left;
  background: #ffffff;
  border-bottom: 1px solid #cdd2d5;
  padding: 14px 20px;
}
.cntTabS tbody td.row-a {
  vertical-align: middle;
  color: #ffffff;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  text-align: center;
  text-transform: uppercase;
  background: #000000;
  border: 10px solid #ffffff;
  width: 160px;
  height: 40px;
  padding: 14px 20px;
}
.cntTabS tbody td.row-sp {
  vertical-align: middle;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  border: 10px solid #ffffff;
  width: 60px;
  height: 40px;
  padding: 18px 20px 14px 20px;
}
.cntTabS tbody td.row-as {
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
  background: #000000;
  border: 10px solid #ffffff;
  width: 240px;
  height: 40px;
  padding: 14px 20px;
}
.cntTabS tbody td.row-b {
  vertical-align: middle;
  color: #ffffff;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  text-align: center;
  text-transform: uppercase;
  background: #aaaaaa;
  border: 10px solid #ffffff;
  width: 160px;
  height: 40px;
  padding: 14px 20px;
}
.cntTabS tbody td.row-bs {
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
  background: #aaaaaa;
  border: 10px solid #ffffff;
  width: 330px;
  height: 40px;
  padding: 10px 20px;
}
.cntTabS tbody i {
  border: solid #484443;
  border-width: 0 14px 14px 0;
  display: inline-block;
  padding: 12px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/* TABLA */
.vidEmb {
  float: left;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  padding: 0;
  padding-bottom: 56.5%;
}
.vidEmb .vidEmb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.lineSp {
  clear: both;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  padding-top: 30px;
  margin-bottom: 40px;
}
.subtitulo {
  float: left;
  display: block;
  color: #f5e003 !important;
  font-size: 24px;
  font-family: 'Satoshi-Bold', Arial, Tahoma, Verdana;
  font-weight: 100;
  line-height: 26px;
  text-align: left;
  width: 100%;
  margin: 20px 0;
}
.subtitulo1 {
  float: left;
  display: block;
  color: #000000 !important;
  font-size: 24px;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  font-weight: 100;
  line-height: 28px;
  text-align: left;
  width: 70%;
  margin: 20px 0;
}
.subtitulo2 {
  float: left;
  display: block;
  color: #000000 !important;
  font-size: 20px;
  font-family: 'Gibson-SemiBold', Arial, Tahoma, Verdana;
  font-weight: 100;
  line-height: 28px;
  text-align: left;
  width: 100%;
  margin: 0;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.left {
  float: left;
  display: block;
}
.right {
  float: right;
  display: block;
}
.clear {
  clear: both;
  display: block;
}
.txt-al {
  text-align: left !important;
}
.txt-ar {
  text-align: right !important;
}
.txt-ac {
  text-align: center !important;
}
.color1 {
  color: #f5e003 !important;
}
.italic,
.italic1 {
  font-style: italic;
}
.italic1 {
  color: #f5e003 !important;
}
.small,
.small {
  font-size: 12px;
  line-height: 12px !important;
}
.small1 {
  color: #f5e003 !important;
}
b,
bold,
bold1 {
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  font-weight: 100;
}
bold1 {
  color: #f5e003 !important;
}
/* ---------------------------- LINKS ---------------------------- */
a.lnk_01:link,
a.lnk_01:visited {
  color: #f5e003;
  text-decoration: none;
}
a.lnk_01:hover {
  text-decoration: underline;
}
a.lnk_01u:link,
a.lnk_01u:visited {
  color: #000000;
  text-decoration: underline;
}
a.lnk_01u:hover {
  text-decoration: none;
}
a.lnkBck:link,
.lnkBck:visited,
.lnkBck {
  top: 35px;
  left: 48px;
  z-index: 20;
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  color: #000000;
  font-size: 18px;
  line-height: 35px;
  text-align: left;
  text-decoration: none;
  background: url(../lib/ar-bck.svg) no-repeat left center;
  background-size: auto 35px;
  width: auto;
  height: 35px;
  padding-left: 45px;
}
a.lnkBck:hover,
.lnkBck:hover {
  text-decoration: none;
  opacity: 0.7;
}
a.btn01:link,
a.btn01:visited {
  float: none;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  display: block;
  color: #000000;
  font-size: 16px;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  line-height: 51px;
  text-align: center;
  text-decoration: none;
  background: #f5e003;
  border-radius: 10px;
  border: 2px solid #f5e003;
  width: 380px;
  height: 55px;
  margin: 30px auto 70px auto;
}
a.btn01:hover {
  color: #ffffff;
  background: #000000;
  border: 2px solid #000000;
}
a.btn01m:link,
a.btn01m:visited {
  float: left;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  display: block;
  color: #000000;
  font-size: 14px;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  background: #f5e003;
  border-radius: 8px;
  border: 2px solid #f5e003;
  width: auto;
  height: 45px;
  margin: 10px auto 20px auto;
  padding: 0 40px;
}
a.btn01m:hover {
  color: #ffffff;
  background: #000000;
  border: 2px solid #000000;
}
a.btn02:link,
a.btn02:visited {
  float: none;
  position: relative;
  box-sizing: border-box;
  display: block;
  color: #000000;
  font-size: 16px;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  line-height: 54px;
  text-align: center;
  text-decoration: none;
  background: transparent;
  border-radius: 10px;
  border: 2px solid #f5e003;
  width: 390px;
  height: 60px;
  margin: 30px auto;
}
a.btn02:hover {
  background: #f5e003;
}
a.byLogos:link,
a.byLogos:visited {
  float: right;
  display: block;
  position: relative;
  overflow: hidden;
  outline: none;
  text-indent: -9000px;
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!-- Created with Inkscape (http://www.inkscape.org/) --><svg version="1.1" id="svg2" width="34.578266" height="68.078003" viewBox="0 0 34.578266 68.078003" sodipodi:docname="ar-logos.ai" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs6"><clipPath clipPathUnits="userSpaceOnUse" id="clipPath16"><path d="M 0,0 H 25.934 V 51.059 H 0 Z" id="path14" /></clipPath></defs><sodipodi:namedview id="namedview4" pagecolor="%23ffffff" bordercolor="%23000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="%23d1d1d1" /><g id="g8" inkscape:groupmode="layer" inkscape:label="ar-logos" transform="matrix(1.3333333,0,0,-1.3333333,0,68.078)"><g id="g10"><g id="g12" clip-path="url(%23clipPath16)"><g id="g18" transform="translate(2.897,0.2639)"><path d="m 0,0 -2.527,2.196 c -0.448,0.39 -0.496,1.069 -0.106,1.518 L 15.486,24.56 c 0.352,0.405 0.352,1.007 0,1.412 L -2.633,46.817 c -0.39,0.448 -0.342,1.128 0.106,1.518 L 0,50.531 c 0.449,0.39 1.128,0.342 1.518,-0.107 L 22.773,25.972 c 0.352,-0.405 0.352,-1.007 0,-1.412 L 1.518,0.106 C 1.128,-0.342 0.449,-0.39 0,0" style="fill:%23dfdbe3;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path20" /></g></g></g></g></svg>') no-repeat center;
  background-size: 6px auto;
  width: 50px;
  height: 50px;
  margin: 5px 1% 0 0;
  transition: all 0.3s;
}
a.byLogos::after {
  top: 50%;
  left: 50%;
  z-index: -1;
  content: "";
  position: absolute;
  border: 1px solid #dfdbe3;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
a.byLogos:hover {
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!-- Created with Inkscape (http://www.inkscape.org/) --><svg version="1.1" id="svg2" width="34.578266" height="68.078003" viewBox="0 0 34.578266 68.078003" sodipodi:docname="ar-logos.ai" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs6"><clipPath clipPathUnits="userSpaceOnUse" id="clipPath16"><path d="M 0,0 H 25.934 V 51.059 H 0 Z" id="path14" /></clipPath></defs><sodipodi:namedview id="namedview4" pagecolor="%23ffffff" bordercolor="%23000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="%23d1d1d1" /><g id="g8" inkscape:groupmode="layer" inkscape:label="ar-logos" transform="matrix(1.3333333,0,0,-1.3333333,0,68.078)"><g id="g10"><g id="g12" clip-path="url(%23clipPath16)"><g id="g18" transform="translate(2.897,0.2639)"><path d="m 0,0 -2.527,2.196 c -0.448,0.39 -0.496,1.069 -0.106,1.518 L 15.486,24.56 c 0.352,0.405 0.352,1.007 0,1.412 L -2.633,46.817 c -0.39,0.448 -0.342,1.128 0.106,1.518 L 0,50.531 c 0.449,0.39 1.128,0.342 1.518,-0.107 L 22.773,25.972 c 0.352,-0.405 0.352,-1.007 0,-1.412 L 1.518,0.106 C 1.128,-0.342 0.449,-0.39 0,0" style="fill:%23f36e2a;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path20" /></g></g></g></g></svg>') no-repeat center;
  background-size: 6px auto;
  transition: all 0.3s;
}
a.byLogos:hover::after {
  background: #000507;
  border: 1px solid #000507;
  width: 20px;
  height: 20px;
  transition: all 0.3s;
}
/* ---------------------------- LINKS ---------------------------- */
/* ---------------------------- LISTADOS ---------------------------- */
ul.li_01 {
  overflow: hidden;
  width: 90%;
  margin: 30px 0 60px 0;
}
ul.li_01 li {
  position: relative;
  width: 90%;
  margin: 10px 0;
  padding-left: 30px;
  transition: all 0.3s;
}
ul.li_01 li a {
  color: #000000;
  text-decoration: none;
}
ul.liPrOp {
  float: left;
  display: block;
  overflow: hidden;
  position: relative;
  font-size: 20px;
  font-family: 'Gibson-SemiBold', Arial, Tahoma, Verdana;
  font-weight: 100;
  line-height: 24px;
  width: 100%;
  margin: 30px 0 50px 0;
  padding: 0;
}
ul.liPrOp li {
  float: left;
  position: relative;
  width: 30.8%;
  height: 120px;
  margin: 10px 3.8% 40px 0;
  padding: 0;
  transition: all 0.3s;
}
ul.liPrOp li::after {
  display: none;
}
ul.liPrOp li a {
  float: left;
  display: block;
  box-sizing: border-box;
  position: relative;
  color: #000000;
  text-decoration: none;
  background: #ffffff;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  border: 3px solid #ffffff;
}
ul.liPrOp li a:hover {
  border: 3px solid rgba(245, 224, 3, 0.8);
}
ul.liPrOp li a span {
  left: 0;
  bottom: 0;
  display: block;
  box-sizing: border-box;
  position: absolute;
  text-align: left;
  width: 100%;
  padding: 20px 120px 20px 30px;
}
/* PAGINADOR */
ul.pag {
  float: none;
  clear: both;
  display: table;
  width: auto;
  margin: -50px auto 150px auto;
}
ul.pag li {
  float: left;
  clear: none;
  width: auto;
  margin: 0 10px;
  padding: 0;
}
ul.pag li:after {
  display: none;
}
ul.pag li a {
  float: left;
  display: block;
  color: #1a303e;
  font-size: 14px;
  font-family: 'Satoshi-Bold', Arial, Tahoma, Verdana;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
ul.pag li a:hover {
  color: #f5e003;
}
ul.pag li.pagAct a {
  color: #ffffff;
  background: #f5e003;
}
ul.pag li.pagAct a:hover {
  color: #ffffff;
  opacity: 0.7;
}
/* ---------------------------- LISTADOS ---------------------------- */
/* ---------------------------- FORMULARIO ---------------------------- */
.formA fieldset {
  float: none;
  clear: both;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  text-align: center;
  width: 105%;
  margin: 0 0 45px 0;
  padding: 0;
}
.formA p {
  float: left;
  display: block;
  overflow: visible;
  position: relative;
  text-align: left;
  width: 45%;
  margin: 0 5% 35px 0;
  padding: 18px 0 5px 0;
}
.formA p.wb {
  clear: both;
  overflow: none !important;
  width: 95%;
  height: auto;
  margin: 5px auto;
  padding: 0 0 5px 0;
}
.formA p.wm {
  float: left;
  display: block;
  position: relative;
  text-align: left;
  width: 32%;
  margin: 0 0 5px 31.5%;
  padding: 18px 0 5px 0;
}
.formA label {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  color: #000000;
  font-size: 13px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  font-weight: 100;
  line-height: 24px;
  text-align: left;
  width: 100%;
  transition: all 0.3s;
}
.formA p.wm label {
  text-align: center;
}
.formA input:focus + label,
.formA textarea:focus + label {
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  transition: all 0.3s;
}
.formA select,
.formA input,
.formA textarea {
  float: left;
  box-sizing: border-box;
  color: #000000;
  font-size: 14px;
  font-size: 100%;
  line-height: 16px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  font-weight: 100;
  border: 1px solid #dbdbdb;
  border-radius: 7px;
  margin: 8px auto 0 auto !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.formA input:focus {
  outline: none;
  border: 1px solid #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.formA input[type=number] {
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
}
.formA select {
  cursor: pointer;
  display: block;
  position: relative;
  background: #ffffff url(../lib/ar-dwn.svg) no-repeat right center;
  background-size: auto 10px;
  width: 60%;
  height: 46px;
  padding: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.formA select:focus {
  outline: none;
  border: 1px solid #f5e003;
}
.formA .selB {
  width: 100%;
  height: 46px;
  padding: 20px;
}
.formA .selM {
  width: 56%;
  height: 46px;
  padding: 20px;
}
.formA .selS {
  display: inline-block;
  width: 16%;
  height: 46px;
  padding: 20px;
}
.formA .selSm {
  display: inline-block;
  background: #ffffff url(../lib/ar-sel.svg) no-repeat right center;
  background-size: auto 18px;
  width: 40%;
  height: 46px;
  padding: 20px;
}
.formA select.inpC {
  cursor: pointer;
  display: block;
  position: relative;
  background: #ffffff url(../lib/ar-sel.svg) no-repeat right center;
  background-size: auto 18px;
  width: 60%;
  height: 46px;
  padding: 20px;
}
.formA option {
  color: #000000;
  font-size: 12px;
}
.formA .inpB {
  width: 100%;
  height: 46px;
  padding: 20px;
}
.formA .inpM {
  width: 56%;
  height: 46px;
  margin-right: 3% !important;
  padding: 20px;
}
.formA p.wm .inpM {
  float: none;
  font-size: 16px;
  line-height: 16px;
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  text-align: center;
}
.formA .inpS {
  display: inline-block;
  width: 39.4%;
  height: 46px;
  padding: 20px;
}
.formA .req {
  border: 1px solid #ee1c25;
}
.formA .reqTxt {
  left: 5px;
  bottom: -14px;
  position: absolute;
  display: block;
  color: #ee1c25;
  font-size: 10px;
  line-height: 18px;
}
.formA p.wm.txt-ac {
  margin: 0 0 10px 31.5%;
}
.formA p.wm.txt-ac .reqTxt {
  text-align: center;
  width: 96%;
}
.msjNt {
  float: none;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  color: #ffffff;
  font-size: 10px;
  line-height: 14px;
  background: #ee1c25;
  border-radius: 5px;
  min-height: 25px;
  margin: 8px auto;
  padding: 5px 25px 6px 25px;
}
.formA textarea {
  display: block;
  font-size: 16px;
  width: 100%;
  height: 135px;
  margin-bottom: 20px !important;
  padding: 20px;
  appearance: none;
}
.formA textarea:focus {
  outline: none;
  border: 1px solid #f5e003;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.btnVal {
  top: 26px;
  right: 0;
  display: block;
  cursor: pointer;
  position: absolute;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 14px;
  font-size: 100%;
  line-height: 26px;
  text-align: center;
  background: #000000;
  border-radius: 0 6px 6px 0;
  height: 46px;
  padding: 10px 30px;
  transition: all 0.3s;
}
.btnVal:hover {
  opacity: 0.8;
  transition: all 0.3s;
}
.bxNot {
  float: left;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 10px;
  grid-row-gap: 1em;
  align-items: center;
  text-align: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 12px;
  line-height: 35px;
  text-align: left;
  background: #75bf3c url(../lib/ico-chk-cr.svg) no-repeat 17px center;
  background-size: auto 20px;
  border-radius: 7px;
  width: auto;
  height: 35px;
  margin: 6px 0 5px 0;
  padding: 0 20px 0 45px;
}
.bxNotEr {
  float: left;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 10px;
  grid-row-gap: 1em;
  align-items: center;
  text-align: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 12px;
  line-height: 35px;
  text-align: left;
  background: #ee1c25 url(../lib/ico-cls-b.svg) no-repeat 17px center;
  background-size: auto 20px;
  border-radius: 7px;
  width: auto;
  height: 35px;
  margin: 6px 0 5px 0;
  padding: 0 20px 0 45px;
}
.bxNot span,
.bxNotEr span {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  margin: auto;
}
.formA .button {
  float: none;
  display: block;
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  font-family: 'Gibson-SemiBold', Arial, Tahoma, Verdana;
  line-height: 54px;
  text-align: center;
  text-decoration: none;
  background: #f5e003;
  border-radius: 10px;
  border: 0;
  width: 50%;
  height: 55px;
  margin: 20px auto 0 auto;
  -webkit-appearance: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.formA .button:hover,
.formA .button:focus,
.formA .button:active {
  color: #ffffff;
  background: #000000;
  border: 0;
  text-indent: 0px;
}
.formA .btnDs {
  pointer-events: none;
  background: #e3e3e3 !important;
}
.formA .btn-load {
  pointer-events: none;
  position: relative;
  outline: none;
  text-indent: -9000px;
}
.formA .btn-load:after {
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  background: url(../lib/load.svg) no-repeat center;
  background-size: auto 80px;
  width: 100%;
  height: 54px;
}
.formA p.wb .button {
  margin: 10px auto 0 auto;
}
.cntInt.cnInv .formA .button:hover {
  color: #000000;
  background: #ffffff;
  border: 0;
  text-indent: 0px;
}
.bxD {
  float: left;
  display: grid;
  position: relative;
  width: auto;
  margin-top: 0;
}
.bxClI {
  float: left;
  display: grid;
  position: relative;
  width: auto;
}
.rad_dir {
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
  height: 45px;
  margin: 15px 0 6px 0;
}
.rad_dir label {
  float: left;
  display: block;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  color: #000000;
  font-size: 14px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  line-height: 43px;
  text-align: left;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 50px;
  /*min-width: 350px;*/
  height: 45px;
  padding: 0 40px 0 50px;
  transition: all 0.3s ease;
}
.rad_dir.wMd label {
  /*min-width: 410px;*/
}
.rad_dir input[type="radio"] {
  display: none;
}
.rad_dir input[type="radio"]:checked + label {
  background: #f5e003;
  border: 1px solid #f5e003;
}
.rad_dir label::after {
  top: 50%;
  left: 10px;
  content: "";
  z-index: 10;
  pointer-events: none !important;
  position: absolute;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #7f7f7f;
  width: 26px;
  height: 26px;
  transform: translateY(-50%);
}
.rad_dir input[type="radio"]:checked + label::after {
  border: 2px solid #f5e003;
}
.rad_dir label::before {
  top: 50%;
  left: 12px;
  display: none;
  content: "";
  z-index: 20;
  pointer-events: none !important;
  position: absolute;
  background: transparent url(../lib/ico-chk.svg) no-repeat center;
  background-size: auto 12px;
  width: 26px;
  height: 26px;
  transform: translateY(-50%);
}
.rad_dir input[type="radio"]:checked + label::before {
  display: block;
}
.cntColAb {
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 275px;
  margin: 0 4% 20px 2%;
}
.cntColBb {
  float: right;
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 432px;
  margin-right: 2%;
}
.formA .cntColBb p.wb {
  padding-top: 0;
}
.radOpSm {
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 184px;
  height: 54px;
  margin: 8px 20px 5px 0;
}
.radOpSm.sOf {
  pointer-events: none;
}
.radOpSm label {
  float: left;
  display: block;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  color: #000000;
  font-size: 16px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  line-height: 46px;
  text-align: center;
  background: #ffffff;
  border: 2px solid #000000;
  border-radius: 10px;
  width: 184px;
  height: 54px;
  padding: 0;
  transition: all 0.3s ease;
}
.radOpSm.wMd label {
  min-width: 410px;
}
.radOpSm input[type="radio"] {
  display: none;
}
.radOpSm input[type="radio"]:checked + label {
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  background: #f5e003;
}
.radOpSm.sOf label {
  color: #a1a1a1;
  background: #d7d7d7;
  border: 2px solid #d7d7d7;
}
.radOpSmb {
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 124px;
  height: 44px;
  margin: 8px 12px 5px 0;
}
.radOpSmb.sOf {
  pointer-events: none;
}
.radOpSmb label {
  float: left;
  display: block;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  color: #000000;
  font-size: 16px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  line-height: 36px;
  text-align: center;
  background: #ffffff;
  border: 2px solid #000000;
  border-radius: 10px;
  width: 124px;
  height: 44px;
  padding: 0;
  transition: all 0.3s ease;
}
.radOpSmb.wMd label {
  min-width: 410px;
}
.radOpSmb input[type="radio"] {
  display: none;
}
.radOpSmb input[type="radio"]:checked + label {
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  background: #f5e003;
}
.radOpSmb.sOf label {
  color: #a1a1a1;
  background: #d7d7d7;
  border: 2px solid #d7d7d7;
}
.pCBx {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  background: #f7f7f7;
  border-radius: 10px;
  width: auto !important;
  min-width: 55% !important;
  min-height: 70px !important;
  height: auto !important;
  margin: 20px 0 !important;
  padding: 0 !important;
}
.pCBx.oLn {
  margin: 10px 0 20px 0 !important;
}
.pCBx .mdCBx label:before,
.pCBx .mdCBx label:after {
  transition: all 0.3s;
}
.mdCBx {
  float: left;
  display: block;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.mdCBx label {
  float: left;
  clear: none;
  cursor: pointer;
  display: block;
  position: relative;
  box-sizing: border-box;
  color: #000000;
  font-size: 14px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  line-height: 18px !important;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 15px 30px 15px 60px !important;
}
.pCBx.oLn .mdCBx label {
  padding: 25px 30px 15px 60px !important;
}
.mdCBx label:not(:empty) {
  padding-left: 0.75em;
}
.mdCBx label:after {
  content: "";
  position: absolute;
  left: 23px;
  top: 23px;
  width: 0;
  height: 0;
  transition: all 0.2s;
}
.mdCBx label:before {
  top: 21px !important;
  bottom: auto;
  left: 21px;
  box-sizing: border-box;
  cursor: pointer;
  content: "";
  position: absolute;
  background: #ffffff;
  border: 2px solid #000000;
  height: 25px;
  width: 25px;
  transition: background 0.3s;
}
.mdCBx label:hover:before {
  border: 2px solid #000000;
}
.mdCBx input[type="checkbox"] {
  position: absolute;
  outline: 0;
  visibility: hidden;
  width: 1.25em;
  margin: 0 !important;
  display: block;
  float: left;
  font-size: inherit;
}
.mdCBx input[type="checkbox"]:checked + label:before {
  background: #000000;
  border: 1px solid #000000;
}
.mdCBx input[type="checkbox"]:checked + label:after {
  left: 23px;
  top: 23px;
  transform: translate(4px, 4px) rotate(-45deg);
  width: 12px;
  height: 6px;
  border: 2px solid #ffffff;
  border-top-style: none;
  border-right-style: none;
  transition: all 0.2s;
}
.bxUpl {
  clear: both;
  display: block;
  overflow: visible;
  position: relative;
  text-align: center;
  width: 70%;
  height: auto;
  margin: 20px 15% 10px 15%;
}
.bxUpl .filedrag {
  float: left;
  display: block;
  box-sizing: border-box;
  color: #000000;
  font-size: 15px;
  line-height: 20px;
  background: #ffffff;
  border: 2px dashed #ccd3d7;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 2px;
  padding: 25px;
}
.bxUpl.erFl .filedrag {
  background: rgba(238, 28, 37, 0.006);
  border: 2px dashed #ee1c25;
}
.formA .bxUpl .reqTxt {
  bottom: -17px;
}
.bxUpl.img_prof .filedrag {
  float: none;
  margin: 10px auto 2px auto;
}
.bxUpl .filedrag a.draglinkupd {
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-family: 'Manrope-Light', Arial, Tahoma, Verdana;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 200px;
  margin: 0 auto 0 3px;
  padding: 10px 20px;
  transition: all 0.5s;
}
.bxUpl .filedrag a:hover.draglinkupd {
  border: 1px solid rgba(0, 0, 0, 0.8);
}
.bxUpl.bntOl .filedrag a.draglinkupd {
  margin: 0 auto;
}
.bxUpl ul.doc2 {
  width: 500px;
}
.bxUpl progress {
  color: #08AE98;
  border: 0;
  display: block;
  float: left;
  background: #ffffff;
  border-radius: 4px;
  width: 100%;
  height: 6px;
  margin: 3px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bxUpl.img_prof progress {
  float: none;
  margin: 3px auto;
}
.bxUpl progress::-moz-progress-bar {
  background: #08AE98;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bxUpl progress[value]::-webkit-progress-bar {
  background: #fff;
}
#camera-container {
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
#camera-container img {
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.bxUpl video,
#videoElement {
  float: left;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
#videoElement img {
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
#controls {
  float: left;
  display: grid;
  box-sizing: border-box;
  grid-auto-flow: column;
  grid-column-gap: 10px;
  grid-row-gap: 1em;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 90%;
  height: auto;
  margin: 0 5%;
  padding: 20px 20px 25px 20px;
}
#controls button {
  cursor: pointer;
  position: relative;
  color: #ffffff;
  background: #333333;
  border-radius: 7px;
  border: 0;
  height: 38px;
  padding: 2px 25px 2px 25px !important;
}
#controls .bntAct {
  font-family: 'Manrope-Bold', Arial, Tahoma, Verdana;
  background: #000000;
}
/* DOCUMENTOS ADJUNTOS */
ul.doc2 {
  float: left;
  clear: both;
  box-sizing: border-box;
  position: relative;
  letter-spacing: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 10px 0 5px 0;
}
ul.doc2 li {
  float: left;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  font-size: 12px;
  line-height: 14px;
  border: 2px solid #e9ecee;
  background: transparent;
  border-radius: 5px;
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 10px 2% 10px 3%;
  transition: all 0s;
}
ul.doc2 li:after {
  display: none;
}
ul.doc2 li:hover {
  cursor: move;
  background: #fbfbfc url(../lib/lnk_over_adj.png) no-repeat 5px center;
  transition: all 0s;
}
ul.doc2 li.edit_us:hover {
  cursor: default;
  background: transparent;
}
.fHvL li:hover {
  cursor: default;
  background: none;
}
ul.doc2 li a {
  float: left;
  display: block;
  text-align: left;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
ul.doc2 li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
ul.doc2 li img {
  float: left;
  margin: 6px 10px 5px 0;
}
ul.doc2 li a.del2 {
  top: 10px;
  right: 10px;
  position: absolute;
  display: none;
  color: white;
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  background: #e84c3d;
  width: 56px;
  height: 25px;
  margin: 0;
}
ul.doc2 li:hover a.del2 {
  display: block;
}
ul.doc2 li a.edN {
  float: left;
  display: block;
  color: #08ae98;
  font-size: 12px;
  border: 1px solid #08ae98;
  margin-top: 3px;
  padding: 3px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
ul.doc2 li .txtDsc {
  line-height: 36px;
}
ul.doc2 li .inFil {
  float: left;
  display: block;
  width: auto;
  margin-top: 15px;
}
ul.doc2 li .imgCnt {
  float: left;
  display: block;
  overflow: hidden;
  position: relative;
  width: 65px;
  height: 60px;
  margin: 6px 15px 5px 0;
}
ul.doc2 li .imgCnt img {
  margin: 0;
}
ul.doc2 li.edit_us .imgCnt {
  float: left;
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 6px 10px 5px 0;
}
ul.doc2 li.edit_us .imgCnt img {
  float: left;
  display: block;
  width: 100%;
  height: 120px;
  margin: 0;
  object-fit: cover;
}
ul.doc2 li.edit_us .loadImg {
  top: 0;
  left: 0;
  z-index: 10;
  position: absolute;
  background: rgba(245, 224, 3, 0.4) url(../lib/load.svg) no-repeat center;
  background-size: auto 70px;
  border-radius: 50%;
  width: 120px;
  height: 120px;
}
.selectt {
  display: none;
  width: 100%;
}
.loader {
  display: inline-block;
  width: 65px;
  height: 30px;
  position: relative;
  margin: 40px auto;
}
.loader:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  box-shadow: 0 0 0 3px inset #000000;
  animation: l3 0.75s infinite alternate;
}
@keyframes l3 {
  0% {
    inset: 0 35px 0 0;
  }
  50% {
    inset: 0 0 0 0;
  }
  100% {
    inset: 0 0 0 35px;
  }
}
/* ---------------------------- FORMULARIO ---------------------------- */
/* ---------------------------- RESPONSIVE ---------------------------- */
@media screen and (min-width: 1761px) {
  ul.liPrOp li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1760px) {
  ul.liPrOp li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {
  ul.liPrOp li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1191px) and (max-width: 1280px) {
  .cntIni {
    width: 86%;
    padding: 70px 0 80px 0;
  }
  .cntInt {
    width: 86%;
    margin: 130px auto 90px auto;
    padding: 50px 75px 20px 75px;
  }
  .cntColAb {
    margin: 0 4% 20px 9%;
  }
  .cntColBb {
    margin-right: 9%;
  }
  ul.liPrOp li:nth-child(3n) {
    margin-right: 0;
  }
  ul.liPrOp li a span {
    padding: 25px 80px 25px 30px;
  }
}
/* ---------------------------- TABLET H ---------------------------- */
@media screen and (min-width: 921px) and (max-width: 1190px) {
  .cntIni {
    width: 90%;
    padding: 70px 0 80px 0;
  }
  .cntInt {
    width: 90%;
    margin: 130px auto 90px auto;
    padding: 50px 65px 20px 65px;
  }
  ul.liPrOp li:nth-child(3n) {
    margin-right: 0;
  }
  ul.liPrOp li a span {
    padding: 25px 60px 25px 25px;
  }
}
/* ---------------------------- TABLET H ---------------------------- */
/* ---------------------------- TABLET V ---------------------------- */
@media screen and (min-width: 737px) and (max-width: 920px) {
  a.logo {
    width: 160px;
    height: 36px;
    margin: 22px 0 0 20px;
  }
  .cntIni {
    width: 86%;
    padding: 70px 0 80px 0;
  }
  .cntInt {
    width: 86%;
    margin: 130px auto 90px auto;
    padding: 50px 60px 20px 60px;
  }
  .bxVrf {
    word-wrap: break-word;
    width: 100%;
    margin: 10px 0 20px 0;
    padding: 35px 35px 40px 30px;
  }
  .bxVrf img {
    width: 100px;
  }
  .bxVrf p {
    width: calc(100% - 140px);
  }
  .bxVrf b {
    font-size: 24px;
    line-height: 30px;
    margin: 5px 0 10px 0;
  }
  .cntColAb {
    width: 275px;
    margin: 0 0 20px 0;
  }
  .cntColBb {
    width: calc(100% - 320px);
    margin-right: 0;
  }
  .radOpSm {
    width: 115px;
    height: 54px;
    margin: 8px 16px 5px 0;
  }
  .radOpSm label {
    font-size: 16px;
    line-height: 46px;
    width: 115px;
    height: 54px;
  }
  .tool::after {
    font-size: 11px;
    line-height: 16px;
    width: 145px;
    padding: 15px;
  }
  ul.liPrOp li {
    width: 46.6%;
    height: 170px;
    margin: 10px 6.6% 35px 0;
  }
  ul.liPrOp li:nth-child(2n) {
    margin-right: 0;
  }
  ul.liPrOp li a span {
    padding: 25px 60px 25px 25px;
  }
}
/* ---------------------------- TABLET V ---------------------------- */
@media screen and (min-width: 321px) and (max-width: 736px) {
  h1 {
    font-size: 28px;
    line-height: 30px;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 24px !important;
    line-height: 24px !important;
    width: 100%;
  }
  a.logo {
    width: 120px;
    height: 30px;
    transition: all 0.24s;
    margin: 12px 0 0 10px;
  }
  header {
    height: 55px;
    min-height: 55px;
  }
  .in_hd {
    height: 45px;
  }
  header nav {
    display: none;
  }
  .contentIni {
    background-size: auto 100%;
    height: auto;
    min-height: calc(96vh - 80px);
    padding-bottom: 20px;
  }
  .cntIni {
    width: 86%;
    margin: 0 auto 20px auto;
    padding: 35px 0 30px 0;
  }
  .cntInt {
    font-size: 15px;
    line-height: 22px;
    width: 86%;
    margin: 85px auto 20px auto;
    padding: 30px 30px 20px 30px;
  }
  .contentIni h1 {
    font-size: 32px;
    line-height: 32px;
  }
  .contentIni .cntInt h1 {
    margin: 0 0 10px 0;
  }
  .content {
    background-size: auto 100%;
    padding: 20px 0;
  }
  .cnt_content {
    width: 86%;
    padding: 50px 30px 80px 30px;
  }
  .content h1 {
    font-size: 45px;
    line-height: 50px;
    width: 100%;
  }
  .bxTit {
    font-size: 14px;
    line-height: 20px;
    background-size: auto 34px;
    border-radius: 10px;
    width: 100%;
    min-height: 85px;
    margin-bottom: 35px;
    padding: 13px 15px 17px 65px;
  }
  .bxTitCal {
    font-size: 14px;
    line-height: 20px;
    background-size: 28px auto;
    border-radius: 15px;
    width: 100%;
    min-height: 85px;
    margin-bottom: 15px;
    padding: 13px 15px 17px 65px;
  }
  a.lnkBck:link,
  .lnkBck:visited,
  .lnkBck {
    top: 20px;
    left: 40px;
    font-size: 16px;
    line-height: 35px;
    background-size: auto 31px;
    height: 35px;
    padding-left: 41px;
  }
  ul.liPrOp {
    font-size: 18px;
    line-height: 22px;
    margin: 30px 0 50px 0;
  }
  ul.liPrOp li {
    width: 100%;
    height: 120px;
    margin: 10px 0 20px 0;
  }
  ul.liPrOp li a span {
    padding: 20px 30px 18px 25px;
  }
  .formA fieldset {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
  }
  .formA p {
    width: 100%;
    margin: 10px 0;
  }
  .formA p.wb {
    width: 100%;
    margin: 10px 0;
  }
  .formA p.wm {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .formA .button {
    width: 100%;
  }
  a.lnk_01c:link,
  a.lnk_01c:visited {
    width: 100%;
  }
  .formA p.wm.txt-ac {
    margin: 0 0 10px 0;
  }
  .formA .selSm {
    font-size: 14px;
    background: #ffffff url(../lib/ar-sel.svg) no-repeat 105% center;
    background-size: auto 13px;
    width: 41%;
  }
  .btnVal {
    font-size: 12px;
    line-height: 26px;
    height: 46px;
    padding: 10px 20px;
  }
  .bxUpl {
    width: 100%;
    margin: 10px 0 10px 0;
  }
  .bxUpl .filedrag a.draglinkupd {
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 10px 20px;
  }
  .pCBx.oLn .mdCBx label {
    padding: 15px 30px 15px 60px !important;
  }
  .rad_dir {
    width: 100%;
    height: auto;
    margin: 10px 0 6px 0;
  }
  .rad_dir label {
    font-size: 14px;
    line-height: 18px;
    border-radius: 40px;
    min-width: 100%;
    width: 100%;
    height: auto;
    padding: 12px 50px 12px 50px;
  }
  .rad_dir.wMd label {
    min-width: 100%;
    width: 100%;
  }
  .tool {
    float: right;
    width: 26px;
    height: 26px;
    margin: -42px 8px 0 0;
  }
  .tool::after {
    left: auto;
    top: 50%;
    right: 30px;
    font-size: 11px;
    line-height: 14px;
    width: 200px;
    padding: 13px;
  }
  .cntColA {
    width: 100%;
    margin-bottom: 10px;
  }
  .cntColB {
    width: 100%;
    margin-bottom: 20px;
  }
  .bxVrf {
    font-size: 20px;
    line-height: 20px;
    word-wrap: break-word;
    width: 100%;
    margin: 10px 0 20px 0;
    padding: 25px 35px 40px 30px;
  }
  .bxVrf b {
    font-size: 20px;
    line-height: 22px;
    margin: 10px 0;
  }
  .bxVrf a {
    font-size: 16px;
  }
  .bxVrf img {
    float: left;
    display: block;
    width: 50%;
    height: auto;
    margin: 10px 25% 20px 25%;
  }
  .bxVrf p {
    float: right;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
  }
  a.btn01:link,
  a.btn01:visited {
    font-size: 16px;
    line-height: 51px;
    width: 100%;
    height: 55px;
    margin: 30px auto 40px auto;
  }
  a.btn02:link,
  a.btn02:visited {
    font-size: 16px;
    line-height: 54px;
    width: 100%;
    height: 60px;
    margin: 30px auto 40px auto;
  }
  .cntColAb {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .cntColBb {
    width: 100%;
    margin-right: 0;
  }
  .radOpSm {
    width: 46%;
    height: 54px;
    margin: 8px 2% 5px 2%;
  }
  .radOpSm label {
    font-size: 16px;
    line-height: 46px;
    border-radius: 10px;
    width: 100%;
    height: 54px;
  }
  .radOpSm.wMd label {
    width: 100%;
  }
  .bxCDt {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    border-radius: 15px;
    width: 100%;
    min-height: 65px;
    margin: 10px 0;
    padding: 15px 20px 10px 20px;
  }
  .bxCDt icon {
    float: left;
    display: block;
    background-size: 26px auto;
    width: 26px;
    height: 25px;
    margin: 3px 15px 15px 0;
  }
  .bxVrf .ntEmail {
    font-size: 15px;
    line-height: 19px;
    background: url(../lib/ico-mail.svg) no-repeat left 3px;
    background-size: 18px auto;
    width: 100%;
    margin: 10px 0;
    padding-left: 32px;
  }
  .bxD {
    margin-top: -10px;
  }
  #controls {
    grid-row-gap: 0.9em;
    grid-auto-flow: inherit;
    grid-template-columns: 1fr;
    align-items: initial;
    text-align: initial;
    justify-content: initial;
    width: 100%;
    margin: 0;
    padding: 20px 0 25px 0;
  }
  #controls button {
    font-size: 12px;
    border-radius: 7px;
    width: 100%;
    height: 46px;
    border: 0;
    padding: 5px 10px 8px 10px;
  }
  a.btn01m:link,
  a.btn01m:visited {
    font-size: 13px;
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 320px) {
  h1 {
    font-size: 28px;
    line-height: 30px;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 24px !important;
    line-height: 24px !important;
    width: 100%;
  }
  a.logo {
    width: 120px;
    height: 30px;
    transition: all 0.24s;
    margin: 12px 0 0 10px;
  }
  header {
    height: 55px;
    min-height: 55px;
  }
  .in_hd {
    height: 45px;
  }
  header nav {
    display: none;
  }
  .contentIni {
    background-size: auto 100%;
    height: auto;
    min-height: calc(96vh - 80px);
    padding-bottom: 20px;
  }
  .cntIni {
    width: 86%;
    margin: 0 auto 20px auto;
    padding: 35px 0 30px 0;
  }
  .cntInt {
    font-size: 15px;
    line-height: 22px;
    width: 86%;
    margin: 85px auto 20px auto;
    padding: 30px 30px 20px 30px;
  }
  .contentIni h1 {
    font-size: 32px;
    line-height: 32px;
  }
  .contentIni .cntInt h1 {
    margin: 0 0 10px 0;
  }
  .content {
    background-size: auto 100%;
    padding: 20px 0;
  }
  .cnt_content {
    width: 86%;
    padding: 50px 30px 80px 30px;
  }
  .content h1 {
    font-size: 45px;
    line-height: 50px;
    width: 100%;
  }
  .bxTit {
    font-size: 14px;
    line-height: 20px;
    background-size: auto 34px;
    border-radius: 10px;
    width: 100%;
    min-height: 85px;
    margin-bottom: 35px;
    padding: 13px 15px 17px 65px;
  }
  .bxTitCal {
    font-size: 14px;
    line-height: 20px;
    background-size: 28px auto;
    border-radius: 15px;
    width: 100%;
    min-height: 85px;
    margin-bottom: 15px;
    padding: 13px 15px 17px 65px;
  }
  a.lnkBck:link,
  .lnkBck:visited,
  .lnkBck {
    top: 20px;
    left: 40px;
    font-size: 16px;
    line-height: 35px;
    background-size: auto 31px;
    height: 35px;
    padding-left: 41px;
  }
  ul.liPrOp {
    font-size: 18px;
    line-height: 22px;
    margin: 30px 0 50px 0;
  }
  ul.liPrOp li {
    width: 100%;
    height: 120px;
    margin: 10px 0 20px 0;
  }
  ul.liPrOp li a span {
    padding: 20px 30px 18px 25px;
  }
  .formA fieldset {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
  }
  .formA p {
    width: 100%;
    margin: 10px 0;
  }
  .formA p.wb {
    width: 100%;
    margin: 10px 0;
  }
  .formA p.wm {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .formA .button {
    width: 100%;
  }
  a.lnk_01c:link,
  a.lnk_01c:visited {
    width: 100%;
  }
  .formA .selSm {
    font-size: 14px;
    background: #ffffff url(../lib/ar-sel.svg) no-repeat 105% center;
    background-size: auto 13px;
    width: 41%;
  }
  .btnVal {
    font-size: 12px;
    line-height: 26px;
    height: 46px;
    padding: 10px 20px;
  }
  .bxUpl {
    width: 100%;
    margin: 10px 0 10px 0;
  }
  .bxUpl .filedrag a.draglinkupd {
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 10px 20px;
  }
  .pCBx.oLn .mdCBx label {
    padding: 15px 30px 15px 60px !important;
  }
  .rad_dir {
    width: 100%;
    height: auto;
    margin: 10px 0 6px 0;
  }
  .rad_dir label {
    font-size: 14px;
    line-height: 18px;
    border-radius: 40px;
    min-width: 100%;
    width: 100%;
    height: auto;
    padding: 12px 50px 12px 50px;
  }
  .rad_dir.wMd label {
    min-width: 100%;
    width: 100%;
  }
  .tool {
    float: right;
    width: 26px;
    height: 26px;
    margin: -42px 8px 0 0;
  }
  .tool::after {
    left: auto;
    top: 50%;
    right: 30px;
    font-size: 11px;
    line-height: 14px;
    width: 200px;
    padding: 13px;
  }
  .cntColA {
    width: 100%;
    margin-bottom: 10px;
  }
  .cntColB {
    width: 100%;
    margin-bottom: 20px;
  }
  .bxVrf {
    font-size: 20px;
    line-height: 20px;
    word-wrap: break-word;
    width: 100%;
    margin: 10px 0 20px 0;
    padding: 25px 35px 40px 30px;
  }
  .bxVrf b {
    font-size: 20px;
    line-height: 22px;
    margin: 10px 0;
  }
  .bxVrf a {
    font-size: 16px;
  }
  .bxVrf img {
    float: left;
    display: block;
    width: 50%;
    height: auto;
    margin: 10px 25% 20px 25%;
  }
  .bxVrf p {
    float: right;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
  }
  a.btn01:link,
  a.btn01:visited {
    font-size: 16px;
    line-height: 51px;
    width: 100%;
    height: 55px;
    margin: 30px auto 40px auto;
  }
  a.btn02:link,
  a.btn02:visited {
    font-size: 16px;
    line-height: 54px;
    width: 100%;
    height: 60px;
    margin: 30px auto 40px auto;
  }
  .cntColAb {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .cntColBb {
    width: 100%;
    margin-right: 0;
  }
  .radOpSm {
    width: 46%;
    height: 54px;
    margin: 8px 2% 5px 2%;
  }
  .radOpSm label {
    font-size: 16px;
    line-height: 46px;
    border-radius: 10px;
    width: 100%;
    height: 54px;
  }
  .radOpSm.wMd label {
    width: 100%;
  }
  .bxCDt {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    border-radius: 15px;
    width: 100%;
    min-height: 65px;
    margin: 10px 0;
    padding: 15px 20px 10px 20px;
  }
  .bxCDt icon {
    float: left;
    display: block;
    background-size: 26px auto;
    width: 26px;
    height: 25px;
    margin: 3px 15px 15px 0;
  }
  .bxVrf .ntEmail {
    font-size: 15px;
    line-height: 19px;
    background: url(../lib/ico-mail.svg) no-repeat left 3px;
    background-size: 18px auto;
    width: 100%;
    margin: 10px 0;
    padding-left: 32px;
  }
  .bxD {
    margin-top: -10px;
  }
  #controls {
    grid-auto-flow: inherit;
    grid-template-columns: 1fr;
    align-items: initial;
    text-align: initial;
    justify-content: initial;
    width: 100%;
    margin: 0;
    padding: 20px 0 25px 0;
  }
  #controls button {
    font-size: 12px;
    border-radius: 7px;
    width: 100%;
    height: 48px;
    border: 0;
    padding: 5px 10px 8px 10px;
  }
  a.btn01m:link,
  a.btn01m:visited {
    font-size: 13px;
    width: 100%;
    padding: 0;
  }
}