@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/*DEBUG! REMOVE! */
#container{ overflow:visible; }

#header_nav ul li:first-child:not(.first-level) {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 0;
}



#header-wrapper 
{
 background:#fff;
 color:#000;   
 margin-bottom:20px;
 height:auto;
    
    overflow:visible;
    float:none;
}
#header-wrapper-inner
{
 background:#fff;
 color:#000;   
 /*font: normal normal 700 16px/32px 'PT Sans',Arial,helvetica,sans-serif;*/
 font:normal normal 16px/32px "AvantGardeGothicITCW01M 731087", "Helvetica", sans-serif;
 height:54px;
    border-bottom: 1px solid #cacaca;
    overflow:visible;
    float:none;
}
#header-wrapper #zz_header
{
    margin: 0 auto;
    width:100%;
max-width: 960px;

}


#header-wrapper #logo-container
{
    width:auto;
    margin:20px 40px 0 0 ;
    float:left;
    font-size: 10px;
line-height: 11px;
}
#header-wrapper ul
{
    padding:0;
    margin:0;
    list-style:none;
}
#header-wrapper li
{
    list-style:none;
    padding:0;
    mragin:0;
}
#header_nav 
{
 float:left;
    width:auto;
    height:54px;
}

#support_nav
{
    font-family:"AvantGardeGothicITCW01M 731087", "Helvetica", sans-serif;
}

#header_nav ul, #support_nav ul
{
 float:none; 
 height:54px;
 margin:0;  
 list-style:none;
}

#zz_header ul li
{
    background:transparent;
    list-style:none;
}
#zz_header ul li a
{
 color:#000;   
 font:normal normal 16px/32px "AvantGardeGothicITCW01M 731087", "Helvetica", sans-serif;
 text-transform:none;
 padding:13px 9px 9px;
 display: inline-block;
}
#header-wrapper #zz_header ul li.top-level.active
{
 background:url(/img/SharpUSA/global/header/nav_carat.gif) bottom center no-repeat transparent;
 
}
#header-wrapper #zz_header ul li.top-level:hover a, #header-wrapper #zz_header ul li.top-level.active a
{
    color:#ed3f35;
}
#header-wrapper div.secondary_menu sup
{
    line-height:160%;
    font-size:60%;
}
#header-wrapper div.secondary_menu {
    background: url(/img/SharpUSA/global/header/subnav_shadow.png) bottom center repeat-x;
    height: 64px;
    left:0;right:0;
    font-size:12px;
    position: absolute;
    top:54px;
    display:none;
   width:100%;
    
    z-index: 9997;
}
#header-wrapper div.secondary_menu.two-high
{
    height:150px;
}
#header-wrapper div.secondary_menu .inner-menu
{
    width:960px;
    margin:0 auto;
}
#header-wrapper div.secondary_menu ul
{
    clear:left;
}
#header-wrapper div.secondary_menu .inner-menu.cols ul
{
    clear:none; float:left;
    width:20%; margin-top:10px;
}
#header-wrapper div#sm_support.secondary_menu .inner-menu.cols ul
{
    width:50%;
}
#header-wrapper div.secondary_menu li
{
    float:left;
    margin-right:16px;
    margin-top:12px;
    font-size:12px;
}
#header-wrapper div.secondary_menu .inner-menu.cols ul li
{
    float:none;
    margin-top:0px;
}
#header-wrapper div.secondary_menu li a
{
    color:#000;
    text-decoration:none;
}
#header-wrapper div.secondary_menu li a:hover
{
    text-decoration:none;
    color:#ed3f35;
}
#header-wrapper div.secondary_menu li.title
{
    font-size:14px;
}
#header-wrapper div.secondary_menu li.border
{
    border-right: 2px solid  #000;
    padding-right:16px;
}
#header-wrapper div.secondary_menu li.right
{
    text-align:right;
}
#header-wrapper div.secondary_menu li.pad-right
{
    text-align:right;
    padding-right:18px;
}

#header-wrapper div.tertiary_menu
{
    display:none;
}

#support_nav
{
    float:right;
    position:relative;
   /* padding-right:30px;*/
}
#support_nav ul {padding:21px 0 0; height:34px;}

#support_nav ul li
{
    float:left;
    line-height:16px;
    height:16px;
    
}
#support_nav ul li.top-level{ padding-bottom:16px; height:auto;}
#support_nav ul li a{ font-size:13px; padding:0 9px 0;line-height:16px;text-decoration:none;}
#support_nav ul li.phone { font-size:13px; padding:0 9px 0;line-height:16px; padding-top:2px}


#sm_support .support-nav{ float:right; min-width:36%}

#sm_support .cols{ 
            
}

#sm_mobile ul{ padding-left:230px}
#support_nav ul li.border
{
    border-right:1px solid #000;
    padding-bottom:4px;
}
#support_nav #searchbox 
{
    padding-right:30px; position:relative; overflow:hidden;height:20px;
}
#support_nav #searchbox input[type=text]{font: normal normal 400 12px/16px 'PT Sans',Arial,helvetica,sans-serif;
                                         border:1px solid #cacaca; border-radius:4px;/*display:none;*/
                                         width:82px;height:16px;overflow:hidden; padding:2px 10px;
                                         }
.textinput label{ overflow:hidden}
#support_nav #searchbox .ir
{
    background: url(/img/SharpUSA/global/header/search.png) center center no-repeat;
    float:left;
    width:26px;
    height:26px;
    position:absolute;
    top:-4px;
    right:-2px;
    
}

#header-wrapper #bbreadcrumb-pageutils{ font:10px/12px Arial,helvetica,sans-serif; padding-top:10px}

#power-footer
{
    background:#222;
    padding-top:25px;
    margin-top:35px;
    color:#fff;
    clear:both;
}
#power-footer ul
{
    margin:0;
    padding:0;
    list-style:none;
}
#power-footer ul li
{
    margin:5px 0 0;
    padding:0;
    height:20px;
    list-style:none;
}

#power-footer .social ul li a
{
 background: url(/img/SharpUSA/global/footer/footer-social-sprite.png) 0 0 no-repeat;
 display:block;
 height:20px;
 padding-left:25px;
}
#power-footer .social ul li.tw-link a
{
    background-position:0 -20px;
}
#power-footer .social ul li.pin-link a
{
    background-position:0 -40px;
}
#power-footer .social ul li.yt-link a
{
    background-position:0 -60px;
}
#power-footer-inner
{
    width:960px;
    margin:0 auto;
    font: normal normal 400 12px/20px 'PT Sans',Arial,helvetica,sans-serif;
}


#power-footer-inner h3
{
    font-weight:700;
    font-size:16px;
    color:#fff;
    background-color:#222;
}

#power-footer-inner .footer-col
{
    float:left;
    width:22%;
    padding-right:4%;
    opacity:0;
}


#power-footer-inner.animated .footer-col.delay-1
{
 
    -webkit-animation: fadeInUp 300ms linear 100ms both;
-moz-animation: fadeInUp 300ms linear 100ms both;
-ms-animation: fadeInUp 300ms linear 100ms both;
-o-animation: fadeInUp 300ms linear 100ms both;
animation: fadeInUp 300ms linear 100ms both;
}

#power-footer-inner.animated .footer-col.delay-2
{
 
    -webkit-animation: fadeInUp 300ms linear 300ms both;
-moz-animation: fadeInUp 300ms linear 300ms both;
-ms-animation: fadeInUp 300ms linear 300ms both;
-o-animation: fadeInUp 300ms linear 300ms both;
animation: fadeInUp 300ms linear 300ms both;
}

#power-footer-inner.animated .footer-col.delay-3
{
 
    -webkit-animation: fadeInUp 300ms linear 500ms both;
-moz-animation: fadeInUp 300ms linear 500ms both;
-ms-animation: fadeInUp 300ms linear 500ms both;
-o-animation: fadeInUp 300ms linear 500ms both;
animation: fadeInUp 300ms linear 500ms both;
}
#power-footer-inner.animated .footer-col.delay-4
{
 
    -webkit-animation: fadeInUp 300ms linear 700ms both;
-moz-animation: fadeInUp 300ms linear 700ms both;
-ms-animation: fadeInUp 300ms linear 700ms both;
-o-animation: fadeInUp 300ms linear 700ms both;
animation: fadeInUp 300ms linear 700ms both;
}

#power-footer-inner .footer-col.first
{
    padding-left:4%;
    padding-right:0%;
}
#power-footer-inner .footer-col.last
{
    padding-right:0;
}

#power-footer-inner a
{
    color:#fff;
}

#footer_legal_new
{
    padding:50px 0 20px;
    
    clear:both;
    font-size:11px;
    text-align:center;
}
#footer_legal_new ul{ display:inline-block;}
#footer_legal_new ul li
{
    float:left;
    padding-right:30px;
    margin-left:30px;
    border-right:1px solid #cacaca;
}
#footer_legal_new ul li.last
{
    border-right:0;padding-right:0;
}
#footer_legal_new ul li.first
{
    margin-left:0;
}

#mobile-menu{ display:none}
#push-menu{ display:none}
@media all and (min-width:769px)

{
    #push-menu{ display:none !important}
}
@media all and (max-width: 768px) 
{
    
    #header-wrapper
    {
        position:fixed;
        height:53px;
        z-index:10001;
        width:100%;
    }
    #container
    {
        height:53px; /*pad fixed height*/
    }
    
    #header-wrapper-inner
    {
        overflow:hidden;
    }
    #support_nav #searchbox{display:none;}
    #zz_header #header_nav { display:none}
    
    #power-footer-inner{ width:100% !important; overflow:hidden;} 
    #power-footer-inner .footer-col {width:45% !important; margin-left:5% !important; margin-top:1em; padding-left:0!important}
    
    #support_nav ul{ display:inline-block}
    
    .container_12
    {
     width:100%; max-width:960px;   
    }
  #header-wrapper #zz_header
  {
      width:100%;position:absolute; height:100%;
  }   
  #zz_header ul li a
  {
      font-size:.85em;
  }
  
  #header-wrapper div.secondary_menu
  {
      top:54px;
  }
  #header-wrapper div.secondary_menu .inner-menu
  {
      width:100%;
      text-align:center;
  }
  #menu_support{ display:none}
  #header-wrapper div.secondary_menu ul{ margin:0 auto; display:inline-block;}
  #header-wrapper div.secondary_menu li a
  {
      font-size:.85em;
  }
  #header-wrapper div.secondary_menu li.title, #header-wrapper div.secondary_menu li.title a
{
    font-size:12px;
}
#support_nav{ margin-right:48px; font-size:.85em;}
#mobile-menu{ /*display:block;position: absolute;
right: 0;
top: 0;
padding: .5em;
height: 53px; width:53px;border-left: 1px solid #c2c2c2;
z-index:1000;*/

    position:absolute; top:0; left:100%;
		width:100%; height:auto; padding:0; 
		margin-right:50px;
		background:#FFFFFF;
		transition:all 0.5s ease-in-out;
		z-index:10003;display:block;
		
}
#mobile-menu{ height:100%}
#mobile-button{background:url(/assets/img/nav/mobile-menu-icon.png) center center no-repeat #ffffff; overflow:hidden; text-indent:-10000px; display:block; width:53px; height:53px; position:absolute;left:-53px;border-left:1px solid #c2c2c2;
		}
#mobile-menu.active{left:53px;height:100%; }

#push-menu { position:absolute; left:0; background-color:#ffffff; min-width:300px; width:100%; max-width:100%; z-index:1000; top:0px; border-left:1px solid #c2c2c2;display:block; height:468px; overflow:auto}
#push-menu ul li.m-top-level
{
    float:none; border-bottom:1px solid #c2c2c2; width:100%;
    padding:.66em 0;
}

#push-menu ul li.m-top-level >a
{
    padding:0 1em;
}

#push-menu ul{ display:block; margin:0;}
#push-menu ul li{ position:relative;}
#push-menu ul li.m-top-level ul{ display:none; background-color:#eee}

#push-menu ul li.m-top-level >ul li{ font-size:.85em; padding-left:2em; font-weight:normal; border-top: 1px solid #c2c2c2}
#push-menu ul  li a.toggle.button
{
      width: 20px;
  height: 20px;
  background: url(/assets/img/nav/mobile-open-icon-trans.png) center center no-repeat;
  transition: all .5s ease-in-out;
  display: block;
  position:absolute;
  right:60px;
  overflow: hidden;
  text-indent: -5000px;
  vertical-align: middle;
  
  top:18px;
}
#push-menu ul  li a.toggle.button.open
{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
}
#push-menu ul li.m-top-level >ul li a.toggle.button span
{
    
}

#push-menu ul li.m-top-level >ul li >ul >li{ font-size:1em; padding-left:0; margin-left:2em; font-weight:normal; border-top: 1px solid #c2c2c2}
#push-menu ul li.m-top-level >ul li a.product-4K{color:#8246af; text-transform:uppercase; }
#push-menu ul li.m-top-level >ul li a.product-QPlus{color:#00b5e2; text-transform:uppercase;  }
#push-menu ul li.m-top-level >ul li a.product-Q{color:#6cc24a; text-transform:uppercase;  }
#push-menu ul li.m-top-level >ul li a.product-HD{color:#e89623; text-transform:uppercase;  }

#push-menu ul li.m-top-level >ul li.title{ font-weight:bold}
#support_nav ul li.phone {font-size:.85em}
#header-wrapper #logo-container{ margin-right:5px}
}