@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');/*
	Theme Name: New FRBWeb
	Theme URI: http://html5blank.com
	Description: RMANavigator WordPress Theme
	Version: 1.4.3
	Author: CAS
	Author URI:
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:16px;
	height: 100vh;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
    height: 100vh;
}

.page-layout {
    min-height: 100vh;
	min-height: 100dvh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 275px 1fr 50px;
    grid-template-areas: 
            "header"
            "main"
            "footer";
}


header {
    grid-area: header;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 960px;
    align-items: center;
    font-weight: 600;
    color: #7d8978;
}

main {
    grid-area: main;
}


.logo img {
    width: 125px;
}

.main-menu {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    list-style: none;
}

.main-menu a:link {
    color: #7d8978;
    text-decoration: none;
}

.main-menu a:visited {
    color: #7d8978;
    text-decoration: none;
}

.main-menu a:hover {
    color: #50a72c;
    text-decoration: none;
}

.hero {
    background-image: url('img/home_banner1.jpeg');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.quicklinks ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    gap: 20px;
    position: relative;
}
  
  .quicklinks ul li {
    transition: all 0.2s ease-in-out;
  }
  
  .quicklinks ul li:hover > ul, .quicklinks ul li:active > ul {
    display: block;
    margin: 0;
    padding: 0;
  }
  
  .quicklinks ul li {
    transition: all 0.2s ease-in-out;
  }
  
  .quicklinks ul li a {
    display: block;
    padding: 30px 20px;
    color: #222;
    font-size: 0.9em;
    letter-spacing: 1px;
    text-decoration: none;
  }
  
  .quicklinks ul ul {
    display: none;
    background: #fff;
    position: absolute;
    top: 100%;
    box-shadow: -3px 3px 10px -2px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .quicklinks ul ul li {
    float: none;
    position: relative;
    text-wrap: nowrap;
  }
  
  .quicklinks ul ul li a {
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  
  .quicklinks ul ul ul {
    position: absolute;
    left: 100%;
  }

  .logged-in-status {
      display: block;
      padding: 20px 10px;
      color: #222;
      font-size: 0.7em;
      letter-spacing: 1px;
  }
.login-box {
    max-width: 860px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    height: 125px;
    margin: -20px auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
}

.quick-student {
    display: flex;
    align-items: center;
}

.student-quick-code {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

.quick-sep {
    width: 1px;
    height: 60px;
    background-color: #ccc;
}

.quick-teacher {
    display: flex;
    align-items: center;
}

.quick-teacher h4, .quick-student h4 {
    margin: 0;
    padding: 0;
    color: #2a491d;
}

.quick-teacher h4 {
    margin: -15px 0 0 0;
    padding: 0;
    color: #2a491d;
}

.quick-teacher h4 a:link {
    color: #2a491d;
    text-decoration: none;
}

.quick-teacher p {
    margin: 0;
    padding: 0;
    color: #7d8978;
    font-size: 14px;
}

.login-box-icons {
    width: 40px;
    margin-right: 10px;
    float: left;
}

.login-box-icons-lg {
    width: 88px;
    margin-right: 10px;
    float: left;
}

.box-input {
    position: relative;
    margin-top: 10px;
}

.login-box-button {
    background: #ffbd3c;
    border: 0;
    border-radius: 4px;
    color: #fff;
    padding: 7px 10px;
    position: absolute;
    right: 3px;
    top: 34%;
    transform: translateY(-50%);
    max-height: 90%;
}

.btnResume, #filterDate, #clearFilterDate {
    background: #ffbd3c;
    border: 0;
    border-radius: 4px;
    color: #fff;
    padding: 7px 10px;
}

.intro-box {
    max-width: 960px;
    margin: 50px auto 0  auto;
    display: flex;
}

.intro-photo {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-image: url('img/tractor_field.jpg');
    background-size: cover;
}

.intro-content {
    margin-left: 20px;
}

.intro-content h4 {
    font-family: 'Caveat', cursive;
    font-weight: 900;
    font-size: 20px;
    color: #eab745;
    margin-bottom: 0;
}

.intro-content h2 {
    font-weight: 700;
    font-size: 28px;
    margin-top: 10px;
}

.intro-content h3 {
    color: #50a72c;
    font-weight: 700;
    font-size: 24;
}

.intro-content p {
    line-height: 1.7;
    font-size: 14px;
}

.intro-icons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    font-weight: 900;
}

.intro-funded {
    display: flex;
    align-items: center;
}

.intro-interactive {
    display: flex;
    align-items: center;
}

.offer-banner {
    height: 410px;
    width: 100%;
    background-image: url('img/wheat_bg.png');
    background-size: cover;
    margin-top: 100px;
}

.offer-content {
    max-width: 960px;
    margin: -300px auto 100px auto;
}

.offer-content h4 {
    font-family: 'Caveat', cursive;
    font-weight: 900;
    font-size: 20px;
    color: #eab745;
    margin-bottom: 0;
    text-align: center;
}

.offer-content h2 {
    font-weight: 700;
    font-size: 28px;
    margin-top: 10px;
    text-align: center;
}

.offer-boxes {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    gap: 20px;

}

.offer-box {
    width: 270px;
    height: 320px;
    background-color: #000;
    border-radius: 10px;
    position: relative;
}

.offer-icon {
    position: absolute;
    top: -30px;
    left: 87.5px;
    right: 87.5px;
    width: 50px;
}

.offer-tag {
    position: absolute;
    bottom: -20px;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.07) 10px 10px 30px;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
}

.cows-and-wheat-offer {
    background-image: url('img/tractor_image.jpg');
    background-size: cover;
}

.nursery-offer {
    background-image: url('img/greenhouse_image.jpg');
    background-size: cover;
}

.apiculture-offer {
    background-image: url('img/bees.jpg');
    background-size: cover;
}

.risks-offer {
    background-image: url('img/risks.jpg');
    background-size: cover;
}

.secondary {
    width: 100%;
    background-color: #f8f7f0;
    padding: 50px 0 0 0;
    background-image: url('img/content_bg.png');
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    margin: 0;
    min-height: 100%;

}

.content-wrapper {
    max-width: 960px;
    margin: 0 auto;
}

.iframe-wrapper {
    max-width: 1680px;
    margin: 0 auto;
}


.big-icon {
    width: 300px;
}

.form-input {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

.input-text {
    border: 1px solid #ccc !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

.primary-button {
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
    background-color: #f7b534;
    color: #fff;
    font-weight: 800;
    padding: 20px;
    border-radius: 5px;
    display: block;
    margin-top: 10px;
    text-decoration: none;
}

.primary-button a:link {
    color: #fff;
    text-decoration: none;
}

.primary-button a:visited {
    color: #fff;
    text-decoration: none;
}

.uo-admin-block .uo-admin-form .uo-admin-form-submit {
    background: none !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
    cursor: pointer !important;
    outline: inherit !important;
    background-color: #f7b534 !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 20px !important;
    border-radius: 5px !important;
    display: block !important;
    margin-top: 10px !important;
    text-decoration: none !important;
}

.uo-admin-block .uo-admin-form .uo-admin-form-submit a:link {
    color: #fff !important;
    text-decoration: none !important;
}

.uo-admin-block .uo-admin-form .uo-admin-form-submit a:visited {
    color: #fff !important;
    text-decoration: none !important;
}

.primary-button-sm {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    background-color: #f7b534;
    color: #fff;
    font-weight: 800;
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    text-decoration: none;
}

.primary-button-sm a:link {
    color: #fff;
    text-decoration: none;
}

.primary-button-sm a:visited {
    color: #fff;
    text-decoration: none;
}

.wpcf7-submit {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    background-color: #f7b534;
    color: #fff;
    font-weight: 800;
    padding: 20px;
    border-radius: 5px;
    display: block;
    margin-top: 10px;
    text-decoration: none;
}

.wpcf7-submit a:link {
    color: #fff;
    text-decoration: none;
}

.wpcf7-submit a:visited {
    color: #fff;
    text-decoration: none;
}

.ur-submit-button {
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
    background-color: #f7b534 !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 20px !important;
    border-radius: 5px !important;
    display: block !important;
    margin-top: 10px !important;
}

label {
    font-weight: 800;
    display: block;
}

.search-state-form label {
    display: block;
}

footer {
    grid-area: footer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #191812;
    height: 50px;
    color: #a5a49a;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 800;
}

.content-box {
    max-width: 960px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 70px;
    padding: 20px;
    margin-bottom: 50px;
}

.content-box-text-full {
    width: 100%;
}

.content-box-text h4 {
    font-family: 'Caveat', cursive;
    font-weight: 900;
    font-size: 20px;
    color: #eab745;
    margin-bottom: 0;
}

.regional-location-title {
  font-family: 'Caveat', cursive;
  font-weight: 900;
  font-size: 16px;
  color: #eab745;
  margin-bottom: 0;
}

.content-box-text h2 {
    font-weight: 700;
    font-size: 28px;
    margin-top: 10px;
}

.content-box-text h3 {
    color: #50a72c;
    font-weight: 700;
    font-size: 24;
}

.content-box-text p {
    line-height: 1.7;
    font-size: 14px;
}

.demo-list {
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.demo-screenshot {
    width: 300px;
}

.dashboard-content {
    max-width: 960px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    gap: 70px;
    padding: 20px;
    margin-bottom: 50px;
}

.dashboard-content h4 {
    font-family: 'Caveat', cursive;
    font-weight: 900;
    font-size: 20px;
    color: #eab745;
    margin-bottom: 0;    
}

.dashboard-content h2 {
    font-weight: 700;
    font-size: 28px;
    margin-top: 10px;
}

.dashboard-content h3 {
    color: #50a72c;
    font-weight: 700;
    font-size: 24;
}

.dashboard-content p {
    line-height: 1.7;
    font-size: 14px;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 500px !important;
}

#other_school_field {
    display: none;
  }
  
  #teachers_School_field a:link {
    font-weight: 900;
    color: #2e7d32;
  }
  
  #teachers_School_field a:link {
    font-weight: 900;
    color: #2e7d32;
  }
  
  #teachers_School_field a:visited {
    font-weight: 900;
    color: #2e7d32;
  }
  
  #teachers_School_field a:hover {
    font-weight: 900;
    color: #000000;
    text-decoration: none;
  }
  
  #user_registration_other_school_field {
    display: none;
  }

  #sch_id_field,
  #sch_address_line_field {
    visibility: hidden;
    height: 0;
  }

.primary-right {
    float: right;
    margin-bottom: 50px;
}

.primary-right-up {
    float: right;
    margin-top: -50px;
}

#tblLiveWorkshops, #tblInstructorRegistrations, #tblInstructorLoginHistory, #tblEventsActivityLog {
    font-size: 12px;
}

#admin-reports-table {
    font-size: 12.5px;
    width: 100%;
}

#admin-reports-table dt {
    font-weight: 800;
}

#instructor-reports-table {
    font-size: 12.5px;
    width: 100%;
}

#tblLiveWorkshopHistory {
    font-size: 12.5px;
    width: 100%;
}

#instructor-reports-table .col-group {
    font-size: 18px;
    font-weight: 800;
    background-color: #dff0d8
}

#school-database-reports-table {
    font-size: 12.5px;
    width: 100%;
}

.recap-slide {
    border-bottom: 1px solid #ccc;
}

.recap-image {
    width: 300px;
    padding-bottom: 20px;
}

.recap-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.recap-logos img {
    width: 100px;
}

.recap-table {
    width: 100%;
    margin-bottom: 20px;
    font-size: 12px;
}

.recap-table th {
    font-weight: 800;
    background-color: #dff0d8;
}

.recap-table td {
    padding: 5px;
    border: 1px solid #ccc;
}

.table-btn {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.table-form {
    display: inline-block;
}

.details-table {
    width: 100%;
    font-size: 12px;
}

.details-table th {
    font-weight: 800;
    background-color: #dff0d8;
}

.details-table td {
    padding: 5px;
    border: 1px solid #ccc;
}


.details-section {
    margin-bottom: 30px;
}

.in-depth-student-btn {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    color: #50a72c;
    text-decoration: underline;
}

.in-depth-student-btn:hover {
    color: #7d8978;
    text-decoration: none;
}

.teacher-filters {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.teacher-filter-dates {
  margin-left: 30px;
}

.teacher-filter-dates {
  display: flex;
  gap: 20px;
}

#selectStatusFilter,
#selectTriggerFilter,
#selectExcludeFilter {
  margin: 0;
}

.admin-filters {
    display: flex;
    gap: 30px;
    font-size: 14px;
}

.admin-report-moreinfo {
    display: flex;
    justify-content: space-between;
    margin-right: 50px;
}

.admin-report-moreinfo dl dt {
    font-weight: 800;
    font-size: 13px;
}

.admin-report-moreinfo dl dd {
    padding: 0 0 0 5px;
    margin: 2px 0 10px 0;
}

.admin-eventreport-moreinfo {
    display: flex;
    justify-content: space-between;
    margin-right: 50px;
}

.admin-eventreport-moreinfo dl dt {
    font-weight: 800;
    font-size: 13px;
}

.admin-eventreport-moreinfo dl dd {
    padding: 0 0 0 5px;
    margin: 2px 0 10px 0px;
}

.admin-eventreport-moreinfo dl {
    margin-left: 10px;
}

.admin-eventreport-moreinfo h4 {
    margin-top: 0px;
}

.last-days-title {
    padding: 5px 0 20px 0;
}

.small-averages {
    font-size: 12px;
}

#crm-contacts, #crm-contacts-workshops, #crm-notes-workshops {
    font-size: 12.5px;
}

.crm-tags {
    background-color: #eec044;
    border-radius: 5px;
    padding: 5px;
}

.icon-btn {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.header-flex {
    display: flex;
    justify-content: space-between;
}

.back-link {
    font-family: 'Caveat', cursive;
    font-weight: 600;
    font-size: 20px;
    color: #eec044;
    margin-bottom: 0;
}

.admin-report-content {
    display: flex;
    flex-direction: column;
}

.child-row-label {
    font-weight: bold;
}

.child-row-content {
    margin-top: 5px;
}

dialog::backdrop {
    background-color: rgb(0 0 0 / 0);
    transition:
            display 0.7s allow-discrete,
            overlay 0.7s allow-discrete,
            background-color 0.7s;
    /* Equivalent to
    transition: all 0.7s allow-discrete; */
}

dialog[open]::backdrop {
    background-color: rgb(0 0 0 / 0.25);
}


dialog {
    padding: 40px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    min-height: 600px;
    min-width: 800px;
}

dialog > div {
    overflow-y: auto;
}

.crm-form-field {
    margin-bottom: 20px;
}

.crm-form-field label {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.crm-form-field select {
    padding: 10px;
    border: 1px solid #eeeeee;
}

.teacher-dashboard {
    display: flex;
    gap: 30px;
}

.uo-groups a:not(.button), .uo-groups .uo-btn:hover, .uo-groups .uo-btn.uo-btn--selected, .uo-groups .uo-select:hover button, .uo-groups .uo-select:hover select, .uo-groups .uo-checkbox:hover input ~ .uo-checkbox-checkmark, .uo-groups .uo-checkbox input:checked ~ .uo-checkbox-checkmark, .uo-groups .uo-radio:hover input ~ .uo-radio-checkmark, .uo-groups .uo-radio input:checked ~ .uo-radio-checkmark, .uo-groups.uo-quiz-report .buttons-csv:hover, .uo-groups.uo-quiz-report a.paginate_button:hover, .uo-groups.uo-quiz-report a.paginate_button.current, .uo-groups-registration button:hover, .uo-groups-registration button:focus, .uo-groups-registration input[type="button"]:hover, .uo-groups-registration input[type="button"]:focus, .uo-groups-registration input[type="reset"]:hover, .uo-groups-registration input[type="reset"]:focus, .uo-groups-registration input[type="submit"]:hover, .uo-groups-registration input[type="submit"]:focus, #uo-groups-buy-courses .uo-groups-table .uo-groups-table-cell.uo-groups-table-price ins, #uo-groups-buy-courses .uo-checkbox:hover input ~ .uo-checkmark, #uo-groups-buy-courses .uo-checkbox input:checked ~ .uo-checkmark, #uo-groups-buy-courses .uo-radio:hover input ~ .uo-checkmark, #uo-groups-buy-courses .uo-radio input:checked ~ .uo-checkmark, #uo-groups-buy-courses .uo-checkbox input ~ .uo-checkmark:after, #uo-groups-buy--add-to-cart .uo-btn:hover, .uo-ulgm-front .uo-admin-block .uo-admin-form-submit, .uo-ulgm-front .uo-edit-group-block .uo-edit-group-form-submit, .uo-groups .uo-groups-table .user_edit_link {
    color: initial;
}
#group-management-enrolled-leader-datatable_filter input[type=search], #group-management-enrolled-users-datatable_filter input[type=search], .uo-table-datatable #uo-quiz-report-table_filter input[type=search] {
    width: 96% !important;
}

.login-box-link-sm {
    font-size: 11px;
}

#crop-insurance-table {
    font-size: 12.5px;
    width: 100%;
    max-width: 960px;
}

.info-icon {
    width: 15px;
}

.no-wrap {
    text-wrap: nowrap;
}
/*------------------------------------*\
	TEACHER REGISTRATION PLUGIN
\*------------------------------------*/
.form-control {
    margin-bottom: 10px;
    padding-bottom: 25px;
    position: relative;
}

.form-control label {
    color: #333;
    display: block;
    margin-bottom: 5px;
}

.form-control input, .form-control select, .form-control textarea {
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

.form-control input:focus, .form-control select:focus, .form-control textarea:focus {
    outline: none;
    border-color: #777;
}

.form-control.error input {
    border-color: red;
}

.form-control small {
    color: red;
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
}

.form-control.error small {
    visibility: visible;
}

.form-control small:before{
    content: '';
    background-image: url('img/warning.png');
    background-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0px 5px -1px 0;
}

.hide-school {
    display: none;
}

.ui-helper-hidden-accessible {
    display: none;
}

.iframe-content {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    gap: 70px;
    padding: 20px;
    margin-bottom: 50px;
}

#iframeLRS {
    width: 1px;
    min-width: 100%;
    border: none;
}

.search-state-form-btn {
  display: flex;
  gap: 20px;
}

.search-width {
  max-width: 500px;
}

.regional-office-block {
  margin: 30px 0;
}

.regional-office-h3 {
  margin: 0 0 10px 0;
  padding: 0;
}

.crop-logo {
    width: 120px;
}

.office-icons {
  margin: 0 4px 5px 0;
  width: 15px;
}

.regional-office-download {
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.regional-office-na {
  font-weight: 700;
  font-style: italic;
  margin: 0;
  padding: 0;
}

.office-thumb {
  border-radius: 10px;
  width: 200px;
  height: 200px;
}

.event-buttons {
  display: flex;
  justify-content: flex-end;
}

.event-table-icons {
  float: left;
  margin: 3px 3px 0 0;
  width: 10px;
}

.event-more-icons {
  float: left;
  margin: 3px 3px 0 0;
  width: 15px;
}

.event-completed {
  color: #0500FF;
}

.event-pending {
  color: #C0C334;
}

.event-identified {
  color: #555D68;
}

.event-high {
  color: #FF0001;
}

.event-medium {
  color: #FFAF3A;
}

.event-low {
  color: #50A72C;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

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

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (max-width:480px) {
    header {
        justify-content: flex-start;
    }

    .login-box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        height: auto;
        padding: 20px 0;
    }

    .intro-box {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .quick-sep {
        width: 100%;
        height: 1px;
        background-color: #ccc;
    }

    .offer-boxes {
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }

    .offer-box {
        width: 75%;
        height: 320px;
        background-color: #000;
        border-radius: 10px;
        position: relative;
        margin-top: 30px;
    }

    .offer-tag {
        width: 100%;
    }

    nav {
        display: none;
    }

    .quicklinks ul {
        margin: 0;
        padding: 0;
    }

    .quicklinks ul li {
        margin-right: 10px;
    }

    .content-box {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer {
        font-size: 10px;
    }
}
@media only screen and (max-width:800px) {

}
@media only screen and (min-width:1024px) {
.con.content-box
}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    TABS
\*------------------------------------*/
.tabs {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    background: white;
    padding: 50px;
    padding-bottom: 80px;
    width: 100%;
    min-width: 240px;
  }
  .tabs input[name=tab-control] {
    display: none;
  }
  .tabs .content section h2,
  .tabs ul li label {
    font-weight: bold;
    font-size: 18px;
    color: #eec044;
  }
  .tabs > ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .tabs > ul li {
    box-sizing: border-box;
    flex: 1;
    width: 25%;
    padding: 0 10px;
    text-align: center;
  }
  .tabs > ul li label {
    transition: all 0.3s ease-in-out;
    color: #929daf;
    padding: 5px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .tabs>  ul li label br {
    display: none;
  }
  .tabs > ul li label svg {
    fill: #929daf;
    height: 1.2em;
    vertical-align: bottom;
    margin-right: 0.2em;
    transition: all 0.2s ease-in-out;
  }
  .tabs > ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
    outline: 0;
    color: #bec5cf;
  }
  .tabs > ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
    fill: #bec5cf;
  }
  .tabs .slider {
    position: relative;
    width: 17%;
    transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
  }

.tabs .slider50 {
    position: relative;
    width: 50%;
    transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}

  .tabs .slider .indicator, .tabs .slider50 .indicator {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    height: 4px;
    background: #eec044;
    border-radius: 1px;
  }

  .tabs .content {
    margin-top: 30px;
  }
  .tabs .content section {
    display: none;
    -webkit-animation-name: content;
            animation-name: content;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    line-height: 1.4;
  }
  .tabs .content section h2 {
    color: #428BFF;
    display: none;
  }
  .tabs .content section h2::after {
    content: "";
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    background: #428BFF;
    margin-top: 5px;
    left: 1px;
  }
  .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    cursor: default;
    color: #eec044;
  }
  .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
    fill: #eec044;
  }
  @media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
      background: rgba(0, 0, 0, 0.08);
    }
  }
  .tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider, .tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider50 {
    transform: translateX(0%);
  }
  .tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block;
  }
  .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: #eec044;
  }
  .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
    fill: #eec044;
  }
  @media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
      background: rgba(0, 0, 0, 0.08);
    }
  }
  .tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider, .tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider50 {
    transform: translateX(100%);
  }
  .tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block;
  }
  .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;
    color: #eec044;
  }
  .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
    fill: #eec044;
  }
  @media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
      background: rgba(0, 0, 0, 0.08);
    }
  }
  .tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {
    transform: translateX(200%);
  }
  .tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
    display: block;
  }
  .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    cursor: default;
    color: #eec044;
  }
  .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
    fill: #eec044;
  }
  @media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
      background: rgba(0, 0, 0, 0.08);
    }
  }
  .tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider {
    transform: translateX(300%);
  }
  .tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
    display: block;
  }

  .tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
    cursor: default;
    color: #eec044;
  }
  .tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label svg {
    fill: #eec044;
  }
  @media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
      background: rgba(0, 0, 0, 0.08);
    }
  }
  .tabs input[name=tab-control]:nth-of-type(5):checked ~ .slider {
    transform: translateX(400%);
  }
  .tabs input[name=tab-control]:nth-of-type(5):checked ~ .content > section:nth-child(5) {
    display: block;
  }

  .tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
    cursor: default;
    color: #eec044;
  }
  .tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label svg {
    fill: #eec044;
  }
  @media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
      background: rgba(0, 0, 0, 0.08);
    }
  }
  .tabs input[name=tab-control]:nth-of-type(6):checked ~ .slider {
    transform: translateX(500%);
  }
  .tabs input[name=tab-control]:nth-of-type(6):checked ~ .content > section:nth-child(6) {
    display: block;
  }

  @-webkit-keyframes content {
    from {
      opacity: 0;
      transform: translateY(5%);
    }
    to {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @keyframes content {
    from {
      opacity: 0;
      transform: translateY(5%);
    }
    to {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @media (max-width: 1000px) {
    .tabs ul li label {
      white-space: initial;
    }
    .tabs ul li label br {
      display: initial;
    }
    .tabs ul li label svg {
      height: 1.5em;
    }
  }
  @media (max-width: 600px) {
    .tabs ul li label {
      padding: 5px;
      border-radius: 5px;
    }
    .tabs ul li label span {
      display: none;
    }
    .tabs .slider {
      display: none;
    }
    .tabs .content {
      margin-top: 20px;
    }
    .tabs .content section h2 {
      display: block;
    }
  }

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}