html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
body {margin: 0; padding:0; color: #4d4d4d; font-size: 20px; text-rendering: optimizeLegibility; overflow-x: hidden; background-color: #fff; font-family: "Open Sans", sans-serif;}


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

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
 
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}

abbr[title] {border-bottom: 1px dotted;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0; max-width: 100%;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
hr {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
code, kbd, pre, samp {font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
select {text-transform: none;}
button {overflow: visible;}
button, input, select, textarea, {max-width: 100%;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default; opacity: .5;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #d1d1d1; margin: 0 0 1.75em; padding: 0.875em;}
label fieldset {border: 0 !important; margin: 0; padding: 0;}
fieldset > :last-child {margin-bottom: 0;}
legend {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
optgroup {font-weight: bold;}

/* ==================================================================================================================================================================================================
                                                                                   BASIC FORMATTING
====================================================================================================================================================================================================*/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0 0 5px 0; color: #4d4d4d; line-height: 1.2; font-family: "Montserrat", sans-serif;}
h1 {margin:3rem 0 1rem; padding:0; font-size: 30px; text-align: left}
h2 {margin:1rem 0; padding:0; font-size: 26px; text-align: left}
h {margin:1rem 0; padding:0; font-size: 24px; text-align: left}

p {margin: 0 0 0.8rem; padding:0; font-size: 20px; line-height: 1.3; text-align: left;}

dfn, cite, em, i {font-style: italic;}

blockquote {margin:0; padding:0; text-align: center;}
blockquote p {margin:0; padding:0 1% 1rem; font-size: 22px !important; line-height: 1.4; font-style: italic;}
blockquote cite {display: block; margin:0; padding:0; font-size: 22px; line-height: 1; font-style: normal;}

address {font-style: normal; margin: 0; padding: 0; font-size: 0.875em; line-height: 1.6;}
address p {margin: 0; padding: 0; font-size: 0.875em; line-height: 2; font-weight: 400;}

code, kbd, tt, var, samp, pre {font-family: Inconsolata, monospace;}

pre {border: 1px solid #d1d1d1; font-size: 1em; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code {background-color: #d1d1d1; padding: 0.125em 0.25em;}
abbr, acronym {border-bottom: 1px dotted #d1d1d1; cursor: help;}
mark, ins {background: #e6e6e6; color: #fff; padding: 0.5rem 0.2rem; text-decoration: none;}
big {font-size: 125%;}

ul {margin:0; padding:0; list-style: none;}


a {color: #73824b; cursor: pointer; text-decoration: underline;}
a, a:hover, a:active, a:focus, button, input[type="button"] {outline: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none; }
a:active {text-decoration: none;}

form {margin:3rem 0 3rem; padding:0; position: relative;}
form p {margin:0 0 1.8rem; padding:0; text-align: left;}
form p.fileUploadParag {margin:0 0 1rem;} 
form p.half {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 3rem;}
form p.halfDate {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2rem; width: 48%;}

form p.halfPostal {display: grid; grid-template-columns: 70% 26%; grid-column-gap: 3rem;}
form p.biggerSpace {margin-top: 3rem;}
form ul {margin:-1rem 0 0 !important; padding:0 0 0.5rem 1rem !important;}

form h3 {margin:1.5rem 0 0.8rem; padding:0; font-size: 24px; text-align: left}
p.formButton {text-align: center;}
p.oddFormButton {text-align: left;}

label {display: block; margin:0; padding:0; font-size: 20px; line-height: 1; color: #404040; font-weight: 700; text-align: left;}
label.uploadInfo {font-weight: 400;}
label.biggerSpace {margin-top: 2rem;}
form p.halfDate label {padding: 0 65px 0 0; background: transparent url('../images/icon-calendar.png') no-repeat right bottom;}

.button, input[type="submit"]  {margin:0; padding:0 3rem;  text-align: center; width: auto; display: inline-block; height: 50px; font-size: 20px; line-height: 42px; font-weight:600; background-color: #73824b; color: #fff; border: 3px solid #73824b; position: relative; border-radius: 10px; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; text-decoration: none;}

.button:hover, input[type="submit"]:hover {background-color: #fff; color: #73824b;}

select {display:inline-block; margin:0.6rem 1rem 0 0; padding: 11px 8px !important; height: 51px; width: 100%; line-height: 1; font-size: 20px !important; appearance: none; /* this is must */ -webkit-appearance: none; -moz-appearance: none; background: #fff url('../images/arrow.png') 98% center no-repeat; font-weight: 400; color: #4d4d4d; width: 100%; line-height: 1; font-size: 20px !important; border: 2px solid #73824b; outline: 0; border-radius: 10px;}

textarea {display:inline-block; margin:0.6rem 1rem 0 0; padding: 11px 8px !important; height: 150px; line-height: 1; font-weight: 400; color: #4d4d4d; width: 100%; line-height: 1; font-size: 20px !important; border: 2px solid #73824b; outline: 0; border-radius: 10px;}


input[type="text"], input[type="password"], input[type="email"] {margin:0.6rem 1rem 0 0; padding: 0.8rem 3rem 0.8rem  1rem !important; height: 51px; width: 100%; font-weight: 400; color: #4d4d4d; width: 100%; line-height: 1; font-size: 20px !important; border: 2px solid #73824b; outline: 0; border-radius: 10px;} 

input[type="text"].half, input[type="password"].half, input[type="email"].half {width: 50%;}

:root {
  --form-control-color: #73824b;
}
.form-control {margin-top: 1rem !important; font-size: 20px; color: #404040; font-weight: 400; line-height: 1.1; display: grid; grid-template-columns: 2em auto; grid-column-gap: 0.5em; justify-content: left; align-items: center;}
.form-control.amount {grid-template-columns: 2em 3em auto;}

input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 30px;
  height: 30px;
  border: 2px solid #73824b;
  border-radius: 50%;
  transform: translateY(-0.055em);
 display: grid;
  place-content: center;
 max-width: 30px;
}
input[type="radio"]::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 2em 2em var(--form-control-color);
}

input[type="radio"]:checked::before {
  transform: scale(1);
}

input[type="radio"]:focus {
  outline: max(1px, 0.15em) solid transparent;
  outline-offset: max(2px, 0.15em);
}

input[type="checkbox"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 30px;
  height: 30px;
  border: 2px solid #73824b;
  border-radius: 6px;
  transform: translateY(-0.075em);
 display: grid;
  place-content: center;
 max-width: 30px;
}
input[type="checkbox"]::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 2em 2em var(--form-control-color);
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input[type="checkbox"]:focus {
  outline: max(1px, 0.15em) solid transparent;
  outline-offset: max(2px, 0.15em);
}

.custom-file-input {display: none;}
.custom-file-label {margin:0; padding:0.2rem;  text-align: center; width: auto; display: inline-block; height: 34px; font-size: 20px; line-height: 22px; font-weight:400; background-color: #73824b; color: #fff; border: 3px solid #73824b; position: relative; border-radius: 6px; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; text-decoration: none; cursor: pointer;}

.custom-file-label:hover {background-color: #fff; color: #73824b;}

.file-name {color: #73824b; font-size: 20px; font-weight: 400; margin-left: 10px;}

.doubleSearch {display: grid; grid-template-columns: auto 1fr; grid-column-gap: 3rem; width: 40%}
.doubleSearch label {font-weight: 700;}



 /* Tooltip container */
.tooltip {margin:0; padding:0 0 0 0.3rem; position: relative; display: inline-block; cursor: pointer; vertical-align: middle;}

/* Tooltip text */
.tooltip .tooltiptext {
  display: none;
  width: auto;
  background-color: #555;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 0.4rem;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}


.tooltip:hover .tooltiptext {display: block;opacity: 1;} 



/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
    form p.half {grid-template-columns: 1fr;}
    form p.halfPostal {grid-template-columns: 1fr; }
    label:nth-of-type(2) {margin: 1.8rem 0 0; }
    .doubleSearch {grid-template-columns: 1fr; width: 100%}
    form p.halfDate {grid-template-columns: 1fr; width: 100%;}
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}







:focus {
outline: 2px solid #73824b;
outline-offset: 2px;
}


.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip:focus {
  position: static;
  width: auto;
  height: auto;
}


section {margin:0 auto; padding: 0; width: 100%; max-width: 2560px; }
.container {margin: 0 auto; width: 100%; max-width: 1240px;}
.desktop {display: block;}  
.mobile {display: none;}  


/* ==================================================================================================================================================
HEADER SECTION STYLE
====================================================================================================================================================*/

header {margin:0; padding:0; text-align: center;}
header .logo {margin:2rem auto 1.5rem; text-decoration: none; }
header nav {margin:0; padding:0.8rem 1rem; text-align: left; background-color: #73824b; border-radius: 10px; color: #fff; font-size; 20px;}
header nav ul {margin:0; padding:0; list-style: none; width: 100%; display: grid; grid-auto-flow: column; justify-content: start;}
header nav ul li {margin:0; padding:0;}
header nav ul li:after {content: '|'; padding:0 0.5rem;}
header nav ul li:last-of-type:after {display: none;}

header nav ul li a {color: #fff; font-size; 20px; text-decoration: none; }
header nav ul li a:hover {text-decoration: underline;}
header nav ul li a.active {text-decoration: underline;}


/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
    header .logo {margin:1rem auto 1.5rem;}
    header nav {display: none;} 
    
    .container {padding: 0 1rem;}
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
.container {padding: 0 1rem;}
    
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.container {padding: 0 1rem;}
}

/* ==================================================================================================================================================================================================
                                                                                  HAMBURGER MENU
====================================================================================================================================================================================================*/
#hamburgericonmenuwrapper {display: none; width: 100%;}
#hamburgerui {overflow: hidden; position: fixed; right: 0; top: 0; z-index: 9999999; width: 40%;}
#hamburgerui ul {margin: 0; padding: 4px 10px; list-style-type: none; width: 40%; background: transparent; height: 70px; overflow: hidden; float: right;}
#hamburgerui li {display: block; margin: 0; padding:0;}
#hamburgerui li a.toggleButton {display: block; width: 40px; height: 40px; position: absolute; top: 16px; right: 16px;  text-decoration: none; margin:0; padding: 10px 20px; color: #e6e6e6; outline: none;   -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 999999; background-color:  rgba(255,255,255,.5);}
#hamburgerui li a:visited {color: #e6e6e6;}
#hamburgerui li a:hover{color: #e6e6e6;}

#navtoggler {display: block; position: absolute; top: 50%; left: 50%; font-size: 8px; width: 4em; height: 2.5em; padding: 0; text-indent: -1000px; border: 0.6em solid #73824b;  border-width: 0.6em 0; cursor: pointer; -webkit-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 999999;}
#navtoggler::before, #navtoggler::after{content: ""; display: block; position: absolute; width: 100%; height: 0.6em; top: 50%; margin-top: -0.3em; left: 0; background: #73824b;  -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;  z-index: 999999;}

/* ###### CSS for Full Screen Menu NAV ###### */
.menu-mobile-menu-container {margin:0; padding: 10px 0 0 10px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; 
 background-color: #fff; visibility: hidden; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3D(100%, 0, 0); transform: translate3D(100%, 0, 0);  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;}

/* #### Menu Hamburger Icon UI when shrinked CSS ######## */
#hamburgerui.shrink li:nth-last-of-type(n+2) a{opacity: 0; pointer-events: none;}

/* #### Menu Opened State CSS ######## */
#hamburgericonmenuwrapper.open .menu-mobile-menu-container {visibility: visible; -webkit-transform: translate3D(0, 0, 0);  transform: translate3D(0, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
#hamburgericonmenuwrapper.open #navtoggler{ border-width: 0; z-index: 999999;}
#hamburgericonmenuwrapper.open #navtoggler::before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #73824b;  z-index: 9999999 !important;}
#hamburgericonmenuwrapper.open #navtoggler::after{-webkit-transform: rotate(45deg); transform: rotate(45deg); background: #73824b;  z-index: 9999999 !important;}
#hamburgericonmenuwrapper.open #hamburgerui li:nth-last-of-type(n+2) a{ opacity: 0; pointer-events: none;}
#hamburgericonmenuwrapper.open .menu-mobile-menu-container ul{ opacity: 1; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); 
/* restore UL to original positon */}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {

    .menu-main-menu-container {display: none;}
    #hamburgericonmenuwrapper {display: block !important; background-color: #fff; }
    .menu-mobile-menu-container ul {margin:2rem 1rem; padding:0; list-style: none;}
	.menu-mobile-menu-container li a {display: block; margin:0; padding:8px 10px; color: #4d4d4d;; font-size: 22px; font-weight: 600; line-height: 1; text-transform: uppercase; letter-spacing: 1px; white-space: wrap; text-decoration: none;}
    .menu-mobile-menu-container li a:hover {text-decoration: underline;}
		
	
}


/* ==================================================================================================================================================
LOGIN LIST STYLES
====================================================================================================================================================*/
.login header .logo {margin:6rem auto 1.5rem;}
.login h1 {text-align: center; margin-bottom: 6rem;}
.login .container {max-width: 600px;}
.login #main p {margin-bottom: 1.5rem;}
.login input[type="submit"] {margin:1rem auto; padding:0 3rem;} 
.login form {margin:3rem 0 6.5rem; padding:0; position: relative;}



#main ul {margin:0; padding:0.5rem 0 0.5rem 1rem;}
#main ol {margin:0; padding:0.5rem 0 0.5rem 1.5rem;}

#main ul li, #main ol li {margin:0; padding:0 0 0.6rem 1rem; position: relative; text-align: left; font-size: 20px; line-height: 1.3;}
#main ul li:before {content:''; position: absolute; top: 8px; left: 0; display: block; margin:0; padding:0; width: 10px; height: 10px; background-color: #4d4d4d; border-radius: 50%;}


/* ==================================================================================================================================================
APPLICATION LIST STYLES
====================================================================================================================================================*/
.appList {margin:3rem 0; padding:0; position: relative;}
.appList article {margin:0; padding:0.6rem 1rem; display: grid; grid-template-columns: 150px 1fr 1fr 1fr 1fr; text-align: left;}
.appList article:nth-of-type(odd) {background-color: #f2f2f2;}
.appList article:nth-of-type(1) {border-radius: 10px 10px 0 0; background-color: #3f4237; color: #fff; font-weight: 700;}

.appList article ul {margin:0 !important; padding:0 !important; list-style: none; width: 100%; display: grid; grid-auto-flow: column; justify-content: start;}
.appList article ul li {margin:0 !important; padding: 0 0.8rem 0 0 !important;}
.appList article ul li:before {display: none !important;}
.appList article div {margin:0; padding: 0 0.5rem;}

.appList.admPrf article {margin:0; padding:0.6rem 1rem; display: grid; grid-template-columns: 60px 1fr 1fr 1fr; text-align: left;}
.appList.admApp article {margin:0; padding:0.6rem 1rem; display: grid; grid-template-columns: 100px 1fr 1fr 1fr 1fr 1fr; text-align: left;}
.appList.appLog article {margin:0; padding:0.6rem 1rem; display: grid; grid-template-columns: 1fr 1fr 1fr; text-align: left;}


.appNotes {margin:2rem 0 3rem; padding:0; position: relative;}
.appNotes article {margin:0; padding:0.6rem 1rem; display: grid; grid-template-columns: auto 1fr ; text-align: left;}
.appNotes article:nth-of-type(odd) {background-color: #f2f2f2;}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
    .login header .logo {margin:1rem auto 1rem;}
    .appList article {grid-template-columns: 1fr;}
    .appList article:nth-of-type(1) {display: none;}
    
    .appList article:nth-of-type(odd) {background-color: #fff;}
    .appList article:nth-of-type(even) {background-color: #f2f2f2;}
    .appList article div:nth-of-type(2):before {content: 'Application #:'; font-weight: 700; padding-right: 0.4rem;}
    .appList article div:nth-of-type(3):before {content: 'Applicant Name:'; font-weight: 700; padding-right: 0.4rem;}
    .appList article div:nth-of-type(4):before {content: 'Job Title:'; font-weight: 700; padding-right: 0.4rem;}
    .appList article div:nth-of-type(5):before {content: 'Last Modified Date:'; font-weight: 700; padding-right: 0.4rem;}   
    .appList article div {margin:0; padding: 0.3rem 0; line-height: 1.2;}
    
    .appList.admPrf  article {grid-template-columns: 1fr;}
    .appList.admPrf  article:nth-of-type(1) {display: none;}
    .appList.admPrf article div:nth-of-type(2):before {content: 'Employer Operating Name:'; font-weight: 700; padding-right: 0.4rem;}    
    .appList.admPrf article div:nth-of-type(3):before {content: 'Contact Name:'; font-weight: 700; padding-right: 0.4rem;}     
    .appList.admPrf article div:nth-of-type(4):before {content: 'Last Login Date:'; font-weight: 700; padding-right: 0.4rem;} 
    .appList.admPrf article div {margin:0; padding: 0.3rem 0; line-height: 1.2;}
    
    
    .appList.admApp  article {grid-template-columns: 1fr;}
    .appList.admApp  article:nth-of-type(1) {display: none;}
    .appList.admApp article div:nth-of-type(2):before {content: 'Application #:'; font-weight: 700; padding-right: 0.4rem;}    
    .appList.admApp article div:nth-of-type(3):before {content: 'Employer:'; font-weight: 700; padding-right: 0.4rem;}     
    .appList.admApp article div:nth-of-type(4):before {content: 'Create Date:'; font-weight: 700; padding-right: 0.4rem;} 
    .appList.admApp article div:nth-of-type(5):before {content: 'Last Revised:'; font-weight: 700; padding-right: 0.4rem;}     
    .appList.admApp article div:nth-of-type(6):before {content: 'Actioned by:'; font-weight: 700; padding-right: 0.4rem;}     
    .appList.admApp article div {margin:0; padding: 0.3rem 0; line-height: 1.2;}

    .appList.appLog article {grid-template-columns: 1fr;}
    .appList.appLog article:nth-of-type(1) {display: none;}
    .appList.appLog article div:nth-of-type(1):before {content: 'User:'; font-weight: 700; padding-right: 0.4rem;}
    .appList.appLog article div:nth-of-type(2):before {content: 'Date:'; font-weight: 700; padding-right: 0.4rem;}
    .appList.appLog article div:nth-of-type(3):before {content: 'IP:'; font-weight: 700; padding-right: 0.4rem;}
    .appList.appLog article div {margin:0; padding: 0.3rem 0; line-height: 1.2;}

  .appNotes article {grid-template-columns: 1fr;}
  .appNotes article div:nth-of-type(1){font-weight: 700;}
  
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}







/* ==================================================================================================================================================
FOOTER STYLE
====================================================================================================================================================*/
footer {margin:5rem 0 0 0; padding:5.5rem 0 6rem; background-color: #73824b; text-align: center;}
footer p {margin:0; padding:0; color: #fff; font-size: 18px; text-align: center;}
footer p a {margin:0 !important; padding:0 !important; color: #fff; text-decoration: none;}
footer p a:hover {text-decoration: underline;}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
 
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}