html, body, h1, h2, h3, h4, h5, h6, p, a {
	font-family:'Exo 2', sans-serif, Arial;
	color:#f2f2f2;
}
#sharebar #sharebar-color{background:transparent !important;}
#sharebar .sharebar-shade-bg-default{background:transparent !important;}
#sharebar #ad-pipe{background:transparent !important;}
/************ TEXT PROPERTIES *********************/
a, a:visited {
	color:#f2f2f2;
}
a:hover {
	color:#f1c40f;
	text-decoration:none;
}
hr {
	border:2px solid #f1c40f;
}
.hr-ad {
	margin:0 0 5px 0;
}

.panel a{
	color:#333;
}
.txt-sm {
	font-size:75%;
}
.txt-y {
	color:#f1c40f;
}
.txt-bold {
	font-weight:800;
}
.txt-b, a.txt-b {
	color:#111111;
}
.txt-w {
	color:#f2f2f2;
}
p{
	margin-bottom:0px;
	}
.txt-big {
	font-size: 200%;
}
.fl-btn-1{
	padding: 8px 8px 8px 8px;
	background: #111;
	font-family:'Exo 2', san-serif;
	color: #f1c40f;
	box-shadow: inset 0 0px 0 0 rgba(241,196,15,1);
	transition:box-shadow .2s ease-in;
}
.fl-btn-1:hover{
	background:#151515;
	color:#E9CB54;
	box-shadow: inset 0 -3px 0 0 rgba(241,196,15,1);
	transition:box-shadow .2s ease-in;
}
.fl-btn-2{
	padding: 8px 8px 8px 8px;
	background: #111;
	color: #f1c40f;
	font-size:200%;
}
.fl-btn-2:hover{
	background:#000;
	color:orange;
}
.fl-btn-3{
	padding: 8px 8px 8px 8px;
	background: #111;
	color: #f1c40f;
	font-size:200%;
	font-family:'Exo 2', san-serif;
}
.fl-btn-3:hover{
	background:#151515;
	color:#E9CB54;
}
.fl-date {
	line-height:.8;
	margin:0 0 0 0;
}
.fl-date span {
	font-size:250%;
	color:#111;
	font-weight:700;
}
.fl-tagline{
	text-align: right;
	font-size: 48pt;
	margin-top: 10%;
	text-transform: uppercase;
	line-height: .9;
	color: rgba(240,240,240,.47);
	font-weight: 900;
}
.new-cart table {background:transparent;border:none;}
.new-cart table tbody tr td {background: transparent;border:none;}
.new-cart td.items {line-height:1rem;font-size:8pt;padding:3px;}
.new-cart td.total {line-height:.25rem;font-size:10pt;font-style:italic;padding:0px;background:transparent;text-align:right;}
.new-cart tr.totalrow{background: transparent;}
.new-cart td.totalp {line-height:.25rem;font-size:14pt;font-style:italic;padding:0px;background: transparent;}
/************ TOP-BAR PROPERTIES *************/
#fltb {display:none;}
/************ TOP-BAR PROPERTIES *********************/
.fl-bar{
	background:#000000;
	margin-bottom:15px;
	height:72px;
	z-index: 999;
	margin-top:-20px;
}
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section .dropdown li:not(.has-form) a:not(.button),
.top-bar-section .dropdown li:hover,
.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover {
	background:rgba(17,17,17,.97);
	font-family:'Exo 2', san-serif, Arial;
	text-transform:uppercase;
}
.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover{
	color:#f1c40f;
}
.top-bar-section ul li {
	background:rgba(0,0,0,1);
}
.top-bar-section .lenses-dropdown{
	background:rgba(17,17,17,1);
}
@media only screen and (min-width: 40.063em) {
.top-bar-section .lenses-dropdown{
	width:550px !important;
}
}
.top-bar ul, .top-bar-section ul {
	padding-top:12px;
	background-color:rgb(0,0,0);
}
.top-bar .name h1 a {
	font-size:18pt;
}
.fl-bar .button.postfix {background-image:linear-gradient(#f39c12, #f1c40f); height:30px;}
.tb-search{margin-right:15px; width:225px;}
.tb-search input {width:35px; height:30px;}
.tb-search table tr th, .tb-search table tr td{	padding:0px;}
.tb-search .gsc-input input {width:150px;}
.tb-search table {background:transparent;}
.tb-search table.gsc-search-box td {vertical-align:top;}
.tb-search .cse input.gsc-search-button, .tb-search input.gsc-search-button {
	height:30px; min-width:57px; margin-left:0px;}
.tb-search table.gsc-search-box td.gsc-input {padding-right:0px;}
.tb-gs {font-size:16pt;}
.tb-sc {font-size:17pt; padding:5px 10px; color:#f1c40f; display:block;}
.tb-fb {font-size:17pt; padding:5px 10px; color:#3b5998;}
.tb-ig {font-size:17pt; padding:5px 10px; color:#BD7A61;}
.tb-tw {font-size:17pt; padding:5px 10px; color:rgb(51,204,255);}
input.tb {
	margin-right: 20px;
	width: 77px;
	height: 30px;
	border-radius: 2px;
	background: #222222;
	border: none;
	padding: 1px 1px 1px 6px;
}

p a.dnt-see {
	text-decoration:none !important;
	background:none !important;
	font-family:'Exo 2', san-serif, Arial;
	text-transform:none !important;
}
p a.dnt-see:hover {
	text-decoration:none !important;
	text-transform:none !important;
	background:none !important;
}
p a.social-link {
	padding:0px 0px 0px 0px !important;
}
p a.social-link:hover {
	background:none !important;
}
.top-bar-section ul li > a{color:#f1c40f;font-style: italic;}
/*********************** END TOP-BAR STYLES***************/

.brand-title{
	line-height: .8; font-weight: 800; font-size: 56pt;
}
.brand-title small {
	color:#f1c40f; font-weight:300;
}
.brand-title hr {
	
}
.vip-bnr {
	width:100%;
	background: #33495e url(../images/fl-bg-4.jpg) no-repeat center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:15px;
  height: 231px;
}
.vip-bnr h3 small {
	color:#eee;
}
.vip-bnr h3, .vip-bnr h2 {
	line-height:1;
	text-transform:uppercase;
}
.vip-bnr .button {
	background-color: #f1c40f;
	border: none;
	padding: 5px 15px 5px 15px;
	color:#111;
	position: relative;
	top: -7px;
}
.vip-bnr .button:hover {
	background-color:#f39c12;
}
.vip-bnr hr {
	margin:0;
	border:3px solid #fff
}
.y-panel {
	background:#f1c40f;
	background-image:linear-gradient(#f39c12, #f1c40f);
	color:#111111;
	padding:5px;
}
.fl-tagline span {
	color: rgba(241,196,15,.47);
	font-style:italic;
}
.ft-w {
	height:600px;
	background:white;
}
.ft-g {
		background: #33495e url(../images/ft-1.jpg) no-repeat center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.ft-contact {
	padding:15px;
}
.ft-b {
	height:600px;
	background:black;
}
.ft-social {
	width:100%;
	background: #33495e url(../images/ft-fb-th.jpg) no-repeat center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:15px;
}
.bg-b {
	background:#222222;
}
input.fl-qty{
	width:50px;
	float:left;
	margin-right:10px;
}
.fi-refresh {
	color:green;
	font-size:16pt;
}
.fi-x {
	color:red;
	font-size:16pt;
}
.fl-splash{
	background: #e7e7e7 url(../images/beach-bg-2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 

}
.fl-brands, .fl-brands a {
	font-family:'Exo 2', sans-serif;
	color:#f2f2f2;
	font-size:12pt;
	margin-top:10%;
	margin-bottom:0px;
	text-transform:uppercase;
	padding-left:0px;
	transition:padding-left .3s ease;
	text-decoration:none;
}

.fl-brands a:hover{
	color:rgba(241,196,15, 1);
	padding-left:15px;
	text-decoration:none;
	transition:padding-left .3s ease;
}
.fl-brands2, .fl-brands2 a {
	font-family:'Exo 2', sans-serif;
	color:#f2f2f2;
	font-size:12pt;
	text-transform:uppercase;
	padding-left:0px;
	transition:padding-left .3s ease;
	margin-top:10%;
	line-height: 1.23;
}
.fl-brans2 a {
	margin:2px 0 2px 0;
}
.fl-brands2 a:hover{
	color:rgba(241,196,15, 1);
	padding-left:15px;
	transition:padding-left .3s ease;
	text-decoration:none;
}
.f-dropdown.content {
	background:rgba(15,15,15,.8);
	border:#151515;
	margin-left: 30px;
}
.f-dropdown li a:hover, .f-dropdown li:hover{
	background:none;
}
.breadcrumbs {
	border:none;
	background:transparent;
}
.breadcrumbs a {
	color:#f39c12;
}
.col-nsp {
	padding-left:0px;
	padding-right:0px;
}
.accessories {
	overflow:hidden;
}
#lensesModal1 {
	background:rgba(0,0,0,.8);
	border:black;
}
#lensesModal1 .fi-x{
	font-weight:normal;
	color:#eee;
}
.lens-pop {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top:20px;
}
small.light {
	color:#B9B9B9;
}
.scroll-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	z-index:1;
}
.bottom-ad-shadow {
	box-shadow:inset 0 -100px 200px -50px #000;
}
.top-ad-shadow {
	box-shadow:inset 0 100px 200px -50px #000;
}
.fl-ad-1{
	background: #33495e url(../images/kite-surf-bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:200px;
}
.fb-ad {
	background: #33495e url(../images/fb.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:150px;
}
.instgm-ad {
	background: #33495e url(../images/istgm.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:150px;
}

.fl-b-ad {
	background: #33495e url(../images/fl-sLogo-b.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:150px;
}
.oakley-lense-ad  {
	background: #33495e url(../images/oakley2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:400px;
}
.sapphire-lense-ad  {
	background: #33495e url(../images/savana-saph.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:400px;
}
.smith-optics-lense-ad  {
	background: #33495e url(../images/barb-glacier.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:400px;
}
.electric-lense-ad  {
	background: #111 url(../images/devon-4.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:400px;
}
.athlete-ad-1  {
	background: #33495e url(../images/athlete-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:200px;
  transition:background .5s ease;
}
.athlete-ad-1:hover {background:rgba(40,40,40,.95);transition:all .5s ease;}
.skate-ad-1  {
	background: #33495e url(../images/skater-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:200px;
  padding-top:80px;
}
.instagram-ad-1  {
	background: #33495e url(../images/sunglasses-crush-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:200px;
}
.instagram-ad-2 {
	background: #33495e url(../images/istgm-2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:200px;
}
.fl-fb-ad {
	background: #33495e url(../images/fb.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:100px;
  height:200px;  
}
.horse-boarding-ad {
	background: #33495e url(../images/horse-boarding-2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  height:521px;
  overflow:hidden;
}
.leslie-bella-ad {
	background: #33495e url(../images/leslie-bella-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  height:521px;
  overflow:hidden;
}
.swell-bg3 {
	transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	transition:all .5s ease;
	z-index:-1;
	vertical-align:middle;
}
.horse-boarding-ad:hover img.swell-bg3 {
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition:all .3s ease;
}
.devon-ad {
	background: #33495e url(../images/devon-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}
.idaho-ad {
	background: #33495e url(../images/athletes/tyler-2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
height: 270px;
padding-top: 111px;
}
.bike-ad-1 {
	background: #33495e url(../images/bike-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  height:251px;
}
.girls-ad-1 {
	background: #33495e url(../images/girls-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  height:251px;
  padding-top: 140px;
}
.upsidedown-ad {
	background: #33495e url(../images/upside-down-wake.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 overflow:hidden;  
  height:1022px;
}
.swell-bg2 {
	transform: matrix(1.83, 0, 0, 1.83, 0, 0);
	transition:all .5s ease;
	z-index:-1;
	vertical-align:middle;
}
.upsidedown-ad:hover img.swell-bg2 {
	transform: matrix(1.73, 0, 0, 1.73, 0, 0);
	transition:all .3s ease;
}
.ski-ad {
	background: #33495e url(../images/Chase-Ski2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  padding-top:308px;
}
.custom-ad-1 {
	background: #33495e url(../images/danish-1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  padding-top: 266px;
height: 361px;
  overflow:hidden;
}
.swell-bg {
	transform: matrix(1.4, 0, 0, 1.4, 0, 0);
	transition:all .5s ease;
	z-index:-1;
	vertical-align:middle;
}
.custom-ad-1:hover img.swell-bg {
	transform: matrix(1.3, 0, 0, 1.3, 0, 0);
	transition:all .3s ease;
}
.btm-txt {
	position: absolute;
	width: 100%;
	padding: 40px 20px 10px 20px;
	bottom: 0px;
	box-shadow: inset 0 -184px 80px -83px rgba(0, 0, 0, 0.78);
}
.top-txt {
	position: absolute;
	width: 100%;
	padding: 40px 20px 10px 20px;
	top: 0px;
	box-shadow: inset 0 184px 180px -83px rgba(0, 0, 0, 0.89);
}
.fl-shop {
	position:relative;
	right:8px;
	margin-top:3px;
	padding:8px !important;
	background: #f1c40f);
	color: #111;
	font-weight: 700;
	box-shadow: inset 0 0px 0 0 #000;
	transition:box-shadow .2s ease;
}
.fl-shop:hover {
	color:#000;
	background:#f1c40f;
	box-shadow: inset 0 -3px 0 0 #000;
	transition:box-shadow .2s ease;
}
.fl-bg-3 {
margin-top:100px;
	margin-bottom:-30px;
	padding-top:60px;
	min-height:360px;
	background: #000000 url(../images/fl-bg-4.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background:#222222;}
.bg-1-blur {
	background: #33495e url(../images/beach-bg-1-blur.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index:-2;
}
.black-br-corner{
	position:absolute;
	bottom:0px;
	right:0px;
	width: 0;
	height: 0;
	border-bottom: 200px solid black;
	border-left: 200px solid transparent;
}
.black-tl-corner {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 309px;
	border-bottom: 200px solid black;
	border-left: 200px solid transparent;
}
.st-itm {
	background:#ffffff;
	height:200px;
}
.st-itm-lg {
	background:#ffffff;
	height:400px;
}
.itm-nm {
	background:#3498db;
}
.itm-nm h3{
	text-transform: uppercase;
	font-family: 'Exo 2', sans-serif;
	font-size: 14pt;
	font-weight:500;
	text-align:center;
	margin:0 auto;
}
.itm-nm-lg {
	background:#2980b9;
	height:100px;
	padding:10px;
}
.itm-nm-lg h3{
	text-transform: uppercase;
	font-family: 'Exo 2', sans-serif;
	font-size: 24pt;
	color:#f1c40f;
	font-weight:500;
	text-align:center;
	margin:0 auto;
}
.itm-nm-lg p{
	line-height:.9;
	width:80%;
	text-align:center;
	margin:auto;
}
.itm-price{
	background: #f1c40f;
	height: 53px;
	padding: 8px;
	margin-bottom:20px;
}
.prc {
	font-size: 24pt;
	font-weight:200;
	float: left;
}
.prc::first-letter
{ 
	color:#f39c12;
}
.qty {
	float:right;
	margin:0 15px 0 0;
}
.itm-ad {
	float:right;
}
.itm-ad i {
	font-size:28pt;
}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 13px solid #f39c12;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 13px solid #f39c12;
}
.fl-bg-2 {
	margin-top:300px;
	min-height:1000px;
	background: #33495e url(../images/fl-bg-2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/2.jpg);
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/3.jpg);
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/6.jpg);
    animation-delay: 30s; 
}
 
.cb-slideshow li:nth-child(2) div { 
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    animation-delay: 30s; 
}
@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}

 /*********  Shrinking Nav *********/
.formleft {float:left;}
.new-bar{height:105px;}
#header_nav{margin-bottom:0px;margin-top:0px;}
.nav-logo{background:#f1c40f;height:104px;transition:all .25s ease;}
#header_nav .nav-logo a img {width: 140px;margin: 18px auto;display: block;transition:all .25s ease;}
#header_nav .secondbar {height:52px;background:#333;border-top:1px solid #f1c40f;transition:all .25s ease;}
#header_nav .nav-icons, #header_nav.nav-shell .nav-search, #header_nav.nav-shell .new-cart {opacity:1;}
#header_nav .fi-shopping-cart { color: #000; font-size: 22pt; line-height: 1.7; position: relative;transition:all .25s ease;}
.nav-shell{margin-bottom:0px;margin-top:0px;position:fixed;z-index: 3000;}
.nav-shell .nav-logo {height:52px;transition:height .25s ease;}
#header_nav .nav-cart-contain{height:52px;background:#f1c40f;transition:all .25s ease;}
#header_nav.nav-shell .nav-logo a img {width:80px;margin:13px auto;transition:all .25s ease;}
#header_nav.nav-shell .secondbar {height:0px;background:#333;border-top:0px solid #f1c40f;transition:all .25s ease;}
#header_nav.nav-shell .nav-icons, #header_nav.nav-shell .nav-search, #header_nav.nav-shell .new-cart {opacity:0;}
#header_nav.nav-shell .nav-cart-contain{height:0px;background:#f1c40f;transition:all .25s ease;}
#header_nav.nav-shell .fi-shopping-cart { color: #F1C40F; font-size: 22pt; line-height: 1.7; top: -49px; position: relative;transition:all .25s ease;}
.top-bar{background:#000;}
#bread {margin-top:0px;}
#bread.nav-bread{margin-top:80px;}
  /*********  Shrinking Nav *********/