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: #ebebeb url('../images/body-bg.png') repeat center center; font-family: "Montserrat", 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 {margin: auto; padding:0; border: 0 solid transparent !important;}
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: #404040; line-height: 1.2;}
h2 {margin:5rem 0 2.8rem; padding:0; font-size: 36px; color: #404040; text-transform: uppercase; font-weight: 400; line-height: 0.9;}


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

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%;}


a {color: #399e9d; cursor: pointer; text-decoration: none;}
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;}

.button  {margin:0; padding:0 1rem; text-align: center; width: auto; display: inline-block; height: 44px; font-size: 20px; line-height: 44px; font-weight:400; background-color: #399e9d; color: #fff; border: 3px solid #399e9d; position: relative; border-radius: 10px; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out;}

input[type="submit"]  {margin:0; padding:0 2.8rem; text-align: center; width: auto; display: inline-block; height: 50px; font-size: 20px; line-height: 44px; font-weight:400; background-color: #399e9d; color: #fff; border: 3px solid #399e9d; position: relative; border-radius: 14px; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out;}

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

select {display:inline-block; margin:0 1rem 0 0; padding: 11px 8px !important; height: 51px; width: 200px !important; line-height: 1; font-size: 18px !important; appearance: none; /* this is must */ -webkit-appearance: none; -moz-appearance: none; background: #fff url('../images/arrow.png') 95% center no-repeat; font-weight: 400; color: #292828; width: 100%; line-height: 1; font-size: 20px !important; border: 1px solid #399e9d; outline: 0; border-radius: 14px;}

textarea {display:inline-block; margin:0 1rem 0 0; padding: 11px 8px !important; height: 150px !important; line-height: 1; font-weight: 400; color: #292828; width: 100%; line-height: 1; font-size: 20px !important; border: 1px solid #399e9d !important; outline: 0; border-radius: 14px !important;}


input[type="text"], input[type="tel"], input[type="password"] {margin:0 1rem 0 0; padding: 0.8rem 3rem 0.8rem  1rem !important; height: 51px; width: auto !important; font-weight: 400; color: #292828; width: 100%; line-height: 1; font-size: 20px !important; border: 1px solid #399e9d; outline: 0; border-radius: 14px;} 


input[type="text"].MuiInputBase-input {padding: 0 20px !important;}

label {display: block; margin:0; padding:0; font-size: 20px; color: #404040; font-weight: 600;}
label > span:not(.triple):not(.double) {color: #d80621;}
.triple, .double {color: #404040;}

:focus {
outline: 2px solid #399e9d;
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; text-align: center;}
.container {margin: 0 auto; width: 100%; max-width: 1440px;}
.desktop {display: block;}  
.mobile {display: none;}  


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

header .container {margin:0 auto; padding:1rem; display: grid; grid-template-columns: 1fr 1fr; position: relative;}
header nav {margin:0; padding:0; text-align: right;}
header .tools {margin:0; padding: 1.5rem 4rem 0 0; text-align: right;}
header .tools .button {line-height: 38px; border-radius: 12px;}

header .tools .aviHeader {margin: 0; padding:4px; width: 48px; height: 48px; border-radius: 50%; background: #fff url('Images/avatar-bg.png') no-repeat center center; background-size: 100% auto; display: flex; justify-content: center; align-items: center; cursor: pointer;}
header .tools .aviHeader img {border-radius: 50%; width: 100%;}

header .tools .aviMenu {margin: -0.1rem 0 0 1rem; width: 60px; height: 80px; position: relative; float: right;}

header .tools .aviMenu ul {position: absolute; top: 65px; right: -99999px;  margin:0; padding: 1.5rem 2rem 1rem !important; border-radius: 16px; background-color: #e1e1e1; list-style-type: none; text-align: left;}
header .tools .aviMenu:hover ul {right: -80px;} 
header .tools .aviMenu:hover ul li {margin:0 0 1rem; padding: 0 0 0 50px; height: 35px; line-height: 35px; background: url('Images/aviMenu.png')no-repeat 0 0; white-space: nowrap;}
header .tools .aviMenu:hover ul li a {font-size: 24px; color: #717070; font-weight: 600; }
header .tools .aviMenu:hover ul li:nth-of-type(1) {background-position: 0 -116px;}
header .tools .aviMenu:hover ul li:nth-of-type(2) {background-position: 0 0;}
header .tools .aviMenu:hover ul li:nth-of-type(3) {background-position: 0 -69px;}

header .tools .aviMenu:hover ul li a:hover {color: #399e9d;} 

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
  header .container {grid-template-columns: 1fr;}
    header .logo {position: absolute; bottom: 0.8rem; left: 50%; margin-left: -140px;}
 .logo img {width: 280px; }
    header .tools {margin:0; padding: 0.5rem 2rem 1rem 0; }
    header .tools .aviMenu:hover ul {right: 0px;} 
 .container {padding: 0 1rem;}
 h2 {margin:3rem 0 1.8rem;font-size: 30px;}
}

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

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

:focus {
outline: 2px solid #399e9d;
outline-offset: 2px;
}

/* ==================================================================================================================================================================================================
                                                                                  HAMBURGER MENU
====================================================================================================================================================================================================*/
#hamburgericonmenuwrapper {display: block; width: 100%;}
#hamburgerui {overflow: hidden; width: 40%;}
#hamburgerui ul {margin: 0; padding: 4px 10px; list-style-type: none; width: 40%; background: transparent; height: 1px; overflow: hidden; float: right;}
#hamburgerui li {display: block; margin: 0; padding:0;}
#hamburgerui li a.toggleButton {display: block; width: 50px; height: 50px; position: absolute; top: 30px; right: 6px;  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: 45px; height: 24px; padding: 0; text-indent: -1000px; border: 8px solid #399e9d;  border-width: 8PX 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: 8px; top: 50%; margin-top: 20px; left: 0; background:  #399e9d;  -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; right: 0; width: 30%; height: 100%; z-index: 99; 
 background-color: rgba(235,235,235,1); overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    /* Hidden state */
  display: block;
    opacity: 0;
    pointer-events: none;
    transform: translate3D(100%, 0, 0);

    /* Safari-safe transition */
    -webkit-transition: transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
   
  /*visibility: hidden;  -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 {
  display: block;
      opacity: 1;
    pointer-events: auto;
    transform: translate3D(0, 0, 0);

    -webkit-transition: transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
  
  
  /*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: #288294;  z-index: 9999999 !important; margin-top: -2px;}
#hamburgericonmenuwrapper.open #navtoggler::after{-webkit-transform: rotate(45deg); transform: rotate(45deg); background: #288294;  z-index: 9999999 !important; margin-top: -2px;}
#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 */}

.menu-mobile-menu-container ul {margin:8rem 0 0; padding:0; list-style-type: none;}
.menu-mobile-menu-container li a {display: block; margin:0; padding:8px 10px; color: #288294; font-size: 24px; line-height: 1; text-transform: capitalize; letter-spacing: 1px;white-space: wrap; text-align: center;}


/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
#hamburgerui li a.toggleButton {top: 11px;} 
 
#navtoggler {display: block; position: absolute; top: 50%; left: 50%; font-size: 8px; width: 4em; height: 2.5em; padding: 0; text-indent: -1000px;   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;   -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; 
 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;}
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
 .menu-mobile-menu-container { width: 60%;}
 
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
 .menu-mobile-menu-container { width: 60%;}
}

/* ==================================================================================================================================================
HERO SECTION STYLE
====================================================================================================================================================*/


.hero {margin:0; padding: 2rem 0; background: linear-gradient(to right,  #b10014 0%,#83000e 40%,#83000e 60%,#b10014 100%); text-align: left;}
.hero .heroBox {margin:0; padding:2rem 4rem; display: grid; grid-template-columns: 1fr 1fr;
 background: linear-gradient(to right,  #cfcfcf 0%,#ffffff 43%,#ffffff 54%,#cbcbcb 100%);
}
.hero .heroBox h1 {margin:0; padding:2.8rem 0 3.2rem; font-size: 54px; color: #4f4f4f; text-transform: uppercase; font-weight: 600; line-height: 0.9;}
.hero .heroBox h1 strong {font-size: 66px; color: #d80621; font-weight: 600;}

.hero .heroBox p {margin:0; padding:0 1rem 2rem 0; font-size: 30px; font-weight: 600; line-height: 1.6;}

.hero .heroBox .cta {display: grid; grid-template-columns: 60% 40%; justify-content: start; max-width: 900px;}
.hero .heroBox h2 {margin:0; padding:0; font-size: 42px; color: #4f4f4f; text-transform: uppercase; font-weight: 400; line-height: 0.9;}
.hero .heroBox h2 strong {display: block; font-size:52px; font-weight: 600;}
.hero .heroBox h2 strong span {color: #d80621; }
.hero .heroBox .cta .button {margin:0; padding:0.5rem; text-align: center; width: auto; height: 78px; display: inline-block; line-height: 60px; font-size: 35px; font-weight:400; border-radius: 14px;}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
 .hero {margin:0; padding: 1rem 0;}
 .hero .heroBox {padding:1rem; grid-template-columns: 1fr;}
 .hero .heroBox img {width: 100%;}
 .hero .heroBox h1 {padding: 1.4rem 0 2rem; font-size: 26px;}
 .hero .heroBox h1 strong {font-size: 32px;}
 .hero .heroBox p {font-size: 20px; line-height: 1.3;} 
 .hero .heroBox .cta {grid-template-columns: 1fr;} 
 .hero .heroBox h2 {font-size: 32px;} 
 .hero .heroBox h2 strong {font-size: 38px;}
 .hero .heroBox .cta .button {margin: 1rem 0 2rem; padding:0; height: 50px; display: inline-block; line-height: 50px; font-size: 28px;} 
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
 .hero .heroBox {padding:1rem; grid-template-columns: 1fr;}
 .hero .heroBox .cta .button {margin: 0 0 4rem;}
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
  .hero .heroBox {padding:1rem; grid-template-columns: 1fr;}
 .hero .heroBox .cta .button {margin: 0 0 4rem;}

}


/* ==================================================================================================================================================
SIGN-IN POPUP STYLE
====================================================================================================================================================*/


.overlay {margin:0; padding:0; width: 100%; height:100%; position: fixed; display: flex; justify-content: center;  align-items: center;background-color: rgba(0,0,0,.5); z-index: 9999999999;}
.popupContainer {margin:0 auto; padding:2rem 4rem; width: 860px; border-radius: 16px;  background-color: #fff; text-align: center; position: relative;}
.popupContainer h2 {margin:0; padding:0; text-align: center; font-size: 32px; color: #d80621; font-weight: 600; text-transform: none;}
.popupContainer h2 span {display: block; margin:2rem auto 2rem; padding:0; }
.popupContainer p.intro, .popupContainer p.stars {font-size: 18px; text-align: left; line-height: 1.5;}
.popupContainer p small {font-size: 12px; }


.popupContainer form {margin: 2rem 0 3rem; padding:0;}
.popupContainer label {padding: 0.5rem 0; width: 100%  !important; text-align: left;}
.popupContainer input[type="text"], .popupContainer input[type="password"] {width: 100% !important;}
.popupContainer form p.policy {margin: 2rem; font-size: 16px;}
.popupContainer form p.policy a {font-weight: 600;}
.popupContainer svg.MuiSvgIcon-root {width: 2em !important; height: 2em !important;}
.popupContainer .MuiInputBase-root {padding: 0 !important;}



.popupContainer ul {margin:4rem 0 2rem; padding:0; list-style-type: none; display: grid; grid-auto-flow: column; justify-content: center;}
.popupContainer ul li:after {content: '|'; padding: 0 1rem; color: #959595;}
.popupContainer ul li:last-of-type:after {display: none;}


#hidePanel {position: absolute; top: 1rem; right: 1rem;}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
  .overlay {position:  absolute; height: auto; padding-bottom: 10%;} 
  .popupContainer {margin:0 auto; padding:2rem 1rem;} 
  #hidePanel {top: 0.5rem; right: 0.5rem; width: 30px; height: auto;}
  
}


/* ==================================================================================================================================================
PAGE HERO SECTION STYLE
====================================================================================================================================================*/


.pageHero {margin:0; padding: 1rem 0; background: linear-gradient(to right,  #b10014 0%,#83000e 40%,#83000e 60%,#b10014 100%); text-align: left;}
.pageHero .heroBox {margin:0; padding:11rem 0 2.5rem; background-repeat: no-repeat; background-position: center 30%; background-size: cover;}
.pageHero .heroBox h1 {margin:0; padding:0.8rem; display: inline-block; width: auto; background-color: rgba(255,255,255,1); font-size: 54px; color: #4f4f4f; text-transform: uppercase; font-weight: 600; line-height: 0.9;}
.pageHero .heroBox h1 strong {display: block;font-size: 66px; color: #d80621; font-weight: 600;}


/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
    .pageHero .heroBox h1 {font-size: 26px; }
    .pageHero .heroBox h1 strong {font-size: 34px;}
}

/* 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) {


}




/* ==================================================================================================================================================
SEARCH REPRESENTATIVES SECTION STYLE
====================================================================================================================================================*/
.searchBoxes {margin:6rem 0 9rem; padding:0; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 4rem;}
.searchUnit {margin:0 0 0 130px; padding: 3rem 1rem 2rem 120px; background-color: #ebebeb; border-radius: 14px; position: relative; text-align: left;}
.searchUnit img {margin: 0 0 0 0; position:absolute; top:-28px; left: -160px;}
.searchUnit h3 {margin:0; padding:0; font-size: 24px; color: #404040; line-height: 1.3; font-weight: 400; text-align: left;}
.searchUnit h3 strong {display: block; margin:0; padding:0; font-weight: 600;}
.searchUnit .button {margin-top: 1rem;}


.members {margin:0; padding:0; display: flex; flex-wrap: wrap; justify-content: center; align-items: top;}
.members article {margin:0 2.25rem 2.4rem; padding:0 0 4.5rem 0; width: 300px; border-radius: 14px; background-color: #fff; border: 1px #d9d9d9 solid; position: relative;}
.members article img {margin:0; border-radius: 14px 14px 0 0;}
.members article .button {position: absolute; bottom: -20px; left: 50%; margin:0 0 0 -50px; padding:0; height: 40px; width: 100px; border-radius: 10px;  font-size: 20px; line-height: 40px;}
.members article .ratings {margin:-5px 0 0 0; padding:0.5rem 0 0; color: #fff; font-size: 18px; line-height: 1; height: 32px; font-weight: 600; text-align: left; background-repeat:  no-repeat; background-position: center center;}

.members article .ratings.liberal {background-color: #ea0b16;}
.members article .ratings.conservative {background-color: #024d8a;}
.members article .ratings.bloc {background-color: #00bad0;}
.members article .ratings.democratic {background-color: #ff7800;}
.members article .ratings.green {background-color: #168f42;}
.members article .ratings.consensus {background-color: #666666;}

.members article .ratings.stars00 {background-image: url('../images/stars/stars00.png');}
.members article .ratings.stars05 {background-image: url('../images/stars/stars05.png');}
.members article .ratings.stars10 {background-image: url('../images/stars/stars10.png');}
.members article .ratings.stars15 {background-image: url('../images/stars/stars15.png');}
.members article .ratings.stars20 {background-image: url('../images/stars/stars20.png');}
.members article .ratings.stars25 {background-image: url('../images/stars/stars25.png');}
.members article .ratings.stars30 {background-image: url('../images/stars/stars30.png');}
.members article .ratings.stars35 {background-image: url('../images/stars/stars35.png');}
.members article .ratings.stars40 {background-image: url('../images/stars/stars40.png');}
.members article .ratings.stars45 {background-image: url('../images/stars/stars45.png');}
.members article .ratings.stars50 {background-image: url('../images/stars/stars50.png');}

.members article h3 {margin:0; padding:1rem 0.8rem 0; font-size: 18px; color: #4d4d4d; font-weight: 400; text-align: left;}
.members article h3 strong {display: block; margin:0; padding:0; font-weight: 700;}

.premiers{padding-bottom: 5rem;
 background: linear-gradient(to top, rgba(242,242,242,1) 0%, rgba(0,0,0,0) 100%);
}
.premiers .members article {margin:0 2.25rem 3.5rem; padding:0 0 2.8rem 0;}
.premiers .members article h3 {font-size: 19px; line-height: 1.4; }


/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
.searchBoxes {margin:3rem 0 6rem; grid-template-columns: 1fr; grid-column-gap: 0rem;}
.searchUnit {margin:0 0 2rem; padding: 2rem 1rem; text-align: left;}
.searchUnit img {margin: 0 auto 2rem; position:static; }
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
.searchBoxes {margin:3rem 0 6rem; padding: 0 2rem; grid-template-columns: 1fr; grid-row-gap: 4rem;}
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
 .searchBoxes {margin:3rem 0 6rem; padding: 0 2rem; grid-template-columns: 1fr; grid-row-gap: 4rem;}
 .members article {margin:0 1rem 2.4rem;}
 .premiers .members article {margin:0 1rem 3.5rem;}
}





/* ==================================================================================================================================================
NEWS SECTION STYLE
====================================================================================================================================================*/
.newsListing {margin:3rem 0; padding:0; display: flex; flex-wrap: wrap; justify-content: center; align-items: top;}
.newsListing article {margin:0 0 3.6rem; padding:0 0 4.5rem 0; max-width: 418px; border-radius: 14px; background-color: #fff; border: 1px #d9d9d9 solid; position: relative;}
.newsListing article:nth-of-type(3n+2) {margin:0 5rem 3.6rem;}
.newsListing article img {margin:0; border-radius: 14px 14px 0 0; max-width: 100%;}
.newsListing article .button {position: absolute; bottom: -20px; left: 50%; margin:0 0 0 -80px; width: 160px; height: 40px; line-height: 38px; border-radius: 16px;}
.newsListing article .articleDate {margin:-5px 0 0 0; padding:0.5rem 2rem 0; background-color: #399e9d; color: #fff; font-size: 16px; line-height: 1; height: 32px; font-weight: 400;}

.newsListing article h3 {margin:0; padding:1rem 1rem 0; font-size: 22px; color: #404040; font-weight: 700; text-align: left;}
.newsListing article p {margin:0; padding:1rem 1rem 0; font-size: 18px; text-align: left; line-height: 1.5;}


.readAll .button {width:370px; height: 70px; font-size: 32px; line-height: 66px; border-radius: 16px;}



/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
.newsListing article:nth-of-type(3n+2) {margin:0 0 3.6rem;}
 .readAll .button {width:300px; height: 70px; font-size: 32px; line-height: 66px; border-radius: 16px;}
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
 .newsListing article:nth-of-type(3n+2) {margin:0 1rem 3.6rem;}
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
 .newsListing article {max-width: 298px;} 
.newsListing article:nth-of-type(3n+2) {margin:0 1rem 3.6rem;}
}




/* ==================================================================================================================================================
SEARCH RESULTS PAGE STYLE
====================================================================================================================================================*/

.searchResults .container {margin:0 auto; padding:80px 0 3rem 0; display: grid; grid-template-columns: 88% 12%; }

.searchResults select {display:inline-block; margin:0 1rem 0 0; padding: 0.8rem 3rem 0.8rem  1rem !important; height: 51px; width: auto !important; min-width: 140px; line-height: 1; appearance: none; /* this is must */ -webkit-appearance: none; -moz-appearance: none; background: #fff url('../images/arrow.png') 94% center no-repeat; font-weight: 400; color: #292828; width: 100%; line-height: 1; font-size: 20px !important; border: 1px solid #399e9d; outline: 0; border-radius: 14px;}
.searchResults input[type="text"] {margin:0 1rem 0 0; padding: 0.8rem 3rem 0.8rem  1rem !important; height: 51px; width: auto !important; font-weight: 400; color: #292828; width: 100%; line-height: 1; font-size: 20px !important; border: 1px solid #399e9d; outline: 0; border-radius: 14px;} 

.searchFilter {margin:0; padding: 2.6rem 2rem; background-color: #ebebeb; border-radius: 14px; text-align: left;}
.searchFilter select:nth-of-type(1) {width: 280px !important;}
.searchFilter select:nth-of-type(2) {width: 140px !important;}
.searchFilter select:nth-of-type(3) {width: 250px !important;}
.searchResults input[type="text"] {width: 300px !important;}
.searchFilter .button {margin-top: 1px;background: #399e9d url('../images/search-icon.png') no-repeat 0.8rem center; width: 160px; text-align: left; padding-left: 4rem; border-radius: 16px; padding-bottom: 2.8rem;}

.sorting {margin: 4rem 0 2.5rem; padding:0; text-align: left; }
.sorting select {width: 320px !important;}

.searchResults .members {margin:0; padding:0; display: flex; flex-wrap: wrap; justify-content: center; align-items: top;}
.searchResults .members article {margin:0 0.3rem 4.2rem; padding:0 0 3rem 0; border-radius: 14px; background-color: #fff; border: 1px #d9d9d9 solid; position: relative;}


.searchResults .container article.ads {margin:0 auto; padding:0 0 0 1rem; text-align: right;}


.container .advert {margin:0 auto; padding:0; display: flex; justify-content: center; align-items: center; width: 160px; height: 600px; background-color: #acacac; border-radius: 16px;}


/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
       .searchResults .container {padding:60px 1rem 3rem; grid-template-columns: 1fr; }
       .searchResults select, .searchResults input[type="text"] {width: 98% !important; margin-bottom: 1rem !important;}
       .sorting select {width: 98% !important;}
       .searchFilter select:nth-of-type(1) {width: 98% !important;}
       .searchResults .container article.ads {margin:0 auto; padding:0; text-align: center;}
 
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
       .searchResults .container {padding:60px 1rem 3rem; grid-template-columns: 76% 24%; }
       .searchResults select, .searchResults input[type="text"] {width: 98% !important; margin-bottom: 1rem !important;}
       .sorting select {width: 98% !important;}
       .searchFilter select:nth-of-type(1) {width: 98% !important;}


}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.searchResults .container {padding:60px 1rem 3rem; grid-template-columns: 82% 18%; }
.searchResults input[type="text"], .searchFilter .button  {margin-top: 1rem !important;}
}



/* ==================================================================================================================================================
CONTACT US PAGE STYLE
====================================================================================================================================================*/

.formElements .container {margin:0 auto; padding:80px 0 3rem 0; display: grid; grid-template-columns: 88% 12%; }
.formElements .container article {text-align: left;}
.formElements .container article input[type="text"], .formElements .container article select, .formElements .container article textarea, .formElements .container article label {width: 72% !important;} 
.formElements .container article label {margin: 0 0 0.5rem 0.2rem;}
.formElements .container article label small {display: block; font-size: 14px; font-weight: 400;}
.formElements .container article p {margin:0 0 1.5rem; padding:0;}
.formElements .container article select {padding-left: 1rem !important; background: #fff url('../images/arrow.png') 97.5% center no-repeat;}
.formElements .container article p:last-of-type {margin: 3rem 0; padding:0;}

.formElements.adminForm .container {grid-template-columns: 1fr !important;}
.formElements.adminForm .container article input[type="text"],
.formElements.adminForm .container article select,
.formElements.adminForm .container article textarea,
.formElements.adminForm .container article label {width: 100% !important; margin-right: 0 !important;}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
       .formElements .container {padding:60px 1rem 3rem; grid-template-columns: 1fr; }
       .formElements .container article input[type="text"], .formElements .container article select, .formElements .container article textarea, .formElements .container article label {width: 98% !important;} 
      .formElements .container article select {padding-left: 0.8rem !important; padding-right: 11% !important; font-size: 16px !important;}
 
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
       .formElements .container {padding:60px 1rem 3rem; grid-template-columns: 76% 24%; }



}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.formElements .container {padding:60px 1rem 3rem; grid-template-columns: 82% 18%; }

}





.submitArticle .container {margin:0 auto; padding:80px 0 9rem 0; display: grid; grid-template-columns: 88% 12%; }
.submitArticle .container article {text-align: left;}
.submitArticle article:nth-of-type(1) {padding-right: 2rem; font-size: 18px; line-height: 1.6; color: #404040;}
.submitArticle h2 {margin:1.5rem 0; padding:0; font-size: 44px; color: #d80621; font-weight: 600; text-transform: none;}
.submitArticle p {margin-bottom: 1.5rem; font-size: 18px; line-height: 1.6; color: #404040;}
.submitArticle p.finalWords {margin: 3rem 0; line-height: 1.2;}
.submitArticle ul {margin:1rem 0; padding:0 0 1.5rem 1rem;}
.submitArticle ul li {margin:0; padding:0 0 0.5rem; font-size: 18px; line-height: 1.4;}
.submitArticle em {color: #909090; font-weight: 400;}



.submitArticle .container article input[type="text"], .submitArticle .container article select, .submitArticle .container article textarea {width: 72% !important;} 
.submitArticle .container article textarea {height: 350px !important;}

.mockUpload {margin:0; padding: 0 !important; height: 51px; font-weight: 400; color: #292828; width: 72% !important; line-height: 1; font-size: 20px !important; border: 1px solid #399e9d; outline: 0; border-radius: 14px; position: relative; background-color: #fff;} 

.custom-file-input {display: none;}
.custom-file-label {margin:0; padding:0 3rem; text-align: center; width: auto; display: inline-block; height: 50px; font-size: 20px; line-height: 44px; font-weight:400; background-color: #399e9d; color: #fff; border: 3px solid #399e9d; position: relative; border-radius:0 14px 14px 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; cursor: pointer; float: right;}
.file-name {color: #292828; font-size: 20px; font-weight: 400; margin-left: 10px; float: left; padding: 0.9rem 0.5rem;}


/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
       .submitArticle .container {padding:60px 1rem 3rem; grid-template-columns: 1fr; }
        .submitArticle .container article input[type="text"], .submitArticle .container article select, .submitArticle .container article textarea, .mockUpload  {width: 100% !important;} 
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
       .submitArticle .container {padding:60px 1rem 3rem; grid-template-columns: 76% 24%; }
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
      .submitArticle .container {padding:60px 1rem 3rem; grid-template-columns: 82% 18%; }
}





.signup .container {margin:0 auto; padding:80px 0 3rem 0; display: grid; grid-template-columns: 88% 12%; }
.signup .container article {text-align: left;}
.signup article:nth-of-type(1) {padding-right: 2rem; font-size: 18px; line-height: 1.6; color: #404040;}
.signup h2 {margin:0 0 2.3rem; padding:0; font-size: 44px; color: #d80621; font-weight: 600; text-transform: none;}
.signup p {font-size: 18px; line-height: 1.6; color: #404040;}
.signup ul {margin:0; padding:0 0 1.5rem 2rem;}
.signup ul li {margin:0; padding:0; font-size: 18px; line-height: 1.6;}

.aviHome {margin: 0 auto; padding:16px 8px 16px 20px; width: 259px; height: 282px; border-radius: 50%; background: #fff url('../images/avatar-bg.png') no-repeat center center; display: flex; justify-content: center; align-items: center; }
.aviHome img {border-radius: 50%; width: 100%;}
.signupForm {margin:4rem auto 0; padding:0; display: grid; grid-template-columns: 26% 74%; }
.signupForm article:nth-of-type(1) {text-align: center;}
.signupForm article input[type="text"], .signupForm article select, .signupForm article textarea, .signupForm article label {width: 100% !important;} 
.signupForm article label {margin: 0 0 0.5rem 0.2rem;}
.signupForm article label small {display: block; font-size: 14px; font-weight: 400;}
.signupForm article p {margin:0 0 1.5rem; padding:0;}
.signupForm article select {padding-left: 1rem !important; background: #fff url('../images/arrow.png') 97.5% center no-repeat;}

.double {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2rem;}
.triple {display: grid; grid-template-columns: auto 1fr 1fr; grid-column-gap: 2rem;}

:root {
  --form-control-color: #399e9d;
}
.form-control {
 margin-top: 1rem !important;
 Font-size: 18px;
 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="password"].deleteConfirmPassword {width: 300px !important; max-width: 300px !important;}
input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 27px;
  height: 27px;
  border: 2px solid #399e9d;
  border-radius: 50%;
  transform: translateY(-0.075em);
 display: grid;
  place-content: center;
 max-width: 27px;
}
input[type="radio"]::before {
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em 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: 27px;
  height: 27px;
  border: 2px solid #399e9d;
  border-radius: 6px;
  transform: translateY(-0.075em);
 display: grid;
  place-content: center;
 max-width: 27px;
}
input[type="checkbox"]::before {
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 4px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em 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);
}




/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
       .signup .container {padding:60px 1rem 3rem; grid-template-columns: 1fr; }
       .signupForm {grid-template-columns: 1fr; }
 .double {grid-template-columns: 1fr; grid-column-gap: 1rem;}
.triple {grid-template-columns: 1fr; grid-column-gap: 1rem;}

 
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
       .signup .container {padding:60px 1rem 3rem; grid-template-columns: 76% 24%; }
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.signup .container {padding:60px 1rem 3rem; grid-template-columns: 82% 18%; }
}





/* ==================================================================================================================================================
CORPORATE PAGE STYLE
====================================================================================================================================================*/


.corporate .container {margin:0 auto; padding:80px 0 3rem 0; display: grid; grid-template-columns: 88% 12%; }
.corporate .container article {text-align: left;}
.corporate article:nth-of-type(1) {padding-right: 2rem; font-size: 18px; line-height: 1.6; color: #404040;}
.corporate h2 {margin:2rem 0 1.5rem; padding:0; font-size: 44px; color: #d80621; font-weight: 600; text-transform: none;}
.corporate h2:first-of-type {margin:0 0 1.5rem;}

.corporate p {font-size: 18px; line-height: 1.6; color: #404040;}


.corporate article form {width: 80%;}
.corporate article input[type="text"], .corporate article select, .corporate article textarea, .corporate article label {width: 100% !important;} 
.corporate article label {margin: 0 0 0.5rem 0.2rem;}
.corporate article label small {display: block; font-size: 14px; font-weight: 400;}
.corporate article p {margin:0 0 1.5rem; padding:0;}
.corporate article select {padding-left: 1rem !important; background: #fff url('../images/arrow.png') 97.5% center no-repeat;}


/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
       .corporate .container {padding:60px 1rem 3rem; grid-template-columns: 1fr; }
}






/* ==================================================================================================================================================
NEWS DETAIL PAGE STYLE
====================================================================================================================================================*/

.newsDetail .container {margin:0 auto; padding:80px 0 3rem 0; display: grid; grid-template-columns: 88% 12%; }
.newsDetail .container article {text-align: left;}
.newsDetail .container article {margin:0; padding:0;}
.newsDetail .container article:nth-of-type(1) {padding-right: 3rem;}
.newsDetail .container article h2 {margin:0 0 2.8rem; padding:0; font-size: 44px; text-transform: none; color: #d80621; font-weight: 600;}
.newsDetail .container article h2 small {display: block; margin:1rem 0 0 0; padding:0; font-size: 22px; text-transform: none; color: #4f4f4f; font-weight: 400;}
.newsDetail .container article p {margin: 0 0 1.6rem; line-height: 1.6; font-size: 18px;}
.newsDetail .container article p img {margin-bottom: 1rem;}


/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
       .newsDetail .container {padding:60px 1rem 3rem; grid-template-columns: 1fr; }
       .newsDetail .container article:nth-of-type(1) {padding-right: 0;}
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
       .newsDetail .container {padding:60px 1rem 3rem; grid-template-columns: 76% 24%; }
       .newsDetail .container article:nth-of-type(1) {padding-right: 1rem;}
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
       .newsDetail .container {padding:60px 1rem 3rem; grid-template-columns: 82% 18%;}
       .newsDetail .container article:nth-of-type(1) {padding-right: 1rem;}
}




/* ==================================================================================================================================================
PROFILE PAGE STYLE
====================================================================================================================================================*/
.members.profile {justify-content: left;
 margin:0; padding:0; display: flex; flex-wrap: wrap;  align-items: top;}
.members.profile article {background-color: transparent !important; border: 0 #d9d9d9 solid; text-align: left;}
.members.profile article .imageBox {margin: 0; padding;0; position: relative; max-width: 300px; }
.members.profile article .imageBox .favourite {position: absolute; top: 0.5rem; right: 0.5rem; width: 42px; height: 42px; background: transparent url('../images/favorite.png') no-repeat 0 0;}
.members.profile article .imageBox .favourite.on {background: transparent url('../images/favorite-active.png') no-repeat 0 0;}
.members.profile article img {margin:0; border-radius: 0;}

.members.profile article h3 {margin: 0.5rem 0 1rem; padding:0; font-size: 20px; line-height: 1.3;}



/* ==================================================================================================================================================
AFFILIATES SECTION STYLE
====================================================================================================================================================*/

.affiliates {margin:0; padding:2rem 0 4rem;}
.affiliates .container ul {margin:4rem 0; padding:0; list-style-type: none;}
.affiliates .container ul li {margin:0.8rem 0; padding:0; font-size: 18px;}

/* ==================================================================================================================================================
FOOTER STYLE
====================================================================================================================================================*/
footer {margin:0; padding:0; background-color: #ebebeb;}
footer .container {margin:0 auto; padding:1.6rem 0; display: grid; grid-template-columns: 1fr 1fr;}
footer .container ul {margin:0.7rem 0 0 0; padding:0; list-style-type: none; display: grid; grid-auto-flow: column; justify-content: end;}
footer .container ul li a {color: #404040} 
footer .container ul li:after {content: '|'; padding: 0 1.5rem;}
footer .container ul li:last-of-type:after {display: none;}
footer .copyrights {margin:0; padding:0.5rem 0; text-align: center; background-color: #c2c2c2;}
footer .copyrights p {margin:0; padding:0; font-size: 16px; color: #404040;}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
footer .container {padding: 1rem; grid-template-columns: 1fr;}
footer .container ul {margin:0.7rem 0 0 0; padding:0; list-style-type: none; display: block;}
footer .container ul li:after {display: none;}
 
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
footer .container {padding: 1rem; grid-template-columns: 30% 70%;} 
 footer .container ul li:after {padding: 0 0.5rem;}
 footer .container ul {margin:0.3rem 0 0 0; }
}

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