/*****************************************************************************************************
 GLOBAL RTL
*****************************************************************************************************/
html[dir="rtl"] .text-right {
	text-align: left !important;
}  
html[dir="rtl"] .text-left {
	text-align: right !important;
}  

/*****************************************************************************************************
 GLOBAL
*****************************************************************************************************/
BODY {
	font-family: Montserrat,sans-serif;
	font-weight: 300;
	font-size: 16px;
    color: #454545;
}
html[lang="ar"] BODY, html[lang="zh"] BODY, html[lang="zt"] BODY, html[lang="he"] BODY, html[lang="ja"] BODY, html[lang="ru"] BODY  {
	font-family: Arial,sans-serif;
	font-weight: 300;
}
B, STRONG {
	font-weight: 500;
}
SECTION {
	margin-top: 80px;
	margin-bottom: 50px;
}
SECTION:first-of-type {
	margin-top: 0px;
}
SECTION.container P {
   line-height: 1.7em;
}
.modal-body SECTION {
	margin-bottom: 40px;
	margin-top: 40px;
}
.modal-body SECTION:first-of-type {
	margin-top: 0px;
}
.modal-body SECTION:last-of-type {
	margin-bottom: 30px;
}
SECTION P:last-of-type {
	margin-bottom: 0px;
}
SECTION HR {
	margin: 30px 0px 30px 0px;
}
.modal-body .pagination {
	margin-bottom: 0px;
}
.popover {
  max-height: calc(100% - 55px);
  position: fixed;
  max-width: 800px;
}
#notificationdiv {
  overflow-y: auto;
  overflow-x: hidden;
}

.text-danger { color: #F1570C; }
.text-warning { color: #F1570C; }

.st-page-header {
	min-height: 100px;
	background-image: linear-gradient(to right, #6499CF, #74C3D1);
	text-align: center;
	margin-bottom: 50px;
	color: #FFFFFF;
}
.st-page-header H1 {
	margin: 0px;
	font-size: 40px;
	font-weight: 300;
	line-height: 100px;
	vertical-align: middle;
}
.st-page-header.no-margin {
	margin-bottom: 0px;
}
.st-navbar .navbar-collapse {
	margin-left: -15px;
	margin-right: -15px;
}

.no-pad {
	padding: 0px;
}
/*** Temporary until we remove it from the account stylesheet **/

A, A:VISITED  {
	color: #00A9CE;
	outline: none;
}
A:HOVER, A:FOCUS, A:ACTIVE, A:HOVER, A:FOCUS, A:ACTIVE {
	color: #008EAD;
}
.nopad {
	padding: 0px;
}
#menu-filler {
	height: 110px;
}
#menu-filler.with-tabs {
	height: 167px;
}
#menu-filler.with-tabs.with-sub-tabs {
	height: 221px;
}
#page-top {
	display: block;
	margin-top: -110px;
	height: 110px;
}
#page-top.with-tabs  {
	margin-top: -166px;
	height: 166px;
}
#page-top.with-tabs.with-sub-tabs  {
	margin-top: -221px;
	height: 221px;
}
A.collapser {
	text-decoration: none;
	color: #535353;
	outline: none;
	line-height: 50px;
}
.no-bottom-margin {
	margin-bottom: 0px !important;
}
SPAN.ga-caret, SPAN.sub-menu-caret, A.collapser.collapsed SPAN.ga-caret {
	display: inline-block;
	width: 12px;
	height: 7px;
	margin-left: 5px;
	background-image: url("../../pt/imgs/navigation/DownArrow.svg");
	background-size: 12px 7px;
	background-repeat: no-repeat;
	margin-top: -3px; 
}
.dropdown.open SPAN.ga-caret, .links.expanded A SPAN.sub-menu-caret, A.collapser SPAN.ga-caret {
	background-image: url("../../pt/imgs/navigation/UpArrow.svg");
}

.ga-no-border {
  border: none;
}

TABLE.acct-table {
	width: 100%;
	margin: 20px 0px 0px 0px; 
}
TABLE.acct-table THEAD {
	border-top: solid 1px #E5E5E5;
	border-bottom: solid 1px #E5E5E5;
}
TABLE.acct-table.no-border THEAD {
	border-top: none;
	border-bottom: none;
}
TABLE.acct-table THEAD TH {
	font-size: 14px;
	color: #535353;
	font-weight: 300;
	padding: 16px 0px 16px 0px;
}
TABLE.acct-table TBODY TD {
	font-size: 16px;
	color: #000000;
	font-weight: 300;
	padding: 0px;
}
TABLE.acct-table TBODY TD.nopad {
	padding: 10px 0px 10px 0px;
}
TABLE.acct-table TBODY TR:first-of-type TD {
	padding: 20px 0px 10px 0px;
}
TABLE.acct-table TBODY TD.nopad .icon-wrapper {
	margin-bottom: 0px;
}
TABLE.acct-table TBODY TD.smaller {
	font-size: 14px;
}
DIV.icon-wrapper {
	display: flex;
	height: 55px;
	margin-bottom: 20px;
    align-items: center;
}
DIV.icon-wrapper.center {
    justify-content: center;
}
DIV.icon-wrapper.left{
    justify-content: left;
    align-items: flex-start;
}
html[dir="rtl"] DIV.icon-wrapper.left{
    justify-content: right;
    align-items: flex-end;
}
DIV.icon-wrapper IMG.icon-image {
	max-height: 55px;
	max-width: 100px;
	height: 55px;
	display: inline-block;
}

H5 {
	display: block;
	text-align: center;
 	margin: 0px 0px 30px 0px;
 	font-size: 16px;
 	font-weight: 500;
 	color: #535353;
 	line-height: 60px;
 	border-top: solid 1px #D7D7D7;
 	border-bottom: solid 1px #D7D7D7;
}
H5.noborder {
 	border-top: none;
 	border-bottom: none;
}
.check-box-wrapper LABEL {
	display: block;
}
.benefit-wrapper {
	min-height: 175px !important;
}
TABLE.table-benefits-selection {
	width: 100%;
}
.benefit-wrapper LABEL {
	font-size: 16px;
	font-weight: 500;
}
.benefit-wrapper TD.td-check-box{
	width: 50px;
}

.form-control {
	border-radius: 0px;	
	/* -webkit-appearance: none; */
    -webkit-border-radius: 0px;
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.input-group-sm > .form-control {
	border-radius: 0px;	
	/* -webkit-appearance: none; */
    -webkit-border-radius: 0px;
}
.input-group-addon, .input-group-addon:first-child {
	border:none !important;
	opacity : 1;
	background-color: transparent; 
	padding:5px;
}
.btn {
  border-radius: 0px;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 15px 6px 15px;
}
.btn:ACTIVE, .btn:FOCUS {
	box-shadow: none;
   -webkit-box-shadow: none;
} 
.btn.btn-lg {
	padding: 14px 20px 14px 20px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: none;
}

.btn-primary, .btn-success {
   border: solid 1px #00A9CE;
   background-color: #00A9CE;
   color: #FFFFFF !important;
}
.btn-primary:HOVER, .btn-primary:FOCUS, .btn-primary[disabled], .btn-primary:ACTIVE[disabled], .btn-success:HOVER, .btn-success:FOCUS, .navbar-default .navbar-nav > li > a.btn-primary:HOVER  {
	background-color: #008EAD !important;
	border: solid 1px #008EAD;
}

.btn-primary:ACTIVE, .btn-success:ACTIVE, .navbar-default .navbar-nav > li > a.btn-primary:ACTIVE {
	background-color: #05C8ED;
	border: solid 1px #05C8ED;
}
.btn-danger {
	color: #FFFFFF !important;
}
.btn-secondary {
   border: solid 1px #00A9CE;
   background-color: #FFFFFF;
   color: #00A9CE !important;
   text-transform: uppercase;
}

.badge-new {
   display: inline-block;
   border: solid 1px #00A9CE;
   background-color: #FFFFFF;
   color: #00A9CE !important;
   text-transform: uppercase;
   font-size: 12px;
   line-height: 24px;
   padding: 0px 15px 0px 15px;
   margin-left: 10px;
}
TD .badge-new {
   margin-right: 5px;
   margin-top: 7px;
}


.btn-secondary:HOVER {
   background-color: #008EAD !important;
   color: #FFFFFF !important
}
.btn-secondary:ACTIVE {
   border: solid 1px #008EAD !important;
   background-color: #008EAD !important;
   color: #FFFFFF !important
}

.btn-secondary.btn-login:HOVER {
   background-color: #008EAD !important;
}

.btn-link {
	color: #00A9CE;
	text-transform: uppercase;
}
.btn-link:HOVER  {
	color: #008EAD;
	text-decoration: none;
}
.btn-link:ACTIVE, .btn-link:FOCUS  {
	color: #05C8E8;
	text-decoration: none;
}

.st-navbar {
  background-color: #FFFFFF;
  border-bottom: solid 1px #D9D9D9;
  height: 110px;
}
.simplified-nav .st-navbar {
	height: 82px;
}

.st-navbar .st-navbar-tabs {
  background-color: #E8E8E8;
}
.st-navbar,
.st-navbar .st-navbar-tabs,
.st-navbar .st-navbar-tabs .dropdown-menu{
	z-index: 1041;	
}

UL.dropdown-menu { border-radius: 0px; }

.st-navbar .st-navbar-tabs A {
  line-height: 35px;
  vertical-align: middle;
  padding-top: 0px;
  padding-bottom: 0px;
}

.st-navbar .st-navbar-tabs A IMG {
  margin-right: 5px;
  margin-top: -3px;
}

.st-navbar .st-navbar-tabs A I {
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #3F4040;
 
}

.st-navbar A {
  text-transform: uppercase;
  padding: 5px 15px 5px 15px;
  font-size: 12px;
  font-weight: 500;
}
.navbar-default .navbar-nav > li > A {
	color: #3F4040;
}  

.st-navbar A.btn-lg {
  padding: 15px 25px 15px 25px;
  font-size: 14px;
}

/* Fixed modal header, scrollable body */
.modal-body {
  max-height: calc(100vh - 150px); 
  overflow-y: auto;
  overflow-x: hidden;
  padding-left:30px; padding-right:30px;
}
.modal-body.no-pad {
  padding-left:10px; padding-right:10px;
}

.dropdown-menu.contact-sm {
	padding: 10px;
}
.dropdown-menu.contact-sm A {
	padding-left: 0px;
}
.st-main-links {
   padding: 0px 0px 0px 0px;
   clear: right;
}
html[dir="rtl"] .st-main-links {
   clear: left;
}
.st-main-links > LI > A {
   padding: 0px 20px 0px 20px;
   line-height: 65px;
}
.st-main-links > LI > A > I {
   color: #000000;
   font-size: 20px;
   margin-right: 5px;
   position: relative;
   top: -1px;
}
.st-main-links > LI > A.btn {
   margin-right: 20px;
   margin-top: 13px;
   line-height: 36px;
}

.st-main-links > LI > UL > LI > A {
   color: #808080;
   font-size: 12px;
   line-height: 40px;
}
.st-main-links > LI > UL > LI > A:HOVER, .st-main-links > LI > UL > LI > A:HOVER > I  {
   color: #00A9CE;
   background-color: #FFFFFF;
}
.st-main-links > LI > UL > LI > A:ACTIVE  {
   color: #05C8E8;
   background-color: #FFFFFF;
}

.st-navbar .navbar-nav .open .dropdown-menu > LI > A.selected-country, 
.st-navbar .navbar-nav .open .dropdown-menu > LI > A.selected-language  {
  transition: all 2.0s;
  color: #00A9CE;
  background-color: #CCCCCC;
  border: solid 1px #00A9CE;
}
.navbar-brand {
	height: auto;
    padding: 27px 0px 0px 0px;
}
.navbar-brand A, .navbar-brand A:HOVER {
  text-decoration: none;
}
.navbar-brand A I {
  font-size: 40px;
  color: #00A9CE;
  position: absolute;
}
.navbar-toggle {
  border: none;
  background: transparent !important;
  margin-top: 13px;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .badge {
  background-color: #F04D25;
  position: absolute;
  top: 0px;
  right: -8px;
  font-size: 8pt;
  
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 0% 0%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}
.bottom-footer {
  background-color: #000000;
  color: #FFFFFF;
  font-weight: 300;
  padding: 30px 0px 30px 0px;
  margin-bottom: 0px;
}



.bottom-footer LABEL {
  display: block;
  margin: 20px 0px 15px 0px;
  text-align: left;
  text-indent: -10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
html[dir="rtl"] .bottom-footer LABEL {
  text-align: right;
  text-indent: 0px;
}
.bottom-footer A, .bottom-footer DIV.contact {
  display: block;
  padding-left: 0px;
  color: #FFFFFF;
  margin-left: -10px;
  font-size: 14px;
  margin-bottom: 10px;
}
.bottom-footer DIV.contact {
  margin-left: 10px;
  text-indent: -25px;
}
.bottom-footer DIV.contact A {
  text-indent: -15px;
}
.bottom-footer DIV.contact I {
  font-size: 18px;
  vertical-align: middle;
  text-decoration: none;
}
.bottom-footer DIV.contact SPAN.phone {
	white-space: nowrap;
}
.app-badge {
  height: 50px;
  float: left;
  margin-right: 10px;
	
}
.st-navbar .sm-icons {
	margin-top: 15px;
	margin-bottom: 15px;
}
.sm-icons A {
   display: inline-block;
   margin-right: 15px;
   text-decoration: none;
}

.sm-icons A I {
  font-size: 40px;
  color: #464646;
}
.privacy {
  font-weight: 300;
  font-size: 14px;
  color: #666666;
  border-top: solid 1px #666666;
  margin-top: 30px;
  padding-top: 20px;
}
.bottom-footer .privacy A  {
  display: inline-block;
  color: #666666;
  margin-bottom: 20px;
  text-indent: 0px;
  padding: 0px;
}

.back-to-top-link {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 15px;
	bottom: 80px;
	cursor: pointer;
	z-index: 1020;
}
HTML[dir="rtl"] .back-to-top-link {
	right: auto;
	left: 15px;
}
.back-to-top-link IMG {
	width: 50px;
	height: 50px;
}

.st-main-links > LI.logged-in > A > SPAN.customer-name, .st-main-links > LI.mega-dropdown > A > SPAN.customer-name {
	position: absolute;
	top: -20px;
}
.st-main-links > LI.mega-dropdown > A > SPAN.customer-name {
	right: 0px;
}
.st-main-links > LI.logged-in > A > SPAN.customer-name {
	right: 20px;
}
html[dir="rtl"]  .st-main-links SPAN.customer-name {
	right: 0px;
	margin-right: 10px;
}

A > SPAN.customer-name
{
	color: #00A9CE;
	font-size: 13px;
	text-transform: none;
	white-space: nowrap;
} 

SPAN.customer-name
{
	color: #00A9CE;
    padding: 0px 0px 0px 15px;
} 
html[dir="rtl"] SPAN.customer-name
{
    padding: 0px 15px 0px 0px;
} 
/*** Customized Pagination Links **/
.ga-pagination {
  float: right;
}

.pagination > li.active > a {
  background-color: #00A9CE;
  color: #FFFFFF;
  border: none;
}
.pagination > li > a {
  border: none;
}
.pagination > li.active > a:HOVER {
  background-color: #008EAD;
  color: #FFFFFF;
}
.pagination > li > a, .pagination > li:last-child > a, .pagination > li:first-child > a {
  border: none;
  color: #00A9CE;
}
.pagination > li.active > a, .pagination > li.active:last-child > a, .pagination > li.active:first-child > a {
  color: #FFFFFF;
  border-radius: 0px;
}
.pagination I {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pagination I.fa-fast-forward:before	{ content: "\e905\e905"; border-right: solid 2px #00A9CE; letter-spacing: -4px;}
.pagination I.fa-step-forward:before	{ content: "\e905"; border-right: solid 2px #00A9CE; letter-spacing: -4px; }
.pagination I.fa-forward:before			{ content: "\e905"; }
.pagination I.fa-backward:before		{ content: "\e904"; }
.pagination I.fa-step-backward:before	{ content: "\e904";  border-left: solid 2px #00A9CE; letter-spacing: -4px;}
.pagination I.fa-fast-backward:before	{ content: "\e904\e904";  border-left: solid 2px #00A9CE; letter-spacing: -4px;}

/*** Customize date inputs ***/
.ga-date-input I
{
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ga-date-input {
	position: relative;
}
.ga-date-input .btn.btn-default {
	border: none;
	padding: 0px;
	font-size: 26px;
}
.ga-date-input I.fa-calendar:before { content: "\e906"; }
.input-group.ga-date-input  {
	display: inline-block;
}
.ga-date-input .form-control {
	width: 90px !important;
	border-top: none;
	border-right: none;
	border-left: none;
	padding: 6px;
	background-color: transparent;
	-webkit-appearance: none;
}
.ga-date-input .form-control:focus {
    outline: none !important;
    box-shadow: none !important;
}
LABEL.date-range {
	font-weight: 400;
}
TABLE.date-range {
	margin-top: 20px;
}
TABLE.date-range TD, TABLE.date-range TH {
	vertical-align: middle;
}
TABLE.date-range TH {
	font-weight: normal;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
.year-list LABEL {
	margin-top: 30px;
	display: block;
	margin-bottom: 30px;
	font-weight: 400;
}
.year-list A {
  display: inline-block;
  padding: 0px 20px 0px 0px;
}

/*****************************/

H4.big-icon {
  line-height: 50px;
  vertical-align: middle;
}
.btn.big-icon, .btn.big-icon:active {
  color: #000000;
  padding: 0px;
  line-height: 50px;
  vertical-align: middle;
  margin-top: -20px;
  box-shadow: none;
  font-size: 16px;
}

.btn.big-icon I {
  position: relative;
  font-size: 40px;
  color: #00A9CE;
  margin-right: 5px;
  top: 10px;
}
HTML[dir="rtl"] .btn.big-icon I {
  float: right;
  margin-right: 0px;
  margin-left: 5px;
  top: 0px;
}
.btn.big-icon:HOVER {
  color: #00A9CE;
}

/*****************************************************************************************************
 CUSTOM CONFIRMS
*****************************************************************************************************/
.ga-custom-confirm {
	z-index: 20000;
}
.ga-custom-confirm + .modal-backdrop {
	z-index: 19999;
	opacity: 0.7;
}
.ga-custom-confirm .modal-sm {
	width: 450px;
}

UL.blue-bullets, OL.blue-bullets {
	line-height: 30px;
	color: #808080;
}
UL.blue-bullets {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0px;
}
OL.blue-bullets {
	padding-left: 15px;
	padding-right: 15px;
}
OL.blue-bullets LI::Marker {
	color: #00A9CE;
	font-weight: 500;
	font-size: 110%;
}
OL.blue-bullets LI {
	padding-left: 5px;
	padding-right: 5px;
}

UL.blue-bullets LI.single-line-height, OL.blue-bullets LI.single-line-height {
	line-height: 22.85px;
	margin-bottom: 22.85px;
}
UL.blue-bullets LI.single-line-height:LAST-OF-TYPE, OL.blue-bullets LI.single-line-height:LAST-OF-TYPE  {
	margin-bottom: 0px;
}
.policies UL, UL.blue-bullets {
	list-style: none;
}
.policies UL LI::before, UL.blue-bullets LI::before {
	color: #00A9CE;
	font-family: "FontAwesome";
	content: "\f111";
	font-size: 7px;
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	margin-left: -20px;
}
.policies UL LI {
	padding-left: 20px;
	padding-bottom: 10px;
}
UL.blue-bullets LI, OL.blue-bullets LI {
	margin-bottom: 40px;
}
UL.blue-bullets LI STRONG, OL.blue-bullets LI STRONG {
	color: #00A9CE;
	font-weight: 300;
}
html[dir="rtl"] UL.blue-bullets LI::before, html[dir="rtl"] .policies UL LI::before {
	margin-left: 12px;
	margin-right: -20px;
}

.smaller {
	font-size: 14px;
	line-height: 30px;
}
DIV.bordered {
	border: solid 1px #D7D7D7;
	padding: 15px;
}
/*****************************************************************************************************
 RESPONSIVE TWEAKS
*****************************************************************************************************/
@media (min-width:768px) {
  .row.flex-row {
	  display: flex;
	  align-items: stretch;
  }

  .border-right-lg { 	
    border-right: solid 1px #D7D7D7;
  }
  .border-left-lg { 	
    border-left: solid 1px #D7D7D7;
    margin-left: -1px;
  }
  .st-navbar UL.nav LI.dropdown:hover > UL.dropdown-menu, 
  .st-navbar UL.nav LI.dropdown:hover > DIV.dropdown-menu {
     display: block;
  }

  .dropdown.mega-dropdown {
	position: static !important;
  }
  
  .dropdown.mega-dropdown > A, .dropdown.no-mega-dropdown > A {
	margin-left: 25px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
  }

  html[dir="rtl"] .dropdown.mega-dropdown > A,  html[dir="rtl"]  .dropdown.no-mega-dropdown > A {
	margin-left: 0px;
	margin-right: 25px;
  }
  
  .st-main-links > LI > A {
    border-bottom: solid 3px #FFFFFF;
  }
  .st-main-links > LI > A.btn-primary {
    border-bottom: solid 1px #00A9CE;
  }
  .st-main-links > LI > A.btn-secondary  {
    border-bottom: solid 1px #00A9CE;
  }
  .st-main-links > LI > A > I {
	font-size: 20px;
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
	color: #000000;
  }
  HTML[dir="rtl"] .st-main-links > LI > A > I {
	margin-right: 0px;
	margin-left: 5px;
  }
  
  .st-navbar UL.nav LI.mega-dropdown > A:focus {
    outline: none;
  }
  
  .navbar-default .navbar-nav.st-main-links > li > a:hover,
  .st-main-links > LI > A:hover,
  .st-main-links > LI > A:hover > I
  {
	color: #00A9CE;
  }

  .st-navbar UL.nav LI.mega-dropdown.active > A,
  .st-navbar UL.nav LI.no-mega-dropdown.active > A,
  .st-main-links > LI > A.active  {
	padding-bottom: 0px;
	border-bottom: solid 3px #3F4040;
	font-weight: normal;
	background-color: transparent;
  }
  
  .st-navbar UL.nav LI.mega-dropdown.active > A,
  .st-navbar UL.nav LI.mega-dropdown.active > A I,
  .st-navbar UL.nav LI.no-mega-dropdown.active > A,
  .st-navbar UL.nav LI.no-mega-dropdown.active > A I,
  .st-main-links > LI > A.active, 
  .st-main-links > LI > A.active > I 
  {
	color: #3F4040;
  }
     
  .navbar-default .navbar-nav > .mega-dropdown.open > a, 
  .navbar-default .navbar-nav > .mega-dropdown.open > a:focus, 
  .navbar-default .navbar-nav > .mega-dropdown.open > a:hover, 
  .navbar-default .navbar-nav > .no-mega-dropdown.open > a, 
  .navbar-default .navbar-nav > .no-mega-dropdown.open > a:focus, 
  .navbar-default .navbar-nav > .no-mega-dropdown.open > a:hover, 
  .st-navbar UL.nav LI.mega-dropdown > A:hover,
  .st-navbar UL.nav LI.mega-dropdown.active > A:hover,
  .st-navbar UL.nav LI.no-mega-dropdown > A:hover,
  .st-navbar UL.nav LI.no-mega-dropdown.active > A:hover
  {
	color: #00A9CE;
	background-color: transparent;
	outline: none;
	padding-bottom: 0px;
	border-bottom: solid 3px #00A9CE;
	font-weight: normal;
  }
  .st-navbar UL.nav LI.mega-dropdown.active > A:hover I,
  .st-navbar UL.nav LI.no-mega-dropdown.active > A:hover I,
  .navbar-default .navbar-nav > .mega-dropdown.open > A I,
  .navbar-default .navbar-nav > .no-mega-dropdown.open > A I 
  {
    color: #00A9CE;
  }  

  .navbar-default .navbar-nav > .dropdown.open > a {
    background-color: transparent;
  } 
  
  .dropdown-menu.mega-menu {
	width: 100%;
	border-left: none;
 	border-right: none;
  	padding: 30px;
  	border-radius: 0px;
  } 
  .dropdown-menu.no-mega-menu {
	border-left: none;
 	border-right: none;
  	padding: 30px;
  	border-radius: 0px;
  	color: red;
  } 
  .st-navbar UL.nav LI.dropdown:hover > UL.dropdown-menu.mega-menu,  
  .navbar-default .navbar-nav > .mega-dropdown.open > UL.mega-menu, 
  .st-navbar UL.nav LI.dropdown:hover > DIV.dropdown-menu.mega-menu,  
  .navbar-default .navbar-nav > .mega-dropdown.open > DIV.mega-menu {
    margin-top: -1px;
  }
	
 .hide-lg { display: none!important; }
  html[dir="rtl"] .navbar-right {
	float: left !important;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .navbar-brand {
    padding: 20px 0px 0px 0px;
  } 
  .navbar-brand IMG {
     margin: 0px;   
     height: 34px; 
  }

}
@media (min-width:768px) and (max-width:992px) {
  .st-navbar A {
     font-size: 11px;
  }
  .st-navbar-tabs > LI > A {
    padding-left: 5px;
    padding-right: 5px;
  }
  .st-navbar-tabs > LI > A > I {
    margin-right: 0px;
  }
  .st-main-links > LI.dropdown.mega-dropdown > A {
    margin: 0px;
    padding: 0px 8px 0px 0px;
  }
  .st-main-links > LI > A {
    margin: 0px;
    padding: 0px 10px 0px 10px;
  }
  .dropdown.mega-dropdown > A {
    margin-left: 10px;
  }
  .navbar-brand {
    padding: 20px 0px 0px 0px;
  } 
  .navbar-brand IMG 
  {
     height: 32px; 
     margin: 0px;
  }
}

@media (max-width:767px) {
 .st-navbar {
  height: 65px; 
 }
 SECTION {
	margin-top: 60px;
	margin-bottom: 45px;
 }
	
 BODY.pancake-open {
   overflow: hidden;
 }
 BODY.pancake-open {
   overflow: hidden;
 }
.st-page-header {
	margin-bottom: 15px;
}
 SECTION HR { 
	margin: 10px 0px 10px 0px;
 }
 #menu-filler, #menu-filler.with-tabs, #menu-filler.with-tabs.with-sub-tabs {
	height: 65px;
 }
 #page-top , #page-top.with-tabs, #page-top.with-tabs.with-sub-tabs  {
	margin-top: -65px;
	height: 65px;
 }

 .text-center-sm {
   text-align: center;
 }

 .modal-body SECTION HR {
    margin-left: -15px;
    margin-right: -15px;
 }
 .navbar-nav { margin: 0px; }

 .st-page-header H1 {
   height: auto;
   font-size: 32px;
   line-height: 40px;
   white-space: normal;
  }
  .st-page-header .container {
   padding: 30px 0px 30px 0px;
  }
 .st-main-links { padding: 0px; border-top: solid 1px #E7E7E7; }
 .st-main-links > LI > A,
 .st-navbar-tabs > LI > A
  { padding-left: 15px; padding-right: 15px; }
 
 .nav-buttons { padding: 15px 0px 15px 0px; border-bottom: solid 1px #E7E7E7; }
 .nav-buttons .col-xs-12 { padding: 0px; }
 .st-navbar .st-navbar-tabs { background-color: transparent; min-width: 0px; }
 .navbar-brand A I {
  font-size: 32px;
  color: #FFFFFF;
 }
 .navbar-brand { 
   padding: 20px 0px 14px 0px; 
  }
  .hide-sm { display: none !important; }

 .st-navbar {
   background-image: linear-gradient(to right, #6499CF, #74C3D1);
   min-height: 60px; 
 }
 .st-navbar .navbar-header { 
   height: 60px; 
 }
 .navbar-default .navbar-toggle {
    padding: 0px;
  }
 .navbar-default .navbar-toggle .icon-bar {
	color: #FFFFFF;
   background-color: #FFFFFF;
   height: 1px;
   width: 35px;
   margin: 10px 0px 10px 0px;
 }
 .st-navbar .navbar-nav > LI > A, .st-navbar .navbar-nav > LI > A:VISITED {
   color: #000000;
 }
 .st-navbar .navbar-collapse {
   background-color: #FFFFFF;
   margin-right: 60px;
   margin-left: -15px;
   overflow-y: auto;
   overflow-x: none;
   border: solid 1px #B2B2B2;
 }
 .st-navbar .navbar-nav.customer-name A.notifications-link {
   color: #000000;
   padding: 0px 15px 0px 15px;
   font-size: 16px;
   line-height: 60px;
   text-transform: none;
 }
 .st-navbar .nav-buttons .top-buttons DIV.col-xs-6 {
    padding: 0px;
 }
 .st-navbar .nav-buttons A.btn-lg,  .st-navbar .customer-name A.btn-lg {
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0px 15px 0px;
	display: block;
 }
 .st-navbar .nav-buttons .top-buttons DIV.col-xs-6.left A.btn-lg {
    margin-left: 35px;
    margin-right: 5px;
 }
 HTML[dir="rtl"] .st-navbar .nav-buttons .top-buttons DIV.col-xs-6.left A.btn-lg {
    margin-right: 35px;
    margin-left: 5px;
 }

 .st-navbar .nav-buttons .top-buttons DIV.col-xs-6.right A.btn-lg {
    margin-right: 35px;
    margin-left: 5px;
 }
 HTML[dir="rtl"] .st-navbar .nav-buttons .top-buttons DIV.col-xs-6.right A.btn-lg {
    margin-left: 35px;
    margin-right: 5px;
 }
 .st-navbar .customer-name A.btn-lg {
    margin: 15px 35px 15px 35px;
 }
 
 .st-navbar .navbar-nav.customer-name > LI > A > I {
   color: #000000;
   font-size: 22px;
 }

 .st-navbar .navbar-nav.customer-name > LI > A > SPAN.badge {
   margin-left: -15px;
   top: -12px;
 }
 .st-navbar .navbar-nav.customer-name A.notifications-link + P {
   padding-top: 0px;
   margin-top: 0px;	
 }
 
 UL.customer-name {
    border-bottom: solid 1px #E7E7E7;
 }
 UL.customer-name IMG {
    height: 40px;
    width: 40px;
 }
 UL.customer-name P {
    margin-left: 60px;
 }
 html[dir="rtl"] UL.customer-name P {
    margin-left: 0px;
    margin-right: 60px;
 }
 
 .st-navbar .st-navbar-tabs A {
   font-size: 14px;
   line-height: 60px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 .st-navbar .st-main-links A {
   font-size: 14px;
   line-height: 60px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 .st-navbar .st-main-links A I {
   position: relative;
   top: 3px;
 }
 .st-navbar .st-more-links A,  .st-navbar .st-more-links UL.dropdown-menu A {
   font-size: 14px;
   line-height: 60px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 .st-navbar .st-main-links A.btn {
   line-height: 20px;
   padding: 15px;
   margin-top: 10px;
   margin-bottom: 20px;
 }
 .st-navbar .st-more-links .contact-sm {
   background-color: #F7F7F7;
   padding: 30px;
   line-height: 25px;
 }
 .st-navbar .st-more-links .contact-sm .phone {
   background-image: url('../../pt/imgs/navigation/t_m.svg');
   background-position: left center;
   background-size: 20px 20px;
   background-repeat: no-repeat;
   padding-left: 25px;
 }
 .nav-buttons .btn {
    white-space: normal;
 }
 .st-navbar A.btn-lg {
  padding: 15px 30px 15px 30px;
 } 
 .nav-buttons .btn-primary {
    margin-left: 10px;
 }
 .bottom-footer LABEL {
   display: none;
 }
 .privacy {
   border-top: none;
   margin-top: 0px;
   padding-top: 0px;
 }
 .sm-icons {
    padding: 0px;
    text-align: center;
 }
 .sm-icons A {
    display: inline-block;
    color: #B2B2B2;
    width: 20%;
    text-align: center;
    padding: 0px;
    margin: 0px;
 }
 .sm-icons A I {
   font-size: 50px;
   color: #B2B2B2;
 }
 .sm-icons.sm-icons-ru A {
    width: 15%;
 }
 .sm-icons.sm-icons-ru A IMG {
   height: 35px;
   width: 35px;
 }
 .navbar-fixed-top .navbar-collapse {
   height: 100%;
   overflow: auto;
 }
 .navbar-fixed-top .collapse {
   position: fixed;
   width: 100%;
   padding-left: 0px;
   padding-right: 0px;
   max-height: calc(100% - 60px);
   height: calc(100% - 60px);
   overflow-y: auto;
       
   -moz-background-clip: border;     /* Firefox 3.6 */
   -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
   background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
   -moz-background-clip: padding;     /* Firefox 3.6 */
   -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
   background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
   -moz-background-clip: content;     /* Firefox 3.6 */
   -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
   background-clip: content-box;     
 }
 .navbar-fixed-top .collapse .row {
    margin-left: 0px;
    margin-right: 0px;
 }
 .dropdown-menu.mega-menu { padding-top: 0px; }
 .my-account-menu .container {
   padding-right: 0px;
 }
 .mega-menu .links A.submenu-title, 
 .mega-menu .links A.submenu-title:FOCUS, .mega-menu .links A.submenu-title:HOVER, 
 .mega-menu .links A.submenu-title:ACTIVE {
   border: none;
   outline: none;
   font-weight: normal;
 }
 .mega-menu .links A.submenu-title SPAN.sub-menu-caret {
	display: auto;
 }
 
 .mega-menu .links .sub-menu-body {
	display: none;
    padding: 0px 0px 0px 45px;
 }
 html[dir="rtl"]  .mega-menu .links .sub-menu-body {
    padding: 0px 45px 0px 0px;
 }

 .mega-menu .links.expanded .sub-menu-body {
    display: block;
 }
 
 .navbar-nav .open .dropdown-menu > li > a {
   line-height: 60px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 LI.st-countries > A, .st-navbar .navbar-nav > li.st-countries > A {
   line-height: 60px;
 }

 .st-navbar .dropdown-menu > li > A {
	white-space: normal;
 }
 DIV.section-title {
    height: auto;
    border-top: solid 1px #D7D7D7;
    padding-top: 40px;
    margin-top:60px;
    margin-bottom: 30px;
    line-height:16px;
 }
 
 .mega-menu LABEL {
    display: none;
 }
  .modal-header {max-height: 65px; height:65px;}
  .modal-header ~ .modal-body { max-height: calc(100vh - 67px);}
  .modal-header.tall {min-height: 141px; height:141px;}
  .modal-header.tall ~ .modal-body { max-height: calc(100vh - 141px); }

  /* Make modal cover all of mobile device window */
  .modal-dialog {
	  top:0px;
	  left:0px;
	  padding: 0px;
	  margin: 0px;
      overflow-y: auto;
      overflow-x: hidden;
  }
  .modal-content {
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
  }
  /* Make modal cover all of mobile device window */
 .benefit-wrapper TD.td-check-box {
    width: 30px;
 }
 .center-sm {
    text-align: center;
 }
 TABLE.acct-table.special {
	margin-top: -15px; 
 }
 TABLE.acct-table THEAD TH {
	font-size: 12px;
	padding: 15px 0px 15px 0px;
 }
 TABLE.acct-table TBODY TD {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
 }
 TABLE.acct-table TBODY TD.smaller {
	font-size: 12px;
 }
 DIV.icon-wrapper {
    height: 40px;
	margin-bottom: 5px;
 }
 DIV.icon-wrapper IMG.icon-image {
	max-height: 35px;
	max-width: 65px;
 }
 .benefit-wrapper {
    padding: 0px 5px 0px 5px;
    min-height: 170px !important;
 } 
 .benefit-wrapper LABEL {
    font-size: 14px;
 } 
  
}


/*****************************************************************************************************
 MEMBERSHIP TABLES
*****************************************************************************************************/
.blue-text { color : #00A9CE;}

 H3.howmuch { margin-bottom: 40px; }

.bg-standard { color: #fff; background-color: #3882AD; }
.bg-silver { color: #fff; background-color: #408EB5; }
.bg-gold { color: #fff; background-color: #529DB9; }
.bg-platinum { color: #fff; background-color: #6EABBA; }
.bg-diamond { color: #fff; background-color: #66B0B5; }

  .btn-plan { text-transform: uppercase; }
  a#rewards {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
  }
  
  a#rewards-anchor:HOVER { text-decoration: none; }

.btn-new {
   position:absolute;top:0; 
   right: 0;left:74%;
   margin:-5px auto auto auto;
   white-space: nowrap;
   padding:0px 5px 0px 0px;
   z-index: 500;
}
.btn-new > SPAN > 
.rewards-blue { width: 75%; }

.plans-table-head > THEAD > TR > TH {
  text-align: center;
  vertical-align: top;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
}

 .plans-table-head > THEAD > TR > TH.plan-header {
   vertical-align: middle;
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #000000;
    padding: 20px 15px 20px 15px;
 }
.plans-table > TBODY > TR > TH {
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  font-weight: 400;
  color: #000000;
  padding: 20px 15px 20px 15px;
}

.plans-table > TBODY > TR > TD, .rewards-table > TBODY > TR > TD {
  vertical-align: middle;
  font-size: 16px;
  text-align: left;
  color: #000000;
  padding: 20px 15px 20px 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  text-align: left;
}
html[dir="rtl"] .plans-table > TBODY > TR > TD, .rewards-table > TBODY > TR > TD {
  text-align: right;
} 

TABLE.bus-plans {
  width: 100%;
  border: solid 1px #DDDDDD;
}
TABLE.bus-plans TD, TABLE.bus-plans TH {
  border: solid 1px #DDDDDD;
  padding: 10px;
}

TABLE.bus-plans TH {
  font-weight: 300;
}
TABLE.bus-plans THEAD TH.plan-selector {
	padding: 0px;
}
TABLE.bus-plans THEAD TH.standard {
  background-color: #9BBA10;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}
TABLE.bus-plans THEAD TH.starter {
  background-color: #709A10;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}
TABLE.bus-plans THEAD TH.growth {
  background-color: #477219;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}

TABLE.bus-plans THEAD TH.enterprise {
  background-color: #1D3207;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
}

TABLE.bus-plans TBODY TD {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width:768px) {
  TABLE.bus-plans TBODY TD, TABLE.bus-plans TBODY TH {
      font-size: 14px;
  }
  .center-lg {
    text-align: center;
  }
}
@media (max-width:767px) {
 TABLE.bus-plans TD, TABLE.bus-plans TH {
     font-size: 12px;
 }
}
TABLE.select-plan {
  margin: auto;
  width: auto;
}
TABLE.select-plan > TBODY > TR > TD {
  padding: 15px 35px 0px 35px;
  text-align: center;
  font-size: 16px;
  border: none;
}
TABLE.select-plan > TFOOT > TR > TD {
  padding: 20px 15px 35px 15px;
  border: none;
}

TABLE.select-plan > TBODY > TR > TD.or {
	padding-left: 0px;
	padding-right: 0px;
}
TABLE.select-plan > TBODY > TR > TD STRONG {
  font-size: 40px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}
TABLE.select-plan > TBODY > TR > TD STRONG SMALL {
  font-size: 16px;
}
TABLE.select-plan > TBODY > TR > TD SPAN {
  display: inline-block;
  width: auto;
}
html[dir="rtl"] TABLE.select-plan > TBODY > TR > TD SPAN {
  margin-right: -40px;
}
TABLE.select-plan > TBODY > TR > TD LABEL {
  margin-left: -20px;
}
TABLE.select-plan > TFOOT > TR > TD .btn {
  min-width: 200px;
}

  DIV.checkmark, DIV.nocheckmark {
   vertical-align: middle;
  font-size: 16px;
  text-align: left;
  color: #000000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}
.rewards-table > TBODY > TR > TD { background-size: 20px 20px; }
DIV.checkmark, .plans-table > TBODY > TR > TD.checkmark, .rewards-table > TBODY > TR > TD.checkmark {
   background-image: url("/pt/imgs/signup/check.svg");
}
DIV.nocheckmark, .plans-table > TBODY > TR > TD.nocheckmark, .rewards-table > TBODY > TR > TD.nocheckmark {
   background-image: url("/pt/imgs/signup/nocheck.svg");
}

.table.plans-table-head > THEAD > TR > TH {
  padding: 0px;	
}
.plans-table-head THEAD TH.plans-header {
  vertical-align: middle;
  font-size: 38px;
  font-weight: 300;
  color: #878787;
  z-index: 1001;
}

.plans-table-head THEAD TH DIV.plan-type {
  color: #FFFFFF;
}
.plans-table-head THEAD TH.free DIV.plan-type {
  background-color: #3882AD;
}
.plans-table-head THEAD TH.monthly  DIV.plan-type{
  background-color: #529DB9;
}
.plans-table-head THEAD TH.annual  DIV.plan-type{
  background-color: #66B0B5;
  background-image: url("../../pt/imgs/signup/premiumcorner.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 35px 35px;
}
.plans-table-head thead th div.plan-type {
 color:#ffffff;
}
.plans-table-head THEAD TH.standard DIV.plan-type {
  background-color: #75C2D0;
}
.plans-table-head THEAD TH.premium DIV.plan-type{
  background-color: #6598CC;
}
.plans-table-head THEAD TH.business  DIV.plan-type{
  background-color: #6AAF1B;
}

.plans-table-head THEAD TH {
	width: 40%;
}
.plans-table-head .plan-type {
  font-size: 16px;
  line-height: 30px;
  height: 85px;
  vertical-align: middle;
  padding-top: 15px; 
}

.plans-table-head.plans-table-signup .plan-type {
  height: 60px;
}

.plans-table-head .plan-description {
  height: 70px;
  padding: 10px 50px 10px 50px;
}

.plans-table-head .plan-price {
  font-size: 50px;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 15px;
  line-height: 1.0;
}
.plans-table-head .plan-price SMALL {
  font-size: 20px;
  font-weight: 300;
}
.plans-table-head .plan-price SPAN.annual, .plans-table-head .plan-button SPAN.annual {
    display: block;
}
.plans-table-head .plan-price SPAN.monthly, .plans-table-head .plan-button SPAN.monthly {
    display: none;
}
.plans-table-head .plan-price.monthly SPAN.annual, .plans-table-head .plan-button.monthly SPAN.annual {
    display: none;
}
.plans-table-head .plan-price.monthly SPAN.monthly, .plans-table-head .plan-button.monthly SPAN.monthly {
    display: block;
}
.plans-table-head .plan-paymentterm {
  text-align: center;
  height: 60px;
}
.plan-paymentterm {
  color: #454545;
  font-weight: 300;
}
.plan-paymentterm SPAN.free {
  display: block;
  padding-top: 4px;
}
.plans-table-head .plan-paymentterm > DIV {
	display: inline-block;
	min-width: 100px;
}

.plans-table-head .plan-button .btn, .rewards .plan-button .btn {
  border: solid 1px #00A9CE;
  background-color: #FFFFFF;
  color: #00A9CE;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin: 15px 20px 15px 20px;
  padding: 14px 5px 14px 5px;
  width: calc(100% - 40px);
  box-sizing: border-box; 
}

.plan-button .btn.padded {
  background-color: transparent; 
  padding: 14px 20px 14px 20px; 
}

.plans-table TBODY TR:first-child TD {
	border-top: none;
}
.plans-table TBODY TR TD {
	width: 21%;
}
.plans-table TBODY TR TD:first-child {
	width: 37%;
}
.plans-table-head THEAD TR TH {
    width: 21%;	
}
.plans-table-head THEAD TR TH:first-child {
    width: 37%;	
}

.modal-body .plans-table TBODY TR:first-child TD {
	border-top: none;
}
.modal-body .plans-table TBODY TR TD {
	width: 23%;
}
.modal-body .plans-table TBODY TR TD:first-child {
	width: 31%;
}
.modal-body .plans-table-head THEAD TR TH {
    width: 23%;	
}
.modal-body .plans-table-head THEAD TR TH:first-child {
    width: 31%;	
}

.get-premium-button
{
	padding: 14px 35px; 
	margin: 10px 0px 25px 0px; 
	font-size:14px; 
	text-transform: uppercase; 
}

.plans-table-head .plan-button .btn:HOVER, .plan-button .btn:FOCUS {
  color: #FFFFFF;
  border: solid 1px #00A9CE;
  background-color: #00A9CE;
}
.plans-table .plan-button .btn:ACTIVE {
  color: #FFFFFF;
  background-color: #05C8E8;
  border: solid 1px #05C8E8;
}
.membership H2 {
  display: block;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 60px;
  font-size: 30px;
}

.tool-tip-image {
  height: 15px;
  position: relative;
}

.faq, .rewards {
  padding-left: 40px;
  padding-right: 40px;
}


/* REWARDS and Points */
.container.reward-points { padding-left: 50px; padding-right: 50px;}
  .rewards-table, .points-table {
    width: 100%;
    margin-left:auto; margin-right: auto;
    margin-bottom: 10px;
  }
  .discount-msg { font-size: 14px; padding-left: 10px; margin-bottom: 50px;}
  TABLE.rewards-table-head { border-bottom: 1px solid #ddd; margin-bottom:0px; }
  TABLE.rewards-table { border-top: none; margin-bottom:10px; }
  .rewards-table-head THEAD TH.rewards-header {
    vertical-align: middle;
    font-size: 22px;
    font-weight: 500;
    width: 25%;
    text-align:center;
    height:158px;
    background-color: #fff;
    border-bottom: none;
  }
  .rewards-table-head THEAD TH.rewards-level {
    vertical-align: middle;
    color:#FFF;
    font-size: 18px;
  	font-weight: 600;
    width: 15%;
    text-align:center;
    height:158px;
    border-bottom: none;
  }
  
  TABLE.table-bordered.rewards-table > TBODY > TR > TH.r1, TABLE.table-bordered.rewards-table > TBODY > TR > TD.r1 { border-top: none; }
	.rewards-table-head THEAD TH#level-standard, DIV#level-standard { background-color:#3882AD; }
	.rewards-table-head THEAD TH#level-silver, DIV#level-silver { background-color: #408EB5; }
	.rewards-table-head THEAD TH#level-gold, DIV#level-gold { background-color: #529DB9; }
	.rewards-table-head THEAD TH#level-platinum, DIV#level-platinum { background-color: #6EABBA; }
	.rewards-table-head THEAD TH#level-diamond, DIV#level-diamond { 
	  background-color: #66B0B5; 
	  background-image: url("../../pt/imgs/signup/premiumcorner.svg");
	  background-position: right top;
	  background-repeat: no-repeat;
	  background-size: 40px 40px;
	}
	.rewards-table-head THEAD TH#level-diamond .fa-star { color:#F2D03D;}

	.rewards-table > TBODY > TR > TD {
	  text-align:center;
	  vertical-align:middle;
	  padding: 15px 0px;  
	  width: 15%;
	}
	.rewards-table > TBODY > TR > TH {
	  vertical-align:middle;
	  padding:15px;
	  font-weight:normal;
	  padding: 15px 10px 15px 15px; 
	  width: 25%;
	}
	
	.points-table {
      border:1px solid #ddd;
      margin-bottom: 60px;
  }
  .points-table > TBODY > TR > TD  {
    border:none;
  }
.points-table > THEAD > TR > TH.points-header  {
  border-bottom: none;
  color:#FFF;
  font-size: 18px;
  font-weight:600;
  text-align:center;
  vertical-align:middle;
  padding-top:20px;
  padding-bottom:20px;
  background: linear-gradient(to right, #6499CF, #74C3D1); 
}
.points-table > TBODY > TR > TH.points-header  {
	width:15%;
	vertical-align:middle;
	text-align:center;
	font-size: 16px;
	color:#000;
	padding-top:40px;
	border:none;
	font-weight:600;
}
.points-table > TBODY > TR > TD.point-cell  {
	padding-top:40px;
	width:14%;
	vertical-align:top;
	text-align:center;
	border-bottom:none;
}
.points-table > TBODY > TR > TD.points-img  {
  vertical-align:middle;
  padding-top:20px;
}
.points-table > TBODY > TR .points  {
	font-size: 18px;
	color: #00A9CE;
	font-weight:600;
}
.points-table > TBODY > TR > TD.points-desc  {
	font-size: 16px;
	color: #535353;
	font-weight:normal;
	vertical-align:top;
	text-align:center;
	padding-top:20px;
}
.points-table > TBODY > TR > TD.desc-right  {
  padding-right:15px;
  padding-bottom:30px;
}
img.points-img {
  max-height:85px;
  margin-left:auto;
  margin-right:auto;
}

#reward-cards { 
    margin-top: 20px;
    overflow-x: scroll; 
    display: flex; 
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* iOS */
    background-color: #EAEAEA;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .discount-msg { margin-bottom: 40px; padding-right: 10px;}
  #reward-cards > DIV { 
    scroll-snap-align: center; 
    padding: 0px;
  }
  
  #reward-cards > DIV.reward-card { min-width: 85%; }
  #reward-cards > DIV.reward-card-filler { min-width: 3%; border: none; }

  .reward-card { background-color: #fff; padding: 30px; display: inline; margin-right: 12px; }
  
  DIV.reward-card-header { 
 	 padding-top: 17px;
 	 padding-bottom: 17px;
 	 color: #FFF;
 	 font-size: 16px;
 	 text-align:center;
  }
  DIV#card_standard { background-color: #3882AD; }
  DIV#card_silver { background-color: #408EB5; }
  DIV#card_gold { background-color: #529DB9; }
  DIV#card_platinum { background-color: #6EABBA; }
  DIV#card_diamond { background-color: #66B0B5;
    background-image: url("../../pt/imgs/signup/premiumcorner.svg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 40px 40px;
   }

  DIV.reward-card > DIV.row.reward-row {
    padding: 0px;
    margin: 0px;
    display:flex;
  }
  DIV.reward-card > DIV.row > DIV.reward-desc {
    padding: 5px 0px 5px 10px;
  }
  DIV.reward-card > DIV.row > DIV.reward-info {
    text-align:center;
    padding: 5px 0px 5px 0px;
    margin: auto;
  }
  DIV.reward-card > DIV.row > DIV.reward-desc.last, DIV.reward-card > DIV.row > DIV.reward-info.last {
    padding-bottom: 10px;
  }
  DIV.reward-card > DIV.row > DIV.nocheckmark, DIV.reward-card > DIV.row > DIV.checkmark {
    background-size: 18px 18px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
.tooltip.in {
  filter:alpha(opacity=100);
  opacity: 1.0;
}
.tooltip > .tooltip-inner {
  opacity: 1.0;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 16px;
  border-radius: 0px;
  border: solid 1px #00A9CE;
  line-height: 22.85px;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #00A9CE;
}

.sticky-container {
	margin-bottom: 80px;
}
.sticky-container DIV.sticky-header {
     position: -webkit-sticky;
     position: sticky;
     z-index: 1030;
     top: 105px; 
     background-color: #fff;
  }

.modal-body .sticky-container DIV.sticky-header {
     top: 0px; 
  }

@media (max-width:1024px) {
  .btn-new { padding-top: 8px; left:70%; }
  .rewards-blue { width: 70%; }
}

@media (max-width:768px) {
  .btn-new { left:55%; }
  .rewards-blue { width: 57%; }
}

@media (max-width:767px) {

	.navbar-toggle {
		float: right;
		font-size: 9pt;
		margin-left: 10px;
		padding: 5px;
	}
	
	html[dir="rtl"] .navbar-toggle {
		float: left;
		margin-left: 10px;
		margin-right: 0px;
	}
	html[dir="rtl"] .container-fluid > .navbar-collapse, html[dir="rtl"] .container-fluid > .navbar-header, html[dir="rtl"] .container > .navbar-collapse, html[dir="rtl"] .container > .navbar-header
    {
       margin-left: -15px;
       margin-right: -15px;
    }

	.ga-custom-confirm .modal-sm {
	    width: 100%;
    }
	div.sticky-container table.plans-table-sm > tbody > tr > td  div.tooltip.in, div.reward-desc div.tooltip.in { 
	  z-index: 510;
    }
	.points-table THEAD {
	   border-bottom:  solid 30px #FFFFFF;
	}
  .points-table > TBODY > TR > TH.points-header  {
	padding-top:10px;
  }
  .modal-header {
	  border: solid 1px #FFFFFF;
  }
  .modal-header .close {
     position: relative;
     top: 18px;
     margin-right: 0px;
     margin-left: 10px;
  }
  .modal-header H2 .close {
     top: 0px;
     right: 0px;
  }
  html[dir="rtl"] .modal-header .close {
     right: auto;
	 left: 18px;
     margin-right: 10px;
     margin-left: 0px;
  }
  .modal-header H2 {
    font-size:20px; 
	margin: 20px 5px 20px 30px;
  }
	
  html[dir="rtl"] .modal-header H2 {
	  margin: 20px 30px 20px 5px;
  }
  
  DIV.tooltip.fade.bottom.in { color: red; }

  .sticky-container DIV.sticky-header { top: -325px; } 
  .membership H2 {
    font-size: 24px;
  }
  
.container.reward-points { padding-left: 0px; padding-right: 0px; }
  
  .points-table  {
    border:none;padding-left:0px; padding-right:0px;margin-left:0px; margin-right:0px;width:100%;
    margin-bottom:0px;
  }
  .points-table > TBODY > TR > TD DIV.row  {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  DIV.points-desc  {
    margin-top: 5px;
	font-size: 16px;
	padding-bottom: 10px;
	text-align: center;
  }
  DIV.points { margin-top: 5px; margin-bottom: 5px;}

  .btn-new { left:65%; z-index: 500; }
  .rewards-blue { width: 70%; }

  
  
 .container.membership { padding-left:0px; padding-right:0px; }
 .plans-table-sm, .plans-header-sm-table {
   width: 100%;
   margin-bottom: 20px;
   background-color: #fff;
 }

 .plans-table-sm {
   margin-bottom: 0px;
 }

 .plans-header-sm-table > THEAD > TR > TH {
   text-align: center;
   vertical-align: top;
   font-weight: 500;
   width: 33%;
   border: solid 1px #DDDDDD;
   padding-top: 0px;
   padding-bottom: 20px;
 }
 .plans-header-sm-table.plans-header-sm-table-bus > THEAD > TR > TH {
   font-size: 12px;
   width: 25%;
   padding: 5px;
   vertical-align: middle;
 }

 .plans-header-sm-table THEAD TH.free DIV.plan-type {
   background-color: #3882AD;
 }
 .plans-header-sm-table THEAD TH.monthly DIV.plan-type {
   background-color: #529DB9;
 }
 .plans-header-sm-table THEAD TH.annual DIV.plan-type {
   background-color: #66B0B5;
   background-image: url("../../pt/imgs/signup/premiumcorner.svg");
   background-position: right top;
   background-repeat: no-repeat;
   background-size: 35px 35px;
 }

 .plans-header-sm-table THEAD TH.standard DIV.plan-type {
   background-color: #75C2D0;
   margin-bottom: 20px;
 }
 .plans-header-sm-table THEAD TH.premium DIV.plan-type{
   background-color: #6598CC;
   margin-bottom: 20px;
 }
 .plans-header-sm-table THEAD TH.business DIV.plan-type {
   background-color: #6AAF1B;
   background-image: url("../../pt/imgs/signup/premiumcorner.svg");
   background-position: right top;
   background-repeat: no-repeat;
   background-size: 35px 35px;
   margin-bottom: 20px;
 }

 .plans-header-sm-table .plan-type {
   font-size: 16px;
   height: 90px;
   vertical-align: bottom;
   padding: 20px 5px 0px 5px;;
   color: #FFFFFF;
 }
 .plans-header-sm-table .plan-price {
   height: 75px;
   line-height: 75px;
   vertical-align: middle;
   font-size: 50px;
   font-weight: 600;
 }
 .plans-header-sm-table .plan-description {
    height: 50px;
    font-size: 14px;
 }
 .plans-header-sm-table .plan-price {
   font-size: 30px;
   font-weight: 500;
 }

 .plans-header-sm-table .plan-paymentterm {
   height: 80px;
   padding: 0px 10px 0px 10px;
 }
 .plans-header-sm-table .plan-price SPAN.annual,  .plans-header-sm-table .plan-button SPAN.annual  {
    display: block;
  }
 .plans-header-sm-table .plan-price SPAN.monthly,  .plans-header-sm-table .plan-button SPAN.monthly {
    display: none;
  }
 .plans-header-sm-table .plan-price.monthly SPAN.annual,  .plans-header-sm-table .plan-button.monthly SPAN.annual {
    display: none;
  }
 .plans-header-sm-table .plan-price.monthly SPAN.monthly,  .plans-header-sm-table .plan-button.monthly SPAN.monthly {
    display: block;
  }
	
 .plans-header-sm-table .plan-price SMALL {
   font-size: 20px;
   font-weight: 300;
 }
 .plans-header-sm-table .plan-button .btn {
   border: solid 1px #00A9CE;
   background-color: transparent;
   color: #00A9CE;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 500;
   display: inline-block;
   border-radius: 40px;
   width: 80px;
   height: 80px;
   line-height: 80px;
   vertical-align: middle;
   padding: 0px;
 }

 /* .plans-header-sm-table .sign-up-btn-active:FOCUS, .plans-header-sm-table .sign-up-btn-active:ACTIVE */
 .plans-header-sm-table .plan-button .sign-up-btn-active {
   background-color: #00A9CE;
   color: #FFFFFF;
   background-image: url("../../pt/imgs/signup/whitecheck.svg");
   background-position: center center;
 }
 .plans-header-sm-table .sign-up-btn-active I {
   font-size: 40px;
   color: #FFFFFF;
 }
 
 .plans-table-sm > THEAD > TR > TH.header-1 {
   font-size: 18px;
   background-color: #fff;
 }
 .plans-table-sm > THEAD > TR > TH.header-2 {
   vertical-align: top;
   font-size: 16px;
   text-align: center;
   font-weight: 500;
   color: #000000;
   border: none;
   text-align: center;
   padding: 12px 0px 10px 0px;
   border-top: 1px solid #DDD;
   border-bottom: 1px solid #DDD;
   height: 80px;
   background-color: #fff;
 }
 .plans-table-sm > THEAD > TR > TH.header-2 DIV.header-3 {
   font-size: 12px;
   background-color: #fff;
   padding-left: 0px;
   padding-right: 0px;
 }
 .plans-table-sm > THEAD > TR > TH.header-4 {
    font-size:14px;
    vertical-align:top;
    text-align:center;
    padding-top:10px;
    font-weight: normal;
    background-color: #fff;
 }
 .plans-table-sm > THEAD > TR > TH.header-4.left {
   text-align: left;
   background-color: #fff;
 }
 DIV.premium {
   background-image: url("../../pt/imgs/signup/Premium.svg");
   background-position: center 10px;
   background-repeat: no-repeat;
   background-size: 30px auto;
   text-align: center;
 } 
 TH.header-2 DIV.row { margin-left: 0px; margin-right:0px; }
 DIV.premium, DIV.monthly { height: 52px; margin-left:0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }

 .plans-table-sm > TBODY > TR > TD {
   vertical-align: middle;
   font-size: 12px;
   text-align: center;
   color: #545454;
   padding: 10px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 16px 16px;
 } 
 
 .plans-table-sm > TBODY > TR > TD.left-side {
   border-right: solid 1px #DDD;
 }
 .plans-table-sm > TBODY > TR > TD.checkmark {
    background-image: url("/pt/imgs/signup/check.svg");
 }
 .plans-table-sm > TBODY > TR > TD.nocheckmark {
    background-image: url("../../pt/imgs/signup/nocheck.svg");
 }
 .plans-table-sm > TBODY > TR > TD.border-right { border-right: 1px solid #DDD; }
 .plans-table-sm > THEAD > TR > TH.wide, .plans-table-sm > TBODY > TR > TD.wide { width:58%; padding-right: 0px; text-align:left;}

 .plans-table-sm > THEAD > TR > TH.narrow, .plans-table-sm > TBODY > TR > TD.narrow 
 { 
    width: 14%;
    padding-left:0px;
    padding-right: 0px;
 }
 .plans-table-sm > THEAD > TR > TH.narrow.small, .plans-table-sm > TBODY > TR > TD.narrow.small 
 { 
    font-size: 9px;
 }
 .plans-table-sm { border: 1px solid #fff; }
 .faq {
   margin-top: 0px;
   padding-left: 15px;
   padding-right: 15px;
 }

  .btn-plan {padding: 3px 5px; font-size:12px; }
  .mobile-title { margin: 10px 0px 30px 0px;}
  
  
  TABLE.rewards-menu { width: 100%; font-size: 13px; }
  TABLE.rewards-menu TD { text-align: center; padding-top: 18px; padding-bottom: 18px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
  .fa-star { color: #F2D03D; }

  TABLE.rewards-menu TD.reward-selected { font-weight: bold; border-bottom: 5px solid #00A9CE;}
  
  TABLE.rewards-menu TD.reward-select { cursor: pointer; }
  
 }
@media (max-width:414px) { 
	.btn-new { left:71%; } 
  DIV.points-desc, .points-table > TBODY > TR .points {  padding-left: 8px; padding-right: 8px; }
  DIV.points-desc { font-size: 15px; }
}
@media (max-width:411px) { .btn-new { left:70%; } }
@media (max-width:375px) { 
 .rewards-menu { font-size: 13px; } 
.btn-new { left:68%; } }
@media (max-width:360px) { 
   .btn-new { left:66%; } .rewards-blue { width: 73%;} 
   TABLE.rewards-menu  { font-size: 13px; }
}
@media (max-width:320px) { 
  #reward-cards > DIV.reward-card { min-width: 85%; }
  #reward-cards > DIV.reward-card-filler { width: 12px; border: none; }
   .plans-table-sm { border: none; }
  .btn-new { left:62%; } 
   TABLE.rewards-menu  { font-size: 12px; }
    TABLE.rewards-menu TD { padding-top: 14px; padding-bottom: 14px; }
   .plans-table-sm > THEAD > TR > TH.header-2 DIV.header-3 {
     font-size: 10px;
   }
   DIV.reward-desc { padding-left: 7px; font-size: 14px;}
   DIV.reward-info { padding-right: 3px; font-size: 14px;}
   DIV.points-desc  { font-size: 14px; padding-left: 8px; padding-right: 8px; }
   .points-table > TBODY > TR .points { font-size: 16px; padding-left: 8px; padding-right: 8px; }
}
/*------------------------------------------------------------------------------------------------
	Promotion Pages CSS Start        
------------------------------------------------------------------------------------------------*/
  .promo-page A.vendor-link { color: #3F4040; }
  .promo-page A.vendor-link:ACTIVE { color: #000; text-decoration: none;}
  .promo-page A.vendor-link:VISITED { color: #000; text-decoration: none;}
  .promo-page A.vendor-link:HOVER { color: #00A9CE; text-decoration: none; }
  
  .promo-page DIV.vendor-item { text-align: center; }

  .promo-page IMG.bottom-overlay, DIV.bottom-overlay { visibility: hidden; margin: 25% auto auto; height: 175px; max-height: 175px; }
  
  .promo-page P.top-intro-paragraph { display: none; line-height: 1.7em; color: #000; margin-bottom: 30px; padding-top: 10px; }
  
  .promo-page SPAN.dark-text, .promo-page SPAN.dark-header {color: #000;}
  .promo-page SPAN.white-text, .promo-page SPAN.white-header {color: #fff;}
  .promo-page SPAN.blue-text, .promo-page SPAN.blue-header {color: #00A9CE;}
  .promo-page SPAN.red-text, .promo-page SPAN.blue-header {color: #F90629;}
  .promo-page SPAN.bg-blue {padding-left: 3px; padding-right: 3px; background-color: #00A9CE;}
  .promo-page SPAN.bg-white {padding-left: 3px; padding-right: 3px; background-color: #fff;}
  .promo-page SPAN.bg-pink {padding-left: 3px; padding-right: 3px; background-color: #FF026A;}
  .promo-page SPAN.bg-rose {padding-left: 3px; padding-right: 3px; background-color: #F46297;}
  .promo-page SPAN.bg-red {padding-left: 3px; padding-right: 3px; background-color: #F90629;}
  .promo-page SPAN.bg-golden {padding-left: 3px; padding-right: 3px; background-color: #CE993A;}
  .promo-page SPAN.bg-cream {padding-left: 3px; padding-right: 3px; background-color: #F7C267;}
  .promo-page SPAN.bg-tan {padding-left: 3px; padding-right: 3px; background-color: #D99530;}
  .promo-page SPAN.bg-orange {padding-left: 3px; padding-right: 3px; background-color: #FFA409; color: #fff;}
  
  .promo-page DIV.info-section {line-height: 1.7em; margin-bottom: 20px;}

  .promo-page .chart { margin-bottom: 20px; margin-left: 5px; }

  .promo-page DIV.bottom-banner {
     height: 400px;
     min-height: 400px;
     background-repeat: no-repeat;
     background-size:cover;
     background-position: center;
   }

  .promo-page DIV.bottom-banner-text {
    color: #000000;
    padding-top: 165px;
    font-size: 30px;
  }

  .promo-page .section-title.top-title { margin-top: 10px; border-top: none; }
  .promo-page .section-title.top-title::before { background-color: transparent; }
  .promo-page .section-title.smaller, .transfer-page .section-title.smaller {margin-bottom: 20px;}
  .promo-page .section-title.smaller SPAN, .transfer-page .section-title.smaller SPAN {font-size: 30px;}

  .promo-page DIV.section-title { margin: 0px; padding: 0px; }
  .promo-page .section-title.section-title-smaller SPAN { font-size: 26px; line-height: 1.2em;  }
  .promo-page .section-title.section-title-smaller .bar { height: 0px; background-color: #fff; }
  .promo-page LABEL.country, .simplified-nav-page LABEL.country {
    color:#808080; 
    font-weight: 300;
    font-size: 16px;
  }

  .promo-page .section-title#or-line, .simplified-nav .section-title#or-line { margin-top:25px; margin-bottom: 5px; } 
 
 
  .promo-page div.bullet-container { margin: 0 50px 0 50px; }

  .promo-page .membership.features > .row, .transfer-page .membership.features > .row{ 
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display:  flex;
  	flex-wrap: wrap;
  }

  .promo-page .membership.features > .row:after,  .promo-page .membership.features > .row:before, .transfer-page .membership.features > .row:after,  .transfer-page .membership.features > .row:before
  { width: 0; }
  
  .promo-page .membership.features > .row > [class*='col-'], .transfer-page .membership.features > .row > [class*='col-']  { 
     display: flex;
     flex-direction: column;
  }

  .promo-page .membership UL LI.smaller, .transfer-page .membership UL LI.smaller {margin-bottom: 10px; font-size:16px; }

  .promo-page .top-container {
 	height: 685px;
 	padding: 0px;
 	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-size: cover; 
	background-position-x: center; 
	background-position-y: center; 
  }
  .promo-page .top-container .container {
     height: 685px;
     padding: 0px;
  }

  .promo-page div#main-list {margin-top:0px;}

  .promo-page .left-side-content H1 {
 	color: #000;
 	margin: 70px 0 0 25px;
 	padding: 0 100px 0 0;
	text-align: left;
	font-size: 40px;
	font-weight: 400;
	line-height: 55px;
  }
  .promo-page .left-side-content P { 
    color: #fff;
    display: block;
    max-width: 750px;
    margin: 34px 0 0 25px;
    padding: 0;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
  }
  html[dir="rtl"] .promo-page .left-side-content H1, html[dir="rtl"] .promo-page .left-side-content P { text-align: right; }
  html[dir="rtl"] .promo-page .left-side-content H1 { padding: 0 0 0 100px; margin-right: 25px; }
  html[dir="rtl"] .promo-page .left-side-content P { margin-right: 25px; }
  
  .promo-page .left-side-content H3 { margin-left: 25px; margin-right: 25px;  line-height: 1.3; font-size: 22px; }
  .promo-page .rtl .left-side-content H3 { text-align: right; }
  .promo-page .left-side-content SPAN.highlighted { background-color: #C10514; }
  .promo-page .rtl .left-side-content H1 { text-align: right; }
  .promo-page .left-side-content IMG {
   width: 450px;
  }
 
  .promo-page .top-image .white-box {
     height: 610px;
     background-color: #FFFFFF;
     margin-top: 40px;
     margin-right: 50px;
     padding: 40px 40px 40px 40px;
     color: #808080;
     font-size: 14px;
  }
  .promo-page .top-image .white-box .section-title {
     text-transform: uppercase;
     margin: 0px 20px 0px 20px;
  }
  .promo-page .top-image .white-box .section-title SPAN {
     color: #808080;
     font-size: 16px;
  }
  .promo-page .top-image .white-box H2 {
     margin: 0px 0px 20px 0px;
     text-align: center;
     font-size: 18px;
     color: #000000;
     font-weight: normal;
     line-height: auto;
  }
 
 .promo-page .ga-form-group {
   position:relative; 
   margin-bottom:25px;
 }
.promo-page .ga-input-group {
   position:relative; 
   margin-bottom:25px;
}
.promo-page .country-picker-row {
   margin-bottom:20px;
   margin-top: -20px;
}
.promo-page .ga-input-group INPUT, .promo-page .ga-input-group TEXTAREA {
   border:none; 
   border-bottom:1px solid #D7D7D7;
   border-radius: none;
   padding:5px 0px 10px 0px; 
   display:block; 
   width:100%;
   caret-color: #00A9CE;
}
.promo-page .ga-input-group TEXTAREA {
   height: 250px;
}
.promo-page .ga-input-group INPUT:FOCUS, .promo-page .ga-input-group TEXTAREA:FOCUS {
   outline:none;
}
.promo-page .ga-input-group INPUT:FOCUS ~LABEL, .promo-page .ga-input-group INPUT:VALID ~LABEL, .promo-page .ga-input-group TEXTAREA:FOCUS ~LABEL, .promo-page .ga-input-group TEXTAREA:VALID ~LABEL {
   top:-15px; 
   font-size:12px; 
   color:#3399cc;
}
.promo-page .ga-input-group LABEL {
   position:absolute; 
   color:#808080; 
   top:7px; 
   left:0; 
   transition:0.2s ease all;
   font-weight: 300;
   font-size: 16px;
}
.promo-page .rtl .ga-input-group LABEL {
   left:auto;
   right:0px; 
}
.promo-page .ga-input-group .bar {
  position:relative; 
  display:block; 
  width:100%;
}
.promo-page .ga-input-group .bar:before {
 content:""; 
 position:absolute;  
 left: 50%; 
 right: 50%; 
 bottom:0; 
 background:#00A9CE; 
 height:4px; 
 transition:left 0.2s ease-out, right 0.2s ease-out;
}

.promo-page .ga-form-group INPUT, .promo-page .ga-form-group TEXTAREA {
   border:none; 
   border-bottom:1px solid #D7D7D7;
   border-radius: none;
   padding:5px 0px 10px 0px; 
   display:block; 
   width:100%;
   caret-color: #00A9CE;
}
.promo-page .ga-form-group TEXTAREA {
   height: 250px;
}
.promo-page .ga-form-group INPUT:FOCUS, .promo-page .ga-form-group TEXTAREA:FOCUS {
   outline:none;
}
.promo-page .ga-form-group INPUT:FOCUS ~LABEL, .promo-page .ga-form-group INPUT.NOT-EMPTY ~LABEL, .promo-page .ga-form-group TEXTAREA:FOCUS ~LABEL, .promo-page .ga-form-group TEXTAREA:VALID ~LABEL {
   top:-15px; 
   font-size:12px; 
   color:#3399cc;
}

.promo-page .ga-form-group LABEL {
   position:absolute; 
   color:#808080; 
   top:7px; 
   left:0; 
   transition:0.2s ease all;
   font-weight: 300;
   font-size: 16px;
}
.promo-page .rtl .ga-form-group LABEL {
   left:auto;
   right:0px; 
}
.promo-page .ga-form-group .bar {
  position:relative; 
  display:block; 
  width:100%;
}
.promo-page .ga-form-group .bar:before {
 content:""; 
 position:absolute;  
 left: 50%; 
 right: 50%; 
 bottom:0; 
 background:#00A9CE; 
 height:4px; 
 transition:left 0.2s ease-out, right 0.2s ease-out;
}

.promo-page div.floater { float: right; }
.promo-page div.floater-left { float: left; margin-left: 8px; }
 html[dir="rtl"] div.floater { float: left; }
 html[dir="rtl"] div.floater-left { float: right; margin-left: 0px; margin-right: 15px; }

.promo-page  UL.white-bullets { margin:10% 0 0 15%;width:100%;z-index:1000;padding-top:0px; }
 html[dir="rtl"] .promo-page UL.white-bullets { margin-left: 0px; margin-right: 55px; }
.promo-page  UL.white-bullets LI:before { margin-right: 7px; font-size: 6px; color: #FFF; }
.promo-page  UL.white-bullets LI { font-size:20px; color: #FFF; }

.promo-page img.side-box {
  z-index:100;
  position: relative;
  margin: 10px 60px 40px 0px;
  padding-left:25px;
  max-width: 400px;
  width:400px;
}
.promo-page img.side-box-left {
  z-index:100;
  position: relative;
  margin: 10px 40px 40px 0px;
  padding-left:40px;
  padding-bottom:10px;
  max-width: 400px;
  width:400px;
}

html[dir="rtl"] .promo-page img.side-box {
	padding-left: 45px;
    margin: 10px 30px 20px 0px;
}

.promo-page .has-error INPUT, .promo-page .has-error TEXTAREA {
 border-bottom: solid 2px #AA0824; 
}
.promo-page .has-error INPUT:FOCUS, .promo-page .has-error TEXTAREA:FOCUS   {
 border-bottom: none; 
}
.promo-page .has-error LABEL, .promo-page .has-error .ga-fa-error, .promo-page .has-error INPUT:FOCUS ~LABEL, .promo-page .has-error INPUT:VALID ~LABEL, .promo-page .has-error TEXTAREA:FOCUS ~LABEL, .promo-page .has-error TEXTAREA:VALID ~LABEL {
   color:#AA0824;
}
.promo-page .ga-input-group INPUT:focus ~.bar:before, .promo-page .ga-input-group TEXTAREA:focus ~.bar:before 
{
   left:0; 
   right:0;
}
.promo-page .ga-errormessage {
   position: absolute; left: 3%; top: 7%; color: #AA0824;
   font-weight: bold;
   font-size: 13px;
   color: #AA0824;
   background: transparent;
   width:80%;
   padding: 0 0 0 10px;
   text-align:center;
   margin:0px;
}
.promo-page .has-error .bar:before {
 background:#AA0824; 
}

.promo-page .top-image .white-box .btn {
    display: block;
    width: 100%;
    padding: 15px;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.promo-page p.bullet-p, .promo-page div.bullet-p {
  font-size:16px;
  margin: 0px 20px 30px 20px;
  line-height: 1.7em;
}
.promo-page p.bullet-p.bullet-p-1, .promo-page div.bullet-p.bullet-p-1 { margin-bottom: 10px; }

.promo-page .membership  UL LI.darker, .transfer-page .membership  UL LI.darker { font-size:20px; margin-bottom:0px;color: #000; } 
.promo-page .membership  UL LI.darker.smaller, .transfer-page .membership  UL LI.darker.smaller { padding-bottom: 0px;padding-top: 0px; font-size:16px; }


.membership UL LI P {
    margin: 20px 0px 20px 24px;
}

.promo-page .membership {
   margin-top: 50px;
   margin-bottom: 60px;
}
.promo-page .membership H2, .transfer-page .membership H2 {
   text-align: center;
   color: #00A9CE;
   margin-top:60px;
   font-size: 24px;
}

.promo-page .membership .square, .transfer-page .membership .square  {
  border: solid 1px #D7D7D7;
  margin: 30px;
  padding: 20px 0px 0px 0px;
  color: #808080;
  font-size: 18px;
  text-align: center;
  height: 100%;
  display: inline-block;
}
.promo-page .membership .square P, .transfer-page .membership .square P  { margin-bottom:30px; margin-left: 5px; margin-right: 5px; }
.promo-page .membership A.square, .transfer-page .membership A.square  {
  display: block;
}
.promo-page .membership A.square:HOVER, .transfer-page .membership A.square:HOVER {
  border: solid 1px #00A9CE;
  color: #00A9CE;
  text-decoration: none;
}

.promo-page .membership A.square:HOVER IMG, .transfer-page .membership A.square:HOVER IMG {
  width: 240px;
  height: 240px;
  margin-bottom: 0px;
}


.promo-page .vendor-image { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; }
.promo-page .membership .square IMG, .transfer-page .membership .square IMG {
  width: 195px;
  height: 195px;
  margin-left: auto; margin-right: auto;
}

.promo-page .contact-section, .transfer-page .contact-section {
  margin-bottom: 130px;
  font-size: 18px;
  color: #808080;
}
.promo-page .contact-section A {
  color: #00A9CE;
}

.promo-page .mobile-image, .promo-page .mobile-only {
   display: none;
}
  .promo-page .category-caption {
    display: table-cell;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 25px;
  }
  .promo-page DIV.promo-section { min-height: 325px; margin-bottom: 50px; }
  .promo-page DIV.promo-section.section-1 { margin-bottom: 80px; }

  .promo-page DIV.contact-section, .transfer-page DIV.contact-section { margin-top: 40px; }

	@media (min-width:768px) and (max-width:1199px) {

    .promo-page .bottom-banner-text  SPAN.white-text { line-height: 30px;}

    .promo-page DIV.bottom-banner-text { padding-top: 150px; text-align:right; }

	.promo-page .top-image .white-box { margin-top: 50px; }
	
	.promo-page .section-title SPAN { font-size: 23px; padding-bottom: 0px;}

     .promo-page div.bullet-container { margin: 0 25px 0 25px; }

    .promo-page div.mobile-section-title {margin-bottom: 30px; padding: 0;}
    
    
    .promo-page .membership UL LI.darker { font-size: 16px; text-indent: -1.2em; padding-left: 1.2em; }
    .promo-page IMG.side-box { margin-left: 20px; margin-bottom:20px; max-width:400px;}
    .promo-page IMG.side-box-left { padding-left: 20px; margin-bottom:20px; max-width:400px;}
    

	.promo-page .left-side-content H1 {
	  margin: 50px 20px 40px 40px;
	  padding: 0px;
	  text-align: left;
	  font-size: 30px;
	  font-weight: normal;
	  line-height: 50px;
	}
	.promo-page .left-side-content H3 {
	  margin-left: 40px;
	}
	.promo-page .left-side-content IMG {
	   width: 300px;
	   margin-left: 20px;
	 }
	}

    .promo-page .p-note { margin: 20px 5px 5px 20px;}

  @media (min-width:768px) and (max-width:768px) {
	  .promo-page DIV.bottom-banner-text { padding-top: 0px; margin-top: -190px; }
  }
	@media (max-width:768px) {
	  .promo-page .left-side-content H1 { margin-left: 30px;}
	  .promo-page .top-image .white-box { margin-right: 20px; }
	}


	@media (max-width:767px) {
  	  #banner-container .icon-close { position: relative; z-index: 1000; color: #fff; z-index: 10000;}
  	  #banner-container button.close { position: relative; opacity: .9; z-index: 10000; }
      .promo-page div.mobile-section-title-2 {padding-bottom: 30px; margin-top:60px; padding: 0;}
      .promo-page .top-image .white-box { z-index: 10; }
	  .promo-page .p-note { margin: 0px 10px 0px 10px;}
	  .promo-page .mobile-image, .promo-page .mobile-only { display: block; }
	  .promo-page UL.white-bullets { margin:4% 0 0 5%; }
	  .promo-page .section-title.top-title { margin-left: 12px; margin-right: 12px; }
	  .promo-page .section-title.smaller { padding: 40px 12px 0 12px; }
	  .promo-page .category-caption {
  	    max-width: 96%;
	    font-size: 14px;
	    padding: 0 3px 0 3px;
	    margin: 0 auto 0 auto;
	  }
	  .promo-page .membership .square P, .transfer-page .membership .square P  { margin-bottom: 20px; }
	  .promo-page .row.vendor-group { margin-left: 0px; margin-right: 0px; }
	  .promo-page .vendor-image { max-width: 95%; margin-bottom: 6px; }
	  
	  .promo-page .membership .row .col-xs-6 { padding-left: 0px; padding-right: 0px;  }

	  .promo-page DIV.promo-section { margin-bottom: 0px; }
	  .promo-page DIV.promo-section.section-1 { margin-bottom: 50px; }

	  .promo-page DIV.vendor-item {
	    height: 210px;
	    max-height: 210px;
	    padding-left: 10px;
	    padding-right: 10px;
	  }
	 .promo-page .side-box.mobile-image {
        margin-bottom: 30px;
      }
      .promo-page .chart { margin-bottom: 15px; }
      .promo-page .chart-item { margin-top: 15px; }

      .promo-page div#main-list {margin-top:0px;}
	

	.promo-page .top-container {
      background-color:#000;
      background-repeat: no-repeat;
      background-size:cover;
      background-position: top;
    }

	
	.promo-page DIV.bottom-banner {
  	 	 max-height: 400px;
  	 	 height: 400px;
  	 	 background-color:#29921B;
  	 	 background-repeat: no-repeat;
  	 	 background-size:cover;
  	 	 background-position: center;
    }

    .promo-page DIV.bottom-banner-text {
    	color: #000000;
    	padding-top: 20px;
    	font-size: 24px;
    }

	.promo-page .main-body { overflow:hidden;}

	.promo-page .top-image .white-box {
   		height: 620px;
   		background-color: #FFFFFF;
   		padding: 20px 20px 30px 20px;
   		color: #808080;
   		font-size: 14px;
   		position:absolute;
   		width:84%;
   		margin-left:4%;
   		margin-top:85px;
   		border:1px solid #d7d7d7;
	}


	.promo-page DIV.membership { margin-top: 20px; }
	.promo-page DIV.bullet-container { margin: 0 15px 0 15px; }

  	.promo-page DIV.mobile-section-title { padding-top:75px; padding-bottom: 30px; }
  	.promo-page .top-container {
   		height: 500px;
   		padding: 0px;
   		margin: 0px 0px 0px 0px;
	}
	.promo-page .membership {
   		margin-bottom: 0px;
 	}
 	.promo-page .membership, .mobile-membership {
    	margin-bottom:0px;
  	}
    .promo-page .mobile-image, .mobile-only {
  	  display: block;
  	}
    .promo-page .not-mobile { display: none; }
    .promo-page .full-size-image { display: none; }
  
 	.promo-page .top-container .container {
    	background-position-x: center; 
    	background-position-y: 56%; 
    	background-size:89%;
 	}

	.promo-page div.floater { padding:0; float:none; }
	.promo-page img.side-box {
  		margin: 0 0 0 0;
  		width:100%;
  		max-width: 400px;
  		padding-left: 0px;
	}
 
    .promo-page .left-side-content H1 {
   		margin: 40px 15px 0px 15px;
   		padding: 0px;
   		text-align: left;
   		font-size: 32px;
   		font-weight: 400;
   		line-height: 40px;
	}
    .promo-page .left-side-content P {
    	margin: 15px 15px 0 15px;
    	font-size: 17px;
    	font-weight: 400;
    	line-height: 28px;
    }
    .promo-page .left-side-content H3 {
   		margin-left: 30px;
    }
	.promo-page .left-side-content IMG { width: 300px; }

    .promo-page .top-image .white-box H2 { margin: 0px 0px 0px 0px; }
    .promo-page .top-image .white-box .logo { margin-bottom: 0px; }
    .promo-page .top-image .white-box .btn {
    	display: block;
    	width: 100%;
    	padding: 15px;
    	text-transform: uppercase;
    	font-size: 18px;
    	margin-bottom: 10px;
  	}
    .promo-page .membership .square, .transfer-page .membership .square  {
   		margin: 3px;
   		padding: 5px;
   		font-size: 14px;
	}
    .promo-page .membership .square IMG, .transfer-page .membership .square IMG {
   		width: 120px;
   		height: 120px;
   		margin-bottom: 0px;
	 }
 
	.promo-page .top-image .white-box .section-title, .simplified-nav .white-box .section-title {
    	text-align: center;
    	margin-bottom: 30px;
    	margin-top: 5px;
    	padding-top:0px;
    	border-top: none;
  	}
    .promo-page .top-image .white-box .section-title .bar {
     	margin-top: -20px;
     	margin-bottom: 20px;
     	height: 1px;
     	background-color: #D7D7D7;
     	display: block;
 	}
   .promo-page .top-image .white-box .section-title SPAN {
    	display: inline-block;
    	line-height: 40px;
    	vertical-align: middle;
    	background-color: #FFFFFF;
    	font-size: 10px;
    	padding: 0px 20px 0px 20px;
    	border: none;
    	color: #808080;
    	font-size: 16px;
 	}
	.promo-page .bf-dates { display:block; padding-bottom:40px; }
	.promo-page  .contact-section {
   		margin-bottom: 100px;
   		font-size: 16px;
 	}
 	.promo-page .section-title#or-line, .simplified-nav .section-title#or-line { margin-top:5px; margin-bottom: 10px; } 
  }

  @media (min-width:411px) and (max-width:414px) {
	  .promo-page DIV.vendor-item {
	    height: 230px;
	    max-height: 230px;
	  }
     .promo-page .top-image .white-box { margin-top: 0px; }
     .promo-page DIV.mobile-section-title { padding-top: 585px;}
     .promo-page .left-side-content { height: 450px; }
     .promo-page .top-container .container {
   		background-position-x: center;
   		background-position-y: 245px;
     }
    .promo-page .top-container .container H1 { line-height:45px; font-size: 32px;  }
    .promo-page DIV.bottom-banner-text { padding-top: 30px; }
  }

  @media (max-width:375px) {
    .promo-page .left-side-content { height: 375px; }
    .promo-page .top-container .container H1 { line-height:40px; font-size: 30px; margin-top: 20px; }
	.promo-page .top-image .white-box { margin-top: 70px; }
    .promo-page DIV.mobile-section-title { padding-top: 580px;}
    .promo-page .top-container .container {
   		background-position-x: center;
   		background-position-y: 250px;
    }
    .promo-page DIV.bottom-banner-text { padding-top: 30px; }
  }
  @media (max-width:360px) {
     .promo-page .left-side-content { height: 380px; }
	 .promo-page .top-image .white-box { margin-top: 0px; }
     .promo-page DIV.mobile-section-title { padding-top: 580px;}
     .promo-page .left-side-content { height: 450px; }
     .promo-page .top-container .container {
   		background-position-x: center;
   		background-position-y: 265px;
     }
    .promo-page .top-container .container H1 { line-height:40px; font-size: 30px; margin-top: 20px; }
    .promo-page DIV.bottom-banner-text { padding-top: 20px; }
  }

  @media (max-width:320px) {
    .promo-page .top-container .container H1 { line-height:40px; font-size: 30px; margin-top: 20px; }
    .promo-page .top-image .white-box { margin-top: -10px; }
    .promo-page DIV.mobile-section-title { padding-top: 575px; }
    .promo-page .top-container .container {
   		background-position-x: center;
   		background-position-y: 280px;
    }
  }
/*------------------------------------------------------------------------------------------------
	Promotion Pages CSS End        
------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------
	Promotion Home Page Banner CSS Start        
------------------------------------------------------------------------------------------------*/

#banner-container .bg-pink { padding-left: 3px; padding-right: 3px; background-color: #FF026A; }
#banner-container .mobilesize { display:none;}
#banner-container .fullsize { display:block;}

#banner-container .banner-text, #banner-container .banner-button { color: #FFF; }

@media (min-width:1024px) {
  #banner-container .banner-text, #banner-container .banner-button { 
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
} 
@media (max-width:1024px) {
  #banner-container .banner-button {  text-align:right; }
  #banner-container .banner { background-position-x: 72%; }
}

#banner-container { display:none; }
#banner-container .btn-primary.btn-banner { margin-top: -3px; height: 40px; width: 160px; font-size: 16px; padding-top: 10px; }

#banner-container .banner {
  display: block;
  height: 100px;
  background-color: #000;
  color: #FFF;
  font-size: 18px;
}
#banner-container .thebanner, #banner-container .banner-row { height: 100px; }

#banner-container .align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important;
}
#banner-container .d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
}

#banner-container .top-banners .banner .vcenter-br { margin-top:30px; }

#banner-container .closeit {
  width:100%;position:absolute;padding:8px 10px 0 0
}
#banner-container closeit I { cursor:pointer; }

@media (max-width:768px) {
  #banner-container .banner-text {
    position: relative;
    top: 10%;
  }
  #banner-container .banner-button { 
    position: relative;
    top: 25%;
  }
}

@media (max-width:767px) {
  #banner-container .banner-text {
    position: relative;
    top: 10%;
  }
  #banner-container .banner-button { 
    position: relative;
    top: 0%;
  }
  #banner-container .btn-primary.btn-banner { 
	  font-size: 14px;
	  width: 125px;
	  height: 40px;
  }
}
@media (max-width:320px) {
  #banner-container .banner-button { 
    position: relative;
    top: 17%;
  }
  #banner-container .btn-primary.btn-banner { 
	  font-size: 12px;
	  width: 110px;
	  height: 30px;
      padding: 5px 10px 5px 10px;
  }
}

/*------------------------------------------------------------------------------------------------
	Promotion Home Page Banner CSS End        
------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------
	Slider "CheckBoxes"        
------------------------------------------------------------------------------------------------*/
LABEL.checkbox-slider {
   position: relative;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   vertical-align: middle;
   font-weight: normal;
   left: 0px;
   margin-left: 10px;
 }
 LABEL.checkbox-slider INPUT[type=checkbox]{
    height: 0px;
	width: 0px;
	opacity: 0;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
 }
 LABEL.checkbox-slider SPAN.checkbox-slide {
   display: inline-block;
   position: relative;
   top: 14px;
   height: 14px;
   background-color: #C2C2C2;
   width: 40px;
   border-radius: 6px;
 }
 LABEL.checkbox-slider SPAN.checkbox-ball {
   display: inline-block;
   height: 20px;
   width: 20px;
   border-radius: 10px;
   position: relative;
   top: -8px;
   background-color: #00A9CE;
 }
 LABEL.checkbox-slider SPAN.checked-caption, LABEL.checkbox-slider SPAN.unchecked-caption {
   display: inline-block;
   position: relative;
 }
 LABEL.checkbox-slider SPAN.checked-caption {
   margin-left: 5px;
   color: #999999;
 }
 HTML[dir="rtl"] LABEL.checkbox-slider SPAN.checked-caption {
   margin-right: 5px;
 }
 LABEL.checkbox-slider SPAN.unchecked-caption {
   margin-right: 5px;
   color: #999999;
 }
 HTML[dir="rtl"] LABEL.checkbox-slider SPAN.unchecked-caption {
   margin-left: 5px;
 }
 LABEL.checkbox-slider INPUT[type=checkbox]:checked ~ SPAN.checked-caption {
   color: #00A9CE;
 }
 LABEL.checkbox-slider INPUT[TYPE="checkbox"]:not(:checked) ~ SPAN.unchecked-caption {
   color: #00A9CE;
 }
 LABEL.checkbox-slider INPUT[type=checkbox] ~ SPAN.checkbox-slide SPAN.checkbox-ball {
 	transition: left 0.3s;
 }
 LABEL.checkbox-slider INPUT[type=checkbox]:checked ~ SPAN.checkbox-slide SPAN.checkbox-ball {
   left: 20px;
 }
 HTML[dir="rtl"] LABEL.checkbox-slider INPUT[type=checkbox]:checked ~ SPAN.checkbox-slide SPAN.checkbox-ball {
   left: auto;
   right: 20px;
 }
 LABEL.checkbox-slider INPUT[type=checkbox]:not(:checked) ~ SPAN.checkbox-slide SPAN.checkbox-ball {
   background-color: #00A9CE;
   left: 0px;
 }
 HTML[dir="rtl"] LABEL.checkbox-slider INPUT[type=checkbox]:not(:checked) ~ SPAN.checkbox-slide SPAN.checkbox-ball {
   background-color: #00A9CE;
   right: 0px;
 }
 
 LABEL.checkbox-slider.disabled INPUT[type=checkbox]:checked ~ SPAN.checked-caption {
   color: #008EAD;
 }
 
 LABEL.checkbox-slider.disabled INPUT[type=checkbox]:not(:checked) ~ SPAN.unchecked-caption {
   color: #008EAD;
 }
 LABEL.checkbox-slider.disabled SPAN.checkbox-ball {
   background-color: #008EAD;
 }
 LABEL.checkbox-slider.disabled SPAN.checkbox-slide {
   background-color: #DDDDDD;
 }
 
 SPAN.usd-full {
   font-size: 120%;
   white-space: nowrap;
 }
  SPAN.usd-full SMALL {
    font-size: 75%;
 }

/*------------------------------------------------------------------------------------------------
	Custom Radio Buttons  - Global version     
------------------------------------------------------------------------------------------------*/
.radio-inline {
  padding-left: 0px;
}
HTML[dir="rtl"] .radio-inline {
  padding-right: 0px;
}
DIV.radio, DIV.radio-inline {
	margin-top: 0px;
}
DIV.radio LABEL, DIV.radio-inline LABEL {
  position: relative;
  display: flex;
  padding: 0px;
  font-weight: 300;
  line-height: 30px;
  justify-content: start;
  align-items: center;
}
DIV.radio LABEL INPUT, DIV.radio-inline LABEL INPUT {
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
}
DIV.radio SPAN.custom-radio-btn, DIV.radio-inline SPAN.custom-radio-btn {
  flex: 0 0 20px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  height: 20px;
  width: 20px;
}
TD > DIV.radio SPAN.custom-radio-btn, TD > DIV.radio-inline SPAN.custom-radio-btn {
  margin-right: 0px;
}
HTML[dir="rtl"] DIV.radio SPAN.custom-radio-btn, HTML[dir="rtl"] DIV.radio-inline SPAN.custom-radio-btn {
  margin-right: 0px;
  margin-left: 10px;
}
DIV.radio SPAN.custom-radio-btn::before, DIV.radio-inline SPAN.custom-radio-btn::before {
  display: block;
  border: solid 1px #808080;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  z-index: 1;
  content: "";
}
DIV.radio INPUT:disabled ~ SPAN.custom-radio-btn::before, DIV.radio-inline INPUT:disabled ~ SPAN.custom-radio-btn::before {
    border-color: #D2D2D2;
	cursor: not-allowed;
}

DIV.radio SPAN.custom-radio-btn::after, DIV.radio-inline SPAN.custom-radio-btn::after {
  display: none;
  background-color: #00A9CE;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 2;
}

DIV.radio INPUT:checked ~ SPAN.custom-radio-btn::before, DIV.radio-inline INPUT:checked ~ SPAN.custom-radio-btn::before {
  border-color: #00A9CE;
}

DIV.radio INPUT:checked ~ SPAN.custom-radio-btn::after, DIV.radio-inline INPUT:checked ~ SPAN.custom-radio-btn::after {
  display: block;
}

/*------------------------------------------------------------------------------------------------
	Simplified landing page     
------------------------------------------------------------------------------------------------*/
.simplified-nav .navbar-right {
	padding-top: 15px;
	padding-bottom: 15px;
}
.simplified-nav .main-body {
	margin-top: -30px;
}
.simplified-nav .top-footer {
	background-color: #00A9CE;
}
.simplified-nav .privacy {
	border-top: none;
}
.simplified-nav .bottom-footer I.logo {
	font-size: 40px;
}
.simplified-nav .top-banner-inner .white-box {
   height: 580px;
   background-color: #FFFFFF;
   margin-top: 18px;
   margin-right: 50px;
   padding: 40px 40px 40px 40px;
   color: #808080;
   font-size: 14px;
}
.simplified-nav .top-banner-inner .white-box .section-title {
   text-transform: uppercase;
   margin: 0px 20px 0px 20px;
}
.simplified-nav .top-banner-inner .white-box .section-title SPAN {
   color: #808080;
   font-size: 16px;
}
.simplified-nav .top-banner-inner .white-box H2 {
   margin: 0px 0px 20px 0px;
   text-align: center;
   font-size: 18px;
   color: #000000;
   font-weight: normal;
   line-height: auto;
}

html[dir="rtl"] .simplified-nav .top-banner-inner .top-banner-content H1, html[dir="rtl"] .simplified-nav .top-banner-inner .top-banner-content H2 {
    text-align: right;
}
 
.simplified-nav .top-banner-inner .ga-input-group {
   position:relative; 
   margin-bottom:25px;
}
.simplified-nav .top-banner-inner .country-picker-row {
   margin-bottom:20px;
   margin-top: -20px;
}
.simplified-nav .top-banner-inner .ga-input-group INPUT {
   border:none; 
   border-bottom:1px solid #D7D7D7;
   border-radius: none;
   padding:5px 0px 10px 0px; 
   display:block; 
   width:100%;
   caret-color: #00A9CE;
}
.simplified-nav .top-banner-inner .ga-input-group TEXTAREA {
   height: 250px;
}
.simplified-nav .top-banner-inner .ga-input-group INPUT:FOCUS {
   outline:none;
}
.simplified-nav .top-banner-inner .ga-input-group INPUT:FOCUS ~LABEL, .simplified-nav .top-banner-inner .ga-input-group INPUT:VALID ~LABEL {
   top:-15px; 
   font-size:12px; 
   color:#3399cc;
}
.simplified-nav .top-banner-inner .ga-input-group LABEL {
   position:absolute; 
   color:#808080; 
   top:7px; 
   left:0; 
   transition:0.2s ease all;
   font-weight: 300;
   font-size: 16px;
}
html[dir="rtl"] .simplified-nav .top-banner-inner .ga-input-group LABEL {
   left:auto;
   right:0px; 
}
.simplified-nav .top-banner-inner .ga-input-group .bar {
  position:relative; 
  display:block; 
  width:100%;
}
.simplified-nav .top-banner-inner .ga-input-group .bar:before {
 content:""; 
 position:absolute;  
 left: 50%; 
 right: 50%; 
 bottom:0; 
 background:#00A9CE; 
 height:4px; 
 transition:left 0.2s ease-out, right 0.2s ease-out;
}

.simplified-nav .top-banner-inner .has-error INPUT{
 border-bottom: solid 2px #AA0824; 
}
.simplified-nav .top-banner-inner .has-error INPUT:FOCUS {
 border-bottom: none; 
}
.simplified-nav .top-banner-inner .has-error LABEL, .simplified-nav .top-banner-inner .has-error .ga-fa-error, .simplified-nav .top-banner-inner .has-error INPUT:FOCUS ~LABEL, .simplified-nav .top-banner-inner .has-error INPUT:VALID ~LABEL {
   color:#AA0824;
}
.simplified-nav .top-banner-inner .ga-input-group INPUT:focus ~.bar:before 
{
   left:0; 
   right:0;
}
.simplified-nav .top-banner-inner .ga-input-group .ga-errormessage {
   font-weight: 300;
   font-size: 12px;
   color: #AA0824;
   background-color: #FFFFFF;
}
.simplified-nav .top-banner-inner .has-error .bar:before {
 background:#AA0824; 
}
.simplified-nav .top-banner-inner .white-box .btn {
    display: block;
    width: 100%;
    padding: 15px;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.simplified-nav .top-banner-inner .white-box P {
    color: #898989;
    font-size: 15px;
 }
 .simplified-nav .top-banner-inner .white-box H2.section-title {
   margin-top: 25px;
 }

.simplified-nav .calculator-input LABEL {
  font-weight: 300;
}
.simplified-nav .calculator-input .btn  {
  text-transform: uppercase;
  margin-top: 15px;
}
.simplified-nav .calculator-input .input-group-addon DIV.radio-inline {
  min-width: 50px;
}
.simplified-nav .shipping-services H3 {
  display: block;
  text-align: center;
  color: #00A9CE;
  margin-top: -30px;
  margin-bottom: 80px;
}
.simplified-nav .shipping-services DIV.image {
  text-align: center;  
}
.simplified-nav .shipping-services DIV.image IMG {
  height: 150px;
}
.simplified-nav .shipping-services DIV.content {
  text-align: center;
}
.simplified-nav .faq-links H3 {
  margin-bottom: 30px;
}
.simplified-nav .blue-footer {
  background-color: #00A9CE;
  margin-bottom: -80px;
  color: #FFFFFF;
}
.simplified-nav .blue-footer H3 {
  display: inline-block;
  text-transform: uppercase;
  margin-top: 80px;
  border-top: solid 5px #FFFFFF;
  padding-top: 30px;
  margin-bottom: 20px;
}
.simplified-nav .blue-footer H2 {
  margin-top: 0px;
  margin-bottom: 40px;
}
.simplified-nav .blue-footer .btn.btn-secondary {
  color: #000000 !important;
  margin-top: 40px;
}
.simplified-nav .blue-footer .btn.btn-secondary:HOVER {
  background-color: #FFFFFF !important;
}

.simplified-nav .top-banner-inner .top-banner-content H1 {
  padding: 0px;
  text-align: left;
  margin: 50px 20px 30px 40px;
  text-transform: uppercase;
  font-weight: 500;
}
.simplified-nav .top-banner-inner .top-banner-content H2 {
  font-weight: 500;
  margin: 20px 20px 40px 40px;
  padding: 0px;
  text-align: left;
  line-height: 45px;
}
.simplified-nav A.btn-faq {text-transform: uppercase;}

.simplified-nav .top-banner-inner .top-banner-content .btn.btn-secondary {
  color: #000000 !important;
  border: none;
  font-weight: 600;
}
.simplified-nav .top-banner-inner .top-banner-content .btn.btn-secondary:HOVER {
  border: none;
  background-color: #FFFFFF !important;
}

@media (min-width:768px) {
  .simplified-nav .top-banner-inner .top-banner-content H1 {
    font-size: 22px;
/*    margin-top: 0px; */
  }
  .simplified-nav .top-banner-inner .top-banner-content H2 {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .simplified-nav .top-banner-inner .top-banner-content P {
    margin-left: 0px;
    margin-bottom: 34px;
  }
  .simplified-nav .top-banner-inner .top-banner-content .btn.btn-secondary {
    padding: 25px 60px 25px 60px;
    font-size: 22px;
  }
  .simplified-nav .shipping-services DIV.content {
    padding: 0px 15px 20px 15px;
    height: 65px;
  }
}

@media (max-width:767px) {
  .simplified-nav .main-body {
	margin-top: 0px;
  }
  .simplified-nav .blue-footer {
	  margin-bottom: -45px;
  }
  .simplified-nav .bottom-footer .container { margin-left: 15px; margin-right: 15px; }
  .simplified-nav .center-xs {
    text-align: center;
  }

  .simplified-nav .top-banner-inner .top-banner-content H1 {
    margin: 20px 15px 0px 15px;
    text-align: left;
    line-height: 24px;
    font-size: 18px;
  }
  html[dir="rtl"] .simplified-nav .top-banner-inner .top-banner-content H1, html[dir="rtl"] .simplified-nav .top-banner-inner .top-banner-content H2 {
    text-align: right;
  }
  .simplified-nav .top-banner-inner .top-banner-content H2 {
    text-align: left;
    font-size: 26px;
    margin: 20px 15px 0px 15px;
    line-height: 40px;
  }
  .simplified-nav .top-banner-inner .top-banner-content P {
    display: block;
    text-align: center;
    margin-bottom: 34px;
    font-size: 16px;
    line-height: 20px;
  }
  .simplified-nav .top-banner-inner .top-banner-content .btn.btn-secondary {
    padding: 15px 30px 15px 30px;
    font-size: 16px;
  }
  .simplified-nav .top-banner-inner .top-banner-content .signupbtn {
    text-align: center;
  }
  .simplified-nav .top-banner-inner .white-box {
     margin: 250px 20px 0px 20px;
     height: 620px;
  }
  .simplified-nav .shipping-services DIV.content {
    height: 60px;
  }
}

/*****************************************************************************************************
 FAQ TOPICS (contact us, Shipito University
*****************************************************************************************************/
.faq-items {
	margin-top: 80px;
}
.faq-items .topic {
  text-decoration: none;
  cursor: pointer;
}
.faq-items .topic DIV.icon IMG {
  width: 100px;
  height: 100px;
}
.faq-items .topic DIV.icon {
  text-align: center;
}
.faq-items .topic H2 {
  display: block;
  text-align: center;
  font-size: 18px;
}
.faq-items .topic P {
   color: #808080 !important;
   text-align: center;
   line-height: 20px;
   display: block;
}

@media (min-width:768px) {
  .faq-items {
    display: flex; 
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .faq-items .topic {
     width: 20%;
     padding: 5px;
  }
  .faq-items .topic DIV.icon IMG {
    transition: all 0.25s ease-in-out;
  }
  .faq-items .topic:HOVER DIV.icon IMG {
    transform: scale(1.11111);
  }
  .faq-items .topic H2 {
    color: #808080; 
    margin-top: 0px;
  }
  .faq-items .topic:HOVER H2 {
    color: #00A9CE;
  }
  .faq-items .topic P {
    visibility: hidden;
    margin: 10px;
  }
  .faq-items .topic:HOVER P {
    visibility: visible;
  }
}

@media (max-width :767px) {
  .faq-items {
    overflow-x: scroll;
    scroll-snap-type: x proximity;
    width: 100%;
    padding: 5px 0px 10px 0px;
  }
  .faq-items .topic {
     scroll-snap-align: center; 
     display: table-cell;
     width: 154px;
     min-width: 160px;
     height: 300px;
     padding: 3px;
  }
  .faq-items .topic DIV {
     border-left: solid 1px #D7D7D7;
     border-right: solid 1px #D7D7D7;
  }
  .faq-items .topic DIV.icon {
     border-top: solid 1px #D7D7D7;
     height: 100px;
   }
  .faq-items .topic DIV.content {
     border-bottom: solid 1px #D7D7D7;
     height: calc(100% - 100px);
   }
  
  .faq-items .topic:first-of-type, .faq-items .topic:last-of-type  {
     scroll-snap-align: none; 
  }
  .faq-items .break {
     display: none;
  }
  .faq-items .topic H2 {
     margin: 0px 10px 10px 10px;
  }
  .faq-items .topic P {
    margin: 10px 3px 10px 3px;
  }
}

 TABLE.or {
    width: 100%;
    margin: 30px 0px 30px 0px;
 }
 TABLE.or TH {
   width: 45%;
 }
 TABLE.or TD {
   width: 10%;
   text-align: center;
   color: #000000;
 }
 TABLE.or TH DIV {
   margin-top: 10px;
   margin-bottom: 10px;
   height: 1px;
   background-color: #000000;
 }

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
	border-color: inherit;
}