/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
/*
Theme Name: Ponsfordpen.com.au Theme
Theme URI: http://ponsfordpen.com.au/
Author: Jon-Michael Lastimosa
Author URI: http://jon-michael.lastimosa.com.ph
*/


html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}





@font-face {

	font-family: 'BaskervilleStd Bold';

	src: url('../fonts/NewBaskervilleStd-Bold.eot?') format('eot'), 

	     url('../fonts/NewBaskervilleStd-Bold.otf')  format('opentype'),

	     url('../fonts/NewBaskervilleStd-Bold.woff') format('woff'), 

	     url('../fonts/NewBaskervilleStd-Bold.ttf')  format('truetype'),

	     url('../fonts/NewBaskervilleStd-Bold.svg#NewBaskervilleStd-Bold') format('svg');

}

@font-face {

	font-family: 'BaskervilleStd Bold Italic';

	src: url('../fonts/NewBaskervilleStd-BoldIt.eot?') format('eot'), 

	     url('../fonts/NewBaskervilleStd-BoldIt.otf')  format('opentype'),

	     url('../fonts/NewBaskervilleStd-BoldIt.woff') format('woff'), 

	     url('../fonts/NewBaskervilleStd-BoldIt.ttf')  format('truetype'),

	     url('../fonts/NewBaskervilleStd-BoldIt.svg#NewBaskervilleStd-BoldIt') format('svg');

}

@font-face {

	font-family: 'BaskervilleStd Italic';

	src: url('../fonts/NewBaskervilleStd-Italic.eot?') format('eot'), 

	     url('../fonts/NewBaskervilleStd-Italic.otf')  format('opentype'),

	     url('../fonts/NewBaskervilleStd-Italic.woff') format('woff'), 

	     url('../fonts/NewBaskervilleStd-Italic.ttf')  format('truetype'),

	     url('../fonts/NewBaskervilleStd-Italic.svg#NewBaskervilleStd-Italic') format('svg');

}

@font-face {

	font-family: 'BaskervilleStd';

	src: url('../fonts/NewBaskervilleStd-Roman.eot?') format('eot'), 

	     url('../fonts/NewBaskervilleStd-Roman.otf')  format('opentype'),

	     url('../fonts/NewBaskervilleStd-Roman.woff') format('woff'), 

	     url('../fonts/NewBaskervilleStd-Roman.ttf')  format('truetype'),

	     url('../fonts/NewBaskervilleStd-Roman.svg#NewBaskervilleStd-Roman') format('svg');

}

/* font-family: 'BaskervilleStd Bold', 'Times New Roman', serif; */



/* Generic Styling */

html {  }

body{

	font-family: 'Open Sans', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.container{

	display: block;

	width: 860px;

	margin: 0 auto;

	padding-top: 75px;

}

h1{

	font-family: 'BaskervilleStd Bold', 'Times New Roman', serif;

	font-size: 50px;

	color: #313131;

}

h2{

	font-family: 'BaskervilleStd Bold', 'Times New Roman', serif;

	font-size: 23px;

	color: #313131;

}

strong{

	font-weight: bold;

}

.page_wrapper{

	width: 960px;

	margin: 0 auto;

}

/*

.indexv2 div.page_wrapper{

	top: 204px !important;

	left: 50%;

	margin-left: -480px;

}

*/

body.indexv2{

	background: #ebebeb url(../images/body-bg.jpg) no-repeat center top;

	padding-top: 204px;

}

/*------------------------

		Landing

------------------------*/

#landing{

	background: url(../images/landing-bg.jpg) no-repeat center center;

	background-size: cover;

	padding-top: 2%;

	text-align: center;

}

.landing-logo{

	display: inline-block;

}

#landing h1{

	font-family: 'BaskervilleStd', 'Times New Roman', serif;

	font-size: 50px;

	color: #fff;

	padding-top: 5%;

	padding-bottom: 2%;

	background: url(../images/line.png) no-repeat center bottom;

}

#landing p{

	color: #fff;

	font-family: 'Open Sans', sans-serif;

	width: 770px;

	margin: 0 auto;

	padding: 2% 0;

}

#landing img{

	display: block;

	margin: 0 auto;

	width: 40%;

}

#landing .landing-logo img{

	width: 100%;

}

.scroll_down{

	display: block;

	margin: 0 auto;

	color: #fff;

	font-family: 'Open Sans', sans-serif;

	font-weight: bold;

	text-decoration: none;

	font-size: 14px;

	padding-top: 78px;

	background: url(../images/scroll-icon.png) no-repeat center top;

	margin-top: 2%;

}



#alt_landing{

	background: url(../images/landing-bg.jpg) no-repeat center center;

	background-size: cover;

	padding-top: 2%;

	text-align: center;

}

.landing-logo{

	display: inline-block;

}

#alt_landing h1{

	font-family: 'BaskervilleStd', 'Times New Roman', serif;

	font-size: 50px;

	color: #fff;

	padding-top: 5%;

	padding-bottom: 2%;

	background: url(../images/line.png) no-repeat center bottom;

}

#alt_landing p{

	color: #fff;

	font-family: 'Open Sans', sans-serif;

	width: 770px;

	margin: 0 auto;

	padding: 2% 0;

}

#alt_landing img{

	display: block;

	margin: 0 auto;

	padding: 2% 0;

}



/*------------------------

		Header

------------------------*/

#header{

	height: 70px;

	line-height: 70px;

	padding: 0 50px 0 40px;

	overflow: hidden;

	-webkit-box-shadow: 0 2px 8px -4px #000;

	box-shadow: 0 2px 8px -4px #000;

    width:100%;

    box-sizing:border-box;

    background: #fff;

	z-index: 99999;

}

.main_nav{

	display: block;

	float: right;

}

.main_nav ul li{

	display: inline-block;

}

.main_nav ul li a{

	display: inline-block;

	color: #313131;

	font-size: 14px;

	font-family: 'Open Sans', sans-serif;

	font-weight: bold;

	text-decoration: none;

	padding-right: 35px;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.main_nav ul li a:hover, .main_nav ul li a.active{

	color: #638639;

}

#logo{

	display: block;

	float: left;

	line-height: 63px;

}

#logo img{

	display: inline-block;

	vertical-align: middle;

}

#header .btn{

	display: block;

	float: right;

}

#header .btn{

	height: 42px;

	line-height: 42px;

	background: #6e983c;

	margin-top: 13px;

}

.sticky-wrapper{

	z-index: 9999;

}

.menu_trigger {

  color: #313131;

  display: inline-block;

  font-family: 'Open Sans',sans-serif;

  font-size: 14px;

  font-weight: bold;

  padding-right: 35px;

  text-decoration: none;

  transition: all 0.5s ease-in-out 0s;

  float: right;

  display: none;

}

/*------------------------

		Story

------------------------*/

#story{

	display: block;

	background: #efefef url(../images/pen-bg-graphic.png) no-repeat center top;

	min-height: 815px;

}

.container .pull-center{

	text-align: center;

	width: 300px;

	border-bottom: 1px solid #2f2f2f;

	margin: 0 auto 40px;

}

.container h2{

	padding: 25px 0;

}

.container p{

	padding-bottom: 25px;

	font-size: 14px;

	line-height: 24px;

	color: #0b0c0d;

}

.container .col{

	width: 380px;

	float: left;

	margin-right: 100px;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.container .col.last{

	margin: 0;

}

#signature{

	display: block;

	float: right;

	margin-right: 46px;

	margin-top: 33px;

}



/*------------------------

	   Info Window

------------------------*/

#infowindow_1{

	padding: 0 0 50px 0;

	background: url(../images/landing-bg.jpg) no-repeat center center;

	background-size: cover;

	text-align: center;

}

#infowindow_1 .container{

	width: 950px;

}

#infowindow_1 p{

	color: #fff;

	font-size: 21px;

	font-family: 'BaskervilleStd Bold', 'Times New Roman', serif;

	line-height: 32px;

}

/*------------------------

		History

------------------------*/

#history{

	display: block;

	background: #ffffff url(../images/history-bg.jpg) no-repeat center bottom;

	min-height: 1140px;

}

h1.underlined{

	border-bottom: 1px solid #2f2f2f;

	margin: 0 0 40px;

	width: 300px;

	padding-bottom: 20px;

}

#history .container .col{

	float: right;

	margin: 0;

}

.indexv2 #history .container .col{

	margin-right: 100px;

	float: left;

}

.indexv2 #history .container .col.last{

	margin: 0;

}

/*------------------------

		The pen

------------------------*/

#the_pen{

	background: #202020;

	min-height: 1720px;

	color: #fff;

}

#the_pen .container{

	width: 940px;

}

.pen_description{

	/* background: url(../images/the-pen-bg.png) no-repeat right top; */

	display: block;

	float: left;

	width: 525px;

	min-height: 1200px;

	margin-right: 115px;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.pen_description p{

	width: 470px;

	padding-right: 250px;

	background: url(../images/pointer.png) no-repeat right top;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	color: #fff;

}

.pen_description p.one{

	position: absolute;

	top: 220px;

	left: 0;

	z-index: 300;

}

.pen_description p.two{

	position: absolute;

	top: 510px;

	left: 0;

	z-index: 300;

}

.pen_description p.three{

	position: absolute;

	top: 1030px;

	left: 0;

	z-index: 300;

}

#the_pen .pull-center{

	display: block;

	color: #fff;

	width: auto;

	border: none;

	background: url(../images/white-line.png) no-repeat center bottom;

}

#the_pen p.feat{

	color: #fff;

	width: 730px;

	margin: 0 auto 35px;

	text-align: center;

	font-size: 20px;

	line-height: 30px;

}

#the_pen .col{

	width: 300px;

	margin: 0;

	padding: 0;

}

#the_pen .col p{

	color: #fff;

	padding-bottom: 30px;

}

#the_pen .col p.desc{

	font-size: 23px;

	line-height: 30px;

	font-family: 'BaskervilleStd Bold', 'Times New Roman', serif;

	padding-right: 20px;

}

#the_pen .mini-pen{

	width: 33.33%;

	float: left;

	font-weight: bold;

	padding-right: 15px;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.mini-pen img {

	display: block;

	margin: 0 0 30px 18px;

}

#the_pen .mini-pen.one{

	display: block;

}

#the_pen .mini-pen.two img{

margin-top: 24px;

}

#the_pen .mini-pen.three{

	padding: 0;

}

.col.pull-right{

	float: right;

}

/*------------------------

		Included

------------------------*/

#included{

	display: block;

	min-height: 595px;

	position: relative;

	z-index: 10;

}

#included .container{

	width: 940px;

}

#included .col{

	margin: 0;

}

#included h1{

	background: url(../images/black-line.png) no-repeat left bottom;

	margin-bottom: 45px;

	padding-right: 30px;

	padding-bottom: 15px;

}

.between-date {
    color: #638639 !important;
    margin-top: -30px;
}

.inc_img_wrapper{

	width: 515px;

	float: left;

	min-height: 520px;

	position: relative;

}

.inc_img_wrapper img{

	position: absolute;

	right: 0;

	bottom: 0;

}

/*------------------------

		Certificate

------------------------*/

#certificate{

	display: block;

	background: #e5e5e5;

}

#certificate .container{

	width: 940px;

}

#certificate h1.pull-center{

	width: 310px;

}

#certificate p{

	color: #0b0c0d;

	font-size: 20px;

	line-height: 30px;

	text-align: center;

	padding: 0 75px 80px;

}

#certificate img{

	display: block;

	margin: 0 auto;

}

/*------------------------

Australian Sporting History

------------------------*/

#spot-history{

	min-height: 815px;

	background: url(../images/sign.jpg) no-repeat center center;

}

#spot-history h1{

	background: url(../images/black-line.png) no-repeat left bottom;

	margin-bottom: 45px;

	padding-bottom: 15px;

}

p a{

	color: #638639;

	font-weight: 600;

	text-decoration: none;

}

/*------------------------

		Order

------------------------*/

#order{

	display: block;

	background: #202020 url(../images/order-bg.jpg) no-repeat center top;

}

#order .container{

	width: 780px;

	text-align: center;

	color: #fff;

}

#order h1.pull-center{

	display: block;

	color: #fff;

	width: auto;

	border: none;

	background: url(../images/white-line.png) no-repeat center bottom;

	padding-bottom: 15px;

}

#order h1 span {
    color: #638639;
    font-size: 28px;
}

#order p{

	font-size: 20px;

	line-height: 30px;

	color: #fff;

}

#order p a{

	text-decoration: underline;

	color: #fff;

}

#order p em{

	color: #638639;

}

.strikethrough{

	text-decoration: line-through;

}

.order-mid{

	margin: 65px 0 80px;

}

.mail-col{

	display: block;

	float: left;

	width: 50%;

	border-right: 1px solid #fff;

	background: url(../images/icon-mail.png) no-repeat center top;

	padding-top: 175px;

	padding-right: 90px;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	text-align: left;

}

.tw-months-col{

	display: block;

	float: left;

	width: 50%;

	background: url(../images/icon-12months.png) no-repeat center top;

	padding-top: 175px;

	padding-left: 90px;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	text-align: left;

}

#order .tw-months-col p, #order .mail-col p{

	font-size: 14px;

	line-height: 24px;

}

#order .lst-par{

	padding: 40px 0 50px;

}

#order .dont-miss{

	margin-bottom: 42px;asfgo

}

.limited-edition > img {
    position: absolute;
}

/*------------------------

		Footer

------------------------*/

footer{

	background: #000000;

	color: #fff;

	text-align: center;

	padding: 25px 0;

}

.footer_nav{

	display: block;

	margin: 20px auto;

}

.footer_nav li{

	display: inline-block;

}

.footer_nav li a{

	display: inline-block;

	color: #fff;

	text-decoration: none;

	border-right: 1px solid #fff;

	font-size: 14px;

	line-height: 14px;

	margin-right: 10px;

	padding-right: 10px;

	font-weight: 600;

}

.footer_nav li a.last{

	margin: 0;

	padding: 0;

	border: none;

}

footer p{

	color: #638639;

	font-weight: 600;

	font-size: 14px;

}

footer p.copyright{

	font-size: 12px;

	font-weight: normal;

	color: #fff;

}

/*------------------------

	Generic Styles

------------------------*/

.btn{

	display: inline-block;

	font-family: 'Open Sans', sans-serif;

	font-weight: bold;

}

.medium-btn{

	-moz-border-radius: 9px;

	-webkit-border-radius: 9px;

	border-radius: 9px;

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	height: 68px;

	line-height: 68px;

	padding: 0 45px;

}

.small-btn{

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	height: 68px;

	line-height: 68px;

	padding: 0 18px;

}

.green-btn{

	color: #fff;

	text-decoration: none;

	background-color: #628639;

}

.orange-btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Trebuchet MS;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	padding:20px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.orange-btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.orange-btn:active {
	position:relative;
	top:1px;
}


.clr{

	display: block;

	clear: both;

}



#scrollblock_infos{	

	width: 525px;

	height: 1161px;

}

#scrollpen{

	width: 525px;

	height: 1161px;

}

#top{

	position: absolute;

	right: 25px;

	top: 0;

	z-index: 100;

}

#catridge{

	position: absolute;

	right: 53px;

	top: 61px;

}

#main{

	position: absolute;

	right: 16px;

	top: 15px;

	z-index: 200;

}

#cap{

	position: absolute;

	right: 12px;

	bottom: 0;

	z-index: 200;

}







body.indexv2 #scrollpen, body.indexv2 #scrollblock_infos{

	top: 0 !important;

}

body.indexv2 #the_pen .container .col{

	float: right;

}

body.indexv2 .scroll_down{

	padding-bottom: 20px

}

#process{

	padding: 55px 70px 37px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	background-color: #f5f5f5;

	text-align: center;

}

#process strong{

	color: #666;

	font-family: "Open Sans", sans-serif;

	font-size: 20px;

	font-weight: bold;

	text-align: center;

	margin-bottom: 35px;

	display: block;

}

#process p{

	color: #666;

	font-family: "Open Sans", sans-serif;

	font-size: 18px;

	text-align: center;

	margin-bottom: 45px;

	line-height: 30px;

}

#process .btn{

	font-family: "Open Sans", sans-serif;

	font-size: 14px;

	font-weight: bold;

	height: 42px;

	line-height: 42px;

	background: #6e983c;

}

.line{

	display: block;

	text-align: center;

	z-index: 10;

	position: relative;

}

.line .line_piece{

	display: block;

	float: left;

	width: 24%;

	height: 6px;

	background: #a7a7a7;

}

.line .line_piece.first, .line .line_piece.last{

	width: 14%

}

.line .line_piece.first{

	-webkit-border-radius: 3px 0px 0px 3px;

	border-radius: 3px 0px 0px 3px;

}

.line .line_piece.last{

	-webkit-border-radius: 0px 3px 3px 0px;

	border-radius: 0px 3px 3px 0px;

}

.line .line_piece.active{

	background: #638639;

}

#process .steps{

	display: block;

	text-align: center;

	height: 140px;

	margin: 0 3%;

	z-index: 20;

	position: relative;

}

#process .steps .step{

	width: 25%;

	float: left;

	margin-top: -14px;

}

#process .steps .step strong{

	display: inline-block;

	width: 23px;

	height: 23px;

	-webkit-border-radius: 23px;

	border-radius: 23px;

	text-indent: -9999px;

	background: #a7a7a7;

}

#process .steps .step p{

	color: #a7a7a7;

	font-family: "Open Sans", sans-serif;

	font-size: 14px;

	font-weight: bold;



}

#process .steps .step.active strong{

	background: #638639;

}

#process .steps .step.active p{

	color: #638639;

}

body.indexv2 #alt_landing h1{

	padding-top: 140px;

	font-size: 40px;

	padding-bottom: 40px;

}

body.indexv2 #alt_landing p{

	padding: 40px 0 50px;

	font-size: 20px;

	line-height: 30px;

}

body.indexv2 #alt_landing img{

	max-width: 530px;

	padding: 0;

}

body.indexv2 #alt_landing .btn{

	margin: 50px 0 45px;

}

body.indexv2 #infowindow_1{

	background: #e7e7e7;

}

body.indexv2  #infowindow_1 p{

	color: #030303;

	font-size: 19px;

	line-height: 32px;

	padding: 0 50px 25px;

}

body.indexv2 #included{

	overflow: hidden;

}

body.indexv2 #history{

	background: #f5f5f5;

	min-height: inherit;

	overflow: hidden;

	padding-bottom: 80px;

}

body.indexv2 .container .pull-center{

	font-size: 40px;

	line-height: 60px;

	width: 380px;

	padding-bottom: 50px;

	margin-bottom: 70px;

}

body.indexv2 .pen_description p{

	background: url(../images/pointerv2.png) no-repeat right top;

	width: 390px;

	padding-right: 160px;

	left: 85px !important;

}

body.indexv2 #certificate img{

	max-width: 670px;

}

body.indexv2 #spot-history h1{

	font-size: 40px;

	line-height: 60px;

	padding-right: 70px;

}