header {
	z-index: 9999!important;
}
.usermenu {
    width: 300px;
    padding: 0;
    border-radius: 0;
}
.navbar-nav {
    padding: 0;
    margin: 0;
	text-transform: uppercase;
	font-size: 14px;
	z-index: 9999;
}
.topsticky {
	z-index: 10!important;
}


.dropdown-menu {
	margin-top: 7px!important;
	border-radius: 0;
	z-index: 9999!important;
}
.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover{
	background-color:transparent!important;
}
.navbar .bi {
	color:#666;
}

.dropdown-item {
	padding: 0;
	margin: 0;
	z-index: 9999!important;
}

main {
	padding-top: 70px;
}

.xl_b { font-weight: 900; }
.xl_c { font-weight: 700; }

.grayscale {
	filter: grayscale(100%);	
}

.hovershadow {
	box-shadow: -1px 14px 10px -6px rgba(0,0,0,0.76);
	-webkit-box-shadow: -1px 14px 10px -6px rgba(0,0,0,0.76);
	-moz-box-shadow: -1px 14px 10px -6px rgba(0,0,0,0.76);
}
/*
.premium_nav a.nav-link{
	color: #FFFFFF!important;
}
*/

.noborder_l, th.noborder_l { border-left: none!important; }
.noborder_r, th.noborder_r { border-right: none!important; }
.noborder_t, th.noborder_t { border-top: none!important; }
.noborder_b, th.noborder_b { border-bottom: none!important; }

.txt_white_shadow {
    text-shadow: 2px 2px 3px  #FFF;
}
.txt_black_shadow {
    text-shadow: 2px 2px 3px  #000;
} 

/*******************************************************************************************************/
/* PROFILE */
/*******************************************************************************************************/

.profileDD {
	padding: 0px;
	position: static;
}
.profileDD .dropdown-menu {
	width: 350px;
	margin-top: 0px!important;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
}
.profileDD .dropdown-menu .bi {
	color: #FFF;
}

.main-section {
    width: 100%;
	background-color: #fff;
	padding: 0px 0px 15px 0px;
	margin: 0;
}

.profile-header {
	padding: 15px 0;
	color: #FFF;
}
	.profile-header img {
		height:100px;
		width:100px;
		vertical-align: middle;
	}
	.profile-header h3 {
		font-size: 16px;
		font-weight: bold;
		margin: 10px auto 5px auto;
		padding: 0;
	}
	.profile-header h4 {
		font-size: 14px;
		font-weight: 300;
		margin: 0 auto;
		padding: 0;
	}
	.profile-ID {
		font-size: 12px;
	}
	.profile-header blockquote {
		font-size: 14px;
		font-style:italic;
		line-height: 1.5;
	}
	
	.user-detail h5 {
		font-size: 14px;
		font-weight: bold;
		padding: 15px 0 5px 0;
	}

	.lvl_border_representative { border: 2px dotted #999999; }
	.lvl_border_trainer  { border: 2px dotted #4E904B; }
	.lvl_border_manager { border: 2px dotted #CC3A89; }
	.lvl_border_director { border: 2px dotted #295297; }
	.lvl_border_president { border: 2px dotted #5d328d; }

	.lvl_color_trainer { color: #9bc44e; }
	.lvl_color_manager { color: #df9ebf; }
	.lvl_color_director { color: #67a4de; }
	.lvl_color_president { color: #b08cbb; }



/*******************************************************************************************************/
/* PREMIUM BONUS PLAN LEVELS */
/*******************************************************************************************************/

	.lvl_bg { background: #3b3b3b;}

	.lvl_border_promoter { border: 2px solid #6ca4d4; }
	.lvl_border_producer { border: 2px solid #69c1b7; }
	.lvl_border_influencer { border: 2px solid #a884dd; }
	.lvl_border_legend { border: 2px solid #dec584; }

	.lvl_color_promoter { color: #6ca4d4; }
	.lvl_color_producer { color: #69c1b7; }
	.lvl_color_influencer { color: #a884dd; }
	.lvl_color_legend { color: #dec584; }

	.premium_lvl_promoter_gradient { background-image: linear-gradient(to right top, #6ca4d4, #5f97c9, #518bbd, #437fb2, #3573a7);	}
	.premium_lvl_producer_gradient {background-image: linear-gradient(to bottom, #6ac2b8, #58b2aa, #45a29d, #31928f, #178382); }
	.premium_lvl_influencer_gradient {background-image: linear-gradient(to bottom, #a985de, #966fcf, #835ac0, #7044b2, #5d2ea3); }
	.premium_lvl_legend_gradient { background-image: linear-gradient(to bottom, #dec685, #d6b773, #cfa863, #c79952, #c08a43); }

	.premium_lvl_promoter_bg { background: #6ca4d4; }
	.premium_lvl_producer_bg { background: #69c1b7; }
	.premium_lvl_influencer_bg { background: #a884dd; }
	.premium_lvl_legend_bg { background: #dec584; }

/*******************************************************************************************************/
/* ALAVALIKKO PALSTAT */
/*******************************************************************************************************/

.has-menu {
	position: static;
}

.dropdown-menu.columns-2 {
	min-width: 400px;
}

.dropdown-menu.columns-3 {
	min-width: 100%;
}

.dropdown-menu li {
	padding: 10px 15px;
	font-weight: 300;
	border-bottom: 1px dotted #CCC;
}
.has-menu .multi-column {
	margin-top: -1px!important;
	border-radius: 0;
}

.multi-column-dropdown {
	list-style: none;
}

.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
	text-decoration: none;
}
.dropdown-menu li:last-child {
	border-bottom: none;
}

.multi-column-dropdown li a:hover {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #262626;
}

.menu-title {
	font-weight: bold!important;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.has-menu {
		position:relative;
		height: auto;
	}
}
@media (max-width: 600px) {
	.profileDD {
		width: 80px;
		padding: 0;
	}
	.profileDD a {
		margin: 0;
		padding: 0;
	}
}

/*******************************************************************************************************/
/* VALIKKO NOTIFIKAATIOT */
/*******************************************************************************************************/

.btn-notification { background: #ff0099; }
.btn-vipsmall { border: 1px solid #fdd85d; background: #fdd85d; }
.btn-viplarge { border: 1px solid #99d6ea; background: #99d6ea; }
.btn-vipsmall span, .btn-viplarge span{
	border-color: #FFF!important;
}
.btn-vipsmall .bi, .btn-viplarge .bi { color: #000!important; }

.notificationDd {
	top: 50px;
	right: 0px;
	left: unset;
	width: 460px;
	box-shadow: 0px 5px 7px -1px #999;
	padding-bottom: 0px;
	padding: 0px;
  }
  .notif-body  {
	height: 300px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	}
	.cart-body  {
		height: auto;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0;
		margin: 0;
	}
	.notificationDd:before {
	content: "";
	position: absolute;
	top: -20px;
	right: 12px;
	border:10px solid #343A40;
	border-color: transparent transparent #0dcaf0 transparent;
  }
  .cart_Dd:before {
	border-color: transparent transparent #198754 transparent;
  }
  .notificationDd .head {
	padding:5px 15px;
	border-radius: 3px 3px 0px 0px;
  }
  .notificationDd .footer {
	padding:5px 15px;
	border-radius: 0px 0px 3px 3px; 
  }
  .notificationDd .notification-box {
	padding: 10px 0px; 
	text-transform:none;
  }
  .bg-gray {
	background-color: #eee;
  }
  .notificationDd .notification-box a { text-decoration: none; color: #000; }

  @media (max-width: 990px) {
	.notificationDd {
	  position: absolute!important;
	  left: unset;
	  right: unset;
	  min-width: unset!important;
	  max-width: 800px!important;
	  top: 40px!important;
	} 
  }
  @media (max-width: 768px) {
	.notificationDd {
	  position: absolute!important;
	  left: unset;
	  right: unset;
	  min-width: unset!important;
	  max-width: 800px!important;
	  left: 51%;
	  top: 40px!important;
	  transform: translateX(-52%);
    } 
	.notificationDd:before {
		content: "";
		position: absolute;
		top: -20px;
		right: auto;
		left: 55%;
		border:10px solid #343A40;
		border-color: transparent transparent #0dcaf0 transparent;
    }
  }

  @media (max-width: 660px) {
	  .notificationDd {
		position: absolute!important;
		left: unset;
		right: unset;
		min-width: unset!important;
		max-width: 400px!important;
		left: 51%;
		top: 40px!important;
		transform: translateX(-51%);
	} 

	  .notificationDd:before {
		content: "";
		position: absolute;
		top: -20px;
		right: auto;
		left: 55%;
		border:10px solid #343A40;
		border-color: transparent transparent #0dcaf0 transparent;
	  }
	  #notificationDropdown {
		  margin: 0!important;
		  left: 0!important;
	  }
	
	  .nav{
		display: block;
	  }
	  .nav .nav-item,.nav .nav-item a{
		padding-left: 0px;
	  }
	  .message{
		font-size: 13px;
	  }
  }


/*******************************************************************************************************/
/* PÄTEVÖITYMISTASOT */
/*******************************************************************************************************/

.bg_color_representative {
    background: #999999; 
    background: -moz-linear-gradient(top,  #999999 0%, #CCCCCC 100%);
    background: -webkit-linear-gradient(top,  #999999 0%,#CCCCCC 100%);
    background: linear-gradient(to bottom,  #999999 0%,#CCCCCC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#CCCCCC',GradientType=0 );
}
.bg_color_trainer {  
    background: #4E904B; 
    background: -moz-linear-gradient(top,  #4E904B 0%, #9AC44E 100%);
    background: -webkit-linear-gradient(top,  #4E904B 0%,#9AC44E 100%);
    background: linear-gradient(to bottom,  #4E904B 0%,#9AC44E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4E904B', endColorstr='#9AC44E',GradientType=0 );
}
.bg_color_manager {  
    background: #CC3A89; 
    background: -moz-linear-gradient(top,  #CC3A89 0%, #DA8AB2 100%);
    background: -webkit-linear-gradient(top,  #CC3A89 0%,#DA8AB2 100%);
    background: linear-gradient(to bottom,  #CC3A89 0%,#DA8AB2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC3A89', endColorstr='#DA8AB2',GradientType=0 );	
}
.bg_color_director {
    background: #295297; 
    background: -moz-linear-gradient(top,  #295297 0%, #67a4de 100%);
    background: -webkit-linear-gradient(top,  #295297 0%,#67a4de 100%);
    background: linear-gradient(to bottom,  #295297 0%,#67a4de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#295297', endColorstr='#67a4de',GradientType=0 );

}
.bg_color_president {
    background: #5d328d; 
    background: -moz-linear-gradient(top,  #5d328d 0%, #ab72aa 100%);
    background: -webkit-linear-gradient(top,  #5d328d 0%,#ab72aa 100%);
    background: linear-gradient(to bottom,  #5d328d 0%,#ab72aa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d328d', endColorstr='#ab72aa',GradientType=0 );
}

.lvl_color_representative, .lvl_color_representative li a:hover { color: #999999!important; }
.lvl_color_trainer, .lvl_color_trainer li a:hover  { color: #4E904B!important; }
.lvl_color_manager, .lvl_color_manager li a:hover  { color: #CC3A89!important; }
.lvl_color_director, .lvl_color_director li a:hover  { color: #295297!important; }
.lvl_color_president, .lvl_color_president li a:hover  { color: #5d328d!important; }

.btn_bonusguide {
	background-color: #ff0099;
	color: #FFF;
}



/*******************************************************************************************************/
/* ANIMATED BUTTONS */
/*******************************************************************************************************/
.pulse {
    background-color:#FFF;
    border-radius: 50%;
    position: relative;
	margin-right: 10px;
    animation: animate 3s linear infinite
}

.pulse i {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    height: 100%;
    cursor: pointer
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgb(220, 53, 69, 0.7), 0 0 0 0 rgb(220, 53, 69, 0.7)
    }

    40% {
        box-shadow: 0 0 0 10px rgb(255, 109, 74, 0), 0 0 0 0 rgb(220, 53, 69, 0.7)
    }

    80% {
        box-shadow: 0 0 0 10px rgb(255, 109, 74, 0), 0 0 0 10px rgb(255, 109, 74, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(255, 109, 74, 0), 0 0 0 10px rgb(255, 109, 74, 0)
    }
}

/*******************************************************************************************************/
/* napit */
/*******************************************************************************************************/

.btn-circle {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0;
	border-radius: 50%;
}

.uppercase {
	text-transform: uppercase;
}


/*******************************************************************************************************/
/* FOOTER */
/*******************************************************************************************************/

#footer {
	display: block;
	margin: 0px auto 0 auto;		
	width: 100%;
	text-align: center;
	padding: 20px;
	font-size: 13px;
	font-style: italic;
	height: 142px;
}
#page-wrap:after { height: 142px; }
#footer ul { list-style: none; }
#footer li { margin-bottom: 5px; }
#footer p { margin-top: 20px;}

/*******************************************************************************************************/
/* DEMO FRAME */
/*******************************************************************************************************/

.demoframe {
	display: block;
	margin-top: 65px;
	border: dashed 5px RED;
}


/*******************************************************************************************************/
/* BACK TO TOP BTN */
/*******************************************************************************************************/

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}


/*******************************************************************************************************/
/* EASY */
/*******************************************************************************************************/


#as_main {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.container_btns {
	margin-left: 40px;
	margin-bottom: 40px;
}
.container_btns .btn:first-child {
	margin-right: 20px;
}

/* EASY: INTRO */

#easy_intro {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 40px 0px 0px 0px;
	background: #656461;
	text-align: center;
}
	#easy_intro_txt {
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 50px auto 0px auto;
		padding: 0;
		text-align: center;
	}
	#easy_intro_txt h1 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 26px;
		padding: 0;
		margin: 0;
	}
	#easy_intro_txt h5 {
		font-size: 14px;
		line-height: 1.5;
		font-style: italic;
		padding: 5px 0px 0px 0px;
		margin: 0;
		text-align: center;
		color: #FFF;
	}
	#easy_intro img {
		margin: 0 auto;
		padding: 0;
	}
	#easy_intro_txt .btn {
		margin: 20px auto!important;		
		border-radius: 0!important;
	}

	
@media screen and (max-width: 660px) {
	#easy_intro_txt {
		margin-top: 20px;
	}
	#easy_intro_txt h1 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

#autoship-steps-help {
	margin-bottom: 20px;
}
#autoship-steps-help .col-md-3 {
	margin-top: 10px;
}
#autoship-steps-help .help-box {
	border: 1px solid #CCC;
	margin-right: 5px;
	padding: 10px 20px;
	height: 130px;
	background: #EAEAEA;
}
	.help-box h1 {
		font-size: 20px;
	}
#autoship-steps-help:after {
	content: "";
	display: table;
	clear: both;
}
	
.totals { font-weight: bold; }
.easycartimg { padding: 10px; }

.delete { text-decoration: none; }

/* MAIN STYLE */	
		
.autoship { 
	margin-left: 40px!important;
	margin-right: 40px!important;
	width: 90%;
	margin-top: 13px;
}
	.current-bonusactivitylimit img {
		margin: -10px 0 0 0;
		padding: 0;
		width: 8%;
	}
	.Easy120 table, .Easy60 table {
		padding: 0!important;
		margin: 0!important;
	}
	.Easy120 img, .Easy60 img {
		width: 100%;
		padding: 10px;
	}
	.Easy120 p, .Easy60 p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
		margin: 10% 0 0 0;
	}
	.Easy120 td, .Easy60 td, .shipeasy td { border: none!important; }
	.btn-Easy120 {
		background: #e365a6;
		background: -moz-linear-gradient(top, #e365a6 0%, #bd1a8d 100%);
		background: -webkit-linear-gradient(top, #e365a6 0%,#bd1a8d 100%);
		background: linear-gradient(to bottom, #e365a6 0%,#bd1a8d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e365a6', endColorstr='#bd1a8d',GradientType=0 );
		color: #FFF;
		padding: 20px;
		border: 0!important;
		border-radius: 0!important;
	}
	.btn-Easy60 {
		background: #ffde17;
		background: -moz-linear-gradient(top, #ffde17 0%, #f79548 100%);
		background: -webkit-linear-gradient(top, #ffde17 0%,#f79548 100%);
		background: linear-gradient(to bottom, #ffde17 0%,#f79548 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde17', endColorstr='#f79548',GradientType=0 );
		color: #FFF;
		padding: 20px;
		border: 0!important;
		border-radius: 0!important;
	}
	.edit_package {
		max-width: 250px;
		width: 100%;
		white-space: normal !important;
		word-wrap: break-word !important;
	}


	.package_info2 {
		margin-top: 20px!important;
		clear: both;
		width: 90%!important;
		margin-left: 40px;
		max-width: 900px;
		background: #faa61a;
		border-color: #faa61a!important;
		color: #000;
	}
	.package_info2 .fa { color: #FFF; }




#as_main .shop-user {
	width: 90%!important;
	clear: both;
	padding: 10px 20px 20px 20px;
	margin: 40px 40px 40px 40px!important;		
	border: 1px solid #CCC;
	-webkit-box-shadow: 0 8px 6px -6px #999;	
	-moz-box-shadow: 0 8px 6px -6px #999;
	box-shadow: 0 8px 6px -6px #999;		
}
	#as_main .shop-user h4 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.delivery:before {
		content: " \e9b0";
		padding-right: 5px;
	}
	#as_main .shop-user .row-delivery  {
		display: block;
		min-height: 20px;
		margin-top: 10px;
		margin-bottom: 10px;	
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 12px;
	}
	#as_main .shop-user .row-delivery:last-child {
		border-bottom: none;
	}

.chk_done { color: #99ff66; }	
.shop-user .row { padding-left: 15px; }	
.autoship .btn { margin-top: 20px; }
	
.elixir { color: #999!important; }
.arcticsun  { color: #e6a430; }
.arcticoils  { color: #875a31; }
.extreme  { color: #085326; }
.booster  { color: #57a350; }
.vital  { color: #0066b3; }


.frm_kpl {
	display: block;
	max-width: 150px;
	margin: 23px 0px 0px 0px;
}
.ehdot {
	border: 1px solid #CCC; 
	width: 94%;
	margin: 20px 0px; 
	padding:20px; 
	max-height:175px; 
	overflow:auto;	
}
	.ehdot h3 {
		padding: 0px 0px 15px 0px;
		margin: 0;
		font-size: 16px;
		font-weight: bold;
	}
	.ehdot h5 {
		font-weight: bold;
		font-size: 14px;
		margin: 0;
		padding: 10px 0px 0px 0px;
	}
	.ehdot p {
		font-size: 12px;
		margin: 0px;
		padding: 0px 0px 5px 0px;
	}

.current-bonusactivitylimit-img {
	width: 72px!important;
	height: 35px;
	margin: 0;
	padding: 0;
	float: right!important;
}


#pickup_point_value {
	padding-left: 5px!important;
}
#search_pickup_point  {
	text-align: center;
	margin: 0!important;
	padding: 0 10px!important;
}
.td_w { width: 200px; }


@media (max-width: 768px) {
	.autoship table tr, .autoship table td {
		display: block;
	}
	.autoship tr, .autoship td{
		margin: 0 auto;
	}
	.autoship td img {
		margin: 0 auto;
	}

	.autoship .table .tbl-summary {
		width: 100%!important;
		min-width: 100%!important;
		margin: 0 auto;
	}
	#as_cart table, .tbl-summary table { display: table!important;}
	#as_cart  tr, .tbl-summary tr { display: table-row!important;}
	#as_cart  td, .tbl-summary td { display: table-cell!important; font-size: 12px!important; }

	.package_info {
		display: block;
		clear: both;
		width: 90%!important;
		margin: 20px auto 20px auto;
	}
	.Easy120 p, .Easy60 p { margin: 0; }

	.btn-Easy120 .pull-right, .btn-Easy60 .pull-right {
		width: 100%!important;
		display: block!important;
		float: none !important;
		margin: 0 auto!important;
		text-align: center;
	}
	.frm_kpl {
		margin: 0;
		padding: 0;
		display: block;
		max-width: 140px;
	}
	.td_w { width: 100%; }
	.easylogo { max-width: 300px!important; }

	.edit_package {
		max-width: 400px;
		width: 100%;
		white-space: normal !important;
		word-wrap: break-word !important;
	}
}



@media screen and (max-width: 660px) {
	.current-bonusactivitylimit-img { 
		width: 72px!important;
		height: 35px;
		margin: 0;
		padding: 0;
	}
	#as_main .shop-user {
		width: 94%!important;
		clear: both;
		padding: 10px 20px 20px 20px;
		margin: 40px 40px 40px 10px!important;		
		border: 1px solid #CCC;
		-webkit-box-shadow: 0 8px 6px -6px #999;	
		-moz-box-shadow: 0 8px 6px -6px #999;
		box-shadow: 0 8px 6px -6px #999;		
	}
	#activation_toggle {
		margin-top: 10px;
	}
	.panel-easy {
		margin: 10px auto 0px auto!important;
		width: 96%;
	}


}

@media screen and (max-width: 480px) {
	.autoship { max-width: 420px!important;	}
	.quantity  { padding-left: 10px!important; }
}


/*******************************************************************************************************/
/* PREMIUM FREE */
/*******************************************************************************************************/

.btn_forfree { 
	background: #8ec63f; 
	color: #FFFFFF!important; 
}
.btn_forfree:hover { color: #CCCCCC!important; }

/*******************************************************************************************************/
/* ARCTIC GROWTH POOL */
/*******************************************************************************************************/

.agp_color_1 { color: #3c78d8; }
.agp_color_2 { color: #f1c232; }
.agp_color_3 { color: #93c47d; }


/*******************************************************************************************************/
/* LICENSES */
/*******************************************************************************************************/


.bg-licenses {
	background: top center url(../img/layout/license/bg_license.jpg) no-repeat;
	background-size: cover;
}
.bg-continent {
	background: top center url(../img/layout/license/bg-continent.jpg) no-repeat;
	background-size: cover;
}

.border-continent {
	border-color: #615498!important;
}
.color-continent { color: #cd8ce7; }

.bg-continentpro {
	background: top center url(../img/layout/license/bg_continent.png) no-repeat;
	background-size: 120%;
}


.bg-world {
	background: top center url(../img/layout/license/bg-world.jpg) no-repeat;
	background-size: cover;
}

.bg-worldpro {
	background: top center url(../img/layout/license/bg_world.png) no-repeat;
	background-size: 120%;
}
.border-world {
	border-color: #f1c232!important;
}
.color-world { color: #f1c232; }

.package_tab_btn .nav-link.active { background: #FFF; color: #000; }
.package_tab_btn .nav-link { color: #FFF;}

.main_fullheight {
    flex: 1; /* makes main fill available space */
    display: flex;
    align-items: center; /* optional: vertically center content */
}

.large_icon {
	font-size: 150px;
}

@media screen and (max-width: 660px) {
	.large_icon {
		font-size: 70px;
	}
}