*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  text-decoration: none;
  color: initial;
}

ol,
ul{
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

b,
strong {
  font-weight: bolder;
}

img {
  vertical-align: middle;
  border-style: none;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

input,
button,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

@-ms-viewport {
  width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

/* CUSTOM MARGIN CLASSES */
.mar-top-1{ margin-top:1px !important; }
.mar-top-3{ margin-top:3px !important; }
.mar-top-7{ margin-top:7px !important; }
.mar-top-9{ margin-top:9px !important; }
.mar-top-12{ margin-top:12px !important; }
.mar-top-15{ margin-top:15px !important; }
.mar-top-20{ margin-top:20px !important; }
.mar-top-25{ margin-top:25px !important; }
.mar-top-30{ margin-top:30px !important; }
.mar-top-35{ margin-top:35px !important; }
.mar-top-40{ margin-top:40px !important; }
.mar-top-45{ margin-top:45px !important; }
.mar-top-50{ margin-top:50px !important; }
.mar-top-60{ margin-top:60px !important; }
.mar-top-75{ margin-top:75px !important; }
.mar-top-100{ margin-top:100px !important; }
.mar-top-125{ margin-top:125px !important; }
.mar-top-150{ margin-top:150px !important; }

.mar-bot-1{ margin-bottom:1px !important; }
.mar-bot-3{ margin-bottom:3px !important; }
.mar-bot-5{ margin-bottom:5px !important; }
.mar-bot-7{ margin-bottom:7px !important; }
.mar-bot-9{ margin-bottom:9px !important; }
.mar-bot-12{ margin-bottom:12px !important; }
.mar-bot-15{ margin-bottom:15px !important; }
.mar-bot-20{ margin-bottom:20px !important; }
.mar-bot-25{ margin-bottom:25px !important; }
.mar-bot-30{ margin-bottom:30px !important; }
.mar-bot-35{ margin-bottom:35px !important; }
.mar-bot-40{ margin-bottom:40px !important; }
.mar-bot-45{ margin-bottom:45px !important; }
.mar-bot-50{ margin-bottom:50px !important; }
.mar-bot-60{ margin-bottom:60px !important; }
.mar-bot-75{ margin-bottom:75px !important; }
.mar-bot-100{ margin-bottom:100px !important; }
.mar-bot-125{ margin-bottom:125px !important; }
.mar-bot-150{ margin-bottom:125px !important; }

.mar-right-30{ margin-right: 30px; }
/* END */


/* GENERAL STYLES */
.f6{ font-size: 0.425em !important; }
.f8{ font-size: 0.5em !important; }
.f10{ font-size: 0.625em !important; }
.f12{ font-size: 0.8125em !important; }
.f14{ font-size: 0.875em !important; }
.f16{ font-size: 1em !important; }
.f17{ font-size: 1.0625em !important; }
.f18{ font-size: 1.125em !important; }
.f20{ font-size: 1.25em !important; }
.f22{ font-size: 1.375em !important; }
.f24{ font-size: 1.5em !important; }
.f26{ font-size: 1.625em !important; }
.f28{ font-size: 1.75em !important; }
.f32{ font-size: 2em !important; }
.f36{ font-size: 2.25em !important; }
.f42{ font-size: 2.625em !important; }
.f46{ font-size: 2.875em !important; }
.f52{ font-size: 3.25em !important; }
.f56{ font-size: 3.5em !important; }
.f72{ font-size: 4.5em !important; }

.fw-300{ font-weight: 300; }
.fw-400{ font-weight: 400; }
.fw-500{ font-weight: 500; }
.fw-600{ font-weight: 600; }
.fw-700{ font-weight: 700; }
.fw-800{ font-weight: 800; }
.fw-900{ font-weight: 900; }


/* checkbox */
label.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
label.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
label.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
label.container input:checked ~ .checkmark {
  background-color: #B09C73;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
label.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
label.container .checkmark:after {
	left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container.radio-btn .checkmark{ border-radius: 50%; width: 20px; height: 20px; }
.container.radio-btn .checkmark:after {
border-radius: 50%;
    left: 5px;
    top: 4.5px;
    width: 10px;
    height: 10px;
    border: solid white;
    background-color: white;
    border-width: 2px 2px 2px 2px;
}