@charset "UTF-8";

.fluid,.ie6 img{width:100%}
.fluid{
	float:left;
	display:block;
	margin:auto;
	clear:both
}
.gridContainer{
	width:98%;
	padding-left:2%;
	padding-right:2%;
	margin:auto;
	clear:none;
	float:none;
	font-size:20px;
	margin-left: auto;
	margin-right:auto;
}
.fluidList{
	list-style:none;
	padding:0;
	margin:1% 0 0
}
body{
	background-color:#fff;
	clear:both;
	bottom:auto;
	left:auto;
	right:auto; 
	top:1px;
	font-family:Arial,sans-serif;
	text-align:left;
	color:#000;
	font-size:20px
}
div.logo{
 	width:23%;
   	margin-left:2%;
    vertical-align:top;
    margin-top:0%;
    margin-bottom:0%;
    margin-right:0%;
    float:left
}
div.logoindex{
 	width:40%;
   	margin-left:2%;
    vertical-align:top;
    margin-top:0%;
    margin-bottom:0%;
    margin-right:0%;
    float:none;
    margin-left:auto;
	margin-right:auto;
}
header{
	width:100%
	}

.righttop {
   	padding-top: 0;
	padding-bottom: 0;
	margin-bottom:0;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	float:right;
	width:72%
}
ul.topmenu{
	list-style-type: none;
	margin-left:auto;
	margin-right:auto
}
li.topmenu{
	font-family: mr-eaves-modern, sans-serif;
	font-size:18px;
	font-weight:400;
	vertical-align:middle;
	margin-left:1% auto;
	margin-right:1% auto;
	margin-top:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	display: inline-block;
}
li.topmenuindex{
	font-family: mr-eaves-modern, sans-serif;
	font-size:30px;
	font-weight:400;
	vertical-align:middle;
	margin-left:1% auto;
	margin-right:1% auto;
	margin-top:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	display: inline-block;
}
.heading{color:#000;
	text-align:
	right;margin:.1% 1% .1% 1%}

.logintop{
	font-family: mr-eaves-modern, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:1%; 
	display:block;
	text-align:right;
	clear: right
}
#login{
	padding:1%;
	float:right;
	margin:1%;
}
.login {
	width:20%; 
	float:right
}
.caption,.headimg,.menu,.top,li.menu,p.gallery{text-align:center}

li.thumbnails{display:inline-block;float:none}

.thumb-caption{
	display:inline-block;
	float:none;
	font-family: mr-eaves-modern, sans-serif;
	text-align:center;
	font-weight:400;
	font-size:small;
	text-decoration:none;
	}

div.right{float:right}
div.left{float:left}
.leftside{
	float:left;
	width:25%
}
.rightside{
	max-width:30%;
	float:right;
	right:0px
}
div.main{
	vertical-align:text-top;
	width:78%;
	padding:1%;
	margin:1%;
	font-size:20px
}
div.mainindex{
	vertical-align:text-top;
	width:95%;
	padding:1%;
	margin:1%;
	font-size:20px;
	margin-left:auto 1%;
	margin-right:auto 1%;
	}
div.main50{
	vertical-align:text-top;
	width:50%;
	padding:2%;
	margin:1%;
	font-size:20px
}
div.leftinset{
	width:40%;
	padding:2%;
	margin:1%;
	float:left
	}

#favorite{
	padding:2%;
	float: right;
	display: inline-block
	}

.descp{
	display: inline-block;
	left:auto;
    right:auto;
    text-align:left;
    width: 80%
}

ul{	margin:0;
	padding:0;
	list-style-type:none
}
ul.gallery{
	list-style-type:none;
	width:100%;
	margin-left:auto 1%;
	margin-right:auto 1%;
}
ul.bullet{font-size:larger;margin:5%}li.bullet{background-repeat:no-repeat;background-position:0 center}
li{display:inline}

table.pw,td.pw,th.pw{max-width:90%;float:none;border:1px #000;padding:3%;spacing:3%;margin:2%}

a.exc:active,a.exc:hover{color:#892B1C;font-weight:bolder}
a,a:active,a:hover,a:visited{text-decoration:none;font-size:larger}
a.reg{color:#000;text-decoration:none;font-weight:bolder}
a,a:visited{color:#000;font-weight:700}
a:active,a:hover{
	color:#D35E0F;
	font-weight:bolder
}

.menusystem{
	margin-left:auto 5%;
	margin-right:auto 5%;
	text-align: center;
	float:none;
	padding:5%
	}
.menuitem{
	margin-left:auto 5%;
	margin-right:auto 5%;
	padding:5%;
	width:60%;
	text-align: center;
	font-family: mr-eaves, sans-serif;
	font-weight:400
	}
	
.grid{
	border:1 px solid #000;
	margin-left:auto 5%;
	margin-right:auto 5%;
	text-align: center;
	float:none;
	padding:1%;
	margin-top:0%;
	margin-bottom:0%;
	}
.brightheading{
	font-family: felt-tip-roman, sans-serif;
	font-weight:400;
	font-color: #D35E0F;
	font-size:x-large
}

h1{
	font-style:normal;
	font-size:xx-large;
	color:#000;
	font-family: mrs-eaves, serif; 
	display:block;
	text-align:center
	}
.caption{
	font-size:14px;
	font-family: felt-tip-roman, sans-serif;
	font-weight:400
	}
.small,.thumb-caption,body,p.gallery{font-style:normal}
.exc{
	font-family: mrs-eaves, serif;
	text-align:center;
	font-color: #D35E0F;
	}

li.menu{padding:5%}

.small,.top{font-weight:400}font{font-family:Arial,sans-serif;
	font-size:16px}

.small{font-size:small;
	font-family: mr-eaves-modern, sans-serif;
	}
.bold{
	padding:1%;
	font-size:26px;
	font-family: mrs-eaves, serif;}
.quote{font-family: felt-tip-roman, sans-serif;}

.head,.location,h2,a.h2{
	font-size:30px;
	font-family: mrs-eaves, serif;
	font-weight:400;
	font-style:normal;
	color:#000;
	text-decoration:none
	}
h3,a.h3{
	font-size:large;
	font-family: mr-eaves-modern, sans-serif;
	font-weight:400;
	font-style:normal;
	text-decoration:none
	}
p.large{	
	font-size:30px;
	font-family: mr-eaves-modern, sans-serif;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	color: #D35E0F;	
	}
	
.paintinglinks{width:30%;float:right;text-align:right;font-family:mostra-nuova;padding:1%}
.article,.ll{text-align:left;font-style:normal;font-weight:400}
.article{font-size:16px;font-family:Arial,Helvetica,sans-serif;padding:3%;width:98%}
.headingtext,.ll{font-family: felt-tip-roman, sans-serif;}

.slide-caption,a.headingtext{font-style:normal;font-weight:400}
a.headingtext{font-family: mrs-eaves, serif;font-size:large;text-decoration:none;color:#000}

.copyright{font-size:small;
	vertical-align:
	text-bottom;
	width:100%;
	margin:2%;
	float:none;
	clear:right;
	clear:left;
	left:auto;text-align:center;font-family: mr-eaves-modern, sans-serif;right:auto;text-decoration:none
}


.search{text-align:right;padding:1%}

a.copyright{text-decoration:none;color:#000;font-weight:700}
#list,a.linkslist{font-style:normal;font-weight:400}

#socialfollow {float: right; width: 175px; margin-left: 2%;margin-right: 2%;display: inline }
.socialfollow{margin:1%;clear:right;font-family:mostra-nuova; width:20%; float:right}
.social{width:20%;text-align:left}

.emailsignup{width:20%; position: absolute;left: 0px; padding:1%; display: inline}	

.search{width:100%;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-family:Gill Sans,Gill Sans MT,Myriad Pro,DejaVu Sans Condensed,Helvetica,Arial,sans-serif;color:#000;background-color:#fff;margin:2% 2%}

.links{font-size:small;width:90%;right:auto;margin:3% 1%}
.gift,.submit{text-align:center}

a.linkslist{text-decoration:none;font-size:small;color:#000}
a.linkslist:active,a.linkslist:hover{color:#A0320E;text-decoration:none}

img.painting{
	max-width:70%;
	max-height:600px;
	margin-left:1% auto;
	margin-right:1% auto;
	}

/*instagram */
div.instagram{
	float:right;
	width:20%;
	margin-left:0% auto;
	margin-right:0% auto;
	margin-top:0;
	margin-bottom:1%;
	padding:1%;
}
li.instagram{
  display:inline-block;
  float:none;
  max-width:30%;
  padding:1%
}
img.instagram{
	padding:1%;
	display:inline-block;
	vertical-align: bottom
}

/*instagram across */
div.instagramacross{
	float:none;
	width:80%;
	margin-left: auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:1%;
	padding:1%;
}
li.instagramacross{
  display:inline-block;
  float:none;
  max-width:15%;
  padding:1%
}
img.instagramacross{
	padding:1%;
	display:inline-block;
	vertical-align: bottom
}

img{
	margin:1%; 
	padding:1%;
	max-height:50%;
	max-width:90%
}
.index{
	max-width:90%}
li.thumbnails{
	display:inline-block;
	float:none;
	max-width:20%;
	vertical-align:bottom
	}
.newthumb{
	padding:2%;
	margin:1%
	vertical-align: bottom
}

img.left{width:90%;left:0}
.ll,img{right:auto;left:auto}
.index{padding:5% 5% 1%}
.thumb{width:50%;
	margin-right:1%;
	padding-bottom:auto}
.gallerythumb{padding:2%;width:20%}.headimg{max-width:80%;max-height:5%}

.sample{
	max-width:20%;
	padding:5%;
	margin:5%;
	float:right
	}

img.gallery,li.gallery,p.gallery{
	display:inline-block;
	vertical-align: top;
	padding:1%;
	width:25%
	}
p.gallery{font-family: mr-eaves-modern, sans-serif;font-weight:400;text-decoration:none}

img.blogimg{left:1%;float:left;padding:3%;margin:3%}
img.small{padding:5%; width:35%; max-width:250px}
img.small50{
	padding:1%; 
	width:99%; 
}

embed,img,object,video{max-width:100%;text-decoration:none}
.youtube{
	width:640px;
	height:360px;
	float:none
	}


.social{width:20%;text-align:left}

.ll{padding:1%;border:1% solid #000;background-color:#909090;max-width:70%;color:#A0320E;font-size:large;margin:2%}

.pin{width:15%;max-width:200px;right:1%;float:right;clear:right;margin:2%;padding:2%}

.base{margin:2%;padding:2%}

.headingtext,.titletext{
	float: none;
	font-size:x-large;
	font-style:normal;
	font-weight:400
	}

.blogbody{
	width:60%;
	float:left;
	padding:5%;
	margin:2%
	
	}
.blognews {
	padding:5%;
	margin:2%
	}

.blogright{
	width:20%;
	float:right
	}	
	
.rightsidecolumn{
	width:20%;
	float:right
	}


.bloggallery .date{float:left;font-family: felt-tip-roman, sans-serif;font-style:normal;font-weight:400;text-align:left;left:1%;bottom:1%;vertical-align:text-bottom;padding-top:2%;padding-right:1%;padding-bottom:1%;color:#fff;margin:0}
l.email,a.email{right:1%;color:#000}#img{text-decoration:none}
#list{color:#A0320E;font-size:x-large}
gift{.float:left;font-family:mostra-nuova;font-size:small;color:#000;width:10%;border:1px solid #000;left:1%;float:left;margin:1%;padding:1%}

.email,.submit{font-family:mostra-nuova;font-size:large}
.submit{float:none;clear:left}

.emailpopup{display:none;z-index:200;position:fixed;left:20%;top:3%;bottom:10%;width:50%;overflow:auto;padding:3%;background:#000;border:1% solid #999;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);color:#000;font-family:mostra-nuova}
.email{float:right;text-decoration:none;text-align:right;padding-top:2%;padding-left:2%;padding-bottom:2%;margin:3% 1% 3% 2%}

.Christmas{
	padding: 1%;
	width: 100%;
	float: none
}
li.Christmas{
    display: inline-block;
    float: none;
    max-width:10%;
    vertical-align: top
}




.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


gthumb{
	padding:2%
}


.bloglogo,.top{
	right:auto;
	left:auto
	}
	
.content{
	width:98%;
	margin-left:auto;
	margin-right:auto
	}
	
td.blogimg{width:50%}
.bloglogo{width:60%;top:0;clear:both;position:relative;padding-top:0;margin:0 2% -26px}
.top{width:97%;margin:1%;padding:1%}


.penad{
	width:25%;
	float:right 
	}


	

/*#############slider






/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	max-width: 80%;
	
	padding: 0;
	*zoom: 1;
	margin-top: 0;
	margin-left: 2% auto;
	margin-right:2% auto;
}



/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 0px #ccc;
	border:  0px solid #fff;
	left: 0px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -15px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #C8C6C5;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}


/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-prev{left:-1%;background:url(https://jenniferbranch.com/Latitude-Pens/buttons/controls.png) 0 -32px no-repeat}
.bx-wrapper .bx-next{right:-1%;background:url(https://jenniferbranch.com/Latitude-Pens/buttons/controls.png) -43px -32px no-repeat}


.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}


/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* image */

img.slide{
	margin-left: 2% auto;
	margin-right:2% auto;
	overflow: hidden;
	clear:both;
	vertical-align: middle;
	max-width: 96%;
	display: block;
	max-height:700px
}	
img.slidethumb{
	margin-left: 2% auto;
	margin-right:2% auto;
	overflow: hidden;
	clear:both;
	vertical-align: middle;
	max-width: 20%;
	display: block;
	max-height:250px
	}

img.paintingslide{
	margin-left: 2% auto;
	margin-right:2% auto;
	overflow: hidden;
	clear:both;
	vertical-align: middle;
	max-width: 70%;
	display: block;
	max-height:500px
	}
img.galleryslide{
	margin-left: 2% auto;
	margin-right:2% auto;
	overflow: hidden;
	clear:both;
	vertical-align: middle;
	max-width: 60%;
	display: block;
	max-height:500px
}
/* Mobile Layout: 480px and below. */

@media only screen and (max-width:549px) {

.hide_mobile{display:none}

.righttop {
    font-family: mr-eaves-modern, sans-serif;
    font-size:16pt;
    font-weight: 350;
   	padding-top: 1%;
	padding-bottom: 1%;
	padding-left:0;
	padding-right:0;
	vertical-align:top;
	margin-top:0;
	margin-right:1%;
	margin-left:1%;
	width:98%;
	clear:both;
}
li.topmenu{
	margin:1%;
	padding:2%;
    display: inline-block;
	min-height:30px;
}   
li.topmenuindex{
	font-family: mr-eaves-modern, sans-serif;
	font-size:16px;
	font-weight:300;
	vertical-align:middle;
	margin-left:1% auto;
	margin-right:1% auto;
	margin-top:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	display: inline-block;
}

div.logo{
 	width:50%;
   	margin-left: auto;
   	margin-right:auto;
    vertical-align:top;
    margin-top:0%;
    margin-bottom:0%;
    padding:0%;
    float:none
}
div.logoindex{
 	width:80%;
   	margin-left: auto;
   	margin-right:auto;
    vertical-align:top;
    margin-top:0%;
    margin-bottom:0%;
    padding:0%;
    float:none
}

h2{
	font-size:11pt;
}
.links{
	width:90%
	}
	
.penad{
	width:50%;
	float:none
	}
	
.rightside{
	max-width:98%;
	float:none;
	margin-left: 1% auto;
	margin-right:1% auto;
}
.blogbody{
	width:99%
	}

.blogright{
	width:90%;
	float:none;
	margin-left: 1% auto;
	margin-right:1% auto;
	}

img.news{
	padding:2%;
	margin-left: 1%;
	margin-right:1%;
	float:left
	
	}	
.sample{
	max-width:70%;
	margin-left: 1%;
	margin-right:1%;
	float:none
	}

/*slider*/	

.bx-wrapper {
	position: relative;
	max-width: 90%;
	padding: 1%;
	*zoom: 1;
	margin-left: 1% auto;
	margin-right:1% auto;
}


/* image slide */

img.slide{
	margin-left: 2% auto;
	margin-right:2% auto;
	overflow: hidden;
	clear:both;
	vertical-align: middle;
	max-width: 96%;
	display: block;
	max-height:300px
}
img.paintingslide{
	margin-left: 2% auto;
	margin-right:2% auto;
	overflow: hidden;
	clear:both;
	vertical-align: middle;
	max-width: 50%;
	display: block;
	max-height:200px
	}

img.slidethumb{
	margin-left: 2% auto;
	margin-right:2% auto;
	overflow: hidden;
	clear:both;
	vertical-align: middle;
	max-width: 50%;
	display: block;
	max-height:250px
	}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	color: #C8C6C5;
	padding-top: 10px;
}



li.thumbnails{
	display:inline-block;
	float:none;
	max-width:30%
	}
		
/*instagram */
div.instagram{
	float:none;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:1%;
	padding:1%;
	
}

/*instagram across */
div.instagramacross{
	float:none;
	width:98%;
	margin-left: auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:1%;
	padding:1%;
}
li.instagramacross{
  display:inline-block;
  float:none;
  max-width:20%;
  padding:1%
}
img.instagramacross{
	padding:1%;
	display:inline-block;
	vertical-align: bottom
}

div.mainindex{
	vertical-align:text-top;
	width:100%;
	padding:1%;
	margin:1%;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	float:none
	}
	
img.painting{
	max-width:90%;
	margin-left:1% auto;
	margin-right:1% auto;
	}	
		
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:12px;height:12px;text-indent:-9999px;z-index:9999}	
}

/* Tablet Layout: 481px to 1200px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 450px) and (max-width:1200px) {


.hide_tablet{display:none}

.righttop {
    font-family: mr-eaves-modern, sans-serif;
    font-size:16pt;
    font-weight: 350;
   	padding-top: 1%;
	padding-bottom: 1%;
	padding-left:0;
	padding-right:0;
	vertical-align:top;
	margin-top:0;
	margin-right:1%;
	margin-left:1%;
	width:90%;
	clear:both;
}
li.topmenu{
	margin:1%;
	padding:2%;
    ddisplay: inline-block;
	min-height:32px;
}   
div.logo{
 	width:50%;
   	margin-left: auto;
   	margin-right:auto;
    vertical-align:top;
    margin-top:0%;
    margin-bottom:0%;
    padding:1%;
    float:none
}
.rightside{
	max-width:98%;
	float:none;
	margin-left: 1% auto;
	margin-right:1% auto;
}
/*slider*/	

.bx-wrapper {
	position: relative;
	max-width: 90%;
	padding: 1%;
	*zoom: 1;
	margin-left: 1% auto;
	margin-right:1% auto;
}


/* image slide */

img.slide{
	margin-left: 2% auto;
	margin-right:2% auto;
	overflow: hidden;
	clear:both;
	vertical-align: middle;
	max-width: 96%;
	display: block;
	max-height:300px
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	color: #C8C6C5;
	padding-top: 10px;
	padding-bottom: 10px;
}
h2{
	font-size:12pt;
}

#socialfollow{right:0;clear:left}
.socialfollow{width:50%}
 
.youtube{width:300px;height:169px}

.gift{width:30%}
.emailsignup{width:80%; align:center; padding:1%; left:auto;right:auto;display:block; position:relative}
img.small{padding:5%; width:60%}
.prev, .next,.text {font-size: 9px}


.row{
	max-width:75%;
	margin:auto
}

/* 5 columns side by side */
.column {
  width: 25%;
}

img.painting{
	max-width:90%;
	margin-left:1% auto;
	margin-right:1% auto;
	}	
	
}


@media only screen and (min-width:771px) and (max-width:999px){

.gridContainer{width:99%;max-width:999px;padding-left:.75%;padding-right:.75%;margin:auto;clear:none;float:none}

.zeroMargin_desktop{margin-left:0}.hide_desktop{display:none}
}


@media only screen and (min-width:1000px)