html,body,.container_wrapper  {
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Gotham', Arial, Helvetica, sans-serif;
  font-size: 11px;
  overflow-x: hidden;
  padding-right: 0!important;
  min-width: 290px;

}
p.no_Pgap {
margin: 0;
padding: 0;
}
body {overflow-x: hidden; color: #222}
#page_wrapper {
position: relative;
min-height: 800px;
min-height: 100vh;
}
/* -------------leading screen------------- */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box;-moz-box-sizing: border-box; }
::selection {background: #0094c9; color: #fff}::-moz-selection { /* Code for Firefox selection */background: #0094c9; color: #fff}
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body {overflow-y: auto;}
html {min-height: 100vh}
li {list-style: none} 
p {font-weight: 400;}
.text-danger {
color: rgba(233,24,24,0.8);
}
.bot_pad0 {
padding-bottom: 0;
}
.marg0 {
margin: 0 !important;
}
b, strong, span {font-size: 1em}
a, a:hover,a:focus {color: inherit;text-decoration: none;}
p {line-height: 1.5;font-size: 1.2em;padding-bottom: 15px; font-weight: 400;}
p b, p strong {font-weight: 700; font-size: 1em}
.standardEm {
  font-size: 1em
}
.commission_detail_backlink a{
  font-size: 1.2em;
}
table p {
margin: 0;
padding: 0;
}
textarea { 
width: 100%;
}
b {font-size: 1em;}
img {width: 100%;height: auto;}
.maxh200{max-height: 200px;width: auto; text-align: center;}
h1 {font-size: 3em;}
a:focus{outline: 0;}
.post_table {border: 1px solid;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: inherit;}
#fb-root {display: none; /*causing errors   -- fix then remove!!!*/}
.center {text-align: center;}
.vcenter {vertical-align: middle;display: inline-block;float: none; }
.vbottom {vertical-align: bottom;display: inline-block;float: none}
.marg_bot0 {margin-bottom: 0 !important}
.em1 {font-size: 1em;}
.modal-backdrop.in { 
/*dont remove this!!!removes scrollbar bug */
overflow: hidden !important;
opacity: 0.4;
}

body.modal-open { /*dont remove this!!!removes scrollbar bug */
position: relative !important;
vertical-align: middle;
overflow-y: hidden !important;
}
.modal-backdrop {
background: #000;
opacity: 0.99
}
body, body.modal {margin-right: 0 !important;}
table.new_downline {width: 100%;}
.initiallyHidden {display: none;}
.displayNone { display: none !important }
.cursor_point {cursor: pointer}
.block {display: block;}
body.modal {overflow-y: hidden;}
.exp_bt {position: relative;}
.icon_autoship:before,
.icon_details:before,
.icon_volume:before,
.icon_reps:before,
.icon_orders:before,
.fa-toggle-down:before,
.fa-toggle-up:before {
    font-size: 12px;
    font-family: "Icomoon";
    font-style: normal;
}
.fa-envelope-o:before{
content: "\f126";
}
.icon_autoship:before {
content: "\f111";
}
.icon_details:before{
content: "\f126";
}
.icon_volume:before{
content: "\f141";
} 
.icon_reps:before{
content: "\f18f";
}
.icon_orders:before {
content: "\f16f";
}
.fa-toggle-down:before {
content: "\f1bf";
}
.fa-toggle-up:before {
content: "\f1bd";
font-size: 12px;

}
.nav_button span {
width: 100%;
}
.show_reps a:before,
.hide_reps a:before  {
font-size: 20px;
margin-right: 5px;
line-height: 0;
display: inline-block;
vertical-align: middle;
font-family: 'Icomoon';
color: #aaa;
}
.show_reps a:before {
content: "\f120";

}
.hide_reps a:before {
content: "\f129";
font-size: 15px;
}
.hide_reps a:after {
content: 
}
/*fix for the downline coloumns being wonky if the expand icon is missing */
.table_icon.exp_bt {
  min-width: 33px;
}
/*end fix */
td i.fa-spinner:before {
content: "\e90c" !important;
font-size: 1em;
line-height: 0;
padding: 0 0;
color: inherit;
font-size: 12px;
font-family: "Icomoon";
font-style: normal;
animation: animationSpinnertwo linear 1s infinite;
-webkit-animation: animationSpinnertwo linear 1s infinite;
-moz-animation: animationSpinnertwo linear 1s infinite;
-o-animation: animationSpinnertwo linear 1s infinite;
-ms-animation: animationSpinnertwo linear 1s infinite;
display: inline-block;
vertical-align: middle;

}
.fa-spinner:before {
content: "\e90c" !important;
font-size: 1em;
line-height: 0;
padding: 0 0;
color: inherit;
font-size: 1.2em;
font-family: "Icomoon";
font-style: normal;
animation: animationSpinnertwo linear 1s infinite;
-webkit-animation: animationSpinnertwo linear 1s infinite;
-moz-animation: animationSpinnertwo linear 1s infinite;
-o-animation: animationSpinnertwo linear 1s infinite;
-ms-animation: animationSpinnertwo linear 1s infinite;
display: inline-block;
vertical-align: middle;
}
.button.solid_button.lightblue .fa-spinner:before,
.button.solid_button.green .fa-spinner:before,
.button.solid_button.darkblue .fa-spinner:before  {
color: #fff;
margin-right: 5px;
}
.button.solid_button.lightblue:hover .fa-spinner:before,
.button.solid_button.lightblue:focus .fa-spinner:before {
color: #0094c9;
}
.button.solid_button.darkblue:hover .fa-spinner:before,
.button.solid_button.darkblue:focus .fa-spinner:before {
color: #002457;
}

#LoadingImage.fa-spinner:before,
.fa-spinner:before,
.modal_loader.fa-spinner:before {
color: #0094c9;
display: inline-block;
margin: auto;
vertical-align: middle;
}
.nii_loader {
width: 40px;
height: 40px;
display: block;
background: url('../../Content/images/load.gif');
background-repeat: no-repeat;
background-size: cover;
margin: 2px 0 0 0;
text-align: left;
position: absolute;
}
.modal_loader.fa-spinner {
width: 100px;
height: 100px;
display: block;
background: url('../../Content/images/load.gif');
background-repeat: no-repeat;
background-size: cover;
margin: 100px auto 0 auto;
text-align: center;

}
.modal_loader.fa-spinner:before {
display: none;

}
@keyframes animationSpinnertwo{
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@-webkit-keyframes animationSpinnertwo{
0% {transform: rotate(0deg) ;}
100% {transform:  rotate(360deg) ;}
}
@-moz-keyframes animationSpinnertwo{
0% {transform: rotate(0deg) ;}
100% {transform: rotate(360deg);}
}

.align_left {text-align: left;}
.large_title {
font-weight: 400;
font-size: 2em;
line-height: 1.4;
margin: 10px 0;
}

.md_title {
font-size: 2em;
font-weight: 400;
line-height: 1.4;
margin: 10px 0;
}
.xmd_title {
font-size: 1.5em;
}
.sm_title {
font-size: 1.2em;
line-height: 1.5;
font-weight: 500;
}
.no_margin {
margin: 0
}
.m-v-1 {
  margin: 1em 0;
}
.m-b-1 {
  margin: 0 0 1em 0;
}
p {
line-height: 1.5;
font-size: 1.2em;
}
.address_display * {
font-size: 2em;
}
b, strong, i {
font-size: 1em;
}
/* Loading Buttons*/
.button[data-loading] {
position: relative;
color: #0094c9;
}
.button span.ladda-spinner {
display: none;
}
.button[data-loading] > span:nth-child(2){
color: #0094c9;
display: inline-block;
}
.button[data-loading] {
background: #fff !important;;
border-color: #0094c9 !important;
}
.button[data-loading] .ladda-label {
margin-right: 15px;
color: #0094c9;
}
.button > span.ladda-spinner > div  div {
background: #0094c9 !important;
}
p .link, p .link:hover, p .link:focus {color: #0094c9; font-size: inherit; text-decoration: underline;}
.button_wrapper {
padding: 20px 0 10px 0;
margin-top: 10px;
display: block;
}
.button {
padding: 15px 30px;
border-top: 2px solid;
border-bottom: 2px solid;
border-right: 2px solid;
border-left: 2px solid;
background: transparent;
text-decoration: none;
outline: none;
margin: 10px 0;
display: table;
width: auto;
font-size: 1em;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
#btnSearch.button:disabled{
background: #ccc !important;
border: 1px solid #ccc !important;
color: #fff !important;
}

.button, .searchform #searchsubmit, .btn {
display: inline-block;
margin: 0;
padding: 6.5px 15px;
border-radius: 0;
text-align: center; 
background: none;
color: inherit;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
border: 1px solid !important;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-weight: 400 !important;
font-size: 1.2em;
}
.button:hover, .searchform #searchsubmit:hover,.btn {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#view-wordpressevents .button {
margin: 0 auto;
text-align: center;
}
.event_modal {
  color: #444;
}
.button.button_light {border-color: #fff;color: #fff; background: transparent;}
.button.button_light:hover {color: #0094c9; background: #fff!important}
.button.button_light::before {background: rgba(255,255,255,0.7);}
.button.button_light::after {background: rgba(255,255,255,1);}
.send_bt {border-color: #0094c9;}
.button_dark {
border-color: #002457;
color: #002457;
background: transparent;
}
.button_spinner {
  width: 20px;
  height: 15px;
  background-image: url('../../Content/images/load.gif');
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}

.shop_add_bt .button_spinner {
  background-image: url('../../Content/images/load_white.gif');
  margin-top: -4px;
}
.disabled_bt {
cursor: not-allowed !important; 
opacity: 0.5;
}
.button.shop_add_bt[disabled="disabled"]{
background: #72bf44 !important;
}
.button.shop_add_bt[disabled="disabled"]:before{
color: #fff !important;
}
.searchform #searchsubmit:hover {background: #002457; color: #fff;} 
.searchform #searchsubmit{border-color: #002457; color: #002457; background: transparent;}
.button.button_dark::after {background: #002457;}
.button.button_dark:hover {color: #fff;background-color: #002457;}
.darkblue.button:hover {background: #002457; color: #fff;} 
.darkblue.button {border-color: #002457 !important; color: #002457; background: transparent;}
.green.button:hover {background: #72bf44; color: #fff; border-color: #72bf44} 
.green.button{color: #72bf44; border-color: #72bf44; background: transparent;} 
.orange.button:hover {background: #f58220; color: #fff;}
.orange.button {color: #f58220; border-color: #f58220; background: transparent;}
.lightblue .button:hover, #searchsubmit:hover{color: #0094c9!important;}
.lightblue.button{ background: transparent; color: #0094c9; border-color: #0094c9; }
.lightblue.button:hover {background: #0094c9; color: #fff;}
.pink.button:hover{color: #ec1c52;}
.orange.button:hover{color: #f58220;}
.button_dark:hover{border-color: #0094c9;}
.darkblue {background: #002457;color: #fff;}
.solid_button.grey {background: #f5f5f5}
.solid_button.green.button {background-color: #72bf44;border-color: #72bf44 !Important;color: #fff;}
.solid_button.green.button:hover,
.solid_button.green.button:focus{background-color: #fff;border-color: #72bf44;color: #72bf44;}
.solid_button.orange.button {background-color: #f58220;border-color: #f58220;color: #fff;}
.solid_button.orange.button:hover,
.solid_button.orange.button:focus{background-color: #fff;border-color: #f58220;color: #f58220;}
.solid_button.lightblue.button {background-color: #0094c9;border-color: #0094c9;color: #fff;}
.solid_button.lightblue.button:hover,
.solid_button.lightblue.button:focus{background-color: #fff;border-color: #0094c9;color: #0094c9;}
.solid_button.darkblue.button {background-color: #002457;border-color: #002457;color: #fff;}
.solid_button.darkblue.button:hover,
.solid_button.darkblue.button:focus{background-color: #fff;border-color: #002457;color: #002457;}
.solid_button.grey.button{ background: #f1f1f1; color: #666; border-color: #f1f1f1 }
.solid_button.grey.button:hover{ background: #e1e1e1; color: #666; border-color: #ccc }
.solid_button.red {background: rgba(233,24,24,1); color: #fff; border: 1px solid rgba(233,24,24,1) !important;}
.solid_button.button.continue_shopping_bt {
border: 1px solid #0094c9 !important;
height: 34.6px;
}
.cart_nav_bt {
height: 34.6px;
}
.solid_button.button.continue_shopping_bt:hover {
background: #fff;
color: #0094c9;
border: 1px solid #0094c9;
}
.solid_button.red:hover {background: #fff; color: rgba(233,24,24,1); border-color: rgba(233,24,24,1);}
button {outline: 0;border: 0;}
@media only screen and (min-width: 600px){
.block_button {
  width: 100% !important;
  display: inline-block! important;
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
}
}
.relative {position: relative;}
.align_center {text-align: center;}
#map {height: 600px;}
.upper_case {text-transform: uppercase;}
.padtop0 {padding-top: 0!important}
/*---------------------Filters---------------------*/
.nd {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.nd.nd1 {background: rgba(0,0,0,0.2);}
.nd.nd2{background: rgba(0,0,0,0.3);}
.nd.nd3{background: rgba(0,0,0,0.4);}
.nd.nd4{background: rgba(0,0,0,0.5);}
.nd.nd5{background: rgba(0,0,0,0.6);}
.nd.nd6{background: rgba(0,0,0,0.7);}

/*---------------------Navigation---------------------*/
/* -------------------Get Started modal-------------------*/
.modal-content {
border-radius: 0;
overflow-y: auto;
display: inline-block;
width: 100%;

}
.modal-content, .modal-dialogue,.modal_content {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.start_modal {
margin: 100px auto 0 auto;
}
.start_modal .modal_card {
font-size: 1em;
text-align: center;
}
.start_modal .modal-footer {
border: 0;
}
.start_modal .modal-header .modal_close.close span:before {
color: #0094c9;
font-size: 0.5em;
}
.signup_collapse_form {
margin: 40px auto;
}
.or_orb {
width: 50px;
height: 50px;
color: #0094c9;
font-weight: 700;
display: block;
border-radius: 50%;  
margin: 30px auto;
font-size: 2em;
line-height: 48px;
text-transform: lowercase;
}
/* -------------------Get Started modal end-------------------*/ 
/* -------------------Sign in modal-------------------*/
#signin_modal.modal.in .modal-dialog{
margin-top: 120px !important;
}
#signin_modal .modal-content {
border: 1px solid rgba(0,0,0,.2);
}
.login_frame {
width: 100%;
display: block;
position: relative;
min-height: 380px;
border: 0;
}

@media only screen and (max-width: 767px){
.top_nav .navbar-right {
    float: none !important;
    display: inline-block;
}

.top_nav .nav li {
  min-width: 20%;
  float: none !important;
}

}
.top_nav li a {
color: #002457;
}
.top_checkout_icon,
.top_home_icon {
color: #002457  ;
line-height: 13px;
}
.top_home_icon {
font-size: 13px
}
.top_checkout_icon {
margin-right: 5px;
font-size: 13px;
}
#header_dropdown_flags > span:nth-child(1) > span {
width: 13px;
height: 13px;
}
#header_dropdown_flags > span:nth-child(1) > span > span:before {
font-size: 13px;
line-height: 13px
}
.profilebt_subnav {
width: 100%;
display: block;
margin: 0;
text-align: center;
}
.profilebt_subnav li:first-child {
border-right: 0;
}
.profilebt_subnav li {
display: inline-block;
width: 50% !important;
border: 1px solid rgba(0,0,0,0.1);
}
.profilebt_subnav li {
float: left;
}
.profilebt_subnav > span {
width: 48%;
display: inline-block;
text-align: center;
}
.profilebt_subnav span a {
  text-align: center !important;
  background: #002457;
  color: #fff !important;
  border: 1px solid #f1f1f1;
  padding: 5px 20px !important;
}
.profilebt_subnav span a:hover,
.profilebt_subnav span a:focus {
background: #002457 !important;
color: #fff !important;
}
.dropdown_profile_card .profilebt_subnav{ width: 45%; }
.profile_bt button {
color: #002457;
}
.dropdown_profile_card .avatar_wrapper {
  height: 40px;
  width: 40px;
}
.dropdown_profile_card .avatar_wrapper .default_avatar:before {
  line-height: 40px;
  font-size: 40px;
}

.header_flag_dropdown_bt.profile_bt button .avatar_flag {

padding: 0 0;
text-align: right;
margin-left: 0;   
}
.row.dropdown_profile_card {
margin: 5px -15px 5px -15px;
padding: 5px;

}
.dropdown_profile_card div:first-child {
max-width: 100px;
}
@media only screen and (max-width: 767px){
.top_nav {display: none;}
.desktop_nav {display: none;}
.mob_u_nav {background: transparent!important;display: none;}
.navbar-default .navbar-nav a {
  font-size: 1.7em;
  text-align: center;
  font-weight: 400;
}

.navbar-default > .section_inner {
  padding-right: 0;
  padding-left: 0;
}
.cbp-af-header-shrink .navbar-brand .header_logo {margin-top: 4px;}
}
.top_nav .navbar {
background: transparent;
height: auto;
min-height: 35px;
display: block;
}
.top_nav .nav li {
display: inline-block;
vertical-align: middle;

}

.top_nav .nav li a,
.header_flag_dropdown_bt button {
border-left: 1px solid rgba(0,0,0,0);
border-right: 1px solid rgba(0,0,0,0);
}
.top_nav .nav li a:hover,
.header_flag_dropdown_bt button:hover {
background: #f5f5f5 !important;
border-left: 1px solid rgba(0,0,0,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
}
.top_nav .nav li img {
  max-width: 13px;
}
.top_nav .nav li a .top_checkout_icon{
  color: #72bf44;
}
.top_nav .nav li.checkout_tab a{
color: #002457;   
}
.top_nav .nav li a:hover .top_home_icon {
  color: #0094c9;
}
.cbp-af-header {
position: relative;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
z-index: 99;
background: #fff;
} 
.cbp-af-header-shrink {
position: fixed;
width: 100%;
top: 0;
z-index: 999999999999999999999999999;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.cbp-af-header .section_inner {
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.cbp-af-header .navbar-nav>li>.dropdown-menu {
-webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.20);
-moz-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.20);
box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.20);
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
}
.cbp-af-header-shrink .navbar-nav>li>.dropdown-menu {
margin-top: 10px;
z-index: 9;
}

@media print {
    .header_wrapper,
    .hidden-print,
    .commission_statement_wrapper .fa
    .comms_statement_wrapper .fa {
        display: none !important
    }
}
.cbp-af-header-shrink .page_header.off-canvas { top: -67px;position: fixed;width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
}
.cbp-af-header-shrink .page_header.fixed {
top: 0;
z-index: 9999;position: fixed; width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar {
margin-bottom: 0 !important;
padding: 0 0;
background: transparent;
border: 0 solid transparent;
border-radius: 0;
}

.navbar-default .navbar-nav>li>a {color: #002457;}
.navbar-default .navbar-toggle .icon-bar {background: #002457;}
.navbar-default .navbar-toggle {border: 0 solid;background: #fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: transparent;}
.cbp-af-header .navbar-brand {padding: 0 0;}
.cbp-af-header-shrink .navbar-brand {
padding-top: 0;
margin-top: 0;
}
.cbp-af-header .navbar-brand .header_logo {
max-height: 50px;
width: auto;
max-width: 100%;
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-ms-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out; 
transition: all 0.05s ease-in-out;
}
.header_flag_dropdown_bt  {margin: 0 0 0 0;}
.header_flag_dropdown_bt li{ display: block;width: 100%;}
.header_flag_dropdown_bt li a{ display: block;width: 100%; padding: 5px 10px}
.header_flag_dropdown_bt .dropdown-menu {}
.header_flag_dropdown_bt ul {padding: 0}
.header_flag_dropdown_bt span {display: inline-block;}
.header_flag_dropdown_bt span:first-child {margin-right: 2px;}
.cbp-af-header-shrink .header_flag_dropdown_bt {margin-top: 0;}
.header_flag_dropdown_bt > span {color: #fff}
.header_flag_dropdown_bt > .dropdown-item span {color: #000}
.header_flag_dropdown_bt button {
padding: 10px 15px;
background: transparent;
color: #002457;
}
.cbp-af-header-shrink .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
.cbp-af-header-shrink .navbar-default{height: 60px;}
.cbp-af-header-shrink .navbar-brand .header_logo {
max-height: 50px;
margin-top: 0;
width: auto;
max-width: 100%;
}
@media only screen and (max-width: 400px){
.navbar-default {min-height: 50px}
.cbp-af-header .navbar-brand .header_logo {max-height: 50px; padding: 0 20px;}
.cbp-af-header .navbar-brand {padding: 0;}
}
@media only screen and (max-width: 767px){
  .cbp-af-header .navbar-brand .header_logo {max-height: 50px; padding: 10px;}
  .sm_only {display: block!important}
  .lg_only {display: none!important;}
}
@media only screen and (min-width: 768px){
.sm_only {display: none!important}
.lg_text-left {
  text-align: left;
}
.lg_text-right {
  text-align: right;
}
.navbar-brand {padding-top: 15px;margin: 0 auto 20px auto; display: block; width: 100%; float: none;}
.navbar-header { text-align: center; float: none}
.desktop_nav.navbar-right > li {
  display: inline-block;
  float: none;
}
.navbar-default .navbar-nav > li > a{
  color: #002457;
}
.header_wrapper .top_nav {
  background: #e1e1e1;
  position: relative;
  z-index: 101;
  top: 0;
  display: block;
  text-align: center;
}
.header_logo {
  max-height: 35px;
}  
.cbp-af-header .navbar-brand .header_logo {margin-top: 10px; max-height: 50px;}
.cbp-af-header-shrink .navbar-brand .header_logo {margin-top: 4px;}
.mob_u_nav {display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 999px){
.desktop_nav.navbar-right > li.off_white {
  background: #002457;
}
.cbp-af-header .navbar-brand .header_logo {
    max-height: 50px;
    margin-bottom: 20px;
    display: inline-block;
  }
.desktop_nav {
    width: 110%;
    margin: 0;
    display: block;
    margin-right: 0;
    text-align: center;
    background: #f5f5f5;
    min-height: 21px;
  }
 .desktop_nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.5;
  color: #002457 !important;
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -ms-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
  position: relative;
  overflow: hidden;
}
}
@media only screen and (min-width: 900px) and (max-width:999px){    
  .cbp-af-header .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 1000px){
  .navbar-header {float: left; text-align: center;}
  .cbp-af-header .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
   .desktop_nav {
    float: right !important;
    text-align: center;
    display: inline-block;
    width: auto;
  }  
  .desktop_nav.navbar-right > li {
    display: block;
    float: right;
  }
  .navbar-brand {
    width: auto;
  }
  
  .navbar-brand {padding-top: 15px;margin: 0 auto 0 auto;display: inline-block; position: relative;z-index: 9999;}
}
@media only screen and (min-width: 1200px){
.cbp-af-header .navbar-nav > li > a {
    font-size: 1.2em;
}
}
.cbp-af-header-shrink .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background: transparent;
}
.header_flag_dropdown.dropdown-menu {
background: #eee !important;
}
.navbar-default .navbar-collapse.in .dropdown-menu{
width: 100%;
max-width: 100%;
}
.open .header_flag_dropdown.dropdown-menu {
background: #fff!important;
color: #002457;
max-height: 370px !important;
padding: 0 0;
}
.header_flag_dropdown.dropdown-menu > a {
color: #002457;
display: block;
margin: 5px 0;
}
.header_flag_dropdown.dropdown-menu > a:last-child {margin-bottom: 10px;}
.header_flag{
max-height: 20px;
width: auto;
display: inline-block;
margin-right: 5px;
}
.header_flag_dropdown .contry_label {
display: inline-block !important;
}
@media only screen and (min-width: 768px){
.sm_only {display: none;}
}
@media only screen and (min-width: 1000px){
.md_only {display: none;}
.lg_only {display: block;}
}

/*---------------------lightbox---------------------*/
/* line 1, ../sass/simplelightbox.scss */
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: 0.85;
display: none;
z-index: 9991;
}
.sl-wrapper {z-index: 10;}
.sl-wrapper button {
border: 0 none;
background: transparent;
font-size: 24px;
padding: 0;
cursor: pointer;
}
.sl-wrapper button:hover {opacity: 0.7;}
.sl-wrapper .sl-close {
display: none;
position: fixed;
right: 30px;
top: 70px;
z-index: 9999;
background: transparent!important; 
}
.sl-close::before {
/*content: "\f15f";
font-family: ''icomoon'';*/
color: #fff;
font-size: 1em;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.sl-wrapper .sl-counter {
display: none;
position: fixed;
bottom: 30px;
left: 30px;
z-index: 9999;
color: #fff;
}
.sl-wrapper .sl-navigation {width: 100%;display: none;}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -10px;
height: 40px;
width: 30px;
font-size: 1em;
line-height: 15px;
text-align: center;
display: block;
z-index: 9999;
color: #fff!important;
background: transparent!important;
}
.sl-wrapper .sl-navigation .sl-next {
right: 40px;
background: #fff;
color: #000;
}
.sl-wrapper .sl-navigation .sl-prev {
left: 40px;
background: #fff;
color: #000;
}
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 99999;
}
.sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
padding-top: 25px;
}
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: #000;
opacity: 0.8;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #fff;
z-index: 9999;
}
.sl-spinner {
display: none;
border: 4px solid #002457;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 9992;
-webkit-animation: pulsate 1.5s ease-out infinite;
-moz-animation: pulsate 1.5s ease-out infinite;
-ms-animation: pulsate 1.5s ease-out infinite;
-o-animation: pulsate 1.5s ease-out infinite;
animation: pulsate 1.5s ease-out infinite;
}

@-webkit-keyframes pulsate {
0% {
  transform: scale(0.1);
  opacity: 0.0;
}
50% {
  opacity: 1;
}
100% {
  transform: scale(1.2);
  opacity: 0;
}
}
@keyframes pulsate {
0% {
  transform: scale(0.1);
  opacity: 0.0;
}
50% {
  opacity: 1;
}
100% {
  transform: scale(1.2);
  opacity: 0;
}
}
@-moz-keyframes pulsate {
0% {
  transform: scale(0.1);
  opacity: 0.0;
}
50% {
  opacity: 1;
}
100% {
  transform: scale(1.2);
  opacity: 0;
}
}
@-o-keyframes pulsate {
0% {
  transform: scale(0.1);
  opacity: 0.0;
}
50% {
  opacity: 1;
}
100% {
  transform: scale(1.2);
  opacity: 0;
}
}

/*-------------------lightbox END-------------------*/


/*------------content body------------*/ 
.full_width {width: 100%;}
.gallery_thumb {margin: 15px 0;}
.full_width_important {width: 100% !important;height: auto !important;}
.sidebar_title {margin-top: 0;font-size: 1.5em;}
.sidebar_post_title { color: #0094c9 !important; font-weight: 400; font-size: 1.2em;line-height: 1.1; margin: 10px 0; }
.sidebar_pic_bt {
-webkit-box-shadow: 5px 5px 36px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 36px 0 rgba(0,0,0,0.1);
box-shadow: 5px 5px 36px 0 rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 20px;

}
.sidebar_pic_bt:hover {
-webkit-box-shadow: 5px 5px 30px 0 rgba(0,0,0,0.20);
-moz-box-shadow: 5px 5px 30px 0 rgba(0,0,0,0.20);
box-shadow: 5px 5px 30px 0 rgba(0,0,0,0.20);
}
.gallery a img {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery a img:hover {
-webkit-box-shadow: 5px 5px 36px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 36px 0 rgba(0,0,0,0.1);
box-shadow: 5px 5px 36px 0 rgba(0,0,0,0.1); 
opacity: 1;
}
.header_section_inner, .header_section_inner .container-fluid{
padding: 0 20px;
max-width: 1200px;
}
.full_img {width: 100%;height: auto;}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .7;
}
.no-touch .cd-top:hover {
background-color: #002457;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
  right: 20px;
  bottom: 20px;
}
.mobile_nav {
  display: none !important;
}


}
@media only screen and (min-width: 1024px) {
.cd-top {
  height: 50px;
  width: 40px;
  right: 30px;
  bottom: 30px;
}
}
.navbar-default .navbar-nav > li > a{
font-weight: 400;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
background: transparent;
z-index: 2;
}
.dropdown{
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;


}
.dropdown .dropdown-menu {
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    border-radius: 0;
     width: 100%;
     max-width: none;
}

@media only screen and (min-width: 767px){
.dropdown .dropdown-menu {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
}
.dropdown.open .dropdown-menu {
  max-height: 300px;
  opacity: 1;
  margin-top: 0;
}
.dropdown-menu .dropdown-submenu .current_page_item {
background: inherit;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    width: auto;
    max-width: 300px;
    min-width: 300px;
    left: 100%;
    top: -20px;
}
#menu-item-800 > ul a,
#menu-item-800 > ul .dropdown-toggle  
{
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
  background: transparent;
}
.open .country_menu {
max-height:  none!important;
}
.country_menu { 
background: #fff !important;
}

.country_menu a {
color: #000;
}
.header_flag {
width: auto;
height: 30px;
display: inline-block;
}
.header_country_label {
padding-left: 2px;
display: inline-block;
font-size: 1em;
}

@media only screen and (max-width: 600px){
.navbar-collapse {
 max-height: 90vh;  
}
}
@media only screen and (max-width: 767px){
.navbar-nav > li > .dropdown-menu {
  margin: 0;
  padding-top: 0;
}
.dropdown-menu > .active > a {
  background: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li:hover {
  padding-left: 7px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  letter-spacing: 0.05em;
}
.dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #002457;
}
.dropdown-menu > li > a {
  font-size: 1.3em;
}
.dropdown-submenu .dropdown-menu {
  width: auto;
  max-width: 300px;
  min-width: 300px;  
}
.navbar-nav > li > a {
  line-height: 30px;
  font-weight: 500;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #002457;

}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: transparent;
  color: #002457;
}
.navbar-default .navbar-collapse {
  margin-left: -15px;
  margin-right: -15px;
  opacity: 1;
  background: #fff;
}
.navbar-default .navbar-collapse.in {
  overflow-x: hidden;
  background: #fff;
  margin-left: -15px;
  max-height: 90vh;
  margin-right: -15px;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;

}
.navbar-default .navbar-collapse.collapsing {
  -webkit-transition: height 0.45s ease;
  transition: height 0.45s ease;
}

.navbar-default .navbar-collapse.collapse {
  background: #002457;
  margin-left: -800px;
  margin-right: -15px;
  opacity: 1;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
 .navbar-default .navbar-collapse.in {
  margin-left: -15px;
  margin-right: -15px;
}
.navbar-nav {
  margin: 0;
}
.navbar-nav > li > .dropdown-menu li {
  padding: 10px 0;
  line-height: 2;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background: #002457;
}
.navbar-default .navbar-nav > .open > .dropdown-toggle:focus {
  color: #fff;
}
.navbar-collapse .dropdown.open > li > a {
  color: #fff;
}
}
@media only screen and (max-width: 800px){
.nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
}
}
@media only screen and (min-width: 768px){
.dropdown-submenu {
    position: relative;
}
.dropdown-menu {
  background: #f9f9f9;
  color: #000;
  padding: 0;
  border: 0 solid #fff;
}
.dropdown-menu>.active>a{
  background: #f1f1f1;
  color: #fff;
}
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
  background: #0094c9;
}
.dropdown-menu > li > a {
  padding: 8px 20px;
}
.dropdown-menu li a {
  color: #222!important;
  font-size: 1.1em;
} 
.top_nav .dropdown-menu li a:hover {
  background: #002457 !important;
  color: #fff !important;
}
/* actual dropdown animation */

.dropdown.open .dropdown-menu {
    max-height: 200px;
    opacity: 1;
    display: table;
}

}
@media only screen and (min-width: 768px){
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    width: auto;
    max-width: 340px;
    min-width: 340px;
    left: 100%;
    top: 10px;

}
}
.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu .third_level>a:after {
  display: none;    
}
.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.blue {background-color: #002457}
.light_blue {background: #0094c9;}
.light_blue .dropdown-menu > li > a {color: #fff !important;}
#menu-item-1417 > a:nth-child(1) {
color: #fff !important;
}
.ap_cat_name.green{color: #72bf44; background: transparent;border: 0 solid #72bf44;}
.ap_cat_name.orange{color: #F58220; background: transparent;border: 0 solid #F58220;}
.ap_cat_name.lightblue{color: #0094c9; background: transparent;border: 0 solid #0094c9;}
.ap_cat_name.pink{color: #Ec1c52; background: transparent;border: 0 solid #Ec1c52;}
.orange {background:#F58220}
.green {background:#72bf44}
.blue .current_page_item{background-color: #002457}
.light_blue .current_page_item{background: #0094c9;}
.orange .current_page_item{background:#F58220}
.green .current_page_item{background:#72bf44}
.pink .current_page_item{background: #Ec1c52}
.lightblue {background: #0094c9; color: #fff}
.white{background: #fff;}
.grey {background: #eee;}
.red_font{color: #E91818}
.dark_grey {background: #666;}
.off_white2{background: #f1f1f1;}
.off_white{background: #f5f5f5;}
.light_blue_bg a, 
.orange a,.green a, .pink a {color: #fff !important;}
.green_font {color: #72bf44;}
.orange_font {color: #F58220;}
.pink_font {color: #ec1c52}
.green_font {color: #72bf44;}
.light_blue_bg,
.light_blue_bg ul {
background: #0094C9;
}
.light_blue_bg ul a,
.pink ul a,
.green ul a,
.orange ul a {
color: #fff !important;
}
.light_blue_bg ul li a:hover,
.pink ul li a:hover,
.green ul li a:hover,
.orange ul li a:hover {
background: rgba(0,0,0,0.1) !important;
color: #fff;
}
.light_blue_bg .dropdown-toggle:hover,
.light_blue_bg .dropdown-toggle:focus{
background: #0094C9 !important;
color: #fff !important;
}
.orange .dropdown-toggle:hover,
.orange .dropdown-toggle:focus {
background: #F58220 !important;
color: #fff !important;
}
.green .dropdown-toggle:hover,
.green .dropdown-toggle:focus {
background: #72bf44 !important;
color: #fff !important;
}
.pink .dropdown-toggle:hover,
.green .dropdown-toggle:focus {
background: #Ec1c52 !important; 
color: #fff !important;
}
.orange,
.orange ul {
background: #F58220;
color: #fff;

} 
.green,
.green ul {
background: #72bf44;
}
.pink, .pink ul {
background: #Ec1c52;
color: #fff;
}  

/********** PRRPLE SLIDER **********/
.form_slider_ico, .form_slider_ico:before {
color: #000 !important;
}

.product_slider_heading {
color: #fff;

font-size: 1.5em;
}
.product_slider_heading b {
font-size: 1em;
}
.slider_nav_ico {
color: #fff;
font-size: 1.8em;
opacity: 1;
text-align: center;
width: 100%;
display: block
}
.slider_nav_ico span {
vertical-align: middle;
display: inline-block;
}
.slider_left{
left: 10px; 
}
.slider_right {
right: 10px;
}
.slider_left {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
text-align: center;
display: block;
background: rgba(0,0,0,0.10);
}
.slider_right {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-align: center;
display: block;
background: rgba(0,0,0,0.10);
}
.slider_left:hover {
opacity: 1;  
}
.slider_right:hover {
opacity: 1;
}
/********** SLIDERS **********/

/* slide numbers */
.slidetitle{
font-size:150px;
line-height:280px;
font-weight:bold;
text-align:center;
color:rgba(0,0,0,0.1);
}
@media (max-width:600px){
.slidetitle{
  font-size:120px;
}
}
@media (max-width:500px){
.slidetitle{
  font-size:100px;
}
}
@media (max-width:374px){
.slidetitle{
  font-size:80px;
}
}

/*.slide.current .slidetitle{
color:#f00;
}
.slide.prev .slidetitle{
color:#0f0;
}
.slide.next .slidetitle{
color:#00f;
}*/


/* vertical slider styling */
.slider.vertical .slider_left,
.slider.vertical .slider_right{
width:100px;
left:50%;
top:10px;
margin:0 -50px;
text-align:center;
}
.slider.vertical .slider_right{
top:auto;
bottom:10px;
}
.slider.vertical .slider_dotwrap{
width:6px;
height:72px;
top:50%;
left:auto;
bottom:auto;
right:15px;
margin:-36px 0;
}
.slider.vertical .slider_dot{
margin:4px 0;
}


/* overrides */
#slider0 .slider{
height:400px;
}
#slider0 .slidetitle{
line-height:380px;
}
#sliderv6 .slidetitle{
font-size:70px;
line-height:100px;
}
.slider { display:block; position:relative; width: 100% }
.slider .slider_area{ display:block; position:relative; width:100%; overflow:hidden; }
.slider .slides{ display:block; position:relative; }
.slider .slide{ display:block; position:relative; float:left; }
.slider.fade .slide{ display:block; position:absolute; top:0; left:0; width:100%; }
.slider.vertical .slide{ float:none; }
.slider .slider_clear{ display:block; position:relative; height:0; clear:both; }
.slider .slider_left, .slider .slider_right{ display:none; color:#333; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }
.slider .slider_left:hover, .slider .slider_right:hover{ color:#888; }
.slider .slider_left.inactive, .slider .slider_right.inactive{  cursor:default; color:#CCC; }
.slider .slider_nav{ display:block; position:relative; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }
.slider .slider_navdot{ display:inline-block; width:10px; height:10px; background:#DDD; }
.slider .slider_navdot.current{ background:#AAA; }
.slider .slider_controls{ display:none; }
.slider .slider_play.hidden, .slider .slider_pause.hidden{ display:none !important; }
.slider .animate{ -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; }
.wcNutrition .slider .slider_navdot.current{background:#72bf44}
.wcTools .slider .slider_navdot.current {
    background: #44B39D;
}
.wcPersonal .slider .slider_navdot.current{background:#ec1C52}
.wcColostrum .slider .slider_navdot.current,
.wcAlphaLipid .slider .slider_navdot.current
{background:#0094C9}
.wcNew .slider .slider_navdot.current{background:#CF000F}

.wcWeightManagement .slider .slider_navdot.current{background:#F58220}
.wcNutrition .slider .slider_navdot{border-color:#72bf44}
.wcNew .slider .slider_navdot {
    border-color: #CF000F;
}
.wcTools .slider .slider_navdot {
    border-color: #44B39D;
}
.wcPersonal .slider .slider_navdot{border-color:#ec1C52}
.wcColostrum .slider .slider_navdot{border-color:#0094C9}
.wcWeightManagement .slider .slider_navdot{border-color:#F58220}
.wcNutrition .slider_nav_ico {color:#72bf44;}
.wcNew .slider_nav_ico {
    color: #CF000F;
}
.wcTools .slider_nav_ico {
    color: #44B39D;
}
.wcPersonal .slider_nav_ico {color:#EC1c52;}
.wcColostrum .slider_nav_ico, .wcAlphaLipid .slider_nav_ico{color:#0094c9;}
.wcWeightManagement .slider_nav_ico {color:#f58220;}
.wcNutrition .slider .slider_left,.wcNutrition .slider .slider_right {border-color: transparent;}
.wcNew .slider .slider_left, .wcNew .slider .slider_right {
    border-color: transparent;
}
.wcTools .slider .slider_left, .wcNTools .slider .slider_right {
    border-color: transparent;
}
.wcPersonal .slider .slider_left,.wcPersonal .slider .slider_right{border-color: transparent;}
.wcColostrum .slider .slider_left, .wcColostrum .slider .slider_right,
.wcAlphaLipid .slider .slider_left, .wcAlphaLipid .slider .slider_right {border-color: transparent;}
.wcWeightManagement .slider .slider_left,.wcWeightManagement .slider .slider_right {border-color: transparent;}
.product_wrapper .slider .slider_left,
.product_wrapper .slider .slider_right {
bottom: 0;
top: inherit;
}
.product_img_wrapper .slider_nav {
bottom: -20px !important
}
.product_img_wrapper .slider{
  margin-bottom: 30px!important;
}
/********** SLIDERS **********/
.slide{
width:100%; 
}
.slidetitle{
font-size:150px;
line-height:250px;
font-weight:bold;
text-align:center;
color:rgba(0,0,0,0.1);
}
@media only screen and (max-width:600px){
.slidetitle{
  font-size:120px;
}
}
@media only screen and (max-width:500px){
.slidetitle{
  font-size:100px;
}
}
@media only screen and (max-width:374px){
.slidetitle{
  font-size:80px;
}
}


/*.slide.current .slidetitle{
color:#f00;
}
.slide.prev .slidetitle{
color:#0f0;
}
.slide.next .slidetitle{
color:#00f;
}*/


.slider .slider_nav{
position:absolute;
width:100%;
bottom:10px;
font-size:0;
line-height:0;
}

.slider .slider_navdot{
width:12px;
height:12px;
margin:0 4px;
border:2px solid #fff;
background:none;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
text-indent:-9999px;
}
.slider .slider_navdot.current{
background:#fff;
}

.slider .slider_left,
.slider .slider_right{
display:block;
position:absolute;
top:40%;

}
.slider .slider_right{
left:auto;
right:10px;
}
.slider .slider_form_nav {
bottom: 0 !important;
}


.slider.vertical .slider_left,
.slider.vertical .slider_right{
width:100px;
left:50%;
top:10px;
margin:0 -60px;
text-align:center;
}
.slider.vertical .slider_right{
top:auto;
bottom:10px;
}
.slider.vertical .slider_nav{
width:6px;
height:56px;
top:97px;
left:auto;
bottom:auto;
right:10px;
}
.slider.vertical .slider_navdot{
margin:4px 0;
}
#sliderv6 .slide{
min-height:270px;
}
#sliderv6 .slidetitle{
font-size:70px;
line-height:90px;
}
.slider_nav_arrows {
color: #fff;
font-size: 1em;
}
.slider_left,.slider_right {
width: 3.8em;
height: 3.8em;
border-radius: 50%;
border: 2px solid rgba(250,250,250,1);
padding-top: 10px;

}
@media only screen and (min-width: 480px){
.slider_nav_arrows{
  font-size: 2em;
  line-height: 1;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  
}
}
.feat_product_slider {
padding: 0 0;
}
.feat_product_slider img {
max-height: 300px;
width: auto;
margin: 10px auto;
max-width: 90%;
height: auto;
}
.feat_product_slider .product_holder {
text-align: center;
}
.feat_product_slider .product_holder a {
display: inline-block;
margin: 0 auto;
}
.product_slider_heading {
line-height: 1.2;
font-size: 1.5em;
}
.slider_bt {
background-color: rgba(0,0,0,0.1);
color: #fff;
padding: 10px 30px;
border: 0;
outline: 0;
max-width: 100%;
display: block;
margin: 0 auto;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.slider_bt:hover {
background-color: rgba(0,0,0,0.3);
}
.slide.pink, .slide.orange, .slide.green, .slide.lightblue {
-webkit-box-shadow: inset 0 2px -15px 0 rgba(0,0,0,0.24);
-moz-box-shadow: inset 0 2px -15px 0 rgba(0,0,0,0.24);
box-shadow: inset 0 2px -15px 0 rgba(0,0,0,0.24);
}
.feat_product_slider .slide {
  padding: 20px 20px;
}
@media only screen and (min-width: 480px){
.product_slider_heading {
  line-height: 1.2;
  font-size: 2em;
}
.feat_product_slider {
  padding: 0 0;
}
.feat_product_slider .slide {
  padding: 50px 60px;
}
}
@media only screen and (min-width: 768px){
.product_slider_heading {
  line-height: 1.2;
  font-size: 2.5em;
}
.slider_nav_ico {
   padding-left: 0;
  }
}

/*------Page Styles------- */
/* Video Slides */

.video_slider .slide {
  position: relative;
}
.video_slider .slide {
  background: #222;
}
.video_slider .slide .download_bt {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.video_slider .slide .download_bt:hover {
  background: #fff;
  color: #002457;
  border: 1px solid #fff !important;
}
.video_slider .slide picture {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.video_slider .slide:hover picture {
  opacity: 0.8;
}
.video_slider .slide h3 {
  position: absolute;
  z-index: 10;
  color: #fff;
  top: 0px;
  left: 15px;
  background:rgba(0,0,0,0.4);
  padding: 2px 15px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;


}
.video_slider .slide:hover h3 {
  background: rgba(0,0,0,0);
}
.video_slider .slider_nav {
  z-index: 12;
}
.video_slider .slider_right,
.video_slider .slider_left {
  z-index: 12;
}
section {
padding: 50px 0;
position: relative;
}
section.sm_block_section {
padding: 15px;
}
.block_icon {
font-size: 40px;
margin-right: 15px;
float: left;
}

section.short_section {
padding: 50px 0;
}
#site-content.section_inner {
padding-top: 10px;
padding-bottom: 10px;
}
.section_inner {
max-width: 1300px;
margin: 0 auto;
padding: 0 10px 0 10px;
}
@media only screen and (min-width: 460px) and (max-width: 767px){
.section_inner {
  padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1300px){
.section_inner {
  padding: 0 30px;
}
}
.fit_fixed {
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
}

.large_title {
font-weight: 400;
font-size: 1.8em;
line-height: 1.4;
margin: 10px 0;
}
.md_title {
font-weight: 400;
font-size: 1.5em;
line-height: 1.4;
margin: 10px 0;
}
.xmd_title {
font-weight: 400;
font-size: 1.1em;
line-height: 1.4;
color: #555;
margin: 5px 0;
}
.xmd_title_date {
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.4;
    color: #555;
    margin: 5px 0 0 0;
}
@media only screen and (min-width: 550px){
.sphere_wrapper_orange {
  max-width: 70%;
  margin: 0 15% 20px 15%;
}
.large_title {
font-size: 2em;
letter-spacing: 0;
line-height: 1.4;
}
}
@media only screen and (min-width: 768px){
.sphere_wrapper_orange {
  max-width: 100%;
  margin: 0 0%;
}
}
@media only screen and (min-width: 1100px){
.sphere_copy_right {
  padding-left: 40px;
}
.sphere_copy_left {
  padding-right: 40px;
}
}
.lightblue_font {color: #0094c9}
.blue_font {color: #002457;}
.white_font {color: #fff;}
.font_white {color: #fff;}
.font_grey {color: #444;}
.font_light{font-weight: 300}
.mustbe_white{color: #fff !important;}
.i_pink_font{color:#ec1c52!important;}
.i_orange_font{color:#f58220!important;}
.i_green_font{color:#72bf44!important;}
.i_blue_font{color: #002457!important;}
.i_lightblue_font{color:#0094C9!important;}
.block_heading.i_blue{background:#002457!important;}
.block_heading.i_pink{background:#ec1c52!important;}
.block_heading.i_orange{background:#f58220!important;}
.block_heading.i_green{background:#72bf44!important;}
.block_heading.i_lightblue{background:#0094C9!important;}
.block_heading.i_blue{background:#002457!important;}
.large_subtitle {
line-height: 1.4;
font-size: 2.5em;

margin-bottom: 20px;
}
.large_p {
font-size: 1em;

}
.sphere_side_title {
  margin: 20px 0 30px 0
}
.col_wrapper p {
letter-spacing: 0;
line-height: 1.6;
}
.col_title {
font-weight: 700;
font-size: 1.8em;
margin-top: 40px; 
}
.orange_border {
background-color: #F58220;
height: 10px;
width: 100%;
}
.lightblue_border {
background-color: #0094c9;
height: 10px;
width: 100%;
}
.ingredients {margin-top: 60px;}
.ingredients_list {
margin: 10px 0 30px 0;


}
.ingredients_list li {
margin: 5px 0;
font-size: 2em;
}
.ingredients_list li .num {
font-weight: 700;
color: #F58220;
font-size: 1.5em;
margin-right: 5px;
}
.startup_ico_list {
margin: 30px auto;
text-align: center;
}
.startup_ico_list li {
width: 80px;
display: inline-block;
height: 80px;
border: 5px solid #F58220;
border-radius: 50%;
margin: 0 5px;
}
.startup_ico_list li span{
font-size: 40px;
color: #aaa;
}
.startup_ico_list li span:before {
line-height: 80px;
}
.vertical_bottom{
vertical-align: bottom;
}

.pannel_section {
margin-left: -15px;
margin-right: -15px;
}
.pannel_1,.pannel_2 {
width: 100%;
padding: 10px 15px;
display: block;
}





@media only screen and (min-width: 480px){
.startup_ico_list li {
  width: 120px;
  height: 120px; 
}
.startup_ico_list li span{
  font-size: 60px;
}
}
@media only screen and (min-width: 768px){
.pannel_1 {
  display: inline-block;
  width: 40%;
  padding: 00px 15px;
}
.pannel_2 {
  display: inline-block;
  vertical-align: bottom;
  width: 60%;
  padding: 00px 15px;
}
.border_bot_orange {
  border-bottom: 10px solid #F58220;
}
}
/*------Page Styles------- */
  
.product_title_wrap {
padding: 0;
display: block;
width: auto;
position: relative;
border-bottom: 4px solid;

}

.title_category_label {
display: inline-block;
max-height: 60px;
width: auto;
}
.product_title {
width: auto;
margin: 0 0;
font-size: 2em;
font-weight: 400;

}

.product_sub_title {
font-size: 2em;
line-height: 1.3;
margin: 20px 0;

}
.key_feature_list {
margin: 20px 0 20px 0;
padding: 0;
}
.key_feature_list li {
font-size: 1.1em;
font-weight: 400;
line-height: 1.5;
margin: 0 0 5px 0;

}
.key_feature_list li .bullet_text {
font-size: 1.2em;
}
.ingredients_wrapper {
border-left: 5px solid;
}
.inline {}
.product_icons_wrapper .product_icons {
margin: 10px auto;
width: 100%;
text-align: center;
padding: 0;
}
.icon_modal_bt {
outline: 0;
border: 0;
color: #aaa;
font-weight: 400;
font-size: 1.2em;
border: 1px solid #fff;
border-bottom: 1px solid #aaa;
background: transparent;
padding: 2px 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.icon_modal_bt:hover {
border: 1px solid #aaa;
}
.product_icons_wrapper_inline .product_icons {
width: inherit;
margin: 0;
}
.product_icons_wrapper_inline{
max-width: 300px;
display: inline-block;
margin-right: 20px;
}
.product_icons_wrapper_inline .product_icons {
text-align: left;
}

.all_products_icons .product_icons {
text-align: center;
}
.product_icons_wrapper .product_icons li{
display: inline-block;
padding: 2px 2px;
width: 14%;
max-width: 50px;
margin: 5px 0;
text-align: center;
}
.product_icons_wrapper_inline .product_icons li {
width: 60px;
}
.product_icons_wrapper .product_icons .product_ico {
width: auto;
max-width: 100%;
max-height: 40px;
height: auto;
}

@media only screen and (min-width: 1000px){
.lg_itemdetail_spacer {
  padding-left: 50px;
}
}
@media only screen and (min-width: 768px){
.icon_modal_title {
  font-size: 2em;
  font-weight: 700;
  text-transform: uppercase;
}
}
.modal_icon_heading {
font-weight: 400 !important;
font-size: 1.2em;
color: #222 !important;
text-align: center;
}
.inline_product_code {
display: inline-block; 
}
.im_icon {
text-align: center;
max-width: 80px;
}
.im_icon_wrapper {
background: rgba(255,255,255,0.2);
padding: 20px;
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 auto;
}
.icon_content_wrapper {
margin: 20px 0;
}

.downline_close_modal {
top: 20px;
position: absolute;
right: 20px;
color: #0094c9;
font-size: 1em;
}
.downline_close_modal:hover {
color: #0094c9;
}
.modal-header.modal_nav_header {
display: block;
position: relative;
padding: 20px 15px;
margin: 0 1px -1px 1px;
}
.modal-header {
background: #fff;
}
.modal-header .close {
top: 20px; 
opacity: 1; 
display: block;
right: 15px;
position: absolute;
margin-bottom: 0;
}
.modal-header .close span:before {
top: 0;
color: #0094c9;
text-shadow: none;
font-size: 0.6em;
margin-bottom: 5px;
opacity: 1;
display: block;
}
.icon_meaning_modal .modal-content {
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
background: #fff;
margin: 0 auto;
}
.product_wrapper h4.inline_product_code {
text-align: left;
}
.all_products_icons .product_icons .product_ico {
max-width: 30px;
}
.ap_product_title {
text-align: center;
}
.ap_cat_name {
text-align: center;
margin: 0 auto;
padding: 3px 10px;
width: auto;
color: #fff;
 
}
.bold_product_points h4 {
margin: 0;
font-size: 1.2em;
line-height: 1.5;
}
.bold_product_points h4 a {
display: inline-block;
font-size: 1em;
}
.bold_product_points h4 b {
font-size: 1em;
font-weight: 400;
}
.bold_product_points h4 i {
font-size: 1em;
font-style: normal;
font-weight: 400;
color: #222;
margin-left: 5px;
}
.bold_product_points p {
padding-top: 0;
margin: 0;
float: right;
padding-bottom: 0;

}
.bold_product_points {
margin: 0 0;
}
.ep_info_wrapper {
margin-top: 15px;
}
.product_block {
margin: 20px 0;
text-align: center;
}
.product_block .image img {
max-height: 300px;
width: auto;
max-width: 100%;
height: auto;
}
.disclaimer_wrapper {
margin: 20px 0 0 0;
width: 98%;
max-width: 816px;
text-align: left;
}
.disclaimer_wrapper.lg_only{
max-width: 600px;
}
.bold_disclaimer {
padding-bottom: 0;
margin-bottom: 0;
color: #666;
margin-bottom: 5px;
}
.bold_disclaimer b {
font-weight: 700;
color: #444;

}
.disclaimer {
color: #aaa;
font-size: 0.8em;
line-height: 1.3;
}
.product_wrapper h4 {
font-weight: 400;
}

.wcWeightManagement .bullet {background: #f58220;}
.wcNew .bullet { background: #CF000F }
.wcColostrum .bullet,
.wcAlphaLipid .bullet {background:#0094c9 ;}
.wcCleaning .bullet,
.wcHome .bullet,
.wcTools .bullet
{background:#44B39D ;}
.wcAutomotive .bullet {background:#5A5A5A;}
.wcNutrition .bullet {background:#72bf44 ;}
.wcNew .bullet {
    background: #CF000F;
}
.wcTools .bullet {
    background: #44B39D;
}
.wcPersonal .bullet {background: #Ec1c52;}
.wcWeightManagement h4{ color:#f58220;}
.wcColostrum h4, .wcAlphaLipid h4{ color:#0094c9;}
.wcNutrition h4{ color:#72bf44;}
.wcNew h4 {
    color: #CF000F;
}
.wcTools h4 {
    color: #44B39D;
}
.wcPersonal h4{ color:#Ec1c52;}
.wcWeightManagement .product_title,
.wcWeightManagement .product_type_title
{color:#f58220 ;}
.wcColostrum .product_title,
.wcColostrum .product_type_title,
.wcAlphaLipid .product_title,
.wcAlphaLipid .product_type_title
{color: #0094c9;}

.wcNutrition .product_title,
.wcNutrition .product_type_title
{color: #72bf44;}

.wcTools .product_title,
.wcTools .product_type_title {
    color: #44B39D;
}

.wcNew .product_title,
.wcNew .product_type_title {
    color: #CF000F;
}

.wcPersonal .product_title,
.wcPersonal .product_type_title
{color: #Ec1c52;}
.wcWeightManagement .product_sub_title {color:#f58220;}

.wcColostrum .product_sub_title,
.wcAlphaLipid .product_sub_title
{color: #0094c9;}
.wcNutrition .product_title_wrap {border-color: #72bf44;}
.wcNutrition .product_sub_title {color: #72bf44;}
.wcPersonal .product_sub_title {color: #Ec1c52;}
.wcPersonal.product_title_wrap {border-color: #ec1c52;}
.wcWeightManagement .product_title_wrap { border-color:#f58220;}

.wcNew .product_title_wrap {
    border-color: #CF000F;
}

.wcNew .product_sub_title {
    color: #CF000F;
}

.wcTools .product_title_wrap {
    border-color: #44B39D;
}

.wcTools .product_sub_title {
    color: #44B39D;
}


.wcColostrum .product_title_wrap,
.wcAlphaLipid .product_title_wrap{ border-color: #0094c9;}
.wcNutrition .product_title_wrap {
    border-color: #72bf44;
}
.wcNew .product_title_wrap {
    border-color: #CF000F;
}
.wcTools .product_title_wrap {
    border-color: #44B39D;
}
.wcPersonal .product_title_wrap { border-color: #Ec1c52;}
.wcHome .product_title_wrap,
.wcCleaning .product_title_wrap{ border-color: #44B39D;}
.wcAutomotive .product_title_wrap,
.wcEnvironmental .product_title_wrap { border-color: #5a5a5a;}
.wcWeightManagement .ingredients_wrapper{ border-color:#f58220 }
.wcColostrum .ingredients_wrapper,
.wcAlphaLipid .ingredients_wrapper,
.wcColostrum .product_title_wrap
{ border-color:#0094c9 }

.wcNutrition .ingredients_wrapper{ border-color: #72bf44}
.wcNew .ingredients_wrapper {
    border-color: #CF000F
}
.wcTools .ingredients_wrapper {
    border-color: #44B39D
}
.wcPersonal .ingredients_wrapper{ border-color:#Ec1c52 }
.wcCleaning .ingredients_wrapper,
.wcHome .ingredients_wrapper,
.wcHome .product_title_wrap,
.wctools .ingredients_wrapper,
.wctools .product_title_wrap
{ border-color:#44B39D }
.wcAutomotive .ingredients_wrapper,
.wcEnvironmental{ border-color:#5A5A5A }
.ingredient_list {
margin: 10px 0 10px 10px;
padding-left: 5px;
}
.category_box {
display: block;
padding: 5px 20px;
color: #fff;
font-size: 1.5em;
font-weight: 400;
margin: 24px 0;
float: none;
vertical-align: text-bottom;
border: 0;
outline: 0;
}
.category_box:hover {
color: #fff;
}
.wcColostrum .category_box,
.wcAlphaLipid .category_box { background: #0094c9; }
.wcNutrition .category_box { background:#72bf44; }
.wcWeightManagement .category_box { background:#f58220; }
.wcPersonal .category_box { background:#ec1c52; }
.wcCleaning .category_box, 
.wcHome .category_box, 
.wcTools .category_box
{ background:#44B39D; }

.wcNew .category_box {
    background: #CF000F;
}


.wcAutomotive .category_box, .wcEnvironmental .category_box { background: #5A5A5A; }
.wcColostrum .product_title, .wcAlphaLipid .product_title{ color: #0094c9; }

.wcNutrition .product_title { color:#72bf44; }
.wcNew .product_title {
    color: #CF000F;
}
.wcTools .product_title {
    color: #44B39D;
}
.wcWeightManagement .product_title { color:#f58220; }
.wcPersonal .product_title { color:#ec1c52; }
.wcCleaning .product_title, .wcTools .product_title,
.wcHome .product_title
{ color:#44B39D; }
.wcAutomotive .product_title,
.wcEnvironmental .product_title
{ color: #5A5A5A; }
.related_products .product_thumb {
margin-bottom: 10px;
}
.related_products .product_category {
margin-bottom: 20px auto;
display: block;
float: none;
}
.rp_box_border {
height: 4px;
width: 100%;

}

.related_products {padding: 80px 0;}
.related_products .product_block {margin: 30px 0;}
#rel_products {padding: 20px 0;}
.rp_block.product_block {
padding: 0 0;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;
background: #fff !important;
vertical-align: bottom;
display: inline-block;
width: 100%;
}
.rp_block_wrapper {
vertical-align: bottom;
display: inline-block;
float: none;
}
.rp_box {background: #fff !important;}
.rp_box li {padding: 6px 0;}
.rp_box p {margin-bottom: 0;padding-bottom: 0;}
.green .rp_box_title {background: #72bf44}
.pink .rp_box_title {background: #ec1c52}
.lightblue .rp_box_title {background: #0094c9}
.orange .rp_box_title {background: #f58220}
.green .rp_box_cat {border-color: #72bf44; color: #72bf44;}
.pink .rp_box_cat {border-color: #ec1c52; color: #ec1c52;}
.lightblue .rp_box_cat {border-color: #0094c9; color: #0094c9;}
.orange .rp_box_cat {border-color: #f58220; color: #f58220;}
.rp_box_title {
display: block;
color: #fff;
}
.ap_product_title {
margin: 0;
}
.rp_box_cat {
color: red;
border: 2px solid;
}
.cbp-af-header-shrink .navbar-nav > li > a {
margin-top: 0;
margin-bottom: 0;
}
@media only screen  and (min-width:420px){
.category_box {
  font-size: 1.2em;
  padding: 20px 10px;
}
}
.ingredient_list li {
margin: 0 0;
font-weight: 400;
color: #222;
font-size: 1.2em;
}
section.products_page {
padding: 0 0;
}
.product_wrapper h4.product_code {
color: #888;

text-align: center;

}
.product_wrapper h4.inline_product_code {
text-align: left;
vertical-align: middle;
line-height: 1.2;
margin: 0;
}
.bullet_list {
list-style: none;
}
.bullet_list::before {
content: "\f10b";
font-family: 'icomoon';
position: relative;
font-size: 6px;
border-radius: 50%;
position: absolute;
left: 0;
margin-top: 4px;
margin-right: 5px;

}
.bullet_list {
position: relative;
padding-left: 12px;
padding-bottom: 5px;
line-height: 1.5;
font-size: 1.2em;
}
.bullet {
width: 6px; 
height: 6px;
border-radius: 50%;
background-color: #0094c9;
margin: 8px 5px 5px 0;
line-height: 1.5;
vertical-align: text-top;
float: left;
}
.bullet_text {
vertical-align: text-top;
margin-left: 10px;
}
.product_title { 
font-size: 2.5em;
}
.product_type_title {
font-size: 1.5em;
margin: 5px 0;
}
.product_img {
max-width: 100%;
margin: 30px auto 0 auto;
height: auto;
width: auto;
text-align: center;
}
.product_img_single {
max-height: 400px;
width: auto;
max-width: 100%;
height: auto;
margin-top: 0;
}
.programme_alt_img {
width: 100%;
height: auto;
max-width: 600px;
margin: 10px 0;
}
.programme_product_section {
padding: 50px 0 0 0;
overflow: hidden;
}

.product_img_wrapper {
text-align: center;
}
.product_title {
margin: 10px 0 10px 0;
}
.programme_main_img {
 min-height: 500px!important;
 width: auto;
 height: auto;
 left: 0;
 max-width: 100%;
 top: 0;
 max-height: 600px;
 margin: 0;
}
.programme_side_img_wrapper {
position: relative;
height: 100%;
}
@media only screen and (max-width: 767px){
.disclaimer_wrapper {
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}
.product_title {
  margin: 10px 15px 10px 15px;
}
.single_product {padding: 0 0;}
.programme_main_img,.programme_same {
 min-height: 500px!important;
}
.rp_block.product_block {
  padding: 20px 0;
}
.product_img_single {
  margin-top: 20px;
}
.category_box {
  margin: 0 0 0 0;    
}
.product_img_wrapper {
  padding-right: 0;
  padding-left: 0;
}
}
.right {
float: right;
} 
@media only screen and (min-width: 768px){
.left_desktop {float: left;}
.right_desktop{ float: right;  }
.category_box {
  display: block;
  padding: 5px 20px;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  margin-right: 200px;
  margin: 00px auto 0 auto;
  float: none;
  position: absolute;
  bottom: 0;
  right: 0;
  vertical-align: text-bottom;
}

 .product_title {
  width: auto;
  margin: 0 0 15px 0;
  display: inline-block;
  font-size: 2em;    
  line-height: 1;
  
}
.programme_grid .product_title {
    margin-right: 0 !important;
    width: 100%;
   padding-bottom: 5px;
}
.product_title sup {
  font-size: 0.25em;
  top: 0.6em;
  vertical-align: text-top;
}
}
@media only screen and (min-width: 768px){
.programme_main_img {
   position: absolute;
   min-height: auto !important;
   left: 0;
   max-width: none;
   top: 0;
   max-height: 100%;
   margin: 0;
}
.programme_overlay {
  background: rgba(255,255,255,0.9);
}
}
.pdf_title {
color: #0094c9;
margin-bottom: 15px;

}
.pdf_box_wrapper {
margin: 40px 0;
}
.pdf_thumb_wrapper {
margin: 0 0 30px 0;
padding: 10px 0;
display: block;
vertical-align: text-bottom;
position: relative;
}
.pdf_title_wrapper  {
padding: 0 0;
vertical-align: text-top;
}
.pdf_thumb {

}
.pdf_thumb_wrapper:hover .pdf_thumb {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border: 1px solid #0094c9;
opacity: 1;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.09);
-moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.09);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.09);
}
.pdf_thumb_wrapper .pdf_thumb {
border: 1px solid rgba(0,0,0,0.05);
margin: 10px 0;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
opacity: 0.95;
}
.dl_pdf_bt {
padding: 3px 12px;
outline: 0;
border-radius: 0;
background-color: #fff;
color: #002457;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: inline-block;
}
.dl_pdf_bt:hover {
color: #fff;
background-color: #002457;
}
.pdf_ico {
color: #002457;
font-size: 1.8em;
vertical-align: middle
}
.dl_pdf_bt:hover .pdf_ico {
color: red;
font-size: 1.8em;
vertical-align: middle;
}
.read_pdf {
color: #0094c9;

font-style: italic;
padding: 11px 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-align: right;
display: inline-block;
margin: 0 0 0 2px;
}
.read_pdf:hover {
background-color: #0094c9;
color: #fff;
}
.single_headline {
color: #0094c9;
margin-top: 0;

letter-spacing: 1px;
}
.hl_hero {
margin-top: 20px;
}
.sidebar_thumb_wrapper {
margin: 10px 0;
}
.pdf_bt_wrapper {
display: block;
}







.facebook {
background: #3b5998;
}
.twitter {
background: #00aced;
}
.youtube {
background: #bb0000;
}
.pinterest {
background: #cb2027;
}


/*-----------footer-----------*/

footer {
padding: 30px 0;
color: #fff;
overflow: hidden;
position: relative;
text-align: center;

}
.social_navigation ul {
text-align: center;
width: 100%;
padding: 10px 0;
margin: 10px 0;
}
.social_navigation li {
display: inline-block;
margin: 5px 5px 0 0;
}
.social_navigation li a {
padding: 10px;
display: block;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social_navigation li a:hover {
opacity: 0.9;
}
.social_navigation a span:before {
font-size: 18px; 
}
.footer_logos_wrapper {
margin-bottom: 30px;
}
.dsa_wrapper {
text-align: left;
margin-bottom: 10px;
}
.footer_logo {
max-height: 60px;
width: auto;
max-width: 100%;
height: auto;
text-align: left;
}


.footer_logo_wrapper {
margin-bottom: 20px;
text-align: left;
}
footer .footer_contact_details li span::before {
float: none;
}

footer .footer_contact_details li {
text-align: center;
}
@media only screen and (min-width: 768px){
footer {
  text-align: left;
}
.social_navigation ul {
    text-align: left;
}
.footer_logo {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: 0;
  max-height: 60px;
}
.footer_logo.dsa {
  max-height: 40px;
  margin-top: 20px;
}
.footer_logo.nig_footer_logo {
  max-height: 30px;
  margin-top: 10px;
}
footer .footer_contact_details li span::before {
  float: left;
}
footer .footer_contact_details li {
  text-align: left;
}
.dsa {
  margin: 10px 0;
}
.dsa_wrapper { 
  text-align: left;
}
}

.footer_contact_details{ 
margin: 0 0 15px 0;
}
.footer_contact_details li {
display: block;
padding: 0 0;
clear: both;
line-height: 1.5;
}
.footer_contact_details li span:before {
font-size: 1.1em;
opacity: 1;
color: #fff;
display: inline-block;
float: left;
vertical-align: middle;
margin: 0 10px 10px 0;

}
.footer_site_map_menu {
margin: 20px 0 0 0;
}
.footer_site_map_menu li {
display: inline-block;
padding: 15px 15px 5px 0;
}
.footer-border {
height: 4px;
}
.flag_contact_menu li {
padding: 5px 0 10px 10px;
display: inline-block;
}
.footer_site_menu {
text-align: left;
}
.footer_site_menu li{
margin: 4px 0 15px 0;
text-align: center;
font-size: 1.5em;
}
.footer_site_menu a {
line-height: 1.5;
margin: 6px 0;
}
.footer_flag {
max-width: 50px;
width: 100%;
height: auto;
margin-right: 5px;
opacity: 0.95;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flag_contact_menu li:hover img {
opacity: 1;
}
.flag_contact_menu li a .country_label {
opacity: 0.8;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flag_contact_menu li a:hover .country_label {
opacity: 1;
}
.footer_headings {
font-size: 1.8em;
margin-bottom: 10px;
padding-bottom: 5px;
display: table;
padding-right: 4px;
}
@media only screen and (max-width:767px){
.footer_headings {
  margin: 30px auto;
  text-align: center;
  display: block;
}
.footer_sm_menu {
  width: 100%;
}
} 

.footer_sm_menu li {
display: inline-block;
margin-right: 15px;
vertical-align: text-bottom;
}
.footer_sm_menu li .footer_social_ico {
font-size: 2em;
color: rgba(250,250,250,0.8);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
padding-top: 0.1em;
}
.footer_sm_menu li .footer_social_ico:hover {
color: rgba(250,250,250,1);
font-size: 2.1em;
padding-bottom: 0.1em;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.flag_contact_menu {
text-align: left; 
}
.flag_contact_menu li {
text-align: left;
margin: 10px auto;
display: block; 
}
.flag_contact_menu li .country_label {
font-size: 1.5em;
margin-left: 10px;
text-align: left;
}
.flag_contact_menu li span img {
  width: 45px;
  height: auto;
  max-width: none;
  margin-right: 10px;
}
.footer_contact_details li a{
  font-size: 1.2em;
}
.footer_logo_wrapper {
width: 100%;
}
@media only screen and (min-width: 510px){
.flag_contact_menu li span img {
  width: 30px;
  margin-right: 10px;
}
.footer_site_map_menu {
margin: 0 0 0 0;
}
.footer_contact_menu {
  text-align: left;
}
.flag_contact_menu li {
  min-width: 46%;
  text-align: left;
}
.flag_contact_menu li .country_label {
  font-size: 1.1em;
  margin-left: 10px;
}
.footer_site_menu li{
  font-size: 1em;
  text-align: center;
}
.footer_contact_details{
  margin-bottom: 40px;
}
.footer_contact_details li a{
  font-size: 1em;
}
.footer_site_menu li{
  font-size: 1em;
  text-align: left;
  display: inline-block;
  padding-left: 0;
  width: 45%;
  padding-right: 10px;
  vertical-align: text-top;
  margin-right: 0;
}

}
@media only screen and (min-width: 600px) {
.flag_contact_menu li span img {
  width: 35px;
}
.footer_site_menu {
  margin-top: 30px;
  text-align: left;
}

.footer_site_menu li a {
  font-size: 1em;
}
.footer_contact_details li {
  text-align: left;
  margin: 0;
  padding: 3px 0;
  font-size: 1em;
}
.footer_contact_details li a{
  text-align: center;
  padding: 3px 0;
  font-size: 1.1em;
  display: block;
}
.footer_contact_details{
  margin-bottom: 50px;
}
footer .footer_contact_details li span::before {
  font-size: 2em;
  margin-right: 7px;
}

}
@media only screen and (min-width: 768px) {
.flag_contact_menu li {
  padding: 5px 0 10px 0;
  display: inline-block;
  text-align: left;
  min-width: 10%;
  width: inherit;
}
.footer_headings {
  text-align: left;
}
footer .footer_contact_details li span::before {
  font-size: 1.2em;
  margin-right: 5px;
}
.footer_contact_details li a{
  padding: 2px 0;
  font-size: 1em;
  display: block;
}
.footer_site_menu li {
  text-align: left;
  width: 100%;
  font-size: 0.9em;
}
.footer_site_menu li a {
  font-size: 1em;
}
.flag_contact_menu li .country_label {
  font-size: 1em;
}
.flag_contact_menu li span { 
  display: inline-block;
}
.flag_contact_menu li span img {
  width: 20px;
  margin-right: 0;
}
.country_label {
  display: block;
  padding-right: 10px;
}
.flag_contact_menu li {
  padding: 5px 10px 5px 0;
  display: inline-block;
  text-align: left;

}

}
@media only screen and (min-width: 900px){
.flag_contact_menu li {
  min-width: 23%;
}
.footer_site_menu li {
  width: 45%;
}
}
/* -----------Home contact form-----------*/
.contact_form_wrapper {
margin: 0 auto;
width: 100%;

}

.green_form_control, .lightblue_form_control, .form_section{
background: #fff;
margin: 10px 0;
padding: 20px 20px;
}
.green_form_control, .lightblue_form_control {
-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
}

.contact_section_intro {
padding: 50px 15px 20px 15px;
}
.contact_bg {
position: relative;
}
.contact_bg_backdrop {
background: #fff;
opacity: 1;
width: 100%;
height: auto;
padding: 50px 0;
color: #fff;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.contact_bg {
position: relative;
}
.contact_bg_backdrop {
background: #fff;
opacity: 1;
width: 100%;
height: auto;
padding: 50px 0;
color: #fff;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.contact_content {
position: relative;
z-index: 2;
color: #0094c9;
}
.contact_content h1 {
font-size: 2.5em;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
margin-top: 30px;
}
.form_label {
text-align: left;
font-weight: 400;
font-size: 1.2em;
display: block;
color: #0094c9;
}

.copy_max {
max-width: 800px;
width: 100%;
margin: 0 auto;
}

.newsletter_form_wrapper .ajax-loader,
.contact_form_wrapper .ajax-loader {
max-width: 50px;
display: block;
}
.contact_recaptcha {
background-color: transparent;
border: 0;
outline: 0;
width: 100%!important;
padding: 0;
}
.contact_recaptcha > div {width: 100% !important;}
.contact_recaptcha > div > div > iframe {width: 100% !important}
.rc-anchor-compact {width: 100%;}
.contact_form_flag_wrapper {
text-align: center;
margin-bottom: 50px;
}
.contact_form_flag_wrapper .flag_contact_menu li {
display: inline-block;
padding: 15px 10px 15px 0;
width: inherit;
min-width: 23%;
vertical-align: middle;
}
.contact_form_flag_wrapper .flag_contact_menu li .country_label {
display: inline-block;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.contact_form_flag_wrapper .flag_contact_menu li span {
display: inline-block;
float: left;
}
.contact_form_flag_wrapper img {
width: 50px;
}
.contact_flag_heading {
font-size: 2em;
}
@media only screen and (min-width: 768px) {
.contact_form_flag_wrapper .flag_contact_menu li {
  margin-right: 40px;
  min-width: 100px;
}
.footer_flag{
  max-width: 60px;
  height: auto;
}
}
.contact_map_square {
width: 100%;
height: 150px;
max-height: 300px;
}
.contact_bg .contact_details li {
padding: 3px 0;
display: inline-block;
}
.contact_bg .contact_details .contact_ico::before {
font-size: 0.9em;
margin-right: 10px;

}
.contact_bg .contact_details li  {
display: block;
}


/*------------Tooltips ------------*/
.custom_tooltip {
display: inline;
position: relative;
z-index: 999;
}

/* Trigger text */

.custom_tooltip-item {
color: #002457;
cursor: pointer;
display: inline-block;

padding: 5px 5px 5px 0;
font-size: 1.2em;
background: rgba(255,255,255,0);
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-ms-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
font-style: italic;
}
.custom_tooltip-item:hover {
background: rgba(0,148,201,1);
color: #fff;
padding: 5px 10px;
font-style: normal;
letter-spacing: 1px;
}
/* Gap filler */

.custom_tooltip-item::after {
content: '';
position: absolute;
width: 360px;
height: 20px;
bottom: 100%;
left: 50%;
pointer-events: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.custom_tooltip:hover .custom_tooltip-item::after {
pointer-events: auto;
}

/* custom_Tooltip */

.custom_tooltip-content {
position: absolute;
z-index: 9999;
width: 360px;
left: 50%;
margin: 0 0 20px -180px;
bottom: 100%;
text-align: left;
font-size: 1em;
line-height: 1.7;
box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
background: #0094C9;
opacity: 0;
cursor: default;
pointer-events: none;
}

.custom_tooltip-effect-1 .custom_tooltip-content {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}

.custom_tooltip-effect-2 .custom_tooltip-content {
-webkit-transform-origin: 50% calc(100% + 10px);
transform-origin: 50% calc(100% + 10px);
-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
transform: perspective(1000px) rotate3d(1,0,0,45deg);
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
}

.custom_tooltip-effect-3 .custom_tooltip-content {
-webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}

.custom_tooltip-effect-4 .custom_tooltip-content {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale3d(0.7,0.3,1);
transform: scale3d(0.7,0.3,1);
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
}

.custom_tooltip-effect-5 .custom_tooltip-content {
width: 180px;
margin-left: -90px;
-webkit-transform-origin: 50% calc(100% + 6em);
transform-origin: 50% calc(100% + 6em);
-webkit-transform: rotate3d(0,0,1,15deg);
transform: rotate3d(0,0,1,15deg);
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
-webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
}

.custom_tooltip:hover .custom_tooltip-content {
pointer-events: auto;
opacity: 1;
-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.custom_tooltip.custom_tooltip-effect-2:hover .custom_tooltip-content {
-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
transform: perspective(1000px) rotate3d(1,0,0,0deg);
}

/* Arrow */

.custom_tooltip-content::after {
content: '';
top: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #0094c9;
border-width: 10px;
padding-top: 10px;
margin-left: -10px;
}

/* custom_Tooltip content*/

.custom_tooltip-content img {
position: relative;
height: 120px;
display: block;
float: left;
margin-right: 1em;
margin-top: 2em;
margin-bottom: 1em;
width: auto;
margin-left: 0
}

.custom_tooltip-text {
font-size: 0.95em;
line-height: 1.35;
display: block;
padding: 20px 10px;
color: #fff;
}

.custom_tooltip-effect-5 .custom_tooltip-text {
padding: 1.4em;
}

.custom_tooltip-text a {
font-weight: bold;
}
.soc_heading {

padding: 0 0 40px 0;
}
.respond_float_left {
width: 100%;
}
@media only screen and (min-width: 600px){
.respond_float_left {
  width: 40%;
  float: left;
  max-width: 450px;
  height: auto;
  margin-right: 30px;
}
}
.product_thumb {
max-height: 250px;
max-width: 100%;
width: auto;
margin: 15px auto;
display: block
}
.rp_img {
width: auto;
max-width: 100%;
max-height: 120px;
}
/* -----------Tooltips ends-----------*/







/* -----------filter tools----------- */
.product_nav_section {
background: #fff;
padding: 0 0 0 0;
z-index: 9;
text-align: center;
}
/*@media only screen and (max-width:768px){
.simplefilter_nav {
  padding: 70px 0 20 0;
  position: relative !important;
}
}*/
.simplefilter_nav {margin: 0;}
.simplefilter_nav li {
display: inline-block;
margin: 0 0 0 0;
vertical-align: middle;
width:50%;
}
.simplefilter_nav li:first-child {
  display: inline-block;
  margin: 0 0 0 0;
  vertical-align: middle;
  width:100%;
}
.simplefilter_nav li a {
padding: 10px 10px;
color: #fff;
display: inline-block;
width: 100%;
}
.simplefilter_nav li:hover {
cursor: pointer;
}
@media only screen and (min-width: 650px){
.simplefilter_nav li {
  width:25%;
}
.simplefilter_nav li:first-child {
  display: inline-block;
  margin: 0 0 0 0;
  vertical-align: middle;
  width:100%;
}
}
@media only screen and (min-width: 800px){ 
.simplefilter_nav li {
  display: inline-block;
  margin: 0 0 0 0;
  vertical-align: middle;
  width:20%;
}
.simplefilter_nav li:first-child{width: 20%}
}
/* ---------filter tools end--------- */
/* map styling iw */
.office_iw .office_heading {

font-size: 1.5em;
width: 90%;
margin: 10px 0 10px 0;
line-height: 1.5;
}
.gm-style-iw > div:nth-child(1)  {
overflow-y: hidden !important;
}
.office_iw .office_heading_flag_ico {
max-height: 2em;
width: 3em;  
margin-right: 7px;
max-width: 4em;
outline: 1px solid rgba(0,0,0,0.05);
float: left;
}
.office_iw .contact_ico {
font-size: 1.2em;
vertical-align: middle;
margin-right: 5px;
color: #0094c9;
}
.office_iw .office_photo {
margin: 10px 0;
}
.gm-style-iw > div:nth-child(1) {
max-width: 100% !important;
width: 100% !important;
}
.gm-style div > div > div > div > div > div > div > div {
background-color: #002457 !important;
}
.gm-style .gm-style-iw {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 200px;
display: block !important;
min-width: 300px !important;
max-width: 400px !important;
padding: 0 !important;
overflow-y: auto;
overflow-x: hidden;
}   
@media only screen and (min-width: 768px){
.gm-style {
  background-color: #fff !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 40vh !important;
  display: block !important;
  min-width: 400px !important;
}   
}
.gm-style .gm-style-iw {
background: #fff !important
}
.gm-style .gm-style-iw .office_wrapper{
background-color: #fff !important;
color: #002457!important;
position: relative;
padding: 0;
}
.gm-style .gm-style-iw ul {
padding: 0;
margin: 0;
width: 100%;
}
.gm-style .gm-style-iw ul li {
padding: 5px 15px 5px 0; ;
display: inline-block;
}
.gm-style .office_wrapper .office_iw_container {
padding: 0 15px;
background-color: #fff !important;
position: relative;
}

/* event - recent events */
.feat_event_title {
font-size: 1.6em;


}
/* event banner */

.event_banner {
position: relative;
overflow: hidden;
height: 100vh;
padding: 0;
background: #002457
}
.banner_content {
position: absolute;
top: 200px;
left: 20px;
color: #fff;
z-index: 101;
}
.event_highlight_title{
font-size: 3em;
color: #999;
}
#world {
top: 0;
z-index: 100 !important;
background: transparent;
position: absolute;
}







/* Events on the Dashboard Event Card */
.event_cards {
background: #fff;
border: 0;  
padding: 15px 0;
margin-bottom: 20px;
}
.event_cards .sphere {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  text-align: center;
  float: left;
  background: #000;
  color: #fff;
  margin-right: 30px;
  padding-top: 15px;
  margin-left: -1px;

}
.upcoming_events_filter {
color: #fff;
font-size: 2em;
}
.upcoming_events_filter h4 {
margin: 20px 0;
font-weight: 900;
}
.filter_type_heading {
margin-top: 0;
}
.upcoming_events_filter ul h4
.upcoming_events_filter ul li {
margin: 3px 0;
}
.upcoming_events_filter ul li a {
font-size: 1.2em;
}
.upcoming_events_filter ul li a:hover {
color: #ededed;
}
.event_cards .event_filter {
bottom: 0 0 10px 0;
padding: 15px 0;
}
.event_cards .event_filter:nth-child(5n + 1) .sphere {
background: #0094C9;
}
.event_cards .event_filter:nth-child(5n + 2) .sphere{
background: #F58220;
}
.event_cards .event_filter:nth-child(5n + 3) .sphere{
background: #72bf44;
}
.event_cards .event_filter:nth-child(5n + 4) .sphere {
background: #ec1c52;
}
.event_cards .event_filter:nth-child(5n + 5) .sphere {
background: #002457;
}
.event_cards .event_filter:nth-child(5n + 1) .event_card_content h3 {
color: #0094C9;
}
.event_cards .event_filter:nth-child(5n + 2) .event_card_content h3 {
color: #F58220;
}
.event_cards .event_filter:nth-child(5n + 3) .event_card_content h3 {
color: #72bf44;
}
.event_cards .event_filter:nth-child(5n + 4) .event_card_content h3 {
color: #ec1c52;
}
.event_cards .event_filter:nth-child(5n + 5) .event_card_content h3 {
color: #002457;
}

.price_label span:before {
font-size: 1.5em;
margin-right: 4px;
}
.event_cards .sphere i,
.event_cards .sphere b {
text-transform: uppercase;
color: #fff;
line-height: 1;
}
.event_cards .sphere i {
font-style: normal;
font-size: 20px;
letter-spacing: 5px; 
display: block;
}
.event_cards .sphere b {
font-size: 15px;
}

.event_card_content p {
padding-bottom: 0;
color: #222;
}
.upcoming_events_filter .event_card_content a:hover {
color: #002457;
}
.event_card_content h3 {
font-size: 1.5em;
margin-bottom: 5px;
margin-top: 15px;
}
@media only screen and (min-width: 1200px){
.event_card_content a.em1 { 
    display: inline-block;
} 
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
.event_card_content .event_title {
  font-size: 1.3em;
}
.event_card_content {
  max-height: 75px;
}
.event_card_content a.em1 {
  padding: 1px 10px 1px 0;
  background: #f1f1f1;
  display: inline-block;
  float: right;
  position: absolute;
  top: 30px;
  right: 10px;
}
.event_card_content p {
  font-size: 1em;
}
}

@media only screen and (max-width: 767px){
.upcoming_events {position: relative;}
.upcoming_events_filter ul {
  margin-top: 20px;
}
.event_cards .sphere {
  height: 100%;
  width: 100%;
  border-radius: 0;
  text-align: center;
  float: none;
  color: #fff;
  margin-right: 0;
  padding-top: 20px;
  margin-left: 0;
}
.event_cards .event_filter a.em1 {
  padding: 7px 20px;
  border: 1px solid;
  display: block;
  color: #fff;
  margin: 10px auto;
  max-width: 140px;
}
.event_cards .event_filter a.em1:hover,
.event_cards .event_filter a.em1:focus {
  background: #fff!important;
}
.event_cards .event_filter a.em1 span:before {
  color: #fff !important;
}
.event_cards .event_filter:nth-child(5n + 1) .sphere,
.event_cards .event_filter:nth-child(5n + 1) a.em1 {
  background: #0094C9;
}
.event_cards .event_filter:nth-child(5n + 2) .sphere,
.event_cards .event_filter:nth-child(5n + 2) a.em1{
  background: #F58220;
}
.event_cards .event_filter:nth-child(5n + 3) .sphere,
.event_cards .event_filter:nth-child(5n + 3) a.em1{
  background: #72bf44;
}
.event_cards .event_filter:nth-child(5n + 4) .sphere,
.event_cards .event_filter:nth-child(5n + 4) a.em1{
  background: #ec1c52;
}
.event_cards .event_filter:nth-child(5n + 5) .sphere,
.event_cards .event_filter:nth-child(5n + 5) a.em1{
  background: #002457;
}
.event_cards .event_filter:nth-child(5n + 1) a.em1 {
  border-color:#0094C9;
}
.event_cards .event_filter:nth-child(5n + 2) a.em1 {
  border-color:#F58220;
}
.event_cards .event_filter:nth-child(5n + 3) a.em1 {
  border-color:#72bf44;
}
.event_cards .event_filter:nth-child(5n + 4) a.em1 {
  border-color:#ec1c52;
}
.event_cards .event_filter:nth-child(5n + 5) a.em1 {
  border-color:#002457;
}
.event_cards .event_filter:nth-child(5n + 1) a.em1:hover {
  color:#0094C9;
}
.event_cards .event_filter:nth-child(5n + 2) a.em1:hover {
  color:#F58220;
}
.event_cards .event_filter:nth-child(5n + 3) a.em1:hover {
  color:#72bf44;
}
.event_cards .event_filter:nth-child(5n + 4) a.em1:hover {
  color:#ec1c52;
}
.event_cards .event_filter:nth-child(5n + 5) a.em1:hover {
  color:#002457;
}
.event_cards .event_filter:nth-child(5n + 1) .event_card_content h3,
.event_cards .event_filter:nth-child(5n + 1) a.em1:hover span::before {
  color: #0094C9 !important;
}
.event_cards .event_filter:nth-child(5n + 2) .event_card_content h3,
.event_cards .event_filter:nth-child(5n + 2) a.em1:hover span::before {
  color: #F58220 !important;
}
.event_cards .event_filter:nth-child(5n + 3) .event_card_content h3,
.event_cards .event_filter:nth-child(5n + 3) a.em1:hover span::before{
  color: #72bf44 !important;
}
.event_cards .event_filter:nth-child(5n + 4) .event_card_content h3,
.event_cards .event_filter:nth-child(5n + 4) a.em1:hover span::before {
  color: #ec1c52 !important;
}
.event_cards .event_filter:nth-child(5n + 5) .event_card_content h3,
.event_cards .event_filter:nth-child(5n + 5) a.em1:hover span::before {
  color: #002457 !important;
}
.event_cards .event_card_content .price_label .amount {
  color: #000;
}
.event_cards .sphere i,
.event_cards .sphere b {
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  margin-bottom: 10px;
  
}
.event_cards .sphere i {
  font-style: normal;
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
}
.event_cards .event_title {
  line-height: 1.5;
}
.event_cards .sphere b {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
}
  .event_card_content {
  background: #fff;
  padding: 0 0 0 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 10px 0;

}
.event_card_content p,
.event_card_content h3,
.event_card_content .link {
  padding-left: 15px;
  padding-right: 15px;
}

.event_card_content p {
  padding-bottom: 10px;
  color: #222;
}
.event_share_bt_wrapper.event_list {
  position: relative;
}
}
@media only screen and (min-width: 768px){
  .event_cards {
    padding: 15px 20px;
  }
  .event_cards .event_filter {
    margin: 5px 0;
    padding: 0;
  }
  .event_cards .sphere b {
      font-size: 16px;
      margin-bottom: 0;
  }
  .event_card_content h3 {
    max-width: 75%;
  }
  .event_cards .sphere i {
    font-size: 20px;
    margin-bottom: 0;
  }
  .event_card_content {
    background: #fff;
    border-top-left-radius: 75px;
    border-bottom-left-radius: 75px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);
  }
}

/* Events on the Dashboard Event Card END */








/*  ------------- FAQ -------------*/
.q_and_a {
margin: 10px 0;

}
.q_and_a p{
padding-bottom: 5px;
display: inline-block;
font-size: 1em;
}
.q_and_a p b,
.q_and_a p i {
font-size: 1.5em;
}
.q_and_a p i {
margin: 0 10px 0 0;
}
/* ------------FAQ END------------ */





/* hero feature image*/
section.hero_section {
position: relative;
padding: 0;
height: 100%;
}
.hero_vmodal_bt {
position: absolute;
left: 50%;
top: 50%;  
}
.vhero_bt_wrapper {
height: 80px;
width: 80px;
border-radius: 50%;
border: 4px solid #002457;
padding: 7px 0 20px 0;
background: #0094c9;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.29);
-moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.29);
box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.29);
}
.vhero_bt_wrapper:hover {
-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.29);
-moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.29);
box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.29);
background: #002457;
}
.hero_vmodal_bt span::before {
color: #fff;
font-size: 4em;
margin-left: 0.45em;
text-shadow: 1px 1px 10px rgba(0,0,0,0.2);
} 
.vhero_bt_wrapper:hover .hero_vmodal_bt span::before {
text-shadow: 1px 1px 10px rgba(255,255,255,0.6);
color: #0094c9  !important;
}
.hero_copy_wrapper {
position: absolute;
bottom: 20px;
left: 15px;
color: #fff;
right: 15px;
text-align: center;
font-weight: 700;
}
.no_textshadow {
text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

.inset_banner {
-webkit-box-shadow: inset -4px 1px 15px 4px rgba(0,0,0,0.1);
-moz-box-shadow: inset -4px 1px 15px 4px rgba(0,0,0,0.1);
box-shadow: inset -4px 1px 15px 4px rgba(0,0,0,0.1);
padding: 20px 20px;
margin: 0 -15px 0 -15px;

}
/* Product Grid */
.post_block_pad {
padding: 15px;
}
.product_grid {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
overflow: hidden;
}
.product_grid .product_title {
display: block;
padding-bottom: 5px;
text-align: center;
font-weight: 500;
margin-right: 0 !important;
}

.product_grid li {
display: inline-block;
width: 98%;
vertical-align: middle;
}
.programme_grid {
width: 100%;
margin: 0;
text-align: center;
}
.programme_grid li {
display: inline-block;
width: 45%;
text-align: center;
}
.post_color_block {
padding-top: 10px !important;
background: #eee;
}
.border_block {
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
background: #fff;
}
.border_block_wide {
border: 1px solid #ddd;
padding: 10px 0;
margin-bottom: 10px;
border-radius: 5px;
background: #fff;
}
.col_grid_6 {
width: 49%;
display: inline-block;
vertical-align: text-top;
padding: 0 10px;
margin: 15px 0;
}
.col_grid_3 {
width: 32%;
padding: 0 10px;
margin: 5px 0;
vertical-align: text-top;
display: inline-block;
}
.post_category_header {
margin-bottom: 20px;
}
.post_category_header.wm_post_cat {
border-bottom: 2px solid #f58220;
}
.post_category_header.nut_post_cat {
border-bottom: 2px solid #72bf44;
}
.post_category_header.col_post_cat {
border-bottom: 2px solid #0094c9;
}
.post_grid {
margin: 20px 0;
width: 100%;
padding: 0;
text-align: left;   
}
section.post_grp {
padding: 0 0;
}
.post_grid li {
display: inline-block;
padding: 0 0;
text-align: left;
vertical-align: top;
margin: 15px 0%; 
}
.tag_page .wp-sidebar {
padding-top: 20px;
}
.tag_grid {
margin: 0;
padding: 0;
}
.tag_grid li {
display: inline-block;
width: 45%;
margin-bottom: 20px;
margin-right: 4%;
vertical-align: top;
}
@media only screen and (max-width: 768px){
.tag_grid li {
  width: 100%;
  margin-right: 0;
}
}
.page-header.flat_header {
margin: 0;
}
.wp_sidebar .widget-title {
font-size: 1.5em;
color: #0094C9;
line-height: 1.4;
}
.wp_sidebar ul li {
margin: 3px 0;
}
.png_cat_label {
color: rgba(255,255,255,0.8);
font-size: 1.3em
}
.sidebar_block {
margin-bottom: 20px;
}
.category_nav li {
margin: 5px 0;
}
.category_nav li a {
line-height: 1.5;
}
.sidebar_block:nth-child(1n + 2){
margin-top: 20px;
padding-top: 10px;
}
.sidebar_block:first-child{
margin-top: 10px;
}
.shop_container {
position: relative;
z-index: 2;
}
.shop_bg {
background: #f5f5f5;
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 450px){ /* for mobile only */
.product_grid .product_title {
  font-size: 2em;
}

}
@media only screen and (max-width: 370px){ /* small mobile only for w/m category title */
.product_grid .product_title {
  font-size: 1.5em;
}
}


@media only screen and (min-width: 600px){
.product_grid li {
  display: inline-block;
  width: 50%;
  text-align: left;
  padding: 10px;
}
.post_grid li {
    width: 46%;
    margin: 15px 1%;
    text-align: left;

}
.ap_product_title {
  font-size: 1.5em;
} 
}
@media only screen  and (min-width: 768px){
  .product_grid li {
    width: 30%;
  }
  .post_grid li {
    width: 47%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .post_grid li:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);
  }

  .product_grid {
    text-align: center;
  }
  .product_grid .product_title {
    font-size: 2.4em;
  }
}
@media screen and (min-width: 1100px){
    .product_grid li {
      width: 32%;
    }
    .post_grid li {
      width: 32%;
      margin: 10px 0.5%;
    }
    .post_grid_6 li {
      width: 48%;
      margin: 10px 0.5%;
    }
}
#view-wordpressevents .button {
display: inline-block;
margin: 0 auto;
}
.postcard {
width: 100%;
margin: 0 auto;
background: #fff;
position: relative;
border-radius: 3px;
padding: 10px;
}
.event_postcard .ico {
margin-right: 10px;
display: inline-block;
float: left;
vertical-align: middle;
line-height: 1;
font-size: 16px;
color: #666;
}
.event_postcard .event_date,
.event_postcard .event_time {
display: inline-block;
vertical-align: top;
}
.event_postcard .event_date {
padding-right: 15px;
}
.event_postcard {
margin: 0 0 10px 0;
display: inline-block;
width: 100%;
padding: 5px 15px;
vertical-align: top;
background: #fff;
font-size: 0.8em;
}
.event_postcard .md_title {
font-size: 1.2em;
}
.event_postcard a {
color: #0094c9;
}
@media only screen and (min-width: 600px){
.event_postcard {
  width: 49%;
}
}
.event_postcard p {
padding-bottom: 10px;
margin: 0;
}
.event_postcard .event_location .ico {
line-height: 1.5;
font-size: 14px;
}
.event_postcard .event_location span {
display: inline;
vertical-align: middle;
}
.postcard:after {
content: '';
background: repeating-linear-gradient(45deg, #114abc, #114abc 10px, #eee 10px, #eee 20px, #bf2010 20px, #bf2010 30px, #eee 30px, #eee 40px);
border-radius: 6px;
-webkit-box-shadow: 1px 2px 2px 1px rgba(76, 66, 47, 0.1);
        box-shadow: 1px 2px 2px 1px rgba(76, 66, 47, 0.1);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.postcard_form {
position: relative;
z-index: 10;
background: #eee;
padding: 20px 20px;
}
.postcard_form .mc4wp-checkbox input {
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.postcard_form .mc4wp-checkbox span {
display: inline-block;
vertical-align: middle;
}
.tags_wrapper {
margin: 20px 0;
}
.postcard_form p {
margin: 0;
padding-bottom: 10px;
}
.display_table {
display: inline-block;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
position: relative;
 line-height: 100%;
}
.sub_heading.block_heading_title {

display: inline-block;
text-align: left;
font-size: 1.4em;
line-height: 1.5;
margin: 0;
}
.mobile_nav_cart_bt {
display: block;
position: absolute;
right: 50px; 
top: 12px;
}
.mobile_nav_cart_bt i {
font-size: 20px;
color: #72bf44;
}
.dl-trigger { margin: 0 20px 0 0; height: 45px; width: 35px; background: #444; border-radius: 0;z-index: 1}
.dl-trigger .icon-bar { width: 28px; background: #002457;transition: .5s ease;}
.dl-trigger .icon-bar:nth-child(2){transform: rotate(0)translateY(0)translateX(0);}
.dl-trigger .icon-bar:nth-child(3){opacity:1}
.dl-trigger .icon-bar:nth-child(4){transform:rotate(0)translateY(0)translateX(0);}
.dl-trigger.dl-active .icon-bar:nth-child(2){transform: rotate(-45deg)translateY(5px)translateX(-5px);}
.dl-trigger.dl-active .icon-bar:nth-child(3){opacity: 0}
.dl-trigger.dl-active .icon-bar:nth-child(4){transform:rotate(45deg)translateY(-4px)translateX(-3px);}
/* Mobile nav */
/* Common styles of menus */
@media only screen and (min-width: 768px){
.mobile_nav_cart_bt{
  display: none;
}
#dl-menu {
  display: none;
}
}
#dl-menu .caret {
display: none;
}
.dl-menuwrapper {
width: 100%;
margin: 0 0 0 0;
padding: 0 0;
float: left;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
z-index: 999;
}
.dl_profile_pannel {
background: #fff;
}

.dl-menuwrapper:first-child {
margin-right: 100px;
}

.dl-trigger .icon-bar {
  background: #002457;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;

}
.dl-trigger .icon-bar+.icon-bar {
margin-top: 4px;
}

.dl-menuwrapper ul {
background: #fff;
top: 45px;
padding: 10px 0
}


.dl-menuwrapper ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.dl-menuwrapper li {
position: relative;
}

.dl-menuwrapper li a {
display: block;
position: relative;
padding: 15px 20px;
font-size: 1.1em;
line-height: 20px;

color: #002457;
outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
padding-left: 30px;
background: rgba(0,0,0,0.05);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 50px;
font-family: 'icomoon';
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f15e"; /*Icon*/
padding-right: 10px;
color: #002457;
}

.dl-menuwrapper li.dl-back:after {
left: 0 !important;
right: auto;
color: #002457;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-right: 10px;
padding-right: 10px;
}

.dl-menuwrapper li > a:after {
color: rgba(0,0,0,0.20);
right: 10px;
}

.dl-menuwrapper .dl-menu {
margin: 7px 0 0 0;
position: absolute;
width: 100%;
pointer-events: none;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
position: absolute;
width: 100%;
top: 50px;
left: 0;
margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s;
animation: MenuAnimOut1 0.4s;
}


@-webkit-keyframes MenuAnimOut1 {
0% { }
50% {
  -webkit-transform: translateZ(-250px) rotateY(30deg) translateY(-200px);
}
75% {
  -webkit-transform: translateZ(-372.5px) rotateY(15deg) translateY(-400px);
  opacity: .5;
}
100% {
  -webkit-transform: translateZ(-500px) rotateY(0deg) translateY(-600px);
  opacity: 0;
}
}


@keyframes MenuAnimOut1 {
0% { }
50% {
  -webkit-transform: translateZ(-250px) rotateY(30deg);
  transform: translateZ(-250px) rotateY(30deg);
}
75% {
  -webkit-transform: translateZ(-372.5px) rotateY(15deg);
  transform: translateZ(-372.5px) rotateY(15deg);
  opacity: .5;
}
100% {
  -webkit-transform: translateZ(-500px) rotateY(0deg);
  transform: translateZ(-500px) rotateY(0deg);
  opacity: 0;
}
}


.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s;
animation: MenuAnimIn1 0.3s;
}


@-webkit-keyframes MenuAnimIn1 {
0% {
  -webkit-transform: translateZ(-500px) rotateY(0deg) translateY(-600px);
  opacity: 0;
}
20% {
  -webkit-transform: translateZ(-250px) rotateY(30deg) translateY(-400px);
  opacity: 0.5;
}
100% {
  -webkit-transform: translateZ(0px) rotateY(0deg) translateY(-400px);
  opacity: 1;
}
}



@keyframes MenuAnimIn1 {
0% {
  -webkit-transform: translateZ(-500px) rotateY(0deg);
  transform: translateZ(-500px) rotateY(0deg);
  opacity: 0;
}
20% {
  -webkit-transform: translateZ(-250px) rotateY(30deg);
  transform: translateZ(-250px) rotateY(30deg);
  opacity: 0.5;
}
100% {
  -webkit-transform: translateZ(0px) rotateY(0deg);
  transform: translateZ(0px) rotateY(0deg);
  opacity: 1;
}
}



.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.4s ease;
animation: SubMenuAnimIn1 0.4s ease;
}



@-webkit-keyframes SubMenuAnimIn1 {
0% {
  -webkit-transform: translateX(50%);
  opacity: 0;
}
100% {
  -webkit-transform: translateX(0px);
  opacity: 1;
}
}



@keyframes SubMenuAnimIn1 {
0% {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  opacity: 0;
}
100% {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}
}



.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 0.4s ease;
animation: SubMenuAnimOut1 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
0% {
  -webkit-transform: translateX(0%);
  opacity: 1;
}
100% {
  -webkit-transform: translateX(50%);
  opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
0% {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
}
100% {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  opacity: 0;
}
}
.no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block;
}
.no-js .dl-menuwrapper li.dl-back {
display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
background: rgba(0,0,0,0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
content: '';
}
.dl-menuwrapper button {
background: #fff;
}
.dl-menuwrapper ul {
background: #fff;
color: #002457;
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);  
}
.no_shadow {
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
}




.post_nav_section {
padding: 0 15px;
}
.post_date {
font-size: 1.2em;
font-weight: 700;
float: right;
margin: 10px 0;
color: #777;
}
.breadcrumbs {
margin: 10px 0;
padding: 0 0;
}
.post_nav_border {
border-bottom: 2px solid;
}
.breadcrumbs a {
font-size: 1.2em;
}
.posttag {
border: 1px solid #aaa;
padding: 4px 6px;
margin: 2px 2px;
display: inline-block;
color: #666;
}
.breadcrumbs .bread-current {
font-size: 1.2em;
}
.blog_post_section {
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .sidebar.post_section {
        margin-top: 50px;
    }

    .mobile_center {
        text-align: center;
    }

    .mobile_right {
        text-align: right;
    }

    .mobile_left {
        text-align: left;
    }


    .mobile_vertpad {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


.sub_heading {
font-weight: 400;
font-size: 1.8em;
line-height: 1.1;
margin-top: 0; 
}
.post_cite p{
color: #666;
padding: 0;
margin-bottom: 20px;
}
.post_cite p b {
font-weight: 700; 
color: #aaa;
}
.block_heading {
color: #fff;
text-align: center;
padding: 10px 10px;
margin: 0 0 20px 0;
position: relative;
}
.block_heading p {
padding: 0;
margin: 0;
}

.dl-trigger {margin: 0; height: 45px; width: 35px; background: #444; border-radius: 0;z-index: 1}
.dl-trigger .icon-bar { width: 28px; background: #002457;transition: .5s ease;}
.dl-trigger .icon-bar:nth-child(2){transform: rotate(0)translateY(0)translateX(0);}
.dl-trigger .icon-bar:nth-child(3){opacity:1}
.dl-trigger .icon-bar:nth-child(4){transform:rotate(0)translateY(0)translateX(0);}
.dl-trigger.dl-active .icon-bar:nth-child(2){transform: rotate(-45deg)translateY(5px)translateX(-5px);}
.dl-trigger.dl-active .icon-bar:nth-child(3){opacity: 0}
.dl-trigger.dl-active .icon-bar:nth-child(4){transform:rotate(45deg)translateY(-4px)translateX(-3px);}
/* Mobile nav */


/* Common styles of menus */
@media only screen and (min-width: 768px){
  #dl-menu {
    display: none;
  }
}
#dl-menu .caret {
  display: none;
}
.dl-menuwrapper {
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0;
  float: left;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;

}

.dl-menuwrapper:first-child {
  margin-right: 100px;
}

.dl-trigger {
    margin: 0;
    background: #444;
    border-radius: 0;
    z-index: 1;
   position: absolute;
    margin-right: 0;
    right: 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.dl-trigger .icon-bar {
    background: #002457;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;

}
.dl-trigger .icon-bar+.icon-bar {
  margin-top: 4px;
}

.dl-menuwrapper ul {
  background: #fff;
  top: 45px;
  padding: 10px 0
}


.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.dl-menuwrapper li {
  position: relative;
}

.dl-menuwrapper li a {
  display: block;
  position: relative;
  padding: 15px 20px;
  font-size: 1.1em;
  line-height: 20px;
  text-align: left;
  
  color: #002457;
  outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
  background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
  padding-left: 30px;
  background: rgba(0,0,0,0.05);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
  position: absolute;
  top: 0;
  line-height: 50px;
  font-family: 'icomoon';
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\f15e"; /*Icon*/
  padding-right: 10px;
  color: #002457;
}

.dl-menuwrapper li.dl-back:after {
  left: 0 !important;
  right: auto;
  color: #002457;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: 10px;
  padding-right: 10px;
}

.dl-menuwrapper li > a:after {
  color: rgba(0,0,0,0.20);
  right: 10px;
}

.dl-menuwrapper .dl-menu {
  margin: 5px 0 0 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
  transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
  display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}


@-webkit-keyframes MenuAnimOut1 {
  0% { }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg) translateY(-200px);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg) translateY(-400px);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg) translateY(-600px);
    opacity: 0;
  }
}


@keyframes MenuAnimOut1 {
  0% { }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}


.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}


@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg) translateY(-600px);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg) translateY(-400px);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg) translateY(-400px);
    opacity: 1;
  }
}



@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}



.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}



@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}



@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}



.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}
.no-js .dl-menuwrapper li.dl-back {
  display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0,0,0,0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: '';
}
.dl-menuwrapper button {
  background: #fff;
}
.dl-menuwrapper ul {
  background: #fff;
  color: #002457;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);  
}
.no_shadow {
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
}
.dashboard_wrapper{
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #f5f5f5;
}
.contact_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: linear-gradient(270deg, #002457, #0094c9);
background-size: 400% 400%;
-webkit-animation: dashboardBg 22s ease infinite;
-moz-animation: dashboardBg 22s ease infinite;
animation: dashboardBg 22s ease infinite;
}

@-webkit-keyframes dashboardBg {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@-moz-keyframes dashboardBg {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes dashboardBg { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.secondary_container {
margin: 0 0;

}
.primary_container {
border: 1px solid #ddd;
background: #fff;
border-radius: 0;
padding: 0 15px 10px 15px;
margin: 0 0;
}
.primary.kpi_card {
  margin: 0 0 10px 0;
}

.dashboard_title_wrapper .large_title {
margin: 0;
}
.primary_top_bar {
display: block;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
background: #eee;
padding: 0 10px;
}
.secondary_top_bar {
display: block;
background: #eee;
border-bottom: 1px solid #ddd;
padding: 0 5px;
margin: 0 auto;
}
.primary_top_bar .xmd_title {
  display: inline-block;
  width: 48%;
  text-align: left;
  color: #0094c9;
}
.primary_top_bar .xmd_title:nth-child(2) {
  display: inline-block;
  width: 48%;
  text-align: right;
}
.secondary_top_bar .xmd_title { 
display: inline-block;
width: 48%;
text-align: left;
color: #0094c9;
}

.progress_bar_wrapper {
margin: 10px -15px;
padding: 0;
}
.progress_bar_wrapper .col-sm-4 {
text-align: right;
}
.avatar_wrapper {
background: #002457;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
display: inline-block;
vertical-align: middle;
position: relative;
}
.avatar_wrapper .hover_label {
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.avatar_wrapper:hover .hover_label {
opacity: 1;
text-align: center;
width: 100%;
color: #999;
}
@media only screen and (max-width: 768px){
.avatar_wrapper .hover_label {
  display: none;
}
.dashboard_container {
  min-height: auto !important;
  margin-bottom: 20px;

}
.primary_top_bar { 
  padding: 0 15px;
}
}
.profile_info {
display: inline-block;
vertical-align: middle;
padding: 0 20px;
width: 68%;
}
.profile_info .profile_name{
  margin: 0;
  font-size: 1.5em
}
.profile_info .xmd_title {
line-height: 1.1;
}
.profile_info span.upper_case {
font-weight: 500;
}
.default_avatar:before {
font-family: 'Icomoon';
content: "\f158";
font-size: 62px;
line-height: 60px;
color: #fff;
}
.profile_nav {
margin: 5px 0 20px 0;
}



.progress {
overflow: hidden;
height: 30px;
margin-bottom: 10px;
background-color: #f1f1f1;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
display: block;
}
.progress-bar {  
width: 0;
height: 100%;
font-size: 12px;
line-height: 30px;
margin: 0 0;
color: #ffffff;
text-align: center;
background: transparent;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
position: relative;
background-image: none;
}
.progress-striped .progress-bar:before,
.progress-bar-striped:before {
background: #FFFFFF15;
background-image: -webkit-linear-gradient(270deg, rgba(0,0,0,0.1) 1.5%, rgba(0,0,0, 0.0) 5%);
background-image: -o-linear-gradient(270deg, rgba(0,0,0,0.1) 1.5%, rgba(0,0,0, 0.0) 5%);
background-image: linear-gradient(270deg, rgba(0,0,0,0.1) 1.5%, rgba(0,0,0, 0.0) 5%);
background-size: 100% auto;
-webkit-animation: progressbar 2.5s ease-in-out;
-o-animation: progressbar 2.5s ease-in-out;
animation: progressbar 2.5s ease-in-out;
position: absolute;
z-index: 0;
content: " ";
top: 0;
height: 100%;
left: 0;
width: 100%;
}
.progress-bar[aria-valuenow="0"]:before {
background-image: none !important;
background: transparent;


}
.progress-bar[aria-valuenow="0"] {
margin-left: 0 !important;

}
.progress-bar[aria-percentregion="low"] .progress_value_label {
    color: black;
}
.progress_value_label {
z-index: 2;
color: #fff;
position: absolute;
font-weight: 400;
margin-right: 10px;
letter-spacing: 1px;
font-size: 1.2em;
text-shadow: 0 0 1px rgba(0,0,0,0.1);
}
.progress-bar[aria-valuenow="0"] .progress_value_label {
color: #666;
}
.progress.active .progress-bar:before,
.progress-bar.active:before {
-webkit-animation: progressbar 2s ease-in-out;
-o-animation: progressbar 2s ease-in-out;
animation: progressbar 2s ease-in-out;

}
@keyframes progressbar {
0%{
  margin-left: -100%;
}
100% {
  margin-left: 0;
  background-size: 100% auto;
}

}
@-webkit-keyframes progressbar{
  0%{
  background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0, 0.05) 50%, transparent 50%);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0, 0.05) 50%, transparent 50%);
  background-image: linear-gradient(-45deg, rgba(0,0,0, 0.05) 50%, transparent 50%);
}
100% {
  background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0, 0.05) 100%, transparent 0%);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0, 0.05) 100%, transparent 0%);
  background-image: linear-gradient(-45deg, rgba(0,0,0, 0.05) 100%, transparent 0%);
  background-size: 100% auto;
}
}
@-moz-keyframes progressbar{
  0%{
  background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0, 0.05) 50%, transparent 50%);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0, 0.05) 50%, transparent 50%);
  background-image: linear-gradient(-45deg, rgba(0,0,0, 0.05) 50%, transparent 50%);
}
100% {
  background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0, 0.05) 100%, transparent 0%);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0, 0.05) 100%, transparent 0%);
  background-image: linear-gradient(-45deg, rgba(0,0,0, 0.05) 100%, transparent 0%);
  background-size: 100% auto;
}
}

.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.block_warning {
  background: rgba(233,24,24,0.8);
  color: #fff;
  margin: 20px 0;
  display: table;
  padding: 5px 5px;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress_value i {
margin-right: 3px;
font-size: 1.1em;
color: #000;
}
.progress_title {
font-size: 1.3em;
color: #0094c9;
font-weight: 500;
}
.primary_date.progress_disclaimer p{
margin: 10px 0;
color: #666;
font-size: 1em
}

/* ticker */
.row.ticker_container {
  margin: 15px -15px;
}
.ticker_wrapper {
 position: relative;
 padding-bottom: 60px;
}
.ticker_shop_bt {
  position: absolute;
  bottom: 20px;
  min-width: 30%;
  left: 35%;
  text-align: center;
  background: #72bf44;
  color: #fff;
  border: 1px solid #72bf44;
  padding: 7px 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }
 .ticker_shop_bt:hover {
  color: #72bf44;
  border-color: #72bf44;
  background: transparent;
 }
 .ticker {
  padding: 0;
 }
 .ticker li {
  text-align: center;
  font-size: 1em;
 }
.ticker li span {
  font-size: 1em;
  font-weight: 500;
  line-height: 2;
  color: #002457;
}
.tickstatic_link {
  display: block;
  font-size: 2em;
  margin-bottom: 20px;
  line-height: 2;
  text-align: center;
  font-weight: 300;
}
@media only screen and (min-width: 768px){
  .tickstatic_link {
    float: left;
    display: block;
    margin: 0 30px 0 0;
    line-height: 1;
  }
  .ticker_wrapper {
    padding-bottom: 10px;
    display: block;
  }
  .ticker {
    margin-right: 0;
    margin-left: 0;
    display: block;
    margin-top: 0;
    float: left;
  }
  .ticker li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    line-height: 1;
  }
  .ticker_shop_bt {
    float: right;
    position: static;
    min-width: 0;
  }
}
/* Cards */
@media only screen and (max-width: 768px){
.dashboard_container .card-heading .card-title {
  text-align: center;
}
}


/* hide for now*/   
#site-content > div.row > div.col-lg-9.col-sm-8.secondary_container.dashboard_container > div.card_wrapper.bottom_card.custom_card_wrapper.dash_sub_card > div > div > a > button {
display: none;
}


#videoModal2 {
background: rgba(0,0,0,0.7);
border: 0;
}
#videoModal2 .close span:before {
color: #fff;
}
#videoModal2 .video_modal {
width: 100%;
max-width: 1200px;
}
#videoModal2 .video_modal .modal-content {
background: #f5f5f5;
}
#videoModal2 .video_modal .modal-header {
background: #002457;
color: #FFF;
}
.secondary_cards_container {
background: #f5f5f5;
border:1px solid #e9e9e9;
padding: 30px 10px 10px 10px;
overflow: hidden;
position: relative;

}
.view-item.view-item-card .details .itemdescription {
max-width: 80%;
margin: 0 auto;
}
.view-item.view-item-card .details .itemdescription, .view-item.view-item-card .details .price, .view-item.view-item-card .details {
  font-family: 'Gotham';

}

.card_wrapper, #site-content .secondary_container.dashboard_container div.col-md-12.col-lg-4{
width: 100%;
margin: 0 0 20px 0;
display: inline-block;
float:none;
vertical-align: text-top;
text-align: left;
background: #f1f1f1;
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.05);
box-shadow: 0 0 5px 1px rgba(0,0,0,0.05);
}
.replicator_card_wrapper, #site-content .secondary_container.dashboard_container div.col-md-12.col-lg-4 {
padding: 5px 10px 20px 10px;
} 
.card_wrapper .card-heading .large_title.white_font {
position: relative;
z-index: 2;
color: #fff;

}
.card_wrapper {
position: relative
}

.analytics_card.replicator_card_wrapper {
background: url('../../Content/images/replicator_analytics.jpg');
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
display: flex;
align-self: stretch;
}
.replicator_card_wrapper.replicator_available .card-heading .card-title{
color: #0094c9 !important;
}
.analytics_card.replicator_card_wrapper .card-title {
color: #fff;
text-shadow: 1px 0px 5px rgba(0,0,0,0.4)
}
@media only screen and (min-width: 768px){
.card_wrapper.replicator_card_wrapper {
  width: 49%;
  float: left;
  
  opacity: 1;
}

}
.slider_card_wrapper {
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.05);
box-shadow: 0 0 5px 1px rgba(0,0,0,0.05);
margin: 0 0 20px 0;
}
.card_wrapper .large_title,.card-title {
margin-top: 5px;
color: #0094c9;
font-size: 1.8em;
line-height: 1.5;
}
.card_wrapper .card-heading .card-title {
color: #fff !important;
}
@media only screen and (max-width: 768px){
.card_wrapper, #site-content > div.row > div.col-lg-9.col-sm-8.secondary_container > div.secondary_cards_container.clearfix > div.col-md-12.col-lg-4 { 
  width: 100%;
  margin: 0;
}
.secondary_container {
  background: #fff;
  margin-left: -15px;
  margin-right: -15px;
}
.card_wrapper .large_title,.card-title {
  text-align: center;
  font-size: 2em;
}
}


.text-muted.ajax-status {
font-size: 1em;
}
.gif_tiny {
max-width: 80px;
}
#view-personalwebsite img.personal_web_thumb {
margin: 0 auto;
}
.personal_website_notes {
padding: 0px;
}
.personal_website_notes li {
margin-bottom: 10px;
}
#view-personalwebsite #replicator_url {
float: left;
display: block;
width: 85%;
border-radius: 0;
height: 34px;
border: 1px solid #eee;
}
#view-personalwebsite button.copyme {
float: right;
width: 15%;
height: 34px;
border: 0px !important;
}
#view-personalwebsite button.copyme:hover {
  background: #002457;
  color: #0094c9;
}
#view-personalwebsite .dashboard_personal_analytics {
padding: 0;
margin: 15px 0;
}

#view-personalwebsite .dashboard_personal_analytics li {
display: inline-block;
text-align: center;
background: rgba(255,255,255,0.6);
border: 1px solid #eee;
margin: 0 15px 15px 0;
min-width: 110px;
padding: 15px;
}
#view-personalwebsite .dashboard_personal_analytics li span {
display: block;
}
#view-personalwebsite .dashboard_personal_analytics li span:first-child {
font-size: 3em;
font-weight: 700;
line-height: 1.5;
color: #002457;
}
#view-personalwebsite .dashboard_personal_analytics li span:nth-child(2) {
font-size: 1em;
font-weight: 300;
padding: 2px 4px;
line-height: 1.5;
background: #ec1c52;
color: #fff;
}
#view-personalwebsite .button {
display: table;
margin: 0 auto;
}
#view-personalwebsite .button.grey {
display: inline-block;
margin: 0;
border: 0 !important;
}
#view-personalwebsite a.copyme {
display: inline-block;
margin: 0 auto;
background: #002457;
}


/* Downline Intro Menu */
section.downline_intro .twitter-typeahead {
margin-top: 0 !important;
}
section.downline_intro .button_wrapper {
padding: 0;
margin: 0;
}
.panel_form_label_wrapper {
padding: 0;
margin: 0 0 15px 0;
}
.panel_form_label_wrapper li {
display: inline-block;
vertical-align: middle;
}
.panel_form_label_wrapper li .nav_icon:before {
font-size: 24px;
width: inherit;
margin-right: 15px;
color: #888;
}
.panel_form_label_wrapper li a.edit_button {
margin-top: 0;
background: transparent;
color: #002457;
}
.panel_form_label_wrapper li a.edit_button {
border: 0;
padding: 10px;
}
@media only screen and (max-width: 767px){
.panel_form_label_wrapper li a.edit_button {
  border: 0;
  padding: 10px 5px;
}
.panel_form_label_wrapper li .nav_icon:before {
  font-size: 15px;
  margin-right: 5px;
}
  section.downline_intro .button_wrapper {
  padding: 0;
  margin: 15px 0 0 0;
}
}
.checkbox_container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.checkbox_container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
border-radius: 3px;
background-color: #fff;
border: 1px solid #ccc;
}
.checkbox_container:hover input ~ .checkmark {
background-color: #eee;
}
.checkbox_container input:checked ~ .checkmark {
background-color: #0094c9;
border: 1px solid #eee;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox_container input:checked ~ .checkmark:after {
display: block;
}
.checkbox_container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.downline_organization_menu {
display: inline-block;
width: 100%;
max-width: 800px;
padding: 20px;
border: 1px solid #eaeaea;
}
.downline_organization_menu .nav_icon {
width: 25px;
}
.downline_organization_menu label {
line-height: 34px;
margin: 0;
display: inline-block;
vertical-align: middle;
}
.downline_organization_menu .nav_icon:before {
font-size: 20px;
display: inline-block;
line-height: 34px;
vertical-align: middle;
color: #555;

}
/* Downline Table */


.grdBor {
  border-collapse: collapse;
  border: none;
  width: 100%;
}
.downline_title_wrapper {
margin: 20px 0; 
}

.enrol_label .icon-user-plus {
font-size: 20px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-right: 5px;
}
.downline_title_wrapper .large_title {
margin: 10px 10px 0 0;
display: table;
float: left;

}
.downline_title_wrapper .downline_instructions {
float: right;
margin: 20px 0 0 0;
font-size: 1em;
}
span.instructions_link_label a {
color: #666;
font-size: 1.3em;
vertical-align: middle;
display: inline-block;
border-bottom: 2px solid #ccc;
}
span.instructions_link_icon {
vertical-align: middle;
display: inline-block;
}
span.instructions_link_icon:before {
font-size: 1.2em;
color: #aaa;
}
.downline_table_nav {
background: #f1f1f1;
color: #555;
margin: 10px 0 0 0;
padding: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.downline_table_nav .form-control {
border-radius: 0px;
} 
@media only screen and (max-width: 1000px) and (min-width: 768px){
 #Periods.form-control {
  max-width: 200px;
}
#ExpandGen.form-control {
  max-width: 100px
}
.downline_table_nav li {
  width: 33%;
}
.downline_table_nav li:nth-child(3){
  width: 18%;
}
}
@media only screen and (max-width: 767px){
.downline_table_nav {
  text-align: left;
}
.downline_title {
  text-align: center;
}
.downline_title_wrapper .large_title {
  display: block;
  text-align: center;
  float: none;
}
.downline_title_wrapper .downline_instructions {
  font-size: 0.8em;
  float: none;
  display: block;
  margin: 0 auto;
  clear: both;
  text-align: center;
}
.downline_table_nav li.downline_period {
  width: 100%;
}
.downline_table_nav li.nav_button {
  margin-bottom: 8px;
  width: 100%;
}
.table.new_downline td {
  font-size: 0.8em;
}



}

@media only screen and (min-width: 767px) and (max-width: 1150px){
.downline_table_nav li.retailorders_bt {
  width: 100%;
  margin: 0;
}
.downline_table_nav .nav_icon:before {
  margin-right: 2px;
  font-size: 0.6em;
}
.downline_table_nav li.nav_button {
  width: 33% !important;
  min-width: 33%;
  margin: 10px 0;
}
.downline_table_nav li.search_period {
  width: 2% !important;
}
  .downline_table_nav li.search_period {
  width: 40% !important;
}
}
.downline_table_nav li.nav_button a {
  padding: 9px 15px;
  border: 1px solid #ccc;
  text-align: center;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  max-height: 34px
}

.new_orderDetail_table th:last-child,
.new_orderDetail_table td:last-child {
text-align: center;
}
.downline_table_nav li.nav_button a,
.downline_table_nav li.nav_button a:before {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.downline_table_nav li.nav_button a:hover,
.downline_table_nav li.nav_button a:focus {
  padding: 9px 15px;
  border: 1px solid #0094c9;
  cursor: pointer;
  background: #fff;
  color: #0094c9;
}
.downline_table_nav li.nav_button a:hover::before {
color: #0094c9;
}
table.new_downline tbody td.gqv_highlight {
background: #f58220 !important;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
color: #fff;
}
td.table_name { cursor: pointer; }
@media only screen and (max-width: 1150px) and (min-width: 100px) { 
#ReportGrid_new {margin-bottom: 0; background: #f5f5f5}
td.table_gen {width: 10%;}
td.table_sponsor {width: 50%;} 
td.table_id {width: 50%;}
td.table_lastorder {width: 50%; ;}
td.table_rank {width: 50%;} 
td.table_country {width:100%}
td.table_status {width: 0%;}
td.table_pqv {width: 33%;}
td.table_gqv {width: 33%;}
td.table_nqv{width: 32%;}
td.table_pqv .dl_label,
td.table_gqv .dl_label,
td .dl_label { font-weight: 500; padding-right: 5px}
td.table_name {
  width: 100%;
  font-size: 1.3em;
}

td.table_icon i {
  display: block;
  width: 100% !important;
}
table.new_downline tbody td.table_icon {
  padding: 10px 8px;
  background: #fff;
  color: #222;
  cursor: pointer;
  display: inline-block!important;
  min-width: 16%;
  border: 1px solid #ededed;
  float: left !important;
}
table.new_downline tbody td.table_gqv {
  background: rgba(0,0,0,0.1);
}
table.new_downline tbody td {
  display: inline-block;  
  border-top: 0 !important;
  font-size: 1.2em;
  padding: 10px 8px;
  
}
.new_downline tr {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}
.new_downline td.initiallyHidden {
  display: none;
}
.new_downline tr {
  padding: 10px 0 20px 0;
  position: relative;
}
td.table_icon {
  display: inline-block !important;
  float: left;
  height: 38px;
}
td.table_gen.table_icon {
  font-size: 12px;
  padding: 10px 8px;
  min-width: 15% !important;
}
td.table_gen.table_icon i {
  font-size: 10px;
  display: inline;
}
td.table_icon i {
  font-size: 1.2em;
}
td.table_icon.table_gen {
    width: 19%;
}
td.table_icon {
  width: 16%;
  vertical-align: middle;
  display: inline-block;
}
td.table_icon.exp_bt {
  float: left;
}
.new_downline th {
  display: none;
}
table.new_downline {
  position: relative;
}
td.table_name {
  width: 100%;
  font-size: 1.5em;
}
td.table_icon.exp_bt i.exp-dl.fa-toggle-up,
td.table_icon.exp_bt i.exp-dl.fa-toggle-down {
  text-align: center;
  cursor: pointer;
}
}
.table_icon.exp_bt i {
min-height: 18px;
}
@media only screen and (min-width: 600px) and (max-width: 1150px){  
td.table_icon  {
  font-size: 3em;
}
td.table_sponsor {width: 66%;} 
td.table_id {width: 33%;}
td.table_lastorder {width: 33%;}
td.table_rank {width: 33%;} 
td.table_country {width:33%}
td.table_status {width: 0%;}
    td.table_pqv, td.table_gqv, td.table_nqv {
        width: 33%;
    }

table.new_downline tbody td.table_name {
  font-size: 2em;
}
.downline_table_nav li.nav_button {
  width: 30%;
}


}
@media only screen and (min-width: 1150px){
.dl_label {display: none;}

.dummy_ico:after {
  width: 0px;
}

    /* Header alignments */
        th.table_gen,
        th.table_name,
        th.table_icon,
        th.table_id,
        th.table_sponsor,
        th.table_lastorder,
        th.table_rank,
        th.table_country,
        th.table_pqv,
        th.table_gqv,
        th.table_nqv {
            text-align: center;
        }
        
        /* Data alignments */
        td.table_gen,
        td.table_name,
        td.table_icon
        {
            text-align: left;
        }

        td.table_id,
        td.table_sponsor,
        td.table_lastorder,
        td.table_rank,
        td.table_country {
            text-align: center;
        }

        td.table_pqv,
        td.table_gqv,
        td.table_nqv {
            text-align: right;
        }



        th.table_gen,
        td.table_gen {
            width: 7% !important;
            margin-left: 0px !important;
        }
        td.table_gen { text-align: left; }

        th.table_icon,
        td.table_icon {
            width: 2.5%;
            text-align: center;
        }
        td.table_icon { cursor: pointer;  }

th.table_name,
td.table_name{width: 15%;}


th.table_id {width: 6%;}
td.table_id {width: 6%; }

th.table_sponsor, 
td.table_sponsor {width: 6%;}
td.table_sponsor {text-align: center;}

th.table_lastorder, 
td.table_lastorder {width: 10%; }

th.table_rank, 
td.table_rank {width: 7%;}

th.table_country, 
td.table_country  {width:10%}

th.table_status,
td.table_status { width: 0%;}

th.table_pqv,
td.table_pqv { width: 8%; }
    td.table_pqv {  text-align: right;  }

th.table_gqv,
td.table_gqv { width: 8%;}
td.table_gqv { text-align: right;  }

th.table_nqv,
td.table_nqv { width: 10%; }
td.table_nqv {  text-align: right; }

td.table_customer_id {width: 0%}


#retailorderslist table {
  margin-bottom: 0;
}
.retailorder-details {
  background: #002457;
  color: #fff;
  padding-bottom: 10px;
}
#retailorderslist table th.expand_th,
#retailorderslist table .expand_td
{
  width: 8%;
} 
#retailorderslist table tbody .date {
  width: 12%;
  text-align: center;
}
#retailorderslist table tbody .orderid {
  width: 10%;
  text-align: center;
}
#retailorderslist table tbody .order_details {
  width: 35%;
}
#retailorderslist table tbody .order_details .block {
  padding: 0 0 4px 0;
  line-height: 1.5;
}
#retailorderslist table tbody .country {
  width: 10%;
  text-align: center;
}
#retailorderslist table tbody .pv {
  width: 10%;
  text-align: center;
}
#retailorderslist table tbody .total {
  width: 35%;
  text-align: center;
}
#retailorderslist .expand_td {
  text-align: center;
  padding-top: 10px;

}

#retailorderslist .form-control  {
  width: 400px;
  max-width: 400px;
  min-width: 400px;
  margin: 0 auto;
}
#retailorderslist .expand_td i {
  width: 30px;
  height: 30px;
  display: block;
  line-height: 27px;
  padding-top: 0;
  border-radius: 50%;
  border: 1.5px solid #ccc;
  background: #f1f1f1;
}


}
.foundItemParent {
background: rgba(114, 191, 68, 0.6)!important;
color: #fff !important;
}
.foundItem {
background: rgba(114, 191, 68, 1)!important;
color: #fff !important;
}
.downline_table_nav li .form-control, 
.downline_table_nav li .typeahead  {
display: block; 
width: 80%;
vertical-align: middle;
float: left;
}


.twitter-typeahead .tt-dropdown-menu {
margin-top: 27px;
width: 80%;   
}

@media only screen and (max-width: 767px ){
.typeahead.tt-input {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  vertical-align: text-top !important;
}
.downline_table_nav li.search_period {    
  width: 100%;
  margin-bottom: 10px;
  
}


.twitter-typeahead {margin-top: -27px}
}

@media only screen and (min-width: 600px){
.downline_table_nav li { 
  display: inline-block; 
  width: 100%;
  vertical-align: text-top;
  padding: 10px;
}
.downline_table_nav li .typeahead {
  width: 100%;
}
.twitter-typeahead {
  margin-top: -20px;
}
.downline_table_nav li .form-control {
  width: 90%;
  margin: 0 auto;
}  
.downline_table_nav li.search_period {
  width: 100%;
  clear: both;  
}


}
@media only screen and (min-width: 768px){
.downline_table_nav {
  padding: 5px;
}
.twitter-typeahead .tt-dropdown-menu {
  margin-top: -0px;
}
.twitter-typeahead {
  margin-top: 0;
}

.downline_table_nav li { 
  display: inline-block; 
  min-width: 150px;
  margin: 0 5px;
  padding: 0;
  width: auto;
} 
.downline_table_nav li .nav_icon {
  width: 15px;
}  
.downline_table_nav li .form-control {
  display: inline-block; 
  width: 80%; 
  vertical-align: middle;
  float: left;
}
.downline_table_nav li.nav_button {
 min-width: 12%;
 width: auto;
}
.downline_table_nav li.nav_button a {
  padding: 9px 10px;
  background: #fff;
}
.downline_table_nav li select {
  max-width: 150px;
}

}
@media only screen and (min-width: 980px){
.downline_table_nav {
  padding: 5px 15px 5px 15px;
}
.twitter-typeahead .typeahead {
  
  display: block;
}

}
@media only screen and (min-width: 1150px){
.downline_table_nav li { 
    display: inline-block; 
    max-width: 150px;
}
.downline_table_nav li.downline_expand {
  width: 110px;
}
.downline_table_nav li #ExpandGen {
  max-width: 80px;
}
}
.downline_table_nav li .nav_icon:before {
font-size: 16px;
float: left;
vertical-align: middle;
width: 20px;
margin-right: 5px;
line-height: 34px;
}

.downline_table_nav li .twitter-typeahead {
display: inline-block!important;
width: 80%;
}

.twitter-typeahead > pre:nth-child(3) {
display: none !important;
}
.tt-dropdown-menu {
color: #002457; 
}
.tt-dataset-0 {
padding: 4px 5px; 
line-height: 1.7;
}
.downline_disclaimer {
padding: 20px;
background: #f1f1f1;
margin: 20px 0;
}
.table.order_dropdown {
margin: 0;
background: #f5f5f5;
padding: 0 15px;
}
.table.order_dropdown .quantity {
text-align: center;
}
.table.customer_orders {
margin: 0;

}

.table.customer_orders .date,
.table.customer_orders .orderid,
.table.customer_orders .country,
.table.customer_orders .pv,
.table.customer_orders .total {
border: 0;
width: 19%;
display: table-cell;
}
@media only screen and (max-width: 767px){
.customer_orders .table_header {
  display: none;
}
}
@media only screen and (min-width: 768px){
.table.customer_orders .date{
  width: 30%;
}
.table.customer_orders .orderid{
  width: 20%;
}
.table.customer_orders .country{
  width: 30%;
}
.table.customer_orders .pv{
  width: 10%;
}
.table.customer_orders .total {
  width: 10%;
}
}


/* Sign Up */
.enrol_new_name {
font-size: 1.4em;
margin-top:20px;
}
.enrol_new_country {
margin: 0 0 40px 0;
max-width: 400px;
}
.inline_init_form span {
vertical-align: bottom;   
}
.inline_init_form {
margin: 20px 0 40px 0;
}
.inline_init_form span:last-child {
display: inline;
vertical-align: bottom;
font-size: 1.4em;
font-weight: 500;
margin-top: 0;
line-height: 1.8;
}
.inline_init_form span:first-child {
font-size: 1.4em;
font-weight: 500;
}
.inline_init_form .form-group {
margin: 0 5px 0 0;
}
.inline_init_form .enrol_name_field{
display: inline-block;
float: none;
width: 49%;
max-width: 150px;
vertical-align: bottom;
padding: 0 1px;
margin-bottom: 2px;
}
.inline_init_form .enrol_name_field .form-control {
border: none;
border-bottom: 1.5px solid #444;
}
.inline_init_form .enrol_name_field .form-control::placeholder {
color: #AAA ;
}
.form-group label {
font-size: 1.2em;
color: #333;
font-weight: 500;

}
.ico_input_group {
clear: both;
}
.ico_input_group label {
display: block;
}
.ico_input_group .input_ico {
display: inline-block;
padding: 10px;
max-height: 34px;
font-size: 1.3em;
text-align: center;
margin: 0;
background: #f1f1f1;
color: #666;
vertical-align: middle;
border-radius: 4px;
border: 1px solid #ccc;
}

.ico_input_group input.form-control {
display: inline-block;
width: auto;
height: 36px;
vertical-align: middle;
}
.inline_init_form .form-group label {
display: none;
}
span{ display: inline-block; vertical-align: middle; }
.dpa_wrapper {
height: 70px;
width: 70px;
background: #002457;
text-align: center;
}
.dpa_ico {
font-size: 55px;
margin-top: 10px;
color: #f9f9f9;
text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
#view-enrolment {
padding: 30px 0;
}
.enrole_profile {
margin: 0;
padding: 0;
margin: 20px 0;
border-radius: 4px;
display: table;
}
.enrole_profile li {
display: inline-block;
vertical-align: middle;
}
.enrole_profile li:first-child {
  margin-right: 10px;
}
.enrole_profile li:last-child {
padding: 10px;
}
.point_list  ul {
  padding: 0;
  margin: 0;
}
.point_list li {
  list-style: none;
  font-size: 1.2em;
}
.point_list li p {
  margin: 0 0 5px 14px;

}
.point {
width: 6px;
height: 6px;
margin-top: 6px;
border-radius: 50%;
background: #0094c9;
float: left;

}
/* Login */
.container-login {
position: relative;
z-index: 99;

}
.login_small {
max-width: 250px;
width: 100%;
margin: 0 auto;
text-align: center;
}


.login_form_wrapper {
max-width: 400px;
margin: 20%  auto;
background: #fff;
padding: 50px 50px;
border: 1px solid #ccc;
text-align: center;
-webkit-box-shadow: 0 0 49px 5px rgba(0,0,0,0.13);
-moz-box-shadow: 0 0 49px 5px rgba(0,0,0,0.13);
box-shadow: 0 0 49px 5px rgba(0,0,0,0.13);
}
.login_form_wrapper img.logo {
max-height: 40px;
width: auto;
margin: 10px auto;
}
section#password_recovery {
padding: 0;
}
.login_form_wrapper.forgotpassword_wrapper {
max-width: 450px;
}
.login_form_wrapper .form-control {
max-width: 180px;
margin: 0 auto 0 auto;
text-align: center;
}
.login_form_wrapper .form-control:first-child{
margin-bottom: 5px;
}
.login_form_wrapper a {
opacity: 0.5;
color: #0094c9;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.login_form_wrapper a:hover {
color: #0094c9;
opacity: 1;
}
.credit_footer {
position: absolute;
width: 100%;
bottom: 15px;
text-align: center;
font-size: 1.2em;
z-index: 9;
text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.credit_footer a {
font-size: 1em;
}
.public_page footer.footer {
display: none !important;
}
.login_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
min-height: 100%;

}
.login_bt {
margin: 20px 0;
}
@media only screen and (max-width: 768px){
.login_form_wrapper {
  max-width: 400px;
  margin: 0  auto;
  background: #fff;
  padding: 20px 15px;
  border: 1px solid #ccc;
  text-align: center;
  -webkit-box-shadow: 0 0 49px 5px rgba(0,0,0,0.13);
  -moz-box-shadow: 0 0 49px 5px rgba(0,0,0,0.13);
  box-shadow: 0 0 49px 5px rgba(0,0,0,0.13);
}
}
/* Error */
.error_rip {
position: absolute;
top: 20%;
left: 10%;
width: auto;
height: auto;
max-height: 50%;
max-width: 300px;
display: none;
}
.error_cracked {
position: fixed;
top: -40px;
width: 40%;
left: 0;

}
.has-error .form-control {
border: 2px ridge rgba(233,24,24,1);
}
.has-error .form-control:focus {
outline: 1px solid rgba(233,24,24,0.4);
border: 2px ridge rgba(233,24,24,0.4);
}   
h1 .error_404 {
font-size: 3em;
}
@media only screen and (max-width: 900px){
.error_cracked {
  position: fixed;
  top: -32%;
  width: 90%;
  left: -10%;
}
}
.error_message {
position: relative;
top: 20%;
}
.error_page_title {
text-transform: uppercase;
}
.error_page_title.unavailable {
font-size: 1.3em;
max-width: 800px;
margin: 10px auto;
}
@media only screen and (max-width: 500px){
.error_page_title.oops {
  font-size: 2em;
}
}
@media only screen and (max-width: 900px){
.error_rip {
  height: 50%;
  top: 70%;
}
}





/* Cart */
.auto_order_dash_list .panel .view-paneledcart .panel.panel-default {
border: 0px;
}
.cart_header strong {
height: 50px;
display: block;
overflow: hidden;
}
.auto_order_totals .dl.order-totals dt {
padding-left: 0;
}
.view-paneledcart .panel-body{
   padding-top: 0;
}
#view-cart {
padding: 0 0 80px 0;
}
#view-cart .panel-body{
padding: 0 15px;
}
.cart_header {
line-height: 50px;
margin: 0 -15px 20px -15px;
border: 0 solid #ddd;
background: #f5f5f5;
}
.cart_panel_heading {
background: #f5f5f5;
display: block;
}
#noItemsMessageUpdate.faded_out {
opacity: 0;
height: 0;
overflow: hidden;
}
#noItemsMessageUpdate.faded_out .emptycart_message_wrapper {
margin-top: -100px;
position: relative;
}
#noItemsMessageUpdate.show {
display: block;
}
#noItemsMessageUpdate.fade_in,
#noItemsMessageUpdate.faded_out .emptycart_message_wrapper  {
opacity: 1;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
height: 100%;
margin-top: 0;

} 

.no_item_message {
font-size: 2em;
max-width: 600px;
margin: 20px auto;
text-align: center;
}
@media only screen and (max-width: 768px){
.cart_header {
  display: none;
}
.cart_field.text-center {
  text-align: left;
  font-size: 1.4em;
  margin: 10px 0;
}
.quantity_cart_field:before {
  content: "# ";
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.quantity_cart_field input {
  max-width: 50px;
  display: inline-block;
  vertical-align: middle;
}
}
.cart_panel_heading h3 {
padding: 10px 10px 5px 10px;
margin: 0;
}
.cart_item:nth-child(even){
background: #fff;
}
.cart_item {
margin: 0 -15px 0 -15px;
padding: 20px 0;
background: #fafafa;
border-bottom: 1px solid rgba(0,0,0,0.1)
}
.cart_item_title {
line-height: 1.5;
}
.panel-default.col-sm-8 {
padding: 0;
}
.cart_item_title:hover,
.cart_item_title:focus {
text-decoration: none;
color: #002457;
}
.cart_item_img_wrapper {
text-align: center;
background: #fff;
display: block
}
.cart_item_img_wrapper .cart_item_img{
max-height: 100px;
max-width: 100%;
margin: 0 auto;
display: block;
width: auto;
margin-bottom: 10px;
}
.cart_item_img_wrapper a {
width: 100%;
display: block;
}
.cart_item .remove {
padding: 20px 0;
}


.cart_item .remove a:before {
content: "\f117";
font-family: "Icomoon";
display: block;
line-height: 1.5;
opacity: 0.7;
font-size: 22px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flash_red {
background: rgba(233,24,24,0.3);
padding: 0 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}
.flash_red.fade_out {
background: rgba(233,24,24,0.0);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
padding: 0px;

}
.cart_item .remove a {
color: #E60501;
padding: 10px 0; 
margin: 5px auto;
display: block;
max-width: 60px;
opacity: 0.7;
text-decoration: none;
letter-spacing: 0.04em;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
}
.cart_item .remove a:hover {
text-decoration: none;
cursor: pointer;
opacity: 0.8;
border-opacity: 0.7;
border-radius: 10px;
}
.cart_item .remove a.disabled:focus {
opacity: 1;
}
.cart_item .remove a.disabled:hover {
text-decoration: none;
cursor: normal;
opacity: 0.5;
border: 1px solid transparent;
}
.cart_item .remove a.disabled:before {
opacity: 0.5;
cursor: wait;
border: 1px solid #e1e1e1
}
.icon-uniF117:before {     
color: #E60501 !important;
opacity: 0.5 !important;
}
.solid_button.red {
opacity: 0.5;
}
.solid_button.red:hover {
opacity: 1;
}
.solid_button.red .icon-uniF117:before {
color: #fff !important;
opacity: 1 !important;
}
.solid_button.red:hover .icon-uniF117:before {
color: #E60501 !important;
} 
.cart_item .remove a:hover::before {
opacity: 0.8;
}
.items_label {
margin-left: 30px;
}

.cart_footer {
padding: 15px 40px;
background: #f1f1f1;
color: #002457 !important;
}
.sub_total { 
font-size: 1.5em;
line-height: 50px;
margin: 0;
}
.view-paneledcart .panel-body {
padding-top: 0;
}
.cart_footer span {
font-size: 1em;
color: #002457;
}
.cart_footer strong {
font-size: 20px;
font-weight: 700;
color: #eee;
}
.cart_footer_nav {
    margin: 20px 0;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart_footer_nav li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
}
.cart_footer_nav li:last-child {
  margin-right: 0;
}
.keep_shopping_bt:hover{
  color: #fff;
}
.keep_shopping_bt:before {
  font-family: "Icomoon";
  content: "\f11e";
  margin-right: 5px;
  text-shadow: 0 0 2px rgba(0,0,0,0.2)  
}
.checkout_bt:before {
  font-family: "Icomoon";
  content: "\f112";
  margin-right: 5px;
  text-shadow: 0 0 2px rgba(0,0,0,0.2)
}
.continue_bt:before {
  font-family: "Icomoon";
  content: "\f15e";
  margin-right: 5px;
  text-shadow: 0 0 2px rgba(0,0,0,0.2)
}
.continue_bt.loading:before {
display: none;
}
.continue_bt.green.loading {
background: #72bf44 !important;
}
.continue_bt.green.loading i {
margin: 0;
}
@media only screen and (max-width: 767px){
  .price_field {
    text-align: right;
    font-size: 2em;
    margin: 10px 0;
    float: right;
  }
   .cart_item .remove a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    text-align: center;
    padding: 0 3px;
  }
  .quantity_cart_field {
    margin: 0 !important;
    text-align: right;
  }
  .quantity_cart_field .no_edit{
      width: 15%;
      text-align: center;
      display: inline-block;
  }
  .cart_item .remove a {
     margin-left: 10px;
  }
}
@media only screen and (max-width: 400px){
.item_img_col, .item_description_col {
  width: 100%;
  display: inline-block;
  float: none;
}

.price_field, .quantity_cart_field {
  display: inline-block;
  float: none;
  width: 100%;
  text-align: center;
}
.cart_field.text-center,
.price_field,
.cart_footer_nav {
  text-align: center;
}
.cart_footer_nav a {
  text-align: center;
  font-size: 1em;
  padding: 10px 20px;
  margin-top: 10px;
}
}

/* Shop */
h3.xmd_title.categories_label {
padding: 15px;
}
.categories_mobile_header {
display: block;
background: #fff;
border: #eee;
margin: 20px 15px;
clear: both;
padding: 10px;
}
.categories_mobile_header span:before {
font-size: 1.5em
}
.categories {
width: 100%;
padding: 0;
text-align: center;
display: none;
margin: 20px 0;
}
.categories_title {
 font-size: 1.5em;
 margin: 0
}
.collapse_categories_bt > div {
display: flex;
align-items: center;
width: 100%;
background: white;
padding: 20px;
color: #0094c9;
border: 1px solid #f1f1f1;
border-radius: 4px;

}
.collapse_categories_bt > div > span { 
 margin-left: auto;
 font-size: 1.5em;
}

@media only screen and (min-width: 767px){
 
 .collapse_categories_bt {
   display: none;
 }
.categories {
  display: flex;
  padding: 0 10px;
}
}
.categories li a {
 padding: 10px;
 width: 100%;
 text-align: center;
 justify-content: center;
justify-items: center;
}
.categories li {
display: grid;
justify-content: center;
justify-items: stretch;
cursor: pointer;
border: 1px solid;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 100%;
}
.categories li.wcAll{
 background: #002457;
 color: #fff;
 border-color: #002457;
}

.categories li.wcColostrum,
.categories li.wcAlphaLipid {
  background: #0094c9;
  border-color:#0094c9;
  color: #fff;
}

.categories li.wcNutrition{
  background: #72bf44;
  border-color: #72bf44;
  color: #fff;
}
.categories li.wcNew{
  background: #CF000F;
  border-color: #CF000F;
  color: #fff;
}

.categories li.wcWeightManagement{
  background: #f58220;
  border-color:#f58220;
  color: #fff;
}

.categories li.wcPersonal{
  background: #ec1c52;
  border-color:#ec1c52;
  color: #fff;
}

.categories li.wcCleaning,
.categories li.wcTools,
.categories li.wcHome{
  background: #44B39D;
  border-color: #44B39D;
  color: #fff;
}
.categories li.wcAutomotive,
.categories li.wcEnvironmental{
  background: #5A5A5A;
  border-color: #5A5A5A;
  color: #fff;
}
.product_grid {
  margin: 0;
  width: 100%;
}
.product_grid li {
  display: inline-block;
  width: 100%;
}
.product_grid li .panel {
  border: 1px solid #f1f1f1;
  background: #fefefe;
  text-align: center;
  margin-bottom: 0;
}
.product_grid li .image {
  text-align: center;
  background: #fff;
  margin-bottom: 20px;
}
.product_grid li #Quantity {
  max-width: 8em;
  line-height: 1.5;
  padding: 8px 5px;
  text-align: center;
}

.details_add #Quantity {
  max-width: 8em;
  line-height: 1.5;
  padding: 8px 5px;
  text-align: center;
}

.details_addtocart.well {
  border-radius: 0;
  border: 0;
  background: #fff;
  box-shadow: none;
  padding: 30px 15px 15px 15px;
}
.details_addtocart.well .price.xmd_title h4{
  color: #666;
  font-size: 1.6em;
  font-weight: 300;
}
.product_block .price.xmd_title h4{
  color: #666;
  font-size: 1.2em;
  font-weight: 300;
}
.shop_add_bt {
  border: 1px solid #72bf44;
  border-right: 1px solid #72bf44;
  min-width: 76px;
  height: 36px;
}
.shop_add_bt:before {
  content: "\f10c";
  font-family: "Icomoon";
  font-size: 1.1em;
  margin-right: 5px;
  
}

.shop_card_bt:before {
    content: "\F113";
    font-family: "Icomoon";
    font-size: 1.1em;
    margin-right: 5px;
}

.profile_dropdown {
  min-width: 300px;
  max-width: 400px;
  display: inline-block;
}
.profile_dropdown * {
  font-size: 11px !important;
}
.price.xmd_title {
  margin: 10px 0;
  display: inline-block;
  text-align: center;
}
.price.xmd_title:last-child {
  text-align: center;
  margin-left: 20px
}
.price.xmd_title h4 {
  font-size: 1.1em;
}
.product_grid {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 800px){
.product_grid li {
  width: 50%;
  margin: 0;
}
}
@media only screen and (min-width: 1000px){
  .product_grid li {
    width: 33.33%;
    vertical-align: text-top;
  }
  .product_grid li .image img{
    max-height: 200px;
    width: auto;
  }
}

/* TOASTER */
.toast-top-right {
  top: 60px;
  right: 12px;
}
.toast-success {
  background: rgba(114,191,68,0.8);
  min-height: 100px;

}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 0;
  min-height: 80px;
  background-position: 15px center;
  background-repeat: no-repeat;
  border: 1px solid #72bf44;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
  color: #fff;
  opacity: 0.9;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#toast-container>.toast-error {
  background-image: none !important;
}
.red_border_warning{
  border: 1px solid rgba(150,150,150,0.4);
  padding: 20px; 
  border-radius: 4px;
}

#toast-container > div.toast-error {
  
  color: #fff;
  background: rgba(233,24,24,0.8);
  border: 1px solid rgba(233,24,24,1);
  background-image: none;
  font-weight: 500;
}
#toast-container .toast-error .toast-message a:hover {
  color:#fff;
  background: #72bf44;
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);
  box-shadow: 0 0 10px rgba(0,0,0,.25);
  opacity: 1;
  cursor: pointer;
}
#toast-container .toast-success .toast-message a:hover {
  color:#72bf44;
  background: #fff;
  opacity: 1;
}
#toast-container .toast-success .toast-message {
  font-size: 1.1em;
  font-weight: 400;
}
#toast-container .toast-success .toast-message strong {
  font-weight: 500;
}
#toast-container .toast-success .toast-message a {
  margin-top: 5px;
  color: #72bf44;
  background: #fff;
  display: table;
  font-size: 12px;
  padding: 5px 20px; 
}
#toast-container > .toast-success:before {
  content: "\2713";
  font-size: 30px;
  position: absolute;
  left: 10px;
  top: 20px;
  font-stretch: extra-expanded;
}
#toast-container > .toast-error {
  min-height: 60px;
}
#toast-container > .toast-error:before {
  content: "\f164";
  color: #fff;
  font-size: 30px;
  position: absolute;
  font-family: "Icomoon";
  left: 10px;
  top: 10px;
  font-stretch: extra-expanded;
}

  #toast-container .toast-error .toast-message a {
  margin-top: 5px;
  color: #72bf44;
  background: #fff;
  display: table;
  font-size: 12px;
  padding: 5px 20px; 
}


    #toast-container .toast-error .toast-message a:hover {
  color:#72bf44;
  background: #fff;
  opacity: 1;
}


/* shipping */
.shipping_frame {
padding-bottom: 20px;
}
.enrole_header_nav {
text-align: center;
margin: 10px 0;
width: 100%;
}
.enrole_header_nav li{
margin: 10px 0 10px 0;
}
@media only screen and (min-width: 768px){
.enrole_header_nav {
  text-align: right;
  padding: 0;
  margin: 10px 0;
  width: 100%;
}
.cart_footer_nav.text-left {
  text-align: left;
}
.order_details_dropdown:before {
  content: '\f1bf';
  font-family: "Icomoon";
  font-size: 9px;
  margin-right: 5px;
  color: #002457;
}
.address2_input {
margin-top: 25px;
}
.enrole_header_nav li:first-child {
margin-right: 15px;
}
.enrole_header_nav li {
display: inline-block;
margin: 10px 0 10px 15px;
text-align: center;
vertical-align: middle;
}
}
.enrole_footer {
padding-bottom: 40px;
}
.newaddress_form_wrapper {
border: 1px solid #ddd;
background: #f1f1f1;
border-radius: 5px;
margin: 30px 0;
padding: 20px 15px;
}
.auto_order_shipping .pickupAddress {
margin: 0;
font-size: 1em;
padding: 10px 0 20px 0;
line-height: 1.8;
}
.pickupAddress,
.view_ordershipping {
margin: 50px 0;
}
#searchordersfilter {
height: 26px;
margin: 0 5px;
font-size: 1em;
}
.shipping_method {
margin: 50px 0 50px 0;
}
#shipmethods .radio {
display: inline-block;
margin-right: 40px
}
.addressselectform {
max-width: 900px;
margin: 20px 0 40px 0;
}
.button.save:before {
font-family: "Icomoon";
content: "\f146";
text-shadow: 0 0 1px rgba(0,0,0,0.1);
margin-right: 5px;
}
.view-shippingaddress {
font-size: 1.2em;
padding: 0;
margin: 5px 0;
text-align: left;
}
.view-shippingaddress address {
font-size: 1.1em;
margin: 10px 0;
line-height: 1.5;
}
.ordersummary .view-shippingaddress address {
margin: 0;
}
.view-shippingaddress address br {
font-size: 11px;
}
.orders_ui_bt {
font-size: 1em;
}
.inline_orders_bt_nav, 
.inline_orders_bt {
display: inline-block;
vertical-align: middle;
}
.inline_orders_bt {
margin-right: 15px;
}
ul.order_action_nav {
margin-bottom: 0;
}
.orderprice {
padding: 0 15px;
margin-bottom: 0;
}

@media print {
ul.order_action_nav.inline_orders_bt_nav,
.dropdown_order_details {
  display: none !important;
}
}
@media only screen and (min-width: 1000px){
ul.order_action_nav.inline_orders_bt_nav {
  margin-top: 3px;
}
.order_panel_meta {
  margin-bottom: 0;
}
ul.order_action_nav.inline_orders_bt_nav li .solid_button.grey.button {
  background: #fafafa !important;
  border: 1.3px solid rgba(0,0,0,0.05);
  color: #002457;
  padding: 7px 5px !important;
  font-size: 9px;
  border-radius: 5px;
}
ul.order_action_nav.inline_orders_bt_nav li .solid_button.grey.button:hover {
  border: 1.3px solid rgba(0,0,0,0.3);
  background: transparent !important;
}
.order_nav_wrapper {
  position: absolute;
  right: 0;
  top: 1px;
  width: 480px;
}
.orderlist_description {
  padding: 10px 0 10px 45px;
}
.order_detail_collapse {
  padding-bottom: 20px;
  
}
.orderprice {
  font-size: 1em;
  margin-bottom: 20px;
}
ul.order_action_nav.inline_orders_bt_nav li {
  width: 24.5%;
}
ul.order_action_nav.inline_orders_bt_nav li {
  margin-left: 0.5%;
}
ul.order_action_nav.inline_orders_bt_nav li a.button {
  vertical-align: middle;
  display: inline-block;
}
.padded-container.order_panel {
  padding: 0 15px;
}
.dropdown_order_details {
  padding-right: 30px;
  color: #888;
}

}
.dropdown_order_details {
display: block;
}
.radio input[type="radio"]{
position: absolute;
opacity: 0;
}
.radio_bt {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  margin-right: 20px;
}
.radio label {
padding-left: 40px;
padding-top: 3px;
}
.radio:hover input ~ .radio_bt {
  background-color: #ddd;
}
.radio input:checked ~ .radio_bt {
  background-color: #2196F3;
}
.radio_bt:after {
  content: "";
  position: absolute;
  display: none;
}
.radio input:checked ~ .radio_bt:after {
  display: block;
}
.radio .radio_bt:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* Payments and Review */
.review_totals {
padding-left: 0;
padding-right: 0;
}
.review_section {
padding: 15px 0;
margin-top: 20px;
}
.review_edit_bt {
margin-top: 20px;
}
.cartNotification {
    font-size: 1.2em;
    margin-top: 20px;
}
.declaration {
    border: 3px;
    border-style: solid;
    border-color: #FF0000;
    padding: 1em;
    text-align: justify;
}
.panel.payment_final {
box-shadow: 0 0 0 rgba(0,0,0,0);
border-left: 0;
border-right:0px;
border-radius: 0;
border-top: 0 dotted #f1f1f1;
border-bottom: 1px solid #efefef;
background: #fff;
}
.panel.payment_final .well {
border-color: #fff;
padding: 15px 0;
}
.review_panel_body {
margin-bottom: 0;
background: #fff;
border-left: 0;
border-right: 0;
box-shadow: 0 0 0 #fff;
}
dl.order-totals, dl.grandtotal {
width: 100%;

}

dl.order-totals dt,
dl.grandtotal dt,
dl.subtotals dt {
display: inline-block;
width: 49%;
text-align: left;
margin: 0;
font-size: 1.3em;
padding-left: 30px;
}
dl.order-totals dd,
dl.grandtotal dd,
dl.subtotals dd {
display: inline-block;
width: 49%;
text-align: right;
margin: 0;
font-size: 1.3em;
}

#newcardcontainer .button {
  margin-bottom: 30px;
}
.pay_with_this_bt {
  margin: 20px 0;
  display: table;
}
.pay_thiscard:before {
content: "\f113";
font-family: "Icomoon";
font-size: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.pay_thiscard:hover::before {
content: "\f113";
font-size: 1em;
margin-right: 5px;
opacity: 1;
}
.pay_thiscard:hover {
padding: 7px 12px;
}
.payment_page {
  padding-bottom: 100px;
}
.payment-methodnote {
width: 100%;
max-width: 100%
}
.panel-heading.today_order {
background: #f5f5f5;
}
.today_order_panel {
border-radius: 0;
}
@media only screen and (max-width: 479px){
.sub_total.text-right {
  text-align: center
}
}
.field-validation-error {
margin: 10px 0;
}
span.field-validation-error {
  display: block;
  margin: 20px 0;
  line-height: 1.5;
  color: rgba(233,24,24,1);
}
.brand_border_wrapper {
position: absolute;
bottom: 0;
width: 100%;
right: 0;
left: 0;
margin: 0;
}
.edit_button, .dropdown_button {
background: #f1f1f1;
margin-top: 10px;
display: inline-block;
color: #000;
padding: 7px 14px;
text-decoration: none;
border: 1px solid #ccc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.edit_button .pencil_ico {
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
background-image: url('../../Content/images/icons/edit.png');
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
margin-right: 2px;

}
.edit_button:hover, .edit_button:focus {
outline: none;
text-decoration: none;
color: inherit;
background: #fff;
color: #002457;
}
#view-shoppingreview {
padding: 15px 0 0 0;
}
#view-shoppingreview .dl-horizontal dt,
#view-shoppingreview .dl-horizontal dd {
  display: inline-block;
  width: 48%;
  margin: 0;
  float: none;
  vertical-align: middle;
}
#view-shoppingreview .dl-horizontal {
margin: 0;
}
#view-shoppingreview dl.grandtotal {
background: #f1f1f1;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 15px;
display: block;

}
#view-shoppingreview dl.subtotals {
background: #fff;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0px;
display: block;

}
.view-paneledcart  > div{
margin-bottom: 0;
}
#view-shoppingreview .dl-horizontal dt {
text-align: left;
}
#view-shoppingreview .dl-horizontal dd {
text-align: right;
}
button.confirm_order.green {
background: #72bf44;
color: #fff;
font-size: 1.5em;
}
button.confirm_order.green:hover,
button.confirm_order.green:focus {
background: #fff;
color: #72bf44;
 font-size: 1.55em;

}
.confirm_order.green:before {
content: "\f171";
font-family: 'icomoon';
margin-right: 4px;
font-size: 1em;
}  
.pickup_address_display {
background: #fff;
display: table;
padding: 30px 0;
font-size: 1.5em;
color: #0094c9;
line-height: 1.6
}
.terms_check_wrapper .control-label {
display: table;
}
.terms_check {
display: inline-block;
width: 20px;
float: left;
}
.pay_method_card {
display: inline-block;
background: #f5f5f5;
padding: 20px;
margin: 20px 20px 20px 0;
border: 1px solid #f1f1f1;
}
.pay_method_card .card_details {
font-size: 1.2em;
margin: 0 0 20px 0;
display: block;
line-height: 1.5;
letter-spacing: 0.04em;

}
.pay_method_card .button.green {
background: #fff;
}
.pay_method_card .button.green:hover {
background: #72bf44;
}
/* Order Complete */
.message_complete {
margin-top: 10vh;
}
.message_complete .large_title, .message_complete .md_title {
margin: 0 !important;
}
.order_complete_animate {
position: relative;
overflow: hidden;
max-width: 400px;
margin: 10px auto 30px auto;
width: 100%;
display: block;
}
.order_complete_animate .road {
width: 100%;
padding: 20px 0;
position: relative;
bottom: 0;
margin-top: 10px;
left: 0;
border-top: 2px solid #f1f1f1;
border-bottom: 2px solid #f1f1f1;
}
.order_complete_animate .road .line {
background-image: linear-gradient(to right, #0094c9 60%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 10px 5px;
background-repeat: repeat-x;
width: 200%;
display: block;
position: absolute;
top: 25px;
height: 2px;
left: 0;
animation: animationRoadLine linear 9s infinite;
transform-origin: 50% 50%;
-webkit-animation: animationRoadLine linear 9s infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationRoadLine linear 9s infinite;
-moz-transform-origin: 50% 50%;
-o-animation: animationRoadLine linear 9s infinite;
-o-transform-origin: 50% 50%;
-ms-animation: animationRoadLine linear 9s infinite;
-ms-transform-origin: 50% 50%;
margin-top: -5px;
}
@keyframes animationRoadLine{
0% {
  left: 0; ;
}
100% {
  left: -100% ;
}
}
.order_complete_animate .truck {
position: absolute;
top: -5px;
font-size: 40px;
color: #0094c9;
left: 0%;
animation: animationTruck linear 16s infinite;
transform-origin: 50% 50%;
-webkit-animation: animationTruck linear 16s infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationTruck linear 16s infinite;
-moz-transform-origin: 50% 50%;
-o-animation: animationTruck linear 16s infinite;
-o-transform-origin: 50% 50%;
-ms-animation: animationTruck linear 16s infinite;
-ms-transform-origin: 50% 50%;
margin-top: -5px;
}
@keyframes animationTruck{
0% {
  left: -20%; 
}
100% {
  left: 120% ;
}
}
/* Orders */
.order_panel_meta {
width: 100%;
margin: 5px 0 5px 0;
padding: 0;
line-height: 1.5;
}
.order_panel_meta li {
display: block;
margin-bottom: 3px

}
.order_panel_meta li.ordernum,
.order_panel_meta li.orderdate{
font-size: 1.2em;
margin: 10 0;

}
.orderdate i {
margin-right: 5px;
color: #002457;
}
.order_panel_meta li.ordernum a {
font-size: 1em;
}
.order_panel_meta li:nth-child(1){
margin-right: 30px;
}
.order_action_nav {
padding: 0;
margin: 0 0 10px 0;
width: 100%;
}
.order_action_nav li {
float: left;
margin: 0 0% 0 0;
width: 50%;
text-align: center;
}
.card.card-body .view-shippingaddress {
padding: 10px 15px;
background: #fff;
font-size: 1em;
}
.card {
padding: 15px 15px;
}
.order_action_nav li a {
background: #fff;
color: #0094c9;
cursor: pointer;
margin: 0;
width: 100%;
}
.video_modal_loader {
display: block;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
bottom: 0;
overflow: hidden;

}
.video_modal_loader img {
position: relative; 
z-index: 6;
  height: 100%;
}
.video_modal .modal-header {
  background: #002457;
  color: #fff;
}
.video_modal .modal-content {
  background: #000;
  border: 0px;
}
.video_modal .modal-body {
  padding: 0;
}
.card-heading {
z-index: 20;
position: relative;
} 
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video_modal_loader::before {
  position: absolute;
  width: 30%;
  height: 30%;
  left: 35%;
  top: 35%;
  display: block;
  content: '\f1e5';
  color: #fff;
  font-size: 50px;
  text-align: center;
  font-family: 'icomoon';
  opacity: 1;
 z-index: 7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.video_modal_loader:hover::before {
opacity: 1;
text-shadow: 4px 4px 6px rgba(0,0,0,0.4);
}
#site-content .secondary_container.dashboard_container div.card_wrapper.bottom_card.custom_card_wrapper.dash_sub_card .btn-info.btn {
display: none;
}
.order_action_nav li a:hover {
color: #fff;
background: #0094c9;
}
.order_action_nav li a.print_bt:before,
.order_action_nav li a.view_bt:before {
font-family: "Icomoon";
font-style: normal;
font-size: 1em;
margin-right: 5px;
}
.order_action_nav li a.print_bt:before {
content: "\F1B8";
}
.order_action_nav li a.view_bt:before {
content: "\F12A";
}

.orderprice span {
margin-right: 15px;
}
.orderlist .items-container .item {
margin-bottom: 0;
}

.items-container small {
margin-bottom: 10px;
display: block;
}



@media only screen and (min-width: 768px) and (max-width: 1000px){
.dropdown_order_details:before {
  display: none;
}
.orders_ui_bt {
  background: #0094c9 !important;
  color: #fff !important;
}
.order_action_nav li {
  width: 24.5% !important;
}

}
@media only screen and (max-width: 767px){
.dropdown_order_details:before {
  display: none;
}
.orders_ui_bt {
  background: #0094c9 !important;
  color: #fff !important;
}
.order_details_dropdown:after {
  content: '\f1bf';
  font-family: "Icomoon";
  font-size: 11px;
  margin-left: 5px;
  color: #fff;
}
.order_panel {
  text-align: center;
}
.order_panel.auto_order_panel {
  text-align: left;
}
.items-container small {
  padding: 0 15px;
  text-align: left;
  display: block;
  margin-bottom: 10px;
}
#ordersummary .items-container .col-sm-12.col-xs-12 {
  padding: 0 15px;
  text-align: left;
}
.order_panel_meta {
  margin-top: 10px;
  display: block;
  clear: both;
}
.orderlist .items-container .item {
  display: block;
  margin-bottom: 20px;
}
.orderlist .address_wrapper {
  display: block;
  margin: 0 auto;
  width: 300px;
  text-align: center;
}
.order_action_nav {
  text-align: center;
  margin-top: 30px;
}
}
.panel .panel-heading .order_item_header {
border: 0;
}
.panel .panel-heading .valign_bt {
line-height: 33px;
background: transparent;
}

ul.autoship_itemedit_nav li {
vertical-align: text-top;
}
ul.autoship_itemedit_nav {
margin: 0;

}
.autoship_itemedit_nav li a {
margin: 0 !important;
}
.auto_order_dash_list .order_detail_collapse {
margin-top: 20px;
}
.auto_order_dash_list .address_wrapper {
margin: 20px 0;
}
.auto_order_dash_list .orderdate i {
color: #666;
}
.auto_order_dash_list .order_img_thumb {
margin: 10px 0;
max-height: 120px;
}
.orderdate,
.ordernum{
font-size: 1em !important;
}
.emptycart_message_wrapper {
max-width: 800px;
margin: 0 auto;
}
/*Modal Loader */
#loading-wrapper {
background: #fff;
height: 30px;
width: 100%;
}
.loader_container {
  position: fixed ;
  top: 0;
  padding-top: 10%;
  padding-top: 10vh;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  
}
.loader {
position: relative;
width: 44px;
height: 8px;
margin: 12px auto;
}

.dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 4px;
background: #ccc;
position: absolute;
}

.dot_1 {
animation: animateDot1 1.5s linear infinite;
left: 12px;
background: #ec1c52;
}

.dot_2 {
animation: animateDot2 1.5s linear infinite;
animation-delay: 0.5s;
left: 24px;
background: #0094C9;
}

.dot_3 {
animation: animateDot3 1.5s linear infinite;
left: 12px;
background: #72bf44;
}

.dot_4 {
animation: animateDot4 1.5s linear infinite;
animation-delay: 0.5s;
left: 24px;
background: #f58220;
}

@keyframes animateDot1 {
0% {
  transform: rotate(0deg) translateX(-12px);
}
25% {
  transform: rotate(180deg) translateX(-12px);
}
75% {
  transform: rotate(180deg) translateX(-12px);
}
100% {
  transform: rotate(360deg) translateX(-12px);
}
}
@keyframes animateDot2 {
0% {
  transform: rotate(0deg) translateX(-12px);
}
25% {
  transform: rotate(-180deg) translateX(-12px);
}
75% {
  transform: rotate(-180deg) translateX(-12px);
}
100% {
  transform: rotate(-360deg) translateX(-12px);
}
}
@keyframes animateDot3 {
0% {
  transform: rotate(0deg) translateX(12px);
}
25% {
  transform: rotate(180deg) translateX(12px);
}
75% {
  transform: rotate(180deg) translateX(12px);
}
100% {
  transform: rotate(360deg) translateX(12px);
}
}
@keyframes animateDot4 {
0% {
  transform: rotate(0deg) translateX(12px);
}
25% {
  transform: rotate(-180deg) translateX(12px);
}
75% {
  transform: rotate(-180deg) translateX(12px);
}
100% {
  transform: rotate(-360deg) translateX(12px);
}
}

@-webkit-keyframes loaders {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes loader {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}

/* Retail Order Modal */
#retail-dialog > div, .table_modal .modal-dialog{
max-width: 800px;
width: 100%;
min-height: 80vh;
min-height: 400px;
margin-left: auto;
margin-right: auto;
}
.table_modal .modal-body {
padding: 0;
}
.table_modal #retail-dialog .modal-body {
padding: 15px !important;
}
.downline_modal.in.modal {
overflow-y: hidden;
}
.table_modal .modal_content {
padding: 15px;
height: auto;
position: relative;
overflow-y: auto;
max-height: 500px;
}
.table_modal {
  margin: 20px;
  padding: 20px;
}
.table_modal .modal-content {
min-height: 500px;
}
.table_modal .modal_header {
background: #f5f5f5;
border-bottom: 1px solid #ddd;
padding: 15px;
}
.modal_header .large_title {
margin: 0;
}
.sm_label {
display: none;
}
.cd_tab_nav {
background: #fff;
margin: 15px -15px -15px -15px;
padding: 0 0;

}
@media only screen and (max-width: 400px){
.cd_tab_nav li {
  display: inline-block;
  padding: 0;
  width: 24.5%;
}
}
@media only screen and (max-width: 366px){
.cd_tab_nav li {
  display: inline-block;
  padding: 0;
  min-width: 100%;
}
}
.cd_tab_nav li {
display: inline-block;
padding: 0;
min-width: 24%;
}
.cd_tab_nav li:nth-child(1n + 2){
  margin-left: -3px;
}
.cd_tab_nav li button {
border: 0;
padding: 8px 10px 8px 10px;
-webkit-transition: all 0.75s ease-in-out;
-moz-transition: all 0.75s ease-in-out;
-ms-transition: all 0.75s ease-in-out;
-o-transition: all 0.75s ease-in-out;
transition: all 0.75s ease-in-out;
outline: 0;
color: #0094c9;
width: 100%;
text-align: center;

}
.cd_tab_nav li button:hover {
background: #f5f5f5;
color: #0094c9;
}

.cd_tab_nav li button {
font-size: 1em !important
}
.cd_tab_nav li button.btn:active, 
.cd_tab_nav li button.btn:focus,
.cd_tab_nav li .btn-default{
background: #0094c9;
color: #fff;
outline: 0;
font-size: 1em;
}
@media only screen and (max-width: 767px){
.cd_tab_nav li .btn-default {
 font-size: 0.8em
} 
}
i.exp-dl:before, .exp-ord:before{
padding: 0;
margin-right: 5px;
}
table.table.table_row.new_downline {
margin: 0 !important;
}
table.table.table_row.new_downline {
border-spacing: 0;
}
table.table.table_row.new_downline td {
border-top-color: rgba(150,150,150,0.3) !important;

}
table.table.table_row.new_downline td.table_icon {
text-align: center;
}
.table.customer_details {
max-width: 500px;
padding: 20px 20px !important;
margin-bottom: 40px;
}
tbody.newdownline_customer_detail {
padding: 20px;
display: block;
}
.table.customer_details td {
border: 0;
font-size: 1.1em;
}
.table.customer_details td:nth-child(odd) {
font-weight: 500;
}

@media only screen and (max-width: 767px){
.table.retailorder {
  width: 90%;
}
table.table.table_row.new_downline td {
  font-size: 1.1em;
}
.orderlist_description {
  padding: 0 30px 0 30px;
}
table.new_downline td {
  padding: 10px 5px;
}
.sm_label {
  display: block;
}
.table.retailorder td {
    width: 100%;
    display: block;
    border: 0;
} 
.table.retailorder tr {
  border: 0;
}
.table.retailorder td.expand_td {
  display: none;
}
.table.retailorder tr.data_row {
  margin: 20px 0 0 0;
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
}
.table.retailorder tr.data_row:nth-child(even),

.table.retailorder .table_header_row {
  display: none;
}
}




.volumes_table tr:nth-child(even),
.customer_orders tr:nth-child(even)  {
  background: #f5f5f5;
}

#retail-dialog > div .modal-content, .modal-content {
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2);
box-shadow: 0 2px 15px rgba(0,0,0,0.2);

}
.ordersummary {
background: #fff;
border: 1px solid #eee;
border-radius: 5px;
margin: 0 0 0 0;
}
.order_item_header {
margin: 0 0 10px 0;
padding: 10px 15px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom: 1px solid #eee;
width: 100%;
display: block;
font-size: 1.1em;
background: #f5f5f5;

}
.order_img_thumb {
max-height: 200px;
width: auto;
margin: 0 auto;
}

.order_nav ul{
padding: 0 0 0 20px;
margin: 10px 0;
}
.order_nav ul .button {
font-size: 1em;
padding: 4px 10px;
height: 25px;
}
#searchorders::before {
content: "\F16A";
font-family: "Icomoon";
}
.navbar-form {
margin: 0;
}
.order_nav ul {
padding: 0;
}
.order_nav ul li {
display: inline-block;
vertical-align: text-top;
}
.order_nav ul li .form-control.search_input {
max-width: 110px;
display: inline-block;
}
@media only screen and (max-width: 360px){
.order_nav ul li .form-control.search_input {
  max-width: 110px;
  margin-top: 20px;
  display: inline-block;
}
.order_nav ul li.form-group {
  width: 100%;
  display: block;
  margin: 10px 0;
}
.order_nav ul {
  text-align: center;
}

}
@media only screen and (max-width: 420px){
table.table.table_row.new_downline td {
  font-size: 0.9em;
}
}
/* Auto Orders */
.plus_sphere {
line-height: 18px;
width: 19px;
height: 19px;
background: #fff;
color: #0094c9;
border-radius: 50%;
text-align: center;
margin-right: 5px;
border: 1px solid #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.auto_order_dash_list {
padding: 0;
}

.ordersummary {
position: relative;
}
.create_autoorder.table {
padding: 15px;
max-width: 800px;
}
.create_autoorder_header.table_header {
display: block;
border-bottom: 1px solid #ddd;
border-top: 0;
background: #eee;
width: 100%;
padding: 10px 10px;
color: #0094c9;
margin: 20px auto 0 auto;
}
.create_autoorder .form-control {
max-width: 350px;
}
.create_autoorder.table tr,.create_autoorder.table td {
padding: 10px 15px;
border: 0;
}
.orderlist .productimage {
text-align: left;
width: 100%;
}
.orderlist .productimage img {
max-height: 70px;
width: auto;
margin: 0 auto 20px auto;

}
.row.pay_methods .popover {
min-width: 260px;
}
.orderlist .items-container .item .product_description {
 
font-size: 1em;
}
.ordersummary .status_info {
color: #002457;
font-size: 1em;
line-height: 1.5;
margin: 0 0;
display: block;
text-align: left;
}

.ordersummary .address_title {

}
.order_history_nav {
display: block;
padding: 10px;
margin: 0;
font-size: 1.5em;

}
.order_history_nav {
text-align: center;
margin: 0 auto;
max-width: 400px;
}
.order_history_nav li {
display: inline-block;
}
.order_history_nav .nav_newer {
margin: 10px 0;
font-size: 1.4em;
padding: 7px 20px;
background: #002457;
display: block;
color: #fff; 
}
.nav_newer span {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);

}
.nav_newer span:before {
content: "\f102";
font-family: "Icomoon";
margin-left: 5px;
color: #fff; 
}
.order_history_nav .nav_older:before  {
content: "\f102";
font-family: "Icomoon";
margin-right: 5px;

}

.order_history_nav .nav_older {
margin: 10px 0;
font-size: 1.4em;
padding: 7px 20px;
background: #002457;
color: #fff;
display: block;
}
#resultMessage {
padding: 0 15px;
margin: 20px 0;
font-size: 1.5em;
color: #002457;
line-height: 1.5;
}
.itemedit_nav {
padding: 0;
margin: 20px 0;
}
.itemedit_nav li {
display: inline-block;
margin-right: 10px;
}
.itemedit_nav li a:hover {
cursor: pointer;
}
.itemedit_nav li a {
display: block;
padding: 10px 20px;
background: #fff;
font-size: 1em;
}
.auto_order_item_header {
position: relative;
}
.cancel_autoorder_bt {
color: #E91818;
border: 1px solid #E91818;
}
.edit_autoorder_bt {
color: #72bf44;
border: 1px solid #72bf44;
}
.cancel_autoorder_bt:hover {
background: #E91818;
color: #fff;
}
.edit_autoorder_bt:hover {
background: #72bf44;
color: #fff;
}
.create_autoorder_bt {
position: absolute;
right: 0;
top: 0px;
}
a.edit_button.auto_order_notfication_wrapper {
border-radius: 15px;
display: inline-block;
background: #002457;
border: 1px solid #002457;
color: #fff;
}
a.auto_order_notfication_wrapper span.qIcon {
font-size: 1.5em;
} 
.autoship_itemedit_nav .popover {
max-width: 700px;
margin-left: -50px;

}
.autoship_itemedit_nav .popover .arrow {
top: initial !important;
}
.autoorder_top_nav {
margin: 20px 0 10px 0;
position: relative;
width: 100%;
}
#TermsAndConditions.card {
margin-bottom: 80px;
}

@media only screen and (max-width: 767px){
.padded-container.order_panel {
  padding: 15px;
}  
.create_autoorder_bt {
  margin: 0 auto;
  float: none;
}
.create_autoorder_bt, .autoorder_title_wrapper {
  position: relative;
  right: initial;
  left: initial;
  text-align: center;
}
.orderlist .items-container .item .product_description {
  text-align: left;
  padding: 15px;
  margin:0px;
}
.order_panel_meta {
  text-align: left;
}
.orderprice {
  text-align: left;
}
}
/* Resources */
.offwhite_bg {
background: #f5f5f5;
position: fixed;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#view-resourcelist{
position: relative;
z-index: 10;
}
.resource_nav {
padding: 0;
}
.resource_subnav {
display: block;
}
.resource_item {
font-size: 1.2em;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.resource_item > a {
line-height: 1.5;
padding: 10px 8px;
display: block;
color: #0094c9;
font-size: 1em;
}

.resource_item span {
-webkit-transition: all 0.40s ease-in-out;
-moz-transition: all 0.40s ease-in-out;
-ms-transition: all 0.40s ease-in-out;
-o-transition: all 0.40s ease-in-out;
transition: all 0.40s ease-in-out;
margin-right: auto;
}

.resource_item.current span {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);

}
.resource_item.search_item.current span {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);

}
.resource_item_subitem.current {
background: rgba(0,0,0,0.2)
}
.resource_item_subitem:hover {
background: rgba(0,0,0,0.1);
}
.metismenu .arrow {
float: right;
line-height: 1.42857;
}
.resource_subnav{
border-bottom: 2px solid #f1f1f1;
padding-left: 0;
}
.resource_subnav a {
padding: 4px 10px 4px 15px;
line-height: 1.5;
display: block;
color: #0094c9;
font-size: 1.2em;
}
.metismenu .collapse {
display: none;
}
.metismenu .collapse.in {
display: block;
}
.resource_item_subitem {
padding: 5px 0;
}
.metismenu .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
        transition-timing-function: ease;
-webkit-transition-duration: .45s;
        transition-duration: .45s;
-webkit-transition-property: height, visibility;
        transition-property: height, visibility;
}
.resources_list_wrapper > .large_title {
margin: 10px;
}
.resources_list {
padding: 10px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.resources_list li {
width: 33.33%;
padding: 10px;
vertical-align: text-top;
position: relative;
}
.resources_list .resource_card {
background: #fff;
padding: 10px;
border: 1px solid #f1f1f1;
border-radius: 5px;
background: #f5f5f5;
}
.resources_list li .resource_card .image {
text-align: center;
margin-bottom: 10px;
display: block;
}
.resources_list li .resource_card .image img {
height: 100px;
width: auto;
}
.resources_list .details {
text-align: center;
}
.resources_list .details .xmd_title {
font-weight: 500;
}
.resource_buttons_container {
display: flex;
position: absolute;
bottom: 15px;
height: 31px;
left: 0;
padding: 0 15px;
width: 100%;
}
.resource_button {
background: #fff;
color: #0094c9;
border-radius: 10px;
padding: 7px 10px;
display: inline-block;
width: 50%;
border: 1px solid #eee;
text-align: center;
margin: 0 2px;


}
.resource_button:hover {
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
}
@media only screen and (max-width: 767px){
.resource_nav > li {
  padding: 0 0;
  margin: 0 0;
  background: #0094c9;
}
.resource_nav li a {
  color: #fff;
  padding: 10px 10px;
  display: block;
}
.resource_nav li a:hover {
  background: rgba(0,0,0,0.1)
}
.resource_nav {
  text-align: left;
}
.resource_nav li:hover {
  background: #002457;
  color: #fff;
}
.resource_subnav {
  display: block;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0 0;
}
.resource_item.current {
  background: #002457;
}

.resource_subnav li a {
  padding-left: 25px;
}
}
@media only screen and (min-width: 450px){
.resources_list li {
    width: 50%;
}
}
@media only screen and (max-width: 499px){
.resources_list li {
    width: 100%;
}
}
@media only screen and (min-width:900px){
.resources_list li {
  width: 33.33%;
}
}
@media only screen and (min-width:1300px){
.resources_list li {
  width: 25%;
}
}

.resource_subnav a {
color: #0094c9;
}
.resource_item.current a.parent_link {
color: #fff;
background: #0094c9;
}
/* Accounts and Settings */
.nav_icon {
margin-right: 5%;
margin-left: 5%;
float: left;
width: 10%;
}

@media only screen and (min-width: 480px){
  .nav_icon {
    margin-right: 0;
    margin-left: 0;
    float: left;
    width: 30px;
    
  }
}
@media only screen and (min-width: 768px) {
  .nav_icon {
    margin-right: 5%;
    margin-left: 0;
    float: left;
    width: 10%;
    display: block;
  }
}
@media only screen and (max-width: 767px){
  .downline_table_nav li {
     padding: 10px 0px; 
     display: block;
     clear: both;

  }
  .downline_table_nav li.search_period {
     padding: 16px 0px; 
  }
  .downline_table_nav li.nav_button {
     padding: 0px 0px; 
     width: 100%;
     
  }
  .downline_table_nav {
      padding: 10px;
  }

}
.sidebar_menu {
color: #0094c9;
padding: 0;
padding: 0 10px 20px 10px;
}
.sidebar_menu li a{
line-height: 1.5;
padding: 3px 0;
display: block;
font-size: 1.4em;
color: #444;
}
.sidebar_menu li a span {
color: #0094c9;
}

/* idle time out modal */
#idletimeoutmodal .modal-dialog {
margin-top: 60px;
}
#idletimeoutmodal .modal-header,
#idletimeoutmodal .modal-footer {
background: #f5f5f5;
}
#idletimeoutmodal .modal-footer button:first-child {
margin-right: 10px;
}
@media only screen and (min-width: 768px){
#idletimeoutmodal .modal-dialog {
  margin-top: 120px;
}
}
@media only screen and (min-width: 768px){
  .commission_detail_backlink {
      float: right;
      margin: 30px 0;
  }
}
@media only screen and (max-width: 767px){
  .commission_detail_backlink {
      float: none;
      margin: 10px 0 30px 0;
      text-align: center;
      font-size: 1.3em;
  }
}

/* Commision lits */
@media print {
.commission_statement_wrapper table tbody tr td{
    font-size: 9px !important;
}
comms_statement_wrapper table tbody tr td {
    font-size: 9px !important;
}

.commission_statement_wrapper p {
        font-size: 11px !important;
}
.comms_statement_wrapper p {
        font-size: 11px !important;
}

#Details_CommissionRunID, .commission_detail_backlink {
    display: none;
}
.hide_print {
  display: none;
}
}
.commissions_panel {
    max-width: 800px;
    margin: 0 auto;
}
@media only screen and (max-width: 400px){
  table.commissions_list tbody {
    max-width: 100%;
    overflow-x: auto;
    display: block;
  }
  .table.commissions_list {
      width: 100%;
      display: block;
  }
  
} 
/* Invoices*/
.invoice_iframe_wrapper{
  width: 100%;
  padding: 150% 0 0 0;
  position: relative;
}
.invoice_iframe_wrapper iframe {
  position: absolute;
  padding: 15px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  border: 1px solid #f1f1f1;
}
@media only screen and (min-width: 500px){
  .invoice_iframe_wrapper {
      width: 100%;
      padding: 100% 0 0 0;
      position: relative;
  }
}   
@media only screen and (min-width: 920px){
  .invoice_iframe_wrapper {
      width: 100%;
      padding: 75% 0 0 0;
      position: relative;
  }
} 
/* Commision statement wrapper */
.commission_statement_wrapper {
padding-bottom: 40px
}
.comms_statement_wrapper {
    padding-bottom: 40px
}

.commission_statement_wrapper table th {
color: #002457;
font-weight: 500;
font-size: 1.2em;
}
.comms_statement_wrapper table th {
    color: #002457;
    font-weight: 500;
    font-size: 1.2em;
}

.commission_statement_wrapper table.grdBor_commission th {
color: #002457;
border-color: rgba(0,0,0,0.2);
}
.comms_statement_wrapper table.grdBor_commission th {
    color: #002457;
    border-color: rgba(0,0,0,0.2);
}

.commission_statement_wrapper table td {
padding: 4px;
border: 1px solid rgba(0,0,0,0.2);
font-size: 1em;
}

.comms_statement_wrapper table td {
    padding: 4px;
    border: 1px solid rgba(0,0,0,0.2);
    font-size: 1em;
}

.commission_statement_summary {
padding: 20px 20px 0 20px;
}
.commission_statement_summary div p {
padding: 5px 0;
margin: 0;
font-size: 1.2em;
color: #002457;
font-weight: 500;
}
.commission_statement_summary div:nth-child(even) p {
font-weight: 400;
}

.commission_statement_summary div .commission_statement_title,
.commission_statement_summary div .commission_statement_title p {
color: #002457;
font-weight: 500;
}
#divGrossIncomeHeader table th{
color: #fff;
}
.highlight_statement_row {
background: #DADFE1;
padding: 7px 0;
margin: 20px -20px 0 -20px;
border: 1px solid #f5f5f5;
}
.highlight_statement_row p {
font-weight: 500;
}
#Details_CommissionRunID {
line-height: 2;
padding: 10px;
display: inline-block;
margin-right: 10px;
}
.commission_statement_summary table {
overflow-x: auto;
}
.commission_statement_summary table.royalty_comission_table {
overflow-x: auto;
border: 1px solid #eee;
}
.commission_statement_summary table.royalty_comission_table tr:nth-child(odd){
  background: #f9f9f9;
}
.commission_statement_summary table.royalty_comission_table tr th {
  font-weight: 400;
}
.commission_statement_summary table.royalty_comission_table tr.header_row {
  background: #002457;
  color: #fff;
}
.royalty_period_date {
  margin-top: 10px;
  font-weight: 400;
}
@media only screen and (min-width: 900px){
  .royalty_period_date {
      text-align: right;
      letter-spacing: 0.05vw;
      

  }
}

.royalty_statement {
  margin: 0;
}
.commission_statement_summary div:nth-child(even) p.statement_totals {
font-weight: 700;
}
div [class^="toggle1"] table tbody tr td{
font-size: 1.2em;
padding: 6px 4px;
line-height: 1.5;
border: 1px solid rgba(0,0,0,0.2);
}
div [class^="toggle1"] table tbody tr td:nth-child(2){
font-weight: 500;
}
div [class^="toggle1"] table tbody tr td:nth-child(3){
  font-weight: 500;
}
.grdBor_commission td:first-child {
text-align: right;
}
.commission_statement_wrapper table.grdBor_commission th {
font-size: 0.6em;
}
.comms_statement_wrapper table.grdBor_commission th {
    font-size: 0.6em;
}

#view-accountoverview.orderlist {margin-top: 20px; clear: both}
#view-accountoverview .detail {
    display: block; }
#view-accountoverview .form {
  display: none; }
#view-accountoverview .editbutton {
  display: block; }
#view-accountoverview .panel-body.edit {
  background-color: #F5F5F5; }
#view-accountoverview .panel-body.edit .detail {
  display: none; }
#view-accountoverview .panel-body.edit .form {
  display: block; }
#view-accountoverview .panel-body.edit .editbutton {
  display: none; }

.hidden1, .hidden2, .hidden3, .hidden4, .hidden5, .hidden6, .hidden7, .hidden8, .hidden9 {
  display: none;
}


/* Malaysia ONLY ---- rewards Page */

.rewards_logo {
max-width: 250px;
margin-bottom: 15px;
}
.voucher_wrapper {
position: relative;
}
.vouch_amount {
position: absolute;
top: 50%;
right: 20px;
font-size: 24px;
color: #fff;
font-weight: 700;
text-shadow: 1px 0 3px rgba(0,0,0,0.4);
}
.voucher_img {
margin: 0 auto;
display: block;
border: 2px solid #eee;
}
@media only screen and (max-width: 768px){
.rewards_logo {
  margin: 0 auto;
  text-align: center;
  display: block;
}
}

.voucher_progress .progress-bar-striped:before {
background: #002457;
}
.voucher_progress {
margin: 10px 20px;
display: block;
}
#container-btn-months {
  margin: 20px 0;
}



/* Instructions Page */
.instructions_intro_img {
max-width: 520px;
margin: 0 auto;
display: block;
}
.instructions_table_icon{
font-size: 20px;
color: #002457;
display: inline-block;
}
.instructions_downline_intro p {
font-size: 1.5em;
margin: 0;
padding: 0;
}
.instructions_downline_intro ul {
padding: 0;
margin: 10px 0 20px 0;
}
.instructions_downline_intro ul li:before {
content: "";
display: inline-block;
float: left;
width: 8px;
height: 8px;
border-radius: 50%;
background: #002457;
margin: 5px 10px 7px 0;

}
.downline_instructions_detail .diagram1 {
max-width: 1000px;
margin: 20px auto 0 auto;
display: block;
}
.downline_instructions_detail .diagram2 {
margin-bottom: 20px;
}
.downline_instructions_table img.instructions_ico {
max-width: 28px;
display: block;
margin: 4.5px auto 0 auto;
text-align: right;

}
.downline_instructions_table {
margin: 30px 0 50px 0;
}

.downline_instructions_table .tab_labels {
font-weight: 700;
font-size: 1.2em;
line-height: 2;
color: #0094c9;
margin: 10px 0;
}

.downline_instructions_table .row  {
padding: 10px 0;
border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 768px){
.downline_instructions_table div.row:nth-child(odd){
  background: #f5f5f5;
}
.downline_instructions_table  p {
  margin: 0;
  padding: 0; 
}
.downline_instructions_table .tab_labels {
  margin: initial;
}
}


.instructions_downline_intro ul li {
line-height: 1.6;
font-size: 1.2em;
margin: 5px 0;
}
.preview_bt img {
max-height: 35px;
width: auto;
display: inline-block;
vertical-align: middle; 
}
.button.green.submit_green,
.button.green.submit_green:focus, 
.button.green#SubmitButton:focus,
.button.green#SubmitButton:hover {
background: #72bf44 !important;
color: #fff !important;
min-width: 120px;
}

@media only screen and (max-width: 480px){
  .dash_sub_card{
      min-height: 344px!important;
      height: 344px !important;
  }
}
#paymentreminder {
position: relative;
display: block;
}
.pinkReminderDot {
position: absolute;
display: block;
top: 0px;
right: 0px;
height: 25px;
width: 25px;
background: #f58220;
border-radius: 50%;
opacity: 1;
-webkit-animation: pulse 2s ease-in-out infinite;
-moz-animation: pulse 2s ease-in-out infinite;
animation: pulse 2s ease-in-out infinite;
-o-animation: pulse 2s ease-in-out infinite;

}
.pinkReminderDot.displayNone {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@-webkit-keyframes pulse {
  0% {
      -webkit-transform: scale(0.8);
      opacity: 0.5;
  }
  51% {
      -webkit-transform: scale(1.0);
      opacity: 1;
  }
  100% {
      -webkit-transform: scale(0.8);
      opacity: 0.5;
  }
}

@-moz-keyframes pulse {
  0% {
      -webkit-transform: scale(0.8);
      opacity: 0.5;
  }
  51% {
      -webkit-transform: scale(1.0);
      opacity: 0.9;
  }
  100% {
      -webkit-transform: scale(0.8);
      opacity: 0.5;
  }
}
@-o-keyframes pulse {
  0% {
      -webkit-transform: scale(0.8);
      opacity: 0.5;
  }
  51% {
      -webkit-transform: scale(1.0);
      opacity: 0.9;
  }
  100% {
      -webkit-transform: scale(0.8);
      opacity: 0.5;
  }
}
@keyframes pulse { 
  0% {
      -webkit-transform: scale(0.8);
      opacity: 0.5;
  }
  51% {
      -webkit-transform: scale(1.0);
      opacity: 0.9;
  }
  100% {
      -webkit-transform: scale(0.8);
      opacity: 0.5;
  }
}



.flex {
display: flex;
}
.items_center {
align-items: center;
}
.w_full {
width: 100%;
}
.search_notfication_wrapper {
background: #fff;
color: #002457;
font-size: 20px;
line-height: 34px;
display: inline-block;
padding: 0 5px;
border-radius: 10px; 
}
.search_results {
display: block;
padding: 0;
}
.search_results li .resource_card {
display: flex;
padding: 10px;
border: 1px solid #eee;
width: 100%;
margin-bottom: 10px;
border-radius: 5px;
}
.search_results li .resource_card .image {
width: 100px;
}
.search_results li .resource_card h3 {
font-size: 1em;
margin: 0;
}
.search_results li .resource_card h2 {
font-size: 1.5em;
margin: 10px 0;
color: #0094c9;
}
.search_results li .resource_card .details_wrapper {
padding-left: 20px;
position: relative;
width: 100%;
padding-right: 50px;
}
.search_results li .resource_card .details_wrapper b { /* result rating*/
position: absolute;
top: 0;
right: 0;
padding: 10px;
background: #eee;
}




/* Analaytics */

.flex-panel-heading {
display: flex;
align-items: center;
width: 100%;
}
.flex-panel-heading h3 {
margin: 10px 0;
font-size: 1.5em;
color: #002457;
}
.flex-panel-heading .new_label {
margin-right: 10px;
background: #72bf44;
padding: 5px;
border-radius: 5px;
color: #fff;
}
.flex-panel-heading .caret_ico {
margin-left: auto;
color: #002457
}
.analytics-wrapper .analytics-panel-body,
.analytics-wrapper .panel .panel {
border: 0px solid black;
box-shadow: none;
}
.analytics-wrapper .panel .panel {
padding: 0;
}
.analytics_load_placeholder {
display: flex;
width: 100%;
height: 300px;
align-items: center;
text-align: center;
}
.analytics_load_placeholder h4 {
width: 100%;
}
.google-visualization-table {
margin: 20px 0;
}
.google-visualization-table,
.google-visualization-table-table, 
#tblDetails-DirectDownlineNotOrdered,
#tblDetails-DirectDownlineOrdered {
width: 100%;
}
.analytic_selector_flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.analytic_selector_flex > div {
margin: 0 20px 0 0;

}
.analytics_graph_key_color {
width: 15px;
height: 15px;
margin: 0 10px 0 0;
display: block;
}
.analytics_graph_key {
display: flex;
align-items: center;
margin-bottom: 10px;
color: #222;
}
.analytics_graph_key_wrapper {
margin: 20px auto 20px auto;
background: #fff;
border: 1px solid #f1f1f1;
padding: 10px 10px 0 10px;
border-radius: 10px;
line-height: 1.4;
max-width: 350px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10);
}
.mt-2 {
margin-top: 2em;
}
}
.custom_card_flex > * {
margin: 0px auto;
}
.custom_card .card {
padding: 0;
}
@media only screen and (min-width: 768px) {
    .custom_card_flex {
      display: flex;
      align-items: center;
      width: 100%;
      margin: 20px 0;
    }
    .custom_card_flex > * {
      width: 50%;
      margin: 0 auto;
    }
}

.termsULLowerAlpha > li {
    list-style-type: lower-alpha;
    
}
.termsULCircle > li {
    list-style-type: circle;
    
}
.termsULDecimal > li {
    list-style-type: decimal;
    
}
/*e.g. if alpha, but in a different alphabet that has the letters in the translation */
.termsULNone > li {
    list-style-type: none;
    
}


#ol1 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}
#ol1 ul li {
    list-style-type: circle;
    padding: 0 0 2px 0;
}
#ol2 li {
    list-style-type: decimal;
    padding: 0 0 2px 0;
}
#ol3 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}
#ol4 li {
    list-style-type: lower-alpha;
}
#ol5 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}

#ol6 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}
#ol7 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}
#ol8 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}
#ol9 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}


#ol10 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}

#ol10 ul li {
    list-style-type: circle;
    padding: 0 0 2px 0;
}


#ol11 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}

#ol11 ul li {
    list-style-type: circle;
    padding: 0 0 2px 0;
}

#ol12 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}

#ol12 ul li {
    list-style-type: circle;
    padding: 0 0 2px 0;
}

#ol13 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}

#ol13 ul li {
    list-style-type: circle;
    padding: 0 0 2px 0;
}

#ol14 li {
    list-style-type: lower-alpha;
    padding: 0 0 2px 0;
}

#ol14 ul li {
    list-style-type: circle;
    padding: 0 0 2px 0;
}





.resources-language-selector {
  column-gap: 15px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.resources-language-selector input {
  margin: 0 10px 0 0;
}

.header_flag_dropdown ul {
  padding: 0;
}

.top_nav .header_flag_dropdown ul li {
  display: block;
}

.top_nav .header_flag_dropdown ul li a,
.top_nav .header_flag_dropdown ul li a:hover {
  display: block;
  white-space: nowrap;
  padding: 0.5rem 1rem;
  color: inherit;
  background: inherit;
  width: 100%;
}

.header_flag_dropdown ul li:hover a {
  background-color: transparent !important;
  color: inherit;
}

.header_flag_dropdown ul li:hover {
  background-color: #f5f5f5;
}


.bg-success {
    background-color: #72bf44;
}

.bg-warning {
    background-color: #f58220;
}

.terms-attention-div {
    background-color: #FCD3B1;
    padding: 20px;
    border: 1px solid #f58220
}
.terms-scroll-div {
    overflow-y: scroll;
    height: 400px;
    padding: 20px;
}

    .terms-scroll-div table {
        border: 1px solid #002457;
    }

    .terms-scroll-div td {
        border: 1px solid #002457;
        padding: 10px;
        margin: 10px;
        vertical-align: top;
    }

    .terms-scroll-div ul {
        padding-left: 10px;
    }
    .terms-scroll-div ul li {
        list-style: disc;
        padding-left: 0px;
    }


.sectionheader {
    border: 1px solid #0094c9;
    margin: 5px;
    color: #002457;
    font-weight: 500;
    font-size: medium;
}

.sectiondetail {
    margin: 5px;
}

.sectiondescription {
    font-size: medium;
}

.headerrow th {
    background-color: #f1f1f1;
    border: none;
    font-weight: bold;
    font-size: medium;
}

.commission_statement_wrapper {
    color: #002457;
    border-color: rgba(0,0,0,0.2);
    border-width: 1px;
    margin: 5px;
    width: 100%;
}

.comms_statement_wrapper {
    color: #002457;
    border-color: rgba(0,0,0,0.2);
    border-width: 1px;
    margin: 5px;
    width: 100%;
}
    .comms_statement_wrapper tr:nth-child(odd) {
        background-color: #F5F5F5;
    }

.checkout_id_verification {
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
}

@media only screen and (max-width: 767px) and (min-width: 100px) {
    .headerrow {
        display: none;
    }

    .sectiondescription {
        font-size: small;
    }

    .resp_label {
        font-weight: bold;
    }

    .resp_row_emphasis {
        font-weight: bold;
        font-size: medium !important;
        width: 50%;
    }

    .resp_fullwidth {
        width: 100%;
    }

    .resp_onethird {
        width: 33%;
    }

    .resp_twothirds {
        width: 67%;
    }

    .resp_halfwidth {
        width: 50%;
    }

    .commission_statement_wrapper td {
        display: inline-block !important;
        border: none !important;
    }
    .comms_statement_wrapper td {
        display: inline-block !important;
        border: none !important;
    }

    .commission_statement_wrapper tr {
        border: 1px solid rgba(0,0,0,0.2);
    }
    .comms_statement_wrapper tr {
        border: 1px solid rgba(0,0,0,0.2);
    }

    .commission_statement_wrapper tr {
        border-color: #F1f1f1;
        border-width: 1px;
    }
    .comms_statement_wrapper tr {
        border-color: #F1f1f1;
        border-width: 1px;
    }
}



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

    .resp_label {
        display: none;
    }
}