/* =============================================================================

   HTML5 Boilerplate CSS: h5bp.com/css

   ========================================================================== */



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }



html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1.5em; line-height: 1.4; }



::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }

::selection { background: #fe57a1; color: #fff; text-shadow: none; }



a { color: #D7A270; }

a:visited {}

a:hover { color: #DEBA99; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }



abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }



sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }



ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }



svg:not(:root) { overflow: hidden; }



figure { margin: 0; }



form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { font-family: "Times Roman", "Times new Roman", Times, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Georgia, serif ; line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0dddd; }



table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }



.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* ===== FONTS ================================================================= */



@font-face {

    font-family: 'OswaldLight';

    src: url('../fonts/Oswald-Light-webfont.eot');

    src: url('../fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Oswald-Light-webfont.woff') format('woff'),

         url('../fonts/Oswald-Light-webfont.ttf') format('truetype'),

         url('../fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Oswald';

    src: url('../fonts/Oswald-Regular-webfont.eot');

    src: url('../fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Oswald-Regular-webfont.woff') format('woff'),

         url('../fonts/Oswald-Regular-webfont.ttf') format('truetype'),

         url('../fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'OswaldBold';

    src: url('../fonts/Oswald-Bold-webfont.eot');

    src: url('../fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),

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

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

         url('../fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Chanticleer';

    src: url('../fonts/CHANTICL-webfont.eot');

    src: url('../fonts/CHANTICL-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/CHANTICL-webfont.woff') format('woff'),

         url('../fonts/CHANTICL-webfont.ttf') format('truetype'),

         url('../fonts/CHANTICL-webfont.svg#ChanticleerRomanRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'tpbold';

    src: url('../fonts/trajanpro-bold-webfont.eot');

    src: url('../fonts/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/trajanpro-bold-webfont.woff') format('woff'),

         url('../fonts/trajanpro-bold-webfont.ttf') format('truetype'),

         url('../fonts/trajanpro-bold-webfont.svg#TrajanProBold') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'tp';

    src: url('../fonts/trajanpro-regular-webfont.eot');

    src: url('../fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/trajanpro-regular-webfont.woff') format('woff'),

         url('../fonts/trajanpro-regular-webfont.ttf') format('truetype'),

         url('../fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}







/* ===== Primary Styles ========================================================

   Author: Ryann Micua

   ========================================================================== */



.accent1{ color: #BA5915; }

.accent2{ color: #562600; }

.accent2 a{ color: #000; text-decoration: underline; }

.accent2 a:hover{ text-decoration: none; }



body{ background: url(../img/bg-header.jpg) repeat-x 0 0; color: #5A5859; font-family: "Times Roman", "Times new Roman", Times, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Georgia, serif ; }

#container{ width: 100%; }

.wrap{ margin: 0 auto; padding: 20px; width: 872px; }



p{ margin: 0 0 0.8em; }



h2{ color: #ba5915; font-family: TrajanPro-Bold, tpbold, Chanticleer,Times Roman, Times New Roman, Times, Utopia, Liberation Serif, Georgia, serif; font-size: 1.125em; font-weight: normal; margin: 0 0 0.7em; text-transform: uppercase; }

h3{ color: #562600; font-size: 1.0125em; font-weight: bold; margin: 0 0 0.5em; }



.thumbnail{ border: 7px solid #fff; -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.45); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.45); box-shadow: 0 0 20px 0 rgba(0,0,0,0.45); }



.div-top{ background: url(../img/divider-top.png) no-repeat top center; min-height: 50px; padding-top: 2.5em; }

.div-bottom{ background: url(../img/divider-bot.png) no-repeat bottom center; height: 10px; }



header{ position: relative; }

header.wrap{ left: 12px; width: 896px; }

/** NAVIGATON **/

nav{ left: 20px; position: absolute; top: 20px; }

	nav ul{ overflow: hidden; }

		nav ul li.last{ background: none; margin-right: 0; padding-right: 0; }

		nav ul li{ background: url(../img/cross.png) no-repeat center right; float: left; padding-right: 31px; margin-right: 20px; }

			nav ul li a{ color: #D7A270; font-family: OswaldLight, Helvetica, sans-serif; font-size: 1.0125em; text-shadow: -1px -1px #8A3C0D; text-decoration: none; }

			nav ul li a:hover{ color: #DEBA99; }



/** Header area **/

  #billboard{ background: url(../img/graphic-ipad.png) no-repeat 0 0; height: 570px; margin: 40px 0 0 -50px; padding-left: 480px; position: relative; }

	#button-appstore{ background: url(../img/button-available-on-ipad.png) no-repeat 0 0; display: block; height: 55px; position: absolute; right: 0; text-indent: -999em; top: 40px; width: 182px; z-index: 999; }
  #button-googlestore{ background: url(../img/button-available-on-ipad.png) no-repeat 0 0; display: block; height: 55px; position: absolute; right: 0; text-indent: -999em; top: 40px; width: 182px; z-index: 999; }

#button1 img{
  width: 151px!important;
  margin-top: 40px;
  z-index: 10000;
  position: absolute;
  left: 100;
  top: 0;
}
#button2 img{
  width: 151px!important;
  margin-top: 40px;
  z-index: 10000;
  position: absolute;
  right: 160px;
  top: 0;
}
#button3 img{
  width: 151px!important;
  margin-top: 40px;
  z-index: 10000;
  position: absolute;
  right: 5px;
  top: 0;
}


	#site-title{ background: url(../img/site-title.png) no-repeat 36px 0; height: 234px; margin: 0; position: absolute; text-indent: -999em; top: 36px; right: 0; width: 552px; }

	#site-description{ color: #562600; font-size: 1.1em; line-height: 1.3; margin: 0; position: absolute; right: 0; text-align: center; top: 236px; width: 484px; }

	#logo{ background: url(../img/logo.png) no-repeat 0 0; height: 235px; position: absolute; right: 125px; margin: 0; top: 287px; width: 235px; }



	#ipad-show{ left: 90px; height: 386px; overflow: hidden; position: absolute; top: 93px; width: 290px; z-index: 99; }

		#ipad-show .ipad-image{}

			#ipad-show img{ display: block; }



	.ipad-gloss{ background: url(../img/gloss.png) no-repeat 0 0; height: 403px; left: 51px; position: absolute; top: 116px; width: 365px; z-index: 100; }



#share-small{ position: absolute; top: 508px; left: 514px; z-index: 999; }

	#share-small .clear{ clear: both; height: 10px; }

	#share-small a{ display: block; float: left; margin-right: 10px; }



	#share-small a.addthis_button_facebook_like { margin-right: 10px; }

		#share-small a.addthis_button_facebook_like span{ height: 30px !important; }

	#share-small a.addthis_button_facebook_share iframe{ width: 95px !important; height: 25px !important; }

	#share-small a.addthis_button_facebook_send{ margin-right: 10px; }

		#share-small a.addthis_button_facebook_send .fb_iframe_widget{ display: block; }

			#share-small a.addthis_button_facebook_send span{ display: block; }

	#share-small iframe.twitter-share-button{ display: block; margin: 0 10px 0 0; float: left;  }

	#share-small a.addthis_button_google_plusone{ overflow: hidden; }

	#share-small a.addthis_button_google_plusone div{ display: block !important;}

	#share-small a.addthis_button_linkedin_counter{ width: 110px; }

	#share-small a.addthis_button_linkedin_counter iframe{ display: block; }

	#share-small .IN-widget{ float: left; margin: 0 10px 0 0; }

	#share-small a.addthis_button_email{ background: url(../img/email.png) no-repeat 0 0; height: 24px; width: 34px; }

		#share-small a.addthis_button_email span.at300bs{ background: none; }



#share-big{ min-height: 40px; z-index: 999; width: 960px; }

	#share-big ul{ list-style: none outside none; display: inline-block; } /*  padding: 0 0 0 158px;*/

	#share-big ul li{ float: left; margin-right: 30px; }



		#share-big li .addthis_button_email{ background: url(../img/emailbig.png) no-repeat 0 0; display: block; height: 48px; width: 48px; }

			#share-big li .addthis_button_email span{ background: none !important; }



/** Previews - videos and screenshots **/

#preview{}

	#preview .col{ display: inline-block; float: left; width: 414px; }

	#preview .video{ margin-right: 42px; }

		#preview h2{ background: url(../img/icons.png) no-repeat 0 0; height: 46px; letter-spacing: -1px; line-height: 46px; margin: 0 auto 0.7em; padding: 0 0 0 62px; }

		#preview .video h2{ background-position: 0 -9px; width: 290px; }

		#preview .screenshots h2{ background-position: 0 -74px; width: 340px; }

		#preview .col .box{}

			#preview .col a{}

				#preview .col a img{}



/** Testimonials **/

#testimonial{ margin: 1.5em auto; }

#testimonial .bx-window{ padding-bottom: 20px; }

	#testimonial blockquote{ font-size: 1.3em; margin: 0; padding: 0.6em 1.2em 1em; text-align: center; }

		#testimonial p{ font-style: italic; margin: 0 0 0.5em; }

		#testimonial cite{}



#main{ position: relative; z-index: 100; }



/** Features **/

#graphic-ipad-onside{ background: url(../img/ipad-side.png) no-repeat 0 0; float: right; height: 233px; margin: -121px -59px 0 0; width: 502px; }



#feature-items{ margin: 2em 0 1em; }

	.feature-item{ float: left; margin: 0 1.25em 1em 0; width: 11.25em; }

	.feature-item.last{ margin-right: 0; }

		.feature-item img{ display: block; }

		.feature-item h3{ margin: 0.8em 0 0.5em; }

		.feature-item p{ color: #BA5915; letter-spacing: -0.2px; }



/** Buy button **/

a.buy-button{ background: url(../img/button-buy.jpg) no-repeat 0 0; display: block; height: 71px; margin: 1em 0 2em; text-indent: -999em; }

a.buy-button2{ background: url(../img/google-play-banner2.png) no-repeat 0 0; display: block; height: 71px; margin: 1em 0 2em; text-indent: -999em; }

a.buy-button3{ background: url(../img/onlinebanner.jpg) no-repeat 0 0; display: block; height: 71px; margin: 1em 0 2em; text-indent: -999em; }




/** FAQ **/

#graphic-key{ background: url(../img/graphic1.jpg) no-repeat 0 0; float: right; margin: 0 -1.2em 0 0.7em; height: 428px; width: 318px; }



#graphic-cup{ background: url(../img/graphic-cup.jpg) no-repeat 0 0; float: left; height: 717px; margin: 0 0.7em 0 -2em; width: 353px; }



/** Press Kit **/

#press-kit{ margin: 2em 0; padding-top: 1.8em; }

	a.download-kit{ background: url(../img/icon-zip.jpg) no-repeat 0 0;  float: left; height: 204px; margin: 0 2em 0 0; text-indent: -999em; width: 204px; }

	#press-kit h3{ margin: 1.85em 0 0.5em; }

	#press-kit p{
	color: #666;
}

	#press-kit .div-bottom{ clear: both; }



/** Contact **/

#subscribe{ margin: 0 auto -220px; padding: 20px 0 0; position: relative; z-index: 99; }

	#subscribe .section-bg{ background: url(../img/graphic-can.png) no-repeat 0 0; height: 902px; width: 1000px; }

	#subscribe .contentwrap{ width: 872px; }

		#subscribe .content{ padding: 70px 340px 400px 0; }

	#subscribe-content{ padding: 50px 340px 400px 0; }



	#subscribe form{ margin: 1em 0; }

	#subscribe input.field{ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; border: 3px solid #BA5915; -webkit-box-shadow: inset 3px 3px 5px #999; -moz-box-shadow: inset 3px 3px 6px #999; box-shadow: inset 3px 3px 5px #999; color: #ACABAB; float: left; margin: 0 20px 0 0; padding: 9px 18px; width: 275px; }

	#subscribe input[type="submit"]{ background: url(../img/button-submit.jpg) no-repeat 0 0; border: none; height: 53px; width: 158px; text-indent: -999em; float: left; }



	#subscribe .privacy-notice{ width: 520px; }



/** Footer **/

footer{ background: #BA5915 url(../img/bg-footer.png) repeat-x 0 0; color: #fff; width: 100%; }

	footer .wrap{ padding: 50px 20px 64px; }

		footer p{ color: #fff; font-size: 0.9em; padding: 0 241px 0 0; text-align: center; }



		
		
		
/* =============================================================================
 
 webreader page: 
 www.sharwar.com

  ========================================================================== */		
#billboard_desk{
    background: url(../img/desktopxx.png) no-repeat 0 0;
    height: 520px;
    margin: 75px 0 0 0px;
    /* padding-left: 480px; */
    position: relative;
    background-position: center center; }
		
.warp_notablet{width:733px;    margin: 40px auto;}

#preview_webreader{}
#preview_webreader h2{    
    /* letter-spacing: -1px; */
	    text-transform: capitalize;
	font-size:43px;
    line-height: 46px;
	color:#c65300;
	font-weight:700;
    margin: 0 auto 0.7em;
    padding: 0 0 0 0px;}
#preview_webreader h3{
	    font-size: 25px;
		font-weight:700;
		color:#4e1c01;
}
#preview_webreader p{font-size:25px;   
/* padding-right: 118px; */
padding-right:0;
}
		
#preview_webreader_inside{
 }
 #try_before_inside{
	 /* padding-left: 20px;margin-top: 45px; */
 width: 720px;
margin: 45px auto 0px;


 }    
 #try_before_inside h3{
	     font-family: TrajanPro-Bold, tpbold, Chanticleer,Times Roman, Times New Roman, Times, Utopia, Liberation Serif, Georgia, serif;
	 font-size:35px;color:#4e1c01;text-transform:uppercase;
 }
#try_img {
      background: url(../img/try.png) no-repeat 0 0;
    float: left;
    height: 292px;
    margin: 0 1em 0 0em;
    width: 219px;
} 

.btn_sample{    background: url(../img/button-view-page.png) no-repeat 0 0;
    border: none;
    height: 53px;
    width: 262px;
    text-indent: -999em;
float: left;}
.try_note{background-color:#ededed;    margin-top: 127px;
}
.try_note p{
	/* padding:22px 70px 22px 30px; */
	padding:22px 66px 22px 30px !important;

color:#696868;}
		
/* purchase area */
.purchase_area{   background-color: #4e1c01;
    padding: 40px 30px 40px 0px;
    overflow: hidden;
    margin-left: 0px;
}
.purchase_heading{}
.purchase_heading h2{
	    font-family: TrajanPro-Bold, tpbold, Chanticleer,Times Roman, Times New Roman, Times, Utopia, Liberation Serif, Georgia, serif;
    font-size: 25px;
    color: #f7edd2;
    text-align: right;
    float: left;
    width: 61%;
    border-right: 3px solid #f7edd2;
    padding-right: 30px;
    word-spacing: 3px;
}
.purchase_btn{}
.purchase_btn {}
.btn_purchase{
    background: url(../img/button-purchase.png) no-repeat 0 0;
    border: none;
    height: 115px;
    width: 199px;
    text-indent: -999em;
    float: right;
    background-size: contain;
}

.purchase_details_area {
	background: url(../img/try_bg2.png) no-repeat 0 0;
    background-size: 100% 100%;
    padding: 50px 0px 40px 40px;
	/* padding:50px 80px; */
}
		
#purchase_details{
}
#try_img_laptop{  
background: url(../img/try_laptop.png) no-repeat 0 0;
    float: left;
    height: 234px;
    width: 365px;
} 
ul.purchase_bullet_single{
list-style-image: url(../img/cross2.png);
padding-right: 65px;}

#purchase_details ul{    padding-right: 50px;
    display: block;
    overflow: hidden;
    margin: 0;
    list-style-image: url(../img/cross2.png);
}


#purchase_details ul li{
	color:#5a5859;
	font-size:25px;
	 line-height: 30px;
    margin-bottom: 25px;

}	
div#purchase_details2 {
    display: inline-block;
}
div#purchase_details2 ul {
    width: 253px;
    float: left;
    display: inline;
    list-style-image: url(../img/cross2.png);
    padding-left: 20px;
	
}
div#purchase_details2 ul li{
	
	color:#5a5859;
	font-size:25px;
	 line-height: 30px;
    margin-bottom: 25px;
}

ul.purchase_bullet3{margin-left: 60px;}
ul.purchase_bullet_single.last_bullet{margin-top: -65px;}
ul.purchase_bullet_single.last_bullet li{margin-top: 47px;}


.bottom_box{background-color:#4e1c01;width:100%;height:120px;margin-top: 50px;}

/* =============================================================================

   Media Queries

   ========================================================================== */



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

	/* for ipad? reference:

	 * http://stackoverflow.com/questions/3375706/ipad-browser-width-height-standard

	 */

	/* we are doing this since the page is meant to be zoomed out */

	#container{ width: 1128px; }



}



/* =============================================================================

   Non-Semantic Helper Classes

   ========================================================================== */



.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }



/* =============================================================================

   Print Styles

   ========================================================================== */



@media print {

  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */

  a, a:visited { text-decoration: underline; }

  a[href]:after { content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; } /* h5bp.com/t */

  tr, img { page-break-inside: avoid; }

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3 { page-break-after: avoid; }

}
.review {
	color: #D47215;
}
.review2 {
	color: #C97432;
}
.no-js body #container #main #press-kit p em {
	color: #633;
}
.kj {
	color: #969;
}
.ss {
	color: #ba5915;
}
.qw {
	color: #ba5915;
}
qr {
	color: #ba5915;
}
qa {
	color: #ba5915;
}
.qaa {
	color: #ba5915;
}
.qzz {
	color: #ba5915;
}
.qssd {
	color: #ba5915;
}
.ttsa {
	color: #ba5915;
}
.tyty {
	color: #ba5915;
}
.ghg {
	color: #ba5915;
}
.hjk {
	color: #ba5915;
}
.iop {
	color: #ba5915;
}

.billboard_button a {
	display: flex;
	background: #FBE3CD;
	text-decoration: none;
	color: #5C2200;
	font-family: 'Open-sans', sans-serif;
	font-weight: bold;
	border: 3px solid #A75F1F;
	width: 280px;
	text-align: center;
	border-radius: 40px;
	padding: 7px 0;
	margin: 20px 0 7px auto;
	align-items: center;
	justify-content: center;
}

.billboard_button a img{
	margin-right: 5px;
}

.billboard_button {
	padding: 15px 70px 0 0;
}