/*--- MENU ---*/
#utsplink-logo 		{width:75px; Height:50px; background-repeat:no-repeat; overflow:hidden;}
#utsplink-home 		{height:80px; width:75px;}
#utsplink-home span	{display:block; text-align:center; font-size:20px; line-height: 26px; color:#ffffff; }
#utsplink-home img	{/*margin-top: 3px;*/}

.white-nav-bar #utsplink-home span	{display:block; text-align:center; font-size:20px; line-height: 26px; color:#2797a8 !important; }


#home-link          {text-decoration:none;}
#home-link:hover    {text-decoration:none;}

.navbar             { margin-bottom:0px; padding: 0;}
.teal-nav-bar .container { position: relative; padding-left:8px; background-color: #0099A8; box-shadow: 0 8px 0 #CCEBEE; white-space: nowrap;}
.teal-nav-bar .container::before	{content: ""; position: absolute; top: 0; left: -25px; background-color: #0099A8; width: 30px; height: 100%;  border-top-left-radius: 50px; border-bottom-left-radius: 50px;z-index: -1; box-shadow: 0 8px 0 #CCEBEE;}
.teal-nav-bar .container::after		{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 50vw; margin-right: -90%; transform: translateX(-50%); background-color: #0099A8; box-shadow: 0 8px 0 #CCEBEE; z-index: -1;}
.white-nav-bar .container { position: relative; padding-left:8px; background-color: #FFFFFF; box-shadow: 0 8px 0 #69b5c3; white-space: nowrap;}
.white-nav-bar .container::before	{content: ""; position: absolute; top: 0; left: -25px; background-color: #ffffff; width: 30px; height: 100%;  border-top-left-radius: 50px; border-bottom-left-radius: 50px;z-index: -1; box-shadow: 0 8px 0 #69b5c3;}
.white-nav-bar .container::after		{content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 50vw; margin-right: -80%; transform: translateX(-50%); background-color: #ffffff; box-shadow: 0 8px 0 #69b5c3; z-index: -1;}

.navbar-brand { margin-left:0; margin-right:20px;}
ul.navbar-nav li    {margin-bottom:0; margin:0 20px 0 0;}

.navbar-nav .open > a, 
.navbar-nav .open > a:hover, 
.navbar-nav .open > a:focus {background-color: #3bb0bc !important; filter: none; color: #ffffff;}
.navbar-nav .active > a, 
.navbar-nav .active > a:hover, 
.navbar-nav .active > a:focus {background-color:#3bb0bc; color: #ffffff;}

.navbar-nav .nav-link.show {  filter: none; color: #FFFFFF;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #ffffff; }

.nav-link			{font-size:20px; color:#ffffff; }
.nav-link:focus, .nav-link:hover {color:#ffffff; }

.white-nav-bar .nav-link			{font-size:20px; color:#2797a8 !important; }
.white-nav-bar .nav-link:focus, .white-nav-bar .nav-link:hover {color:#2797a8 !important; }

.dropdown-menu { font-size:20px; }
.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: 0; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; font-family: "Font Awesome 6 Pro"; font-size: 15px; content: "\f078"; }


.navbar-right								{flex-direction: row;}
.navbar-right								{display: inline-block; float: right;}
.navbar-right								{display: inline-block; float: right;}
.navbar-right > ul							{list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; height: 56px;}
.navbar-right > ul > li						{display: inline-block; color:#ffffff; margin-bottom:0;}
.navbar-right > ul > li:not(:last-child)	{padding-right: 10px;}
.navbar-right .dropdown						{/*height: 56px*/}
.navbar-right > ul > li > a					{display: block; height: 40px;}
.navbar-right > li > a                      { padding:15px 3px 3px 3px;}
/*.navbar-right .dropdown > a 				{padding: 8px 10px; }
.navbar-right .dropdown:hover > a,
.navbar-right .dropdown:active > a,
.navbar-right .dropdown:hover > a			{background-color: #3bb0bc !important;}
.navbar-right .dropdown-menu 				{left: auto !important; right: 9px;}*/


/* -- Icons -- */
.navbar-right .ut-icon { font-size:24px; width: 44px; color:#ffffff; height: 40px; /*background-image: url(../images/icon-hdr2.png);*/ background-repeat: no-repeat; display: block;}
.navbar-right .ut-icon.ut-icon-whats-new {background-position: 50%; background-image: url(../media/lamj1cih/icon-new.svg);}
.navbar-right .ut-icon.ut-icon-profile {/*width: 30px;*/}
.navbar-right .ut-icon.ut-icon-cart {background-position: 5px 50%;width: 60px; background-image: url(../media/5ntjyfjp/icon-trunk.svg); }
.navbar-right .ut-icon.ut-icon-cart-items {background-position: -64px 50%; background-image: url(../media/5ntjyfjp/icon-trunk.svg); width: 60px;}
.navbar-right .mini-cart-trigger {/*margin-left: 5px;*/ text-decoration:none;}

.white-nav-bar .navbar-right .ut-icon { color:#2797a8 !important; }
.white-nav-bar .navbar-right .ut-icon.ut-icon-whats-new  { background-image: url(/media/y1pbh4lk/icon-new-teal.svg) !important;}
.white-nav-bar .navbar-right .ut-icon.ut-icon-cart {background-image: url(/media/zh3ijwm5/icon-trunk-teal.svg) !important; }
.white-nav-bar .navbar-right .ut-icon.ut-icon-cart-items {background-image: url(/media/zh3ijwm5/icon-trunk-teal.svg) !important;}

/* -- Drop down Menu -- */
ul.dropdown-menu {margin:10px 0 0 0; background-color:#effdfe; padding:0; border:none; border-radius:0; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);}
ul.dropdown-menu li { margin:0;}
ul.dropdown-menu li a{ padding-top:10px; padding-bottom:10px; font-size:18px;}
.dropdown-item:focus, .dropdown-item:hover {background-color:#ceebee;}
.dropdown-item.active, .dropdown-item:active { color: #212529; background-color: #DFF3F5;}

#updateCart {background: #f97e05 none repeat scroll 0 0; -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;  color: #fff;  font-size: 14px;  height: 20px;  line-height: 20px;  position: relative;  left: -10px;  top: 5px;  width: 20px; font-style: normal;}

/* -- Search Bar -- */
.ut-icon.ut-icon-search			{/*background-position: 0px 0px;*/ font-weight: 300; font-family: "Font Awesome 6 Pro"; text-align: center;}
.ut-icon.ut-icon-search::before {font-family: "Font Awesome 6 Pro";  content: "\f002";}
.ut-icon.ut-icon-profile::after {content:""; }
#search							{height: 40px; position: relative;}
#label							{height: 31px;  position: relative; z-index: 20;}
#label label					{margin:0px;/*color:rgba(0, 0, 0, 0);*/cursor: pointer;display:block;/*font-size:0;*/height:40px; width:40px; /*text-indent:-9999px;*/padding-top:6px; background-position: 8px 50%; border-radius: 4px;}
#input							{height: 40px;  right: 0;  overflow: hidden;  position: absolute; width: 0; top: 3px; z-index: 5;}
#input input					{background-color: #fff;  border: medium none;  border-radius: 4px;  color: #000;  display: block;  font-size: 16px;     height: 34px; right: -250px;  margin: 0;  padding: 0 10px; width: 250px; outline: none;}
#input.focus					{z-index: 20; right:39px; width:250px;  transition: width 0.3s ease 0s;}
#input.focus input				{right: 0;}
#label.active label				{background-color: #2797a8; color: #ffffff;}

.white-nav-bar #label.active label {background-color: #FFFFFF; color: #2797a8 !important;}
.white-nav-bar #input input					{border:1px #efefef solid; }
/* -- END Search Bar-- */

/*--- HAMBURGER ---*/
.navbar-toggler	{display:none; width: 40px; padding: 4px;}
.navbar-toggle .icon-bar {background-color:#000;}
.navbar-toggle {border-color: #000;}
.navbar-toggle:hover, 
.navbar-toggle:focus {background-color: #0099a8;}
.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: none; }

.hamburger {display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #000;}
.hamburger-box {width: 28px; height: 24px; display: inline-block; position: relative;}
.hamburger-inner			{display: block; top: 13px; margin-top: 0;}
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after 	{width: 28px; height: 2px; background-color: #87cbd4; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease;}
.hamburger-inner::before, 
.hamburger-inner::after 	{content: ""; display: block;}
.hamburger-inner::before 	{top: -8px;}
.hamburger-inner::after 	{bottom: -8px;}

.hamburger--spin .hamburger-inner {transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after	{transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

button:not(.collapsed) .hamburger--spin .hamburger-inner {transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
button:not(.collapsed) .hamburger--spin .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
button:not(.collapsed) .hamburger--spin .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}


/*-- MINI CART --*/
#mini-cart 							{overflow-y:clip; filter: progid:DXImageTransform.Microsoft.Shadow(color='#99000000', Direction=250, Strength=10); padding: 0px 0px 40px 0px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); height: 100%; position: fixed; top: 0; z-index: 1200; width: 80%; background: #fff none repeat scroll 0 0; right: -100%; transition: right 0.3s ease 0s;}
#mini-cart-items 					{height:100%; overflow-y: auto;}
#mini-cart .btn						{margin: 0 20px 30px 0; display:inline-block;}
#mini-cart-shadow-layer.is-visible 	{animation: 0.3s ease 0s normal none 1 running cd-fade-in; display: block;}
#mini-cart-shadow-layer 			{background: rgba(67, 87, 121, 0.3) none repeat scroll 0 0;	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; cursor: pointer; display: none; left: 0; min-height: 100%; position: fixed; top: 0; width: 100%; z-index: 299;}
#mini-cart.speed-in 				{right: 0;}
#mini-cart .mini-cart-items 		{padding: 0;}
ul.mini-cart-items 					{list-style-type: none;	margin: 0px 20px 10px 20px;}
#mini-cart .mini-cart-items li 		{border: 1px solid #e0e6ef; padding: 10px; position: relative; margin: 0 0 20px 0; background-color:#f9fafb;}
.mini-cart-product-image			{width:90px; min-height:100px; float:left; display:block;}
.mini-cart-product-image img		{border: 1px solid #e0e6ef;}
.mini-cart-product-info 			{float:left; margin-left:10px;}
.mini-cart-product-info select 		{width:60px; display:inline-block;}
.mini-cart-product-title			{font-weight:bold; display:block; margin-bottom:10px;}
#mini-cart .mini-item-remove 		{background: rgba(0, 0, 0, 0) url("/media/x0mjpbmf/cart-remove-item.png") no-repeat scroll center center;	position: absolute;	right: 0px;	top: 0px; width: 32px; height: 32px; border:none;}
.cd-img-replace 					{display: inline-block;	overflow: hidden; text-indent: 100%; white-space: nowrap;}
#mini-cart .checkout-btn 			{background: #7dcf85 none repeat scroll 0 0; color: #fff; display: block; height: 60px; line-height: 60px; text-align: center; width: 100%;}
.cart-close-bar						{background-color:#f68b34; height:40px; color:#FFFFFF; margin-bottom:20px; line-height:40px;}
.cart-close-btn						{float:right; background-image:url(/media/kzwfxuid/icon-close-basket.png); background-repeat:no-repeat; background-position: center right; display:block; height:40px; padding: 1px 30px 0 0; margin-right:20px; font-size:18px; cursor:pointer;}
.chevron::before 					{border-style: solid; border-width: 1.75px 1.75px 0 0; content: ''; display: inline-block; height: 6px; left: 0; position: relative; top: 10px; transform: rotate(-45deg); vertical-align: top; width: 6px; margin-right: 5px;}
.chevron.right:before 				{left: 0; transform: rotate(45deg);}

.breadcrumb-list { position:relative; display:inline-block; list-style:none; padding:0; margin-bottom:20px !important; }
.breadcrumb-list li {display:inline-block; margin:0; background-color:#CCEBEE; border-radius:50px; padding: 10px 20px; transition: color .15s 
ease-in-out, background-color .15s 
ease-in-out, border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out; }
.breadcrumb-list li:not(:last-child) {  margin-right:10px; }
/*.breadcrumb-list li:not(:first-child)::before {  content: "|";  color:#0099A8; left: 5px; }*/
.breadcrumb-list li a { text-decoration:none; color:#0099A8; font-size:20px; }

.breadcrumb-list li:hover {background-color:#0099A8; }
.breadcrumb-list li:hover a{color:#ffffff;}


.breadcrumb-list li .btn-teal {font-weight:400; }





@media only screen and (min-width: 768px) {
	#mini-cart {width: 350px;}
}
@media only screen and (min-width: 1200px) {
	#mini-cart {width: 30%;}
}

 @media (min-width: 992px) {
     /*One hover, show dropdown */
    .navbar-nav .dropdown-menu, .navbar-right .dropdown-menu {opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; display: block;}
    .navbar-nav .dropdown:hover > .dropdown-menu, .navbar-right .dropdown:hover > .dropdown-menu {opacity: 1; visibility: visible; transform: translateY(0);}
}    


 @media (max-width: 991px){
	.navbar.navbar-expand-md								{position: absolute;}
	
	.teal-nav-bar .container::after {  margin-right: -61%; }
	
	ul.navbar-nav li.nav-item.dropdown {padding-top:10px; padding-bottom:10px; }

	#utsplink-logo											{margin-right: 0;}
	.navbar-header.navbar-brand								{float: none; position: absolute; top:0;}
	.navbar-collapse						{position: absolute; top: 56px; background-color: #3bb0bc; z-index: 999; padding-left: 20px; padding-bottom: 20px; width: 100%;}
	/*.navbar-collapse.collapse:not(.show) 	{ display:none;}*/

	.navbar-right										{display:block; float: none; padding-right: 10px;}
	.navbar-right > ul									{padding-left: 15px; margin: 0 auto; width: fit-content;}
	.navbar-right > ul > li								{padding-right: 0;}
	.navbar-right > ul > li:first-child					{display: none;}
	.navbar-right .dropdown-menu						{right: 0;}
	.navbar-toggler										{outline: none !important; float: right; margin-top: 8px; background-color: #0099a8; border: 0; /*border: 2px solid #ffffff;*/ margin-left: -40px; display: inline-block;}
	#mainNavbar	.navbar-nav								{flex-direction: column;}
	#mainNavbar	.navbar-nav > li > a					{width: 100%; padding: 0; color:#ffffff !important;}

	ul.dropdown-menu									{ box-shadow:none; }
	#mainNavbar .dropdown-menu							{padding: 10px 0; background-color: transparent; border: none;}
	#mainNavbar .navbar-nav li.nav-item					{padding: 10px 0; }
	.dropdown-menu li > a 								{padding: 5px 20px; color:#ffffff;}
    .navbar-right > ul > li								{display: inline-block;}
	.navbar-right > ul									{ list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; margin-right: 54px; /*height: 56px;*/}
}

@media (max-width: 767px){
	/*--- HEADER ---*/
	/*#mainNavbar		{left: -15px; width: 540px;}*/
	.navbar             { margin-top:0;}
	.teal-nav-bar .container { padding:0; box-shadow:none; border-top-left-radius: 0; border-bottom-left-radius: 0;}
	.teal-nav-bar .container::after {  content:none !important; }

	.breadcrumb-list { display:block; background-color:#CCEBEE; margin-bottom:0px !important; }
	.breadcrumb-list li {display:block;  background-color:#CCEBEE; border-radius:0px;}
	.breadcrumb-list li:not(:last-child) {  margin-right:0px; }


}

@media (max-width: 575px){
	/*--- HEADER ---*/
	/*#mainNavbar		{left: -5px; width: calc(100vw - 20px);}*/
}

@media (min-width: 576px){

}