.clear {
  clear: both;
}

.no-margin {
  margin-left: -30px;
  margin-right: -30px;
}

.no-padding {
  padding: 0 !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.db {
  display: block;
}

.default-color {
  color: #3a3a3a;
}

p {
  color: #a7a4a4;
}

#unsubuscribe-container {
  height: 100%;
  background-color: #f5f5f5;
  position: fixed;
  width: 100%;
  overflow: scroll;
  padding: 20px 0 5em 0;
}

/*/---------------------------------------Header---------------------------------------------/*/
/*/------------------------------------------------------------------------------------------/*/
.company-name {
  color: #000;
  font-weight: 700;
  font-size: 34px;
}

/*/--------------------------------------Text Hero-------------------------------------------/*/
/*/------------------------------------------------------------------------------------------/*/
.title {
  font-weight: 700;
  margin-top: 50px;
  text-transform: uppercase;
  color: #fff;
}

/*/-------------------------------------Preferences------------------------------------------/*/
/*/------------------------------------------------------------------------------------------/*/
.preferences {
  padding: 30px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  margin-top: 10rem;
}

.header-text {
  font-weight: 600;
}

.preferences-choice {
  margin-right: 10px;
}

.radio {
  margin: 10px 25px 0 0 !important;
}

.radio:first-child {
  margin: 10px 5px 0 0 !important;
}

.hr-bold {
  border-top: 3px solid #eee;
}

.hr-list {
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox {
  float: left;
  margin-right: 10px !important;
}

.btn-default {
  color: #fff;
  background-color: #007aff;
  border-color: transparent;
  outline: none !important;
  padding: 8px 33px;
  border-radius: 20px;
  margin: 10px;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:hover, .btn-default:focus {
  color: #fff;
  background-color: #007aff;
  border-color: transparent;
  outline: none !important;
  opacity: 0.8;
  margin: 10px;
}

.btn-cancel {
  color: #fff;
  background-color: #ccc;
  border-color: transparent;
  outline: none !important;
  padding: 8px 33px;
  border-radius: 20px;
  margin: 10px;
}

.btn-cancel:active:hover, .btn-cancel:active:focus, .btn-cancel:hover, .btn-cancel:focus {
  color: #fff;
  background-color: #ccc;
  border-color: transparent;
  outline: none !important;
  opacity: 0.8;
  margin: 10px;
}

/*/--------------------------------------Social----------------------------------------------/*/
/*/------------------------------------------------------------------------------------------/*/
.social-media {
  height: 100px;
  background: darkgrey;
}

/*/----------------------------------------Box-----------------------------------------------/*/
/*/------------------------------------------------------------------------------------------/*/
.box {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*/----------------------------------------Switch---------------------------------------------/*/
/*/------------------------------------------------------------------------------------------/*/
.switch {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 34px;
  outline: none;
}

.switch input {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

.slider:focus, input[type=checkbox]:focus {
  outline: none !important;
}

.slider span {
  margin-top: 9px;
  color: #ffffff;
  float: right;
  font-size: 10px;
  padding-right: 8px;
}

.slider .yes {
  margin-top: 8px;
  color: #ffffff;
  float: left;
  font-size: 12px;
  padding-left: 17px;
}

.slider .no {
  margin-top: 8px;
  color: #ffffff;
  float: right;
  font-size: 12px;
  padding-right: 20px;
}

input:checked + .slider .yes {
  display: block;
  transition: all ease 0.25s;
}

input:checked + .slider .no {
  display: none;
}

input + .slider .yes {
  display: none;
}

input + .slider .no {
  display: block;
  transition: all ease 0.25s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #4EB947;
}

input:focus + .slider {
  box-shadow: 0 0 1px #4EB947;
}

input:checked + .slider:before {
  -webkit-transform: translateX(44px);
  -ms-transform: translateX(44px);
  transform: translateX(44px);
}

@media (max-width: 600px) {
  .box {
    position: relative;
  }
}
body {
  clear: both;
  width: 100%;
  overflow-x: hidden;
}

.form-control {
  height: 40px;
}

.text-danger {
  padding: 3px 8px;
  background-color: red !important;
  border-radius: 3px;
  font-size: 10px;
  text-decoration: none !important;
  color: #fff !important;
}

.form-validation {
  padding: 3px 4px;
  float: right;
  font-size: 12px;
  text-decoration: none !important;
  color: #000;
}
.form-validation.border-radius {
  border-radius: 7px;
}
.form-validation.white {
  color: #ffffff;
}
.form-validation.green {
  color: #2ecc71;
}
.form-validation.blue {
  color: #0e83cd;
}
.form-validation.red {
  color: #f06060;
}
.form-validation.yellow {
  color: #fcd04b;
}
.form-validation.orange {
  color: #ED810B;
}
.form-validation.green-outline {
  border: 1px solid #2ecc71;
}
.form-validation.blue-outline {
  border: 1px solid #0e83cd;
}
.form-validation.red-outline {
  border: 1px solid #f06060;
}
.form-validation.yellow-outline {
  border: 1px solid #fcd04b;
}
.form-validation.orange-outline {
  border-color: #ED810B;
}

.form-style {
  font-family: "Open Sans", Arial, sans-serif;
  background: transparent;
  margin: 0 auto;
}
.form-style input, .form-style textarea, .form-style select {
  border-color: #999;
  color: #999;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}
.form-style input.-webkit-input-placeholder, .form-style textarea.-webkit-input-placeholder, .form-style select.-webkit-input-placeholder {
  color: #999;
}
.form-style input:focus, .form-style textarea:focus, .form-style select:focus {
  border-color: #000 !important;
  color: #000;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}

.form-style label {
  font-weight: lighter;
}

.form-style input[type=text],
.form-style input[type=date],
.form-style input[type=datetime],
.form-style input[type=email],
.form-style input[type=number],
.form-style input[type=search],
.form-style input[type=time],
.form-style input[type=url],
.form-style input[type=password],
.form-style textarea,
.form-style select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
  padding: 7px 10px;
  border: 1px solid #ddd;
  background: transparent;
  margin-bottom: 10px;
  font: 14px "Open Sans", Arial, Helvetica, sans-serif;
  height: 45px;
  border-radius: 0 !important;
}

.form-style textarea {
  resize: none;
  overflow: hidden;
  border-radius: 0 !important;
}

.form-style button[type=button],
.form-style button {
  background-color: #777;
  border: 1px solid #777;
  display: inline-block;
  cursor: pointer;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding: 8px 18px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 30px 10px 10px 0;
  outline: none;
}
.form-style button[type=button]:disabled,
.form-style button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.form-style button[type=button]:hover,
.form-style button:hover {
  background-color: #555;
  transition: all 0.25s ease-in;
}

.form-style-2 {
  font-family: "Futura", sans-serif;
  margin: 0 auto;
}
.form-style-2 input, .form-style-2 textarea, .form-style-2 select {
  border-color: #e8e8e8;
  color: #717171;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}
.form-style-2 input.-webkit-input-placeholder, .form-style-2 textarea.-webkit-input-placeholder, .form-style-2 select.-webkit-input-placeholder {
  color: #717171;
}
.form-style-2 input:focus, .form-style-2 textarea:focus, .form-style-2 select:focus {
  border-color: #e8e8e8;
  color: #717171;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}

.form-style-2 label {
  margin-bottom: 7px;
  font-family: "Futura", sans-serif;
  color: #0e83cd;
  font-weight: lighter;
}

.form-style-2 input[type=text],
.form-style-2 input[type=date],
.form-style-2 input[type=datetime],
.form-style-2 input[type=number],
.form-style-2 input[type=search],
.form-style-2 input[type=time],
.form-style-2 input[type=url],
.form-style-2 input[type=email],
.form-style-2 select,
.form-style-2 textarea {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #e8e8e8;
  outline: none;
  color: #717171 !important;
  box-shadow: inset 1px 1px 4px #e8e8e8;
  -moz-box-shadow: inset 1px 1px 4px #e8e8e8;
  -webkit-box-shadow: inset 1px 1px 4px #e8e8e8;
  background: #f9f9f9 !important;
}

.form-style-2 button[type=submit],
.form-style-2 button {
  background: #0e83cd;
  border: 1px solid #0e83cd;
  padding: 10px 20px;
  color: #ffffff;
  font-size: 12px;
  font-family: Arial, sans-serif;
  letter-spacing: 0.6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 30px 10px 10px 0;
  outline: none !important;
  border-radius: 30px;
  font-weight: lighter;
  text-transform: uppercase;
}
.form-style-2 button[type=submit]:disabled,
.form-style-2 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.form-style-3 {
  background: transparent;
}
.form-style-3 input, .form-style-3 textarea, .form-style-3 select {
  border-color: #83A4C5;
  color: #495C70;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}
.form-style-3 input.-webkit-input-placeholder, .form-style-3 textarea.-webkit-input-placeholder, .form-style-3 select.-webkit-input-placeholder {
  color: #495C70;
}
.form-style-3 input:focus, .form-style-3 textarea:focus, .form-style-3 select:focus {
  border-color: #83A4C5;
  color: #495C70;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}

.form-style-3 input[type=submit],
.form-style-3 input[type=button],
.form-style-3 input[type=text],
.form-style-3 input[type=email],
.form-style-3 textarea,
.form-style-3 label {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  color: #495C70;
}

.form-style-3 label {
  margin-bottom: 10px;
}

.form-style-3 label > span {
  display: inline-block;
  float: left;
  width: 150px;
}

.form-style-3 input[type=text],
.form-style-3 input[type=email] {
  background: transparent;
  border: 1.5px dashed #83A4C5;
  outline: none;
  padding: 10px;
  font-style: italic;
}

.form-style-3 textarea {
  font-style: italic;
  padding: 10px;
  background: transparent;
  outline: none;
  border: 1.5px dashed #83A4C5;
  overflow: hidden;
  resize: none;
}

.form-style-3 button[type=submit],
.form-style-3 button {
  background: #576E86;
  border: none;
  padding: 8px 18px 8px 18px;
  border-radius: 5px;
  color: #ffffff;
  margin: 30px 10px 10px 0;
  outline: none;
}
.form-style-3 button[type=submit]:disabled,
.form-style-3 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.form-style-3 button[type=submit]:hover,
.form-style-3 button:hover {
  background: #394D61;
}

.form-style-4 {
  font-family: "Open Sans", Arial, sans-serif;
  padding: 30px;
  background: transparent;
  margin: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.22);
}
.form-style-4 input, .form-style-4 textarea, .form-style-4 select {
  border-color: #0e83cd;
  color: #333;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}
.form-style-4 input.-webkit-input-placeholder, .form-style-4 textarea.-webkit-input-placeholder, .form-style-4 select.-webkit-input-placeholder {
  color: #333;
}
.form-style-4 input:focus, .form-style-4 textarea:focus, .form-style-4 select:focus {
  border-color: #0e83cd !important;
  color: #333;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}

.form-style-4 input[type=text],
.form-style-4 input[type=date],
.form-style-4 input[type=datetime],
.form-style-4 input[type=email],
.form-style-4 input[type=number],
.form-style-4 input[type=search],
.form-style-4 input[type=time],
.form-style-4 input[type=url],
.form-style-4 input[type=password],
.form-style-4 textarea,
.form-style-4 select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
  padding: 7px;
  border: none;
  border-bottom: 1px solid #ddd;
  background: transparent;
  margin-bottom: 10px;
  font: 16px Arial, Helvetica, sans-serif;
  height: 45px;
  border-radius: 0 !important;
}

.form-style-4 textarea {
  resize: none;
  overflow: hidden;
  border-radius: 0 !important;
}

.form-style-4 button[type=button],
.form-style-4 button {
  -moz-box-shadow: inset 0 1px 0 0 #0e83cd;
  -webkit-box-shadow: inset 0 1px 0 0 #0e83cd;
  box-shadow: inset 0 1px 0 0 #0e83cd;
  background-color: #0e83cd;
  display: inline-block;
  cursor: pointer;
  color: #FFFFFF;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding: 10px 25px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 3em 10px 10px 0;
  outline: none;
}
.form-style-4 button[type=button]:disabled,
.form-style-4 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.form-style-4 button[type=button]:hover,
.form-style-4 button:hover {
  background-color: #0e6ab2;
  transition: all 0.25s ease-in;
}

.form-style-5 {
  font-family: "Open Sans", Arial, sans-serif;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://ss.realgreen.com/gallery/432730_70570198.jpg");
  background-size: cover;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.22);
}
.form-style-5 .header {
  background-image: url("https://via.placeholder.com/120x90?text=Logo");
  background-size: auto;
  background-position: top center;
  height: 100px;
  background-repeat: no-repeat;
  margin: 50px auto 20px auto;
}
.form-style-5 .content {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 30px;
}
.form-style-5 .footer {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 30px;
}
.form-style-5 input, .form-style-5 textarea, .form-style-5 select {
  border-color: #fff;
  color: #fff;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}
.form-style-5 input.-webkit-input-placeholder, .form-style-5 textarea.-webkit-input-placeholder, .form-style-5 select.-webkit-input-placeholder {
  color: #333;
}
.form-style-5 input:focus, .form-style-5 textarea:focus, .form-style-5 select:focus {
  border-color: #fff !important;
  color: #fff;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow-x: hidden;
}

.form-style-5 label {
  color: #fff;
}

.form-style-5 input[type=text],
.form-style-5 input[type=date],
.form-style-5 input[type=datetime],
.form-style-5 input[type=email],
.form-style-5 input[type=number],
.form-style-5 input[type=search],
.form-style-5 input[type=time],
.form-style-5 input[type=url],
.form-style-5 input[type=password],
.form-style-5 textarea,
.form-style-5 select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
  font: 16px Arial, Helvetica, sans-serif;
  height: 45px;
}

.form-style-5 textarea {
  resize: none;
  overflow: hidden;
  border-radius: 0 !important;
}

.form-style-5 button[type=button],
.form-style-5-4 button {
  -moz-box-shadow: inset 0 1px 0 0 #0e83cd;
  -webkit-box-shadow: inset 0 1px 0 0 #0e83cd;
  box-shadow: inset 0 1px 0 0 #0e83cd;
  background-color: #0e83cd;
  display: inline-block;
  cursor: pointer;
  color: #FFFFFF;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding: 10px 25px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 3em 10px 10px 0;
  outline: none;
}
.form-style-5 button[type=button]:disabled,
.form-style-5-4 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.form-style-5 button[type=button]:hover,
.form-style-5 button:hover {
  background-color: #0e6ab2;
  transition: all 0.25s ease-in;
}

.checkbox-row {
  width: 100%;
  display: inline-block;
}

.checkbox-group-label {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.cc-checkbox {
  padding: 6px 0;
  font-weight: bolder;
  display: inline-block;
  float: left;
}
.cc-checkbox .check {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #b9b9b9;
  display: inline-block;
}
.cc-checkbox .check.right {
  float: right;
}
.cc-checkbox .check.left {
  float: left;
}
.cc-checkbox .check.rounded {
  border-radius: 5px;
}
.cc-checkbox .check.circle {
  border-radius: 50%;
}
.cc-checkbox .check.selected {
  background-color: #3c88fd;
}
.cc-checkbox .check .icon {
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin: 0 auto;
  display: block;
  line-height: 20px;
}
.cc-checkbox .check.shadow {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.cc-checkbox .label-container {
  display: inline-block;
}
.cc-checkbox .label-container .label-text {
  display: block;
  line-height: 20px;
  cursor: pointer;
  font-weight: normal;
}
.cc-checkbox .label-container .label-text.right {
  margin: 0 7px 0 25px;
  line-height: 20px;
}
.cc-checkbox .label-container .label-text.left {
  margin: 0 25px 0 7px;
  line-height: 20px;
}

.radio-group-label {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.radio-container {
  display: inline-block;
  float: left;
  margin: 0 5px 10px 0;
}
.radio-container input {
  margin-right: 7px;
  margin-left: 3px;
}
.radio-container .radio-label {
  padding-right: 7px;
  display: inline-block;
  font-weight: normal;
}

.custom-timesaver-form {
  height: 60px;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 3px solid #fff;
  border-radius: 0;
  margin-bottom: 10px;
  box-shadow: none;
  color: #0dff5a;
  font-size: 32px;
  text-align: center;
  font-family: "Helvetica";
  font-weight: bold;
  outline: none;
}
.custom-timesaver-form:active, .custom-timesaver-form:focus {
  outline: none;
  border: none;
  box-shadow: none;
  border-bottom: 3px solid #fff;
}
.custom-timesaver-form::placeholder {
  color: rgba(255, 255, 255, 0.54);
}

/* ALL Smaller Devices ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */