
@font-face {
    font-family: 'tex_gyre_adventorbold';
    src: url('texgyreadventor-bold-webfont.eot');
    src: url('texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('texgyreadventor-bold-webfont.woff') format('woff'),
         url('texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('texgyreadventor-bold-webfont.svg#tex_gyre_adventorbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tex_gyre_adventorregular';
    src: url('texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('texgyreadventor-regular-webfont.woff') format('woff'),
         url('texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('texgyreadventor-regular-webfont.svg#tex_gyre_adventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {font-family: 'tex_gyre_adventorregular'; color: #013a65;}

a {color: #b3ba1c;}

a:hover {color: #b3ba1c;}


p {font-family: 'tex_gyre_adventorregular';}

h1,h2,h3,h4,h5,h6 {  font-family: 'tex_gyre_adventorbold';}

h3 {line-height: 2.6rem !important;}

strong { font-weight: normal; font-family: 'tex_gyre_adventorbold';}
label { font-weight: normal; font-family: 'tex_gyre_adventorbold';}

.btn-link{color: #b3ba1c; font-size: 1.2rem; }

.forum-reply__container {
    margin: 20px 0px;
      padding: 20px 10px;
      background: #ddd;
      border-radius: 5px;
}

	.forum-reply__container--odd {
		background-color: #eee;
    margin: 20px 0px;
    padding: 20px 10px;
      border-radius: 5px;
	}

	.forum-reply__meta {

	}

  .table thead th {text-transform: uppercase; font-family: 'tex_gyre_adventorbold'; letter-spacing: 0px; font-weight: normal;}

.carousel-caption { background: rgba( 255,255,255,0.7); color: #013a65; width: 35%;  left: 16.5%; text-align: left;
  padding: 20px; bottom: 7%; border-radius: 5px; padding-bottom: 5px;}

.carousel-caption .btn-outline-danger {color: #dc3545 !important;}
.carousel-caption .btn-outline-danger:hover {color: #fff !important;}

.carousel-caption h2 {font-family: 'tex_gyre_adventorregular';}}

.carousel-caption ol {list-style: none; padding-left: 0px;}
.carousel-caption ol li {margin-bottom: 5px;}

.carousel-indicators li { background: rgba(179,186,28,0.2); }
.carousel-indicators .active {background: rgba(179,186,28,1); }





	.bg-light { background: #eee !important; border-radius: 0px; margin-bottom: 0px;  padding: 0px;}

	.carousel-control-prev-icon:hover {cursor: pointer;}
	.carousel-control-next-icon:hover {cursor: pointer;}

	.navbar-brand {margin: 15px 0px;}


	.navbar-light .navbar-nav {text-transform: uppercase;}

	.navbar-light .navbar-nav .nav-item { }


	.navbar-light .navbar-nav .nav-link {color: #013a65; padding: 15px 20px; font-size: 12px; font-family: 'tex_gyre_adventorbold';  }


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { background: rgba(255,255,255,0.7);
 border-radius: 0px; color: #b3ba1c !important; }



.navbar-light .navbar-nav .nav-item.active {background: #013a65; border-radius: 0px;  font-family: 'tex_gyre_adventorbold';
 color: #fff !important; position: relative; display: block !important; }

.navbar-light .navbar-nav .nav-item.active::after{
    content: '';
    position: absolute;

left: 38%;
  margin-left: ;
  clear: both;


    z-index: 9999999999;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #013a65;


       }



.navbar-light .navbar-nav .nav-item.active .nav-link {color: #fff !important;}


.navbar-light .navbar-nav .nav-item.active .nav-link:hover {background: #013a65 !important;}


.navbar-light .navbar-toggler {color: #fff !important; border-color: rgba(255,255,255,0.5);margin: 10px 10px !important; background: rgba(255,255,255,0.3); }

.navbar-toggler { background: rgba(179,186,28,0.7) !important; }

.navbar-toggler:focus, .navbar-toggler:hover { border-color: rgba(255,255,255,1); background: rgba(179,186,28,1) !important; }

.navbar-collapse .navbar-nav .nav-item.active::after{

    border: none !important;


       }



 header #twitter { float: right; margin-top: 15px; margin-bottom: 0px; }

 header #facebook { float: right; margin-top: 20px; margin-bottom: 0px; margin-left: 15px;}
header .slogan {color: #013a65; text-transform: uppercase; margin-top: 30px;  margin-right: 20px;}

  header #logininfo {font-family: 'tex_gyre_adventorbold'; margin-top: 20px; text-transform: uppercase; font-size: 14px; background: rgba(179,186,28,1); padding: 5px; border-radius: 5px;  text-align: center; }
header #logininfo span {font-family: 'tex_gyre_regular';}


   header #logininfo a { color: rgba(255,255,255,0.75); font-family: 'tex_gyre_adventorbold'; }
    header #logininfo a:hover {color: #fff; text-decoration: none;}
       header #logininfo i{color: rgba(255,255,255,0.75);}
       header .contact-info { text-transform: uppercase; float: right; margin-top: 18px; margin-bottom: 10px; font-size: 14px;  font-family: 'tex_gyre_adventorbold'; }

header .contact-info a { color: #013a65; text-decoration: none; }
header .contact-info a:hover {color: #b3ba1c;}


       .btn-light { background: rgba(255,255,255,1); border: none; color: #013a65 !important; font-family: 'tex_gyre_adventorbold';}
.btn-light:hover { background: #b3ba1c; border: none; color: #fff !important; }


.btn-primary { background: rgba(0,0,0, 0.1); border: none; color: #666 !important; font-family: 'tex_gyre_adventorbold';}
.btn-primary:hover { background: #b3ba1c; border: none; color: #fff !important; }

.btn-primary:hover i {color: #fff !important; }



.home-3-CTAs .panel-1 { background: rgba(179,186,28,0.9); padding: 20px;  min-height: 465px;  border-radius: 5px; padding-bottom: 0px;}
.home-3-CTAs .panel-1 h4 {color: #fff;}
.home-3-CTAs .panel-1 p {color: #fff; padding-top: 20px; clear: both; padding-bottom: 20px;}

.home-3-CTAs .panel-1 h4 i {float: left; display: block;  width:70px; font-size:50px; color: rgba(255,255,255,0.5); padding-right: 10px;}
.home-3-CTAs .panel-1 h4 span { float: left; display: block; width: 70%; }

.home-3-CTAs .panel-1 .btn-light:hover { background: #013a65; border: none; color: #fff !important; }






.home-3-CTAs .panel-2 { background: #013a65; padding: 20px;  min-height: 465px; border-radius: 5px; padding-bottom: 0px;}
.home-3-CTAs .panel-2 h4 {color: #fff;}
.home-3-CTAs .panel-2 p {color: #fff; padding-top: 20px; clear: both; padding-bottom: 20px;}

.home-3-CTAs .panel-2 h4 i {float: left; display: block;  width:70px; font-size:44px; color: rgba(255,255,255,0.5); padding-right: 10px;}
.home-3-CTAs .panel-2 h4 span { float: left; display: block; width: 70%; }


.home-3-CTAs .panel-3 { background: rgba(1,58,101,0.75); padding: 20px; color: #013a65; min-height: 465px; border-radius: 5px; padding-bottom: 0px; }
.home-3-CTAs .panel-3 h4 {color: #fff;}
.home-3-CTAs .panel-3 p {color: #fff; padding-top: 20px; clear: both; padding-bottom: 20px;}

.home-3-CTAs .panel-3 h4 i {float: left; display: block;  width:70px; font-size:50px; color: rgba(255,255,255,0.5); padding-right: 10px;}
.home-3-CTAs .panel-3 h4 span { float: left; display: block; width: 70%; }

.billed-panel {border: 0px solid #ccc; padding: 20px; border-radius: 10px; background: rgba(0,0,0,0.08); color: #666;}

.billed-panel::after{
    content: '';
    position: absolute;
    left: 48.2%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgba(0,0,0,0.08);
    clear: both; }

.billed-panel h2 { font-family: 'tex_gyre_adventorregular' }


.home-2-member-types {}
.home-2-member-types .panel-1 { padding: 0px; background: #fff; min-height: 475px;  border-radius: 0px; border: 1px solid #28a745; color: #666; border-radius: 10px; }

.home-2-member-types .panel-1 i {font-size: 80px; color: #28a745; margin: 20px 0px;  background: #eee; padding: 30px; border-radius: 50%; width: 140px; }

.home-2-member-types .panel-1 ol { margin-right: 20px; margin-left: 20px; padding-left: 0px; margin-bottom: 20px; list-style-type: none; }
.home-2-member-types .panel-1 ol i {font-size: 16px; margin: 0px; padding: 0px; width: auto; color: #666; background: transparent; margin: 0px 3px;}
.home-2-member-types .panel-1 ol li {margin-bottom: 10px;}
.home-2-member-types .panel-1 ol li a {display: block; text-align: left;}

.home-2-member-types .panel-1 h3 { text-align: center; background: #28a745; padding: 15px 0px; color: #fff; margin-bottom: 30px; font-size: 1.6rem;}

.home-2-member-types .panel-1 h3::after{
    content: '';
    position: absolute;
    left: 48%;
    margin-top: 45px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #28a745;
    clear: both; }

.home-2-member-types .panel-1 h3.smaller::after{
    content: '';
    position: absolute;
    left: 46.5%;
    margin-top: 45px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #28a745;
    clear: both; }



.home-2-member-types .panel-1 p { padding: 0px 20px; font-size:18px !important; }
.home-2-member-types .panel-1 p strong { }
.home-2-member-types .panel-1 p i { font-size: 20px; margin: 0px; padding: 0px; width: auto; color: #fff; background: transparent;}


.home-2-member-types .panel-1 h4 { background: #ccc; padding: 10px 20px; color: #fff; margin-bottom: 30px; text-align: center;}
.home-2-member-types .panel-1 h4 i {font-size: 30px; color: #28a745; margin: 10px 0px;  background: #eee; padding: 20px; border-radius: 50%; width: 70px; }

.home-2-member-types  h5 {  padding: 10px 20px; }

.home-2-member-types ul {margin-bottom: 40px;}

.home-2-member-types ul li {  font-size: 18px; font-family: 'tex_gyre_adventorbold' }

.home-2-member-types hr {margin: 20px; color: #999; background: #999;}


.home-2-member-types .panel-1 .btn-primary:hover {background: #138496;}
.home-2-member-types .panel-1 .btn-primary:hover {background: #218838;}

.home-2-member-types .panel-1 .btn-primary i {color: #666;}

.home-2-member-types .panel-1  h5 {color: #28a745;}




.lead {font-size: 22px !important;}

.home-2-member-types .panel-2 { padding: 0px; background: #fff; min-height: 780px;  border-radius: 0px; border: 1px solid #17a2b8; color: #666; border-radius: 10px; }
.home-2-member-types .panel-2 i {font-size: 80px; color: #17a2b8; margin: 20px 0px;  background: #eee; padding: 30px; border-radius: 50%; width: 140px;  }

.home-2-member-types .panel-2 ol { margin-right: 20px; margin-left: 20px; padding-left: 0px; margin-bottom: 20px; list-style-type: none;}
.home-2-member-types .panel-2 ol i {font-size: 16px; margin: 0px; padding: 0px; width: auto; color: #666; background: transparent; margin: 0px 3px;}
.home-2-member-types .panel-2 ol li {margin-bottom: 10px;}
.home-2-member-types .panel-2 ol li a {display: block; text-align: left;}




.home-2-member-types .panel-2 h3 { text-align: center; background: #17a2b8; padding: 15px 0px; color: #fff; margin-bottom: 30px; font-size: 1.6rem;}

.home-2-member-types .panel-2 h3::after{
    content: '';
    position: absolute;
    left: 48%;
    margin-top: 45px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #17a2b8;
    clear: both; }


    .home-2-member-types .panel-2 h3.smaller::after{
    content: '';
    position: absolute;
    left: 46.5%;
    margin-top: 45px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #17a2b8;
    clear: both; }



.home-2-member-types .panel-2 p { padding: 0px 20px; font-size:18px; }
.home-2-member-types .panel-2 p strong {;}
.home-2-member-types .panel-2 p i { font-size: 20px; margin: 0px; padding: 0px; width: auto; color: #fff; background: transparent; }
.home-2-member-types .panel-2 .btn-primary:hover {background: #138496;}

.home-2-member-types .panel-2 .btn-primary i {color: #666;}

.home-2-member-types .panel-2  h5 {color: #17a2b8;}





.btn-danger {color: #fff !important;}
.btn-info {color: #fff !important;}
.btn-success {color: #fff !important;}



button {text-transform: uppercase;}
.btn {text-transform: uppercase;}







	footer {background: #b2c3d7; padding: 30px 0px; color: #013a65; }

	footer a {color: #013a65;}
footer a:hover {color: #013a65; }

	footer h4 {text-transform: uppercase;}

footer ul.footer-links { list-style-type: none; padding-left: 0px;}
footer ul.footer-links li a {color: #013a65;}
footer ul.footer-links li a:hover {color: #013a65; }

section {margin: 0px 0px; margin-bottom: 0px;}

.CTA-book {padding: 40px 0px;  margin-bottom: 0px; color: #013a65; background:  url("../images/books-bg.png")
rgba(179,186,28,0.4); background-position: right 20px bottom; background-repeat: no-repeat;  background-size: 33%;}

.CTA-book a img {border: 5px solid rgba(255,255,255,0.5); margin-bottom: 20px; width: 100%;}
.CTA-book a:hover img {border: 5px solid rgba(255,255,255,1);}


.CTA-book p {padding: 0px; margin: 0px;}

.CTA-book p.descrip { margin-bottom: 15px; }

.CTA-book p.descrip a { color: #013a65; }



.CTA-book p.RRP {text-decoration: line-through; background: rgba(255,255,255,0.5); padding: 5px 10px; display: inline-block;}

.CTA-book p.Price { font-size: 28px; font-family: 'tex_gyre_adventorbold'; color: #013a65; }
.CTA-book p.Member-Price { font-size: 28px;  color: #013a65;   }

.CTA-book p.Member-Price span {font-family: 'tex_gyre_adventorbold';}


.CTA-book p.cart {margin-top: 15px;}

.CTA-book p.voucher-code { font-size: 12px; }


.CTA-book h2 a {color: #013a65;}

.CTA-book .btn-light { background: rgba(255,255,255,1); border: none; color: #013a65 !important; font-family: 'tex_gyre_adventorbold';}
.CTA-book .btn-light:hover { background: #013a65; border: none; color: #fff !important; }


.CTA-book .btn-success { color: #fff !important; }




	.belowfooter { background: #013a65; color: #fff; padding: 20px 0px; padding-bottom: 0px;  font-size: 12px;}
    .belowfooter a {color: #fff;}

     .belowfooter a.ina-4-link {color: #fff;}
      .belowfooter a.ina-4-link:hover {color: #f78f1e; text-decoration: none;}




.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}


.mt-15 {margin-top: 15px;}
.mb-15 {margin-bottom: 15px !important;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background: #013a65;  }

.nav-pills .nav-link {color: #013a65; text-transform: uppercase; background: #eee; margin-bottom: 5px; text-align: center; font-family: 'tex_gyre_adventorbold'; }

.nav-link:focus, .nav-link:hover {
    text-decoration: none;
    color: #b3ba1c;}


.nav-tabs .nav-item .nav-link {text-transform: uppercase; color: #013a65;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #013a65; border-color: #ccc #ccc #fff;}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: #ccc #ccc #ccc; color: #b3ba1c;}

.nav-tabs {border-bottom: 1px solid #ccc;}

.forum-right { background: #eee; padding: 15px; }

.shrinkLabel {
  padding: 10px;
  border: 0;
  border-bottom: 2px solid #DDD;
  width: 100%;
  font-size: 18px;
  transition: all .3s ease-in-out;
  height: 75px;
}

  .shrinkLabel:focus {
    border-color: #B3BA1C;
  }

  .shrinkLabel:focus,
  .shrinkLabel.hasContent {
    outline: none;
    padding-top: 30px;
    font-size: 18px;
  }
  input[type="file"].shrinkLabel {
    padding-top: 40px;
    font-size: 14px;
  }

  .shrinkLabel:focus + label,
  .shrinkLabel.hasContent + label {
    font-size: 12px;
    left: 0;
    top: 15px;
    font-weight: bold;
  }

  .shrinkLabel + label {
    position: absolute;
    top: 35px;
    left: 10px;
    font-size: 18px;
    transition: all .3s ease-in-out;
    font-family: inherit;
    cursor: text;
  }

.mar-t-32px {
  margin-top: 32px;
}

.mar-b-50px {
  margin-bottom: 50px;
}

.dropdown-menu { color: #013a65; background: #b3ba1c; border: none;  }

.dropdown-item {text-transform: capitalize; color: #fff; font-family: 'tex_gyre_adventorbold'}


.dropdown-item:hover { background: rgba(255,255,255,0.25); color: #fff;}


.lightbox-panels {}

.lightbox-panels .panel-1 { }

.lightbox-panels .panel-1 i {font-size: 48px; display: block; margin-bottom: 10px;}

.lightbox-panels .panel-1 h4 {font-size: 20px; }

.lightbox-panels .panel-1 h4 a {color: #666; text-decoration: none; padding: 40px 15px;  display: block; background: #ddd;  border-radius: 5px;min-height: 190px; }

.lightbox-panels .panel-1 h4 a:hover {color: rgba(255,255,255,1); text-decoration: none; background: #218838;  }

.lightbox-panels .panel-1 h4 {  text-align:center; color: #fff;  }
.lightbox-panels .panel-1 h4:hover {  }

.modal {color: #666;}
.modal-header { background: #eee; }
.modal-footer { background: #eee; }

.modal-body ul {margin-top: 20px; margin-left: 0px; padding-left: 20px;}

.modal-body ul li {margin-bottom: 20px; margin-left: 0px; padding-left: 0px; list-style-position: outside;}


.btn-secondary { background: #666; }

.btn-secondary:hover {
    color: #fff;
    background-color: #555;
    border-color: #555;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 10px;
  }

  .form-group {
    margin-bottom: 1rem !important;
}

.text-bold {
  font-weight: bold;
}

.btn-one-third {
  width: 33.3%;
}

.msg-arrow {
  transition: .3s all ease-in-out;
}

#adsHeader .carousel-indicators {
  bottom: -25px;
}

  #adsHeader .carousel-indicators li {
    background: rgba(179, 186, 28, 0.5);
  }
  #adsHeader .carousel-indicators li.active {
    background: rgba(179, 186, 28, 1);
  }

#adsNav .carousel-indicators {
  bottom: -25px;
}


.fl-r {
	float: right;
}

.btn.is-checked {
	background-color: rgba(179,186,28,1);
}

.btn-group .btn,
.btn-group-vertical .btn {
	text-transform: none;
}

.grid-item-style {
	border: 1px solid #666;
	background-color: #EEE;
	margin-top: 15px;
	padding-top: 15px;
}
	.grid-item-style p {
		padding: 0 15px;
	}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

	.embed-container iframe,
	.embed-container object,
	.embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

#CustomMemberLoginForm_LoginForm_Email_Holder label.left:after {
    content: " / Membership Number";
}

.belowfooter .icon {
  background-color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.belowfooter .icon i {
  color: #013a65;
  font-size: 20px;
}

.belowfooter .social-icons {
  display: flex;
  justify-content: flex-end;
}

.belowfooter .social-icons a:hover{
  text-decoration: none;
}
.belowfooter .social-icons a .icon:hover{
  background-color: #b3ba1c;
}
.quickLinks:hover{
  text-decoration: none;
  opacity: .85;
}
.quickLinksProfile, 
.quickLinksCPD, 
.quickLinksDiscount, 
.quickLinksRenew, 
.quickLinksAsk, 
.quickLinksSuppliers, 
.quickLinksInsurance,
.quickLinksMagazine,
.quickLinksRegistry{
  padding: 20px;
  margin-block: 30px;
  position: relative;
}
.quickLinksProfile p, 
.quickLinksCPD p, 
.quickLinksSuppliers p,
.quickLinksInsurance p,
.quickLinksMagazine p {
  font-size: 32px;
  margin: 0;
  text-transform: uppercase;
  color: white;
}
.quickLinksDiscount p, .quickLinksAsk p
{
  font-size: 32px;
  margin: 0;
  text-transform: uppercase;
  color: #b3ba1c;
}
.quickLinksRenew p,
.quickLinksRegistry p
{
  font-size: 32px;
  margin: 0;
  text-transform: uppercase;
  color: #013a65;
}

.quickLinksProfile, .quickLinksInsurance { 
  background-color: #b3ba1c; 
}
.quickLinksProfile::after {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 48px;
  color: rgba(255,255,255,0.75);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.quickLinksInsurance::after {
  content: "\f2c2";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 48px;
  color: rgba(255,255,255,0.75);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.quickLinksCPD, .quickLinksMagazine { background-color: #013a65; }
.quickLinksCPD::after {
  content: "\f133";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 48px;
  color: rgba(255,255,255,0.75);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.quickLinksMagazine::after {
  content: "\f518";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 48px;
  color: rgba(255,255,255,0.75);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.quickLinksDiscount {background-color: #09898c;}
.quickLinksDiscount::after {
  content: "\f02c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 48px;
  color: rgba(179, 186, 28, 0.75);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.quickLinksRenew, .quickLinksRegistry {background-color: #FFF; border: 1px solid #013a65;}
.quickLinksRenew::after {
  content: "\f2f1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 60px;
  color: rgba(1, 58, 101, 0.75);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.quickLinksRegistry::after {
  content: "\f2b9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 60px;
  color: rgba(1, 58, 101, 0.75);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.quickLinksAsk {background-color: #ededed;}
.quickLinksAsk::after {
  content: "\f059";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 48px;
  color: rgba(179, 186, 28, 0.75);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.quickLinksSuppliers {background-color: #09898c;}
.quickLinksSuppliers::after {
  content: "\f0f2";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 48px;
  color: rgba(255,255,255,0.75);
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}