@charset "UTF-8";
@font-face {
  font-family: 'gothammedium';
  src: url("fonts/gothammedium.eot");
  src: url("fonts/gothammedium.eot?#iefix") format("embedded-opentype"), 
  url("fonts/gothammedium.woff2") format("woff2"), 
  url("fonts/gothammedium.woff") format("woff"), 
  url("fonts/gotham/gothammedium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gothambold';
  src: url("fonts/gothambold.eot");
  src: url("fonts/gothambold.eot?#iefix") format("embedded-opentype"), 
  url("fonts/gothambold.woff2") format("woff2"), 
  url("fonts/gothambold.woff") format("woff"), 
  url("fonts/gothambold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pf_square_sans_proregular';
  src: url("fonts/pfsquaresansproregular.eot");
  src: url("fonts/pfsquaresansproregular.eot?#iefix") format("embedded-opentype"), 
  url("fonts/pfsquaresansproregular.woff2") format("woff2"), 
  url("fonts/pfsquaresansproregular.woff") format("woff"), 
  url("fonts/pfsquaresansproregular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

  @font-face {
  font-family: 'pf_square_sans_promedium';
  src: url("fonts/pfsquaresanspromedium.eot");
  src: url("fonts/pfsquaresanspromedium.eot?#iefix") format("embedded-opentype"), 
  url("fonts/pfsquaresanspromedium.woff2") format("woff2"), 
  url("fonts/pfsquaresanspromedium.woff") format("woff"), 
  url("fonts/pfsquaresanspromedium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
}

h1, 
.page-title {font-family: Montserrat; font-size: 2.2rem; line-height: 1.4; font-weight: 400; font-style: normal;}
h2 {font-family: Montserrat; font-size: 1.9rem; line-height: 1.4; font-weight: 400; font-style: normal;}
h3 {font-family: Open Sans; font-size: 1.5rem; line-height: 1.4; font-weight: 400; font-style: normal;}
h4 {font-family: Open Sans; font-size: 1.2rem; line-height: 1.5; font-weight: 400; font-style: normal;}
h5 {font-family: Open Sans; font-size: 1rem; line-height: 1.6; font-weight: 400; font-style: normal;}
h6 {font-family: Open Sans; font-size: 1rem; line-height: 1.6; font-weight: 400; font-style: normal;}

.tbl0 {border-collapse:separate; border: 0px solid black; border-spacing:0px 5px;} 
.tbl0.center {margin-left:auto; margin-right:auto; width:auto;}
.tbl0 td {border: 0px solid black; padding: 0px 10px 0px 0px; margin:0px;} 
.tbl1 {width:auto; border-collapse:collapse; border-spacing:0px; border: 1px solid black; font-size:12px} 
.tbl1 td { border: 0px solid black; padding: 0px; margin:0px; vertical-align:bottom;} 
.tbl2 {width:100%; border-collapse:collapse; border: 1px solid black; font-size:12px} 
.tbl2 td {border: 0px solid black; padding: 5px 5px 5px 5px; margin:0px; vertical-align:bottom;} 
.tbl3 {width:100%; border-collapse: collapse;  border-bottom: 1px solid #ddd; }
.tbl3 thead {width:100%; display: block;  background-color: #c6c6c6; color: black; }
.tbl3 th { padding: 8px 10px; border: 1px solid #ddd; box-sizing: border-box;  }
.tbl3 td { padding: 8px 10px;  border: 1px solid #ddd; box-sizing: border-box;}
.tbl3 tbody {width:100%; display: block; max-height: 300px; overflow-y: scroll }

.btn {width:auto; color:#fff;background-color:black; border-radius:10px; }
.btn-submit{width:auto; color:#64BD29;background-color:black;border-color:black;margin-top:0; border-radius:10px; }
.btn-info{width:auto; color:#fff;background-color:#6c62ee;border-color:black;margin-top:0; border-radius:10px; }
.btn-return{width:auto; color:#fff;background-color:black;border-color:black;margin-top:0; border-radius:10px; }
.btn-green{width:auto; color:black;background-color:#64BD29;border-color:black;margin-top:0; border-radius:10px; }
.btn-red{width:auto;color:#fff;background-color:#f50a5c;border-color:#f50a5c;margin-top:0; border-radius:10px; }
.btn, .btn-submit, .btn-info, .btn-return, .btn-green, .btn-red {
  cursor:pointer;outline:none;position:relative;display:inline-block; text-align:center;padding:10px 10px 10px 10px;
  margin-top:5px;border:1px solid black; outline:0 !important; transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.btn:focus,.btn:hover, .btn-submit:focus,.btn-submit:hover, .btn-info:focus,.btn-info:hover, .btn-return:focus,.btn-return:hover,
 .btn-return:active {
  outline:0 !important; background-color:white;color:black;text-decoration:none}
.btn-green:hover, .btn-green:focus {
  border:1px solid black; background-color:white;color:black;text-decoration:none}
.btn-red:focus,.btn-red:hover{
  background-color:#f50a5c;color:white;text-decoration:none}

.btn:active {outline:0 !important;}

input[type=checkbox] {
  height:20px;
  width:20px;
}

.frmlabel{
  font-family: Montserrat,  "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #3a3e39;
  -webkit-font-smoothing: antialiased;
}

select{
  min-width:80px;
  width:max-content !important;
  padding:0px 25px 0px 6px !important;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important; 
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%;
}

.frmselect {
  width: auto;
  padding: 15px;
  margin-bottom: 10px;
  font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #030000;
  border: 1 solid #e0e0e0;
  background-color:#f4f3ec;
  border-radius: 4px;
}

.frmselect2 {
  width: auto;
  padding: 5px;
  margin-bottom: 5px;
  font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #030000;
  border: 1 solid #e0e0e0;
  background-color:#f4f3ec;
  border-radius: 4px;
}

.frminput, .frmtextarea {
  width: 100%;
  padding: 12px 20px;
  margin-bottom: 10px;
  border: 0;
  background-color:#f4f3ec;
  letter-spacing: 0.05em;
  color: #5e5f61;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  outline: none;
  border-radius: 4px;
}

.acc1 h1 {
  margin: 0;
  line-height: 2;
  text-align: center;
}

.acc1 h2 {
  margin: 0 0 0.5em;
  font-weight: normal;
}

.acc1 input[name="tabclick"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.acc1 .row {
  display: flex;
}
.acc1 .row .col {
  flex: 1;
}
.acc1 .row .col:last-child {
  margin-left: 1em;
}

.acc1 .tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.acc1 .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}


.acc1 .tab-label {
  color:white;
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.acc1 .tab-label:hover {
  background: #1a252f;
}
.acc1 .tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
	-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; 
}
.acc1 .tab-content {
  max-height:0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
	-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; 
}

.acc1 .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.acc1 .tab-close:hover {
  background: #1a252f;
}

.acc1 input[name="tabclick"]:checked + .tab-label {
  background: #1a252f;
}
.acc1 input[name="tabclick"]:checked + .tab-label::after {
  transform: rotate(90deg);
}
.acc1 input[name="tabclick"]:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}

@media only screen and (min-width : 1921px){
.container {width:100%; min-width:1921px;}
}


/** Desktop+ **/
@media (min-width: 1200px) {
.container {min-width:auto;}
}


/** Laptop **/
@media (max-width: 1200px) {
.container {max-width:auto;}
}


