html { background:#fff; width:100%; height:100%; *overflow-x:hidden; }
body { background:#fff; min-width:1024px; min-height:100%; padding:0 0; position:relative; z-index:1;}

#main { width:100%; min-width:980px; margin:0 auto; position:static; overflow:hidden; }
#main #content { width:980px; margin:0 auto; padding:0; zoom:1; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; border-radius:0; }
#main #content:after { height: auto; }

h1, h2, h3, h4, h5, h6, strong { color:#333; }

/* fonts */
.content { font-size:1.32em; line-height:1.75; word-spacing:-1px; }
.content h1 { font-size:1.7142em; }
.content h2 { font-size:1.2857em; }
.content h3	{ font-size:1.1428em; }
.content h4 { font-size:1em; }

.content h1 img { display:block; margin:0 auto; }
.content .small { font-size:.8571em; line-height:1.5; }
.content .center { display:block; margin-right:auto; margin-left:auto; text-align:center; }

/* layout */
.content .row { padding:70px 0 45px; border-top:1px solid #e0e0e0; }
.content .column { *display:inline; }

/* links */
.content a { cursor:pointer; }
.content a.block { color:#333; }
.content a.wrap { text-decoration:none; }
.content a.wrap:hover span { text-decoration:underline; cursor:pointer; }

a.more,
em.more,
span.more { background-image:url(http://images.apple.com/v/macbook-pro/e/images/more_16.png); background-size:6px 11px; background-position:100% 65%; }
#buystrip .strip .more { background-image:url(http://images.apple.com/v/macbook-pro/e/images/more_10.png); background-size:4px 7px; padding-right:7px; background-position:100% 55%; }

@media screen and (min-width:0\0) {  
	a.more, em.more, span.more { vertical-align:text-bottom; background-position:100% center; }
}

@media only screen {
	a.more,
	em.more,
	span.more { background-image:url(/v/macbook-pro/e/images/more.svg);}
}

/* aesthetic */
.content .shadow { border:1px solid #ccc; -webkit-box-shadow:0 1px 4px rgba(0,0,0,.4); -moz-box-shadow:0 1px 4px rgba(0,0,0,.4); box-shadow:0 1px 4px rgba(0,0,0,.4); }
.content .inset { border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.4); -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.4); box-shadow:inset 0 1px 4px rgba(0,0,0,.4); }

.content .shadow:nth-child(1n),
.content .inset:nth-child(1n) { border:none; }

/* galleries
------------------------*/
.gallery-link { width:200px; height:34px; display:block; overflow:hidden; position:relative; margin:0 auto; }
.gallery-link img { position:absolute; top:0; left:0; }
.gallery-link:hover img { position:absolute; top:auto; bottom:0; }
.gallery { position:relative; z-index:1; }
.gallery:after,
.gallery-view:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.gallery .gallery-view,
.gallery .gallery-content { width:100%; position:relative; z-index:1000; }
.gallery .gallery-content { display:none; }
.gallery .gallery-view .gallery-content { display:block; }

body.macbookpro .darkbox-content .close { z-index:1001; position:absolute; width:29px; height:29px; text-indent:-9999px; -webkit-transform:translateZ(0); background:url(http://images.apple.com/v/macbook-pro/e/images/close.png) no-repeat 0 0; no-repeat; background-size:30px 30px; _behavior:url(/global/scripts/lib/iepngfix.htc); overflow:hidden; }
@media only screen {
	body.macbookpro .darkbox-content .close { background-image:url(/v/macbook-pro/e/images/close.svg); }
}

/* slide gallery */
.slide-gallery { width:100%; overflow:hidden; -webkit-user-select:none; position:relative; z-index:1001; }
.slide-gallery .gallery-view { width:100%; position:relative; z-index:1001; }
.slide-gallery .gallery-content,
.slide-gallery figure { float:left; display:inline; margin:0; position:relative; z-index:1001; }

.fluid-slideshow figure { -webkit-transform:none; }
@media only screen and (max-device-width:768px){
	.fluid-slideshow figure { -webkit-transform:none; }
}
@media all and (max-device-width:1024px) and (orientation:landscape) {
	.noscroll-show .simplenav { bottom:30px; }
}


#av-gallery { height:672px; }

/* paddle nav */
.paddle-nav li { width:100%; position:absolute; top:0; left:0; z-index:1003; _display:none; }
.paddle-nav li .arrow { position:absolute; display:block; top:0; height:460px; width:67px; padding:0 0; -moz-opacity:1; opacity:1; filter:alpha(opacity=100); outline:none; z-index:1; cursor:pointer; *background-image:url(http://images.apple.com/global/elements/blank.gif);
	-webkit-transition:.25s opacity ease-out; -moz-transition:.25s opacity ease-out; transition:.25s opacity ease-out;
}
.paddle-nav li .arrow:hover { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }
.paddle-nav li .arrow.disabled { display:none; }
.paddle-nav li .arrow b { display:block; width:67px; height:130px; margin-top:65px; text-indent:-9999px; overflow:hidden; behavior:url(/global/scripts/lib/ie7pngfix.htc); background-size:38px 79px; }

.paddle-nav li .arrow.prev { left:-67px; }
.paddle-nav li .arrow.prev b { float:left; background:url(http://images.apple.com/v/macbook-pro/e/images/paddle_previous.png) no-repeat; }

.paddle-nav li .arrow.next { right:-67px; }
.paddle-nav li .arrow.next b { float:right; background:url(http://images.apple.com/v/macbook-pro/e/images/paddle_next.png) no-repeat; }

body.macbookpro #fluid-gallery-vertical-center .paddle-nav li .arrow { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }
body.macbookpro #fluid-gallery-vertical-center .paddle-nav li .arrow.next b {background-image:url(http://images.apple.com/v/macbook-pro/e/images/paddle_next.png); width:67px; height:130px;  }
body.macbookpro #fluid-gallery-vertical-center .paddle-nav li .arrow.prev b {background-image:url(http://images.apple.com/v/macbook-pro/e/images/paddle_previous.png); width:67px; height:130px; }
body.macbookpro .darkbox-content .close { top:30px; left:30px; }

.paddle-hide { display:none; }

@media only screen and (max-device-width:768px) {
  .paddle-nav { display:none; } /* don't show the paddles on iOS, swipe instead */
}

/* simple dot nav */
body.macbookpro .simplenav { width:100%; margin:0; padding:0; overflow:hidden; text-align:center; line-height:1px; }
body.macbookpro .simplenav li { margin:0 8px; width:12px; height:12px; position:relative; display:inline-block !important; }
body.macbookpro .simplenav li a {display:inline-block !important; zoom:1; position:absolute; z-index:1; top:2px; left:2px; width:6px; height:6px; background:#949494; border:1px solid transparent; outline:none; text-indent:-999em;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
body.macbookpro .simplenav li a:hover { top:2px; background:#666; }
body.macbookpro .simplenav li a.active { top:0; left:0; border:1px solid #08c; cursor:default; background:transparent; width:10px; height:10px;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
}

@media only screen and (max-device-width:768px) {
	body.macbook-pro .simplenav li a { -webkit-pointer-events:none; pointer-events:none; }
}

/* figcaptions */
.content .gallery figcaption.caption{ width:auto; margin:15px 200px 0; padding:0 20px; font-size:.85em; line-height:1.55em; text-align:center; color:#666; }
.content figcaption.caption sup { color:#999; }

/* toggle-nav */
.content .toggle-nav { width:720px; margin:50px auto 30px; text-align:center; position:relative; z-index:1001; }
.content .toggle-nav ul { margin:0 auto; }
.content .toggle-nav li,
.content .toggle-nav li a { display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1; }
.content .toggle-nav li { width:168px; }
.content .toggle-nav li a { width:100%; margin:0 auto; padding:6px 0 7px; border:1px solid #cfcfcf; font-size:13px; color:#666; text-align:center; text-decoration:none; background-color:#fff; }
.content .toggle-nav li a:hover { color:#08c; }
.content .toggle-nav li a.first-child { border-left:1px solid #cfcfcf; }
.content .toggle-nav li:first-child a { border-radius:6px 0 0 6px; box-shadow:none; }
.content .toggle-nav li:last-child a { border-radius:0 6px 6px 0; }
.content .toggle-nav li a.active { position:relative; cursor:default; text-decoration:none; border:1px solid #2284d1; color:#fff; background-color:#59b1f6; }

/* thubnail nav */
.thumbnail-nav { width:100%; margin:0 auto; text-align:center; }
.thumbnail-nav li,
.thumbnail-nav li a { display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1; }
.thumbnail-nav li a { width:105px; color:#666; text-decoration:none; }
.thumbnail-nav li a .image { margin:0 4px; display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1;
    -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
}
.thumbnail-nav li a .image img { display:block; margin:3px; border:5px solid #fff;
    -webkit-border-radius:6px; -moz-border-radius:5px; border-radius:6px;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.45); -moz-box-shadow:0 1px 3px rgba(0,0,0,.45); box-shadow:0 1px 3px rgba(0,0,0,.45);
}

.thumbnail-nav li a:hover .image {
    background:#d4d4d4;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#bababa));
    background:-moz-linear-gradient(center top, #e5e5e5 0, #bababa 100%);
    background:-o-linear-gradient(#e5e5e5, #bababa);
}
.thumbnail-nav li a.active { color:#08c; }
.thumbnail-nav li a.active .image {
    background:#08c;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#66c4f3), to(#0289cd));
    background:-moz-linear-gradient(center top, #66c4f3 0, #0289cd 100%);
    background:-o-linear-gradient(#66c4f3, #0289cd);
}

.thumbnail-nav li a:hover .image img,
.thumbnail-nav li a.active .image img { display:block;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}

/* app icon nav */
.icon-nav { position:absolute; z-index:1; bottom:0px; left:0; width:100%; text-align:center; font-size:.8em; zoom:1; }
.icon-nav ul { padding-bottom:22px; display:-moz-inline-stack; display:inline-block; *display:inline; *zoom:1; }
.icon-nav li { margin:0 13px; float:left; }
.icon-nav li span { position:absolute; z-index:1; bottom:-28px; left:-10px; width:106px; text-align:center; *bottom:-26px; }
.icon-nav li a { position:relative; z-index:1; display:block; padding:8px 16px; height:53px; color:#000; font-size:1.0909em; border-radius:6px; text-decoration:none; border:1px solid #c4c4c4; }
.icon-nav li a.active,
.icon-nav li a.active:hover { cursor:default; padding:7px 15px; border:2px solid #0088cc; color:#999; }
.icon-nav li a:hover { text-decoration:none; color:#08c; padding:7px 15px; border:2px solid #c1c1c1; }
.icon-nav li a:hover span,
.icon-nav li a.active span { bottom:-29px; left:-11px; *bottom:-27px; }
.icon-nav li a.imovie img { position:relative; left:-3px; }

/* loupe */
@-webkit-keyframes touchBobble {
	0%   { -webkit-transform:scale(1.04); }
	100%  { -webkit-transform:scale(1); }
}

.loupe-container { position:relative; z-index:1200; }
.loupe-container .swapView { padding:0 0 0 0;}
.loupe-container .spinner { position:relative; z-index:1005; top:200px; left:50%; margin-left:-28px; width:86px; height:58px; padding:25px 0 0; text-align:center; background:#000; opacity:0.7; border-radius:10px;
	-webkit-transition:opacity 0.6s ease;
	   -moz-transition:opacity 0.7s ease;
	        transition:opacity 0.7s ease;
}
.loupe-container .spinner.right { float:none; margin-left:-88px; }
.loupe-container .column.last { width:548px; position:relative; }
.loupe-gallery .caption { width:585px; padding:6px 0 0; font-size:1em; color:#000; font-weight:bold; text-align:center; position:absolute; }
.loupe-gallery .caption.right { width:475px; }

.loupe { position:absolute; z-index:1002; top:55px; width:265px; height:265px; visibility:hidden; cursor:move; cursor:-webkit-grab; cursor:-moz-grab; cursor:grabbing; }
.loupe.grabbing { cursor:none; *cursor:move; }
.loupe .loupe-image { position:absolute; top:0; left:0; z-index:3; }
.loupe .canvas-fade { position:absolute; display:inline-block; border-radius:100px; top:24px; left:23px; -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s; transition:opacity 0.4s; z-index:1; }
.loupe .tooltip { display:none; z-index:2; position:absolute; top:104px; left:52%; margin-left:-84px; width:145px; padding:10px 0 9px; border-radius:25px; color:#fff; font-family:'Lucida Grande', Helvetica, Arial, Verdana; font-weight:bold; font-size:14px; text-align:center; opacity:0;
	background:rgb(32,32,32);
	background:rgba(32,32,32,0.7);
	-webkit-transition:opacity 0.6s ease;
	   -moz-transition:opacity 0.7s ease;
	        transition:opacity 0.7s ease;
}
.loupe .canvas { display:inline-block; border-radius:100px; margin:24px 0 0 23px; *position:relative; *top:24px;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=90,  FinishX=100, StartY=75, FinishY=85), progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=77,  FinishX=87, StartY=10, FinishY=0), progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=10,  FinishX=0, StartY=75, FinishY=85), progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=20,  FinishX=10, StartY=10, FinishY=0)';
	*filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=90,  FinishX=100, StartY=75, FinishY=85)
	progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=77,  FinishX=87, StartY=10, FinishY=0)
	progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=10,  FinishX=0, StartY=75, FinishY=85)
	progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=20,  FinishX=10, StartY=10, FinishY=0);
}
.loupeLeft { left:70px;
	-webkit-transform:translate(-1500px, 228px);
	   -moz-transform:translate(-1500px, 228px);
	    -ms-transform:translate(-1500px, 228px);
	        transform:translate(-1500px, 228px);
}
.loupeRight { left:0;
	-webkit-transform:translate(1500px, 228px);
	   -moz-transform:translate(1500px, 228px);
	    -ms-transform:translate(1500px, 228px);
	        transform:translate(1500px, 228px);
}

#gallery-loupeViewLeft { position:absolute; width:420px; height:478px; z-index:1; overflow:hidden; top:114px; left:70px; }
#gallery-loupeViewLeft img { width:420px; height:478px; border:none; }

#gallery-loupeViewRight { position:absolute; width:445px; height:495px; z-index:1; overflow:hidden; top:104px; left:-4px; }
#gallery-loupeViewRight img { width:445px; height:495px; border:none; }

/* Gallery Loupe fallback */
.retina .loupe-still { display:none; margin-bottom:60px;  }

.retina.fallback .loupe-gallery { display:none; }
.retina.fallback .loupe-still { display:block; }

/* Gallery Loupe degradation */
@media only screen and (max-device-width:768px) {
	.retina.degraded .vision { padding-top:10px; }
}

/* product header */
#productheader { width:980px; border-bottom:1px solid #e6e6e6; }
#productheader h2 a { text-indent:0; width:160px; }
#productheader li a { text-shadow:#fff 0 1px 0; }
#productheader ul li a { margin-left:24px; }

.features     #pn-features a,
.design       #pn-design a,
.performance  #pn-performance a,
.osx          #pn-osx a,
.built-in     #pn-built-in a,
.techspecs    #pn-specs a { color:#999 !important; cursor:default; }


/* Bar Charts Shared
-----------------------------*/
.chart .chart-title { margin-bottom:15px; }
.chart .bars { width:370px; }
.chart .bars li { width:100%; }
.chart .bars .bar { width:0; height:36px; position:relative; z-index:1; }
.chart .bars .bar.blue { background:#99cfeb; }
.chart .bars .bar.grey { background:#d6d6d6; }
.chart .bars .text-value { position:absolute; right:12px; top:7px; font-size:14px; color:#fff; }
.chart .bars .text-outside { position:absolute; right:-70px; top:7px; font-size:14px; color:#aaa; }
.chart .bars .text-value.grey { color:#aaa; }
.chart .bars .caption { padding:1px 0 8px 0; font-size:11px; text-align:left; color:#666; }
.chart .can-animate .text-value { opacity:0; }
.chart .animate .bars .bar {
	-webkit-transition:width 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	   -moz-transition:width 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	        transition:width 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.chart .animate .bar-one .bar {
	-webkit-transition-delay:300ms;
	   -moz-transition-delay:300ms;
	        transition-delay:300ms;
}
.chart .animate .bar-two .bar {
	-webkit-transition-delay:180ms;
	   -moz-transition-delay:180ms;
	        transition-delay:180ms;
}
.chart .animate .bar-three .bar {
	-webkit-transition-delay:140ms;
	   -moz-transition-delay:140ms;
	        transition-delay:140ms;
}
.chart .animate .bar-four .bar {
	-webkit-transition-delay:100ms;
	   -moz-transition-delay:100ms;
	        transition-delay:100ms;
}
.chart .animate .bar-five .bar {
	-webkit-transition-delay:80ms;
	   -moz-transition-delay:80ms;
	        transition-delay:80ms;
}
.chart .animate .text-value {
	opacity:1;
	-webkit-transition:opacity .5s;
	   -moz-transition:opacity .5s;
	        transition:opacity .5s;
	-webkit-transition-delay:700ms;
	   -moz-transition-delay:700ms;
	        transition-delay:700ms;
}

/* fade chart numbers in when slide changes */
.chart.gallery .animate .text-value {
	-webkit-animation:fadein .5s .6s both;
}

@-webkit-keyframes fadein {
	0% { opacity:0; }
	100% { opacity:1; }
}


/* Footers
------------------------*/

/* sosumi */
.sosumi { width:940px; margin:23px auto 0; padding:0 20px; }
.sosumi a { color:#333; }
.sosumi ol { margin:0; padding-right:21px; padding-left:21px; }
.sosumi ul { margin:0; padding-left:7px; }
.sosumi li { padding-bottom:5px; }
.sosumi p { margin:0; padding-bottom:5px; }
ol.sosumi { width:898px; margin:23px auto 0; }

/* Buy Strip
------------------------*/
#buystrip { position:relative; z-index:1; width:980px; height:auto; margin:0 auto; padding:0; }

#buystrip h1 { margin-bottom:0; }
#buystrip h2 { margin-bottom:13px; }

#buystrip .grid4col { padding:32px 0 20px; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; }
#buystrip .grid4col .column { margin-left:0px; width:225px; padding-bottom:23px; color:#666; text-align:center; }
#buystrip .grid4col .column p { padding:0 10px; line-height:1.45em; color:#666; }
#buystrip .grid4col .column span { font-size:1.32em; }
#buystrip .grid4col .column.border { padding-left:9px; }
#buystrip .grid4col .column.first { width:260px; padding-right:10px; }
#buystrip .grid4col .column.first p { margin-bottom:14px; line-height:1em; color:#999; *margin-top:10px; }
#buystrip .grid4col .column.first img.product { margin-bottom:15px; }
#buystrip .grid4col .column.second { padding-right:10px; }
#buystrip .grid4col .column.last { width:210px; }
#buystrip .grid4col .column.last span { color:#333; }

#buystrip .buynows-arrow { margin:7px 0 0 -1px; }
#buystrip a.block:hover .buynows-arrow { background-position:0 -25px; }

#buystrip .strip { width:100%; padding:15px 0 0; float:right; text-align:center; font-size:0.917em; border-top:1px solid #fff;  }
#buystrip .strip li,
#buystrip .strip li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
#buystrip .strip li { margin:0 40px 0 0; }
#buystrip .strip li.last-child { margin-right:0; }
#buystrip .strip img.left { margin:-2px 7px 0 0; }

/* environment */
#environment #main #content { padding-top:50px; font-size:1.167em; }

#environment .caption { padding-left:10px; font-size:.7em; color:#959595; }

#environment .hero { margin-bottom:40px; }
#environment .hero .intro { width:850px; margin-bottom:50px; text-align:center; }
#environment .hero .hero-image { margin-bottom:40px; }
#environment .hero .info { font-size:1em; text-align:center; }
#environment .hero .info .adjust { margin-right:10px; }

#environment .row { width:880px; padding-left:50px; padding-right:50px; }

#environment .grid3col .column { width:350px; margin-left:35px; }
#environment .grid3col.less-margin .column { margin-left:30px; }
#environment .grid3col .column.first { width:225px; }
#environment .grid3col .column.last { width:245px; }

#environment .efficiency { padding:50px 50px 32px; }
#environment .efficiency .flushleft { margin-left:-120px; _position:relative; _z-index:1; }
#environment .toxic .column.first img { margin-left:-15px; _position:relative; _z-index:1; }
#environment .packaging .column.last img { margin:30px 0 0 -32px; }
#environment .recyclability .column.last img { margin:40px 0 0 25px; }

#environment .environment { position:relative; z-index:1; width:882px; height:258px; margin:0 auto 42px; border:1px solid #e2e2de; background:url(http://images.apple.com/v/imac/a/images/environment_bg.jpg);
	-webkit-box-shadow:rgba(0,0,0,0.5) 0 14px 10px -11px;
	   -moz-box-shadow:rgba(0,0,0,0.5) 0 14px 10px -11px;
			    box-shadow:rgba(0,0,0,0.5) 0 14px 10px -11px;
}
#environment .environment h1 { font-size:1.43em; }
#environment .environment h2 { margin-bottom:18px; font-size:0.85em; line-height:1.6em; color:#7ca701; }
#environment .environment .first { width:24%; padding:34px 0 0 21px; }
#environment .environment .first p { font-size:1em; }
#environment .environment .last { width:70%; padding-top:21px; }
#environment .environment .last img { margin-bottom:3px; }
#environment .environment .last p { width:95%; margin-bottom:4px; font-size:0.85em; line-height:1.5em; }

#environment .environment:before {
	content:""; display:block; position:absolute; z-index:1; left:0; bottom:-16px; width:100%; height:13px; background:#fff;
	-webkit-border-radius:350% 350% 0% 0% / 670% 670% 0% 0%;
	   -moz-border-radius:350% 350% 0% 0% / 670% 670% 0% 0%;
			    border-radius:350% 350% 0% 0% / 670% 670% 0% 0%;
	-webkit-box-shadow:#fff 0 -2px 5px;
	   -moz-box-shadow:#fff 0 -2px 5px;
			    box-shadow:#fff 0 -2px 5px;
}