@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans.eot');
	src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans.woff') format('woff'),
		url('../fonts/OpenSans.ttf') format('truetype'),
		url('../fonts/OpenSans.svg#OpenSans') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* reset styles 
   --------------------------------------------- */

/*
   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
   v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
   html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
           /*  -webkit-text-size-adjust:85%; */
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}

nav ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; /* -webkit-text-size-adjust:85%; */}

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select {vertical-align:middle;}
  
  
/* master styles 
     --------------------------------------------- */

html, body{margin:0; padding:0; height:100%; background:#fff; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#4b4b4b;}
a{text-decoration:none;}
a:hover, a:active{outline:none;}
a, a:active, a:visited{color:#092747;}
a:hover {color:#ff7e00; text-decoration:underline;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* The Grid ---------------------- */
.wrap {width:920px; max-width: 100%; margin: 0 auto; padding:0 10px;}
img, object, embed { max-width: 100%; height: auto; }
img {-ms-interpolation-mode: bicubic;}

/* Nicolas Gallagher's micro clearfix */
.wrap { *zoom: 1; }
.wrap:before, .wrap:after { content: ""; display: table; }
.wrap:after { clear: both; }

#main_container{min-height:100%; position:relative;}
.nicescroll-rails{z-index:999 !important;}

/*==== HEADER AREA ====*/
.hader_wrap{background:url(../images/header_background.png) repeat-x top center; height:69px;}
.logo_wrap {
    display: inline-block;
    float: left;
    width: 26%;
}

.menu {
    display: inline-block;
    float: left;
    width: 60%;
}
.login_wrap {
    display: inline-block;
    float: right;
	text-align:right;
    width: 14%;
	padding:10px 0;
}

.menu {
    display: inline-block;
    float: left;
    width: 47%;
}
.nav_wrap{width:100%; margin:0 auto; }
#nav, #nav ul{margin:0; padding:0; text-align:center; list-style-type:none; list-style-position:outside; position:relative; z-index:99;}
#nav a{display:block; padding:10px 15px 10px; text-decoration:none; font:18px/18px 'robotomedium', Arial, Helvetica, sans-serif; color:#fefefe; }
#nav a:hover{text-decoration:none; color:#fefefe;}
#nav li:hover a{text-decoration:none; color:#fefefe;}
#nav li{ display:inline-block; margin:0; padding:0 0 0 1px; position:relative;}
#nav li:first-child{background:none; }
#nav li.selected a{text-decoration:none; color:#fefefe;}
/*#nav ul{position:absolute; top:57px; display:none; margin:0; padding:5px 0 0 0; background:#94ce40; z-index:9999;}
#nav ul li{padding:0; margin:0; float:left !important; border-bottom:1px solid #4d760c; background:none; position:relative;}
#nav li ul a{padding:3px 10px !important; margin:0; width:200px; font:14px/18px 'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#ffffff !important; text-transform:capitalize; background:none !important;}
#nav li ul li:first-child a{background:none;}
#nav li ul a:hover{color:#333333 !important; background:none !important;}
#nav ul ul{top:auto;}
#nav li ul ul{left:200px; margin:0;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}*/
.nav_wrap a#pull{display:none;}

/*==== BANNER AREA ====*/
.banner_wrap{width:100%; margin:0 auto; padding:20px 0 10px; background: url(../images/low_contrast_linen.png) center center repeat;}
.fader{
    position: relative;
    padding-top: 60%;
    overflow: hidden;
} 
 
.fader .slide{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    opacity: 0;
}
 
.fader img.slide{
    height: auto;
}

.fader .prev,
.fader .next{
  position: absolute;
  height: 80px;
  line-height: 55px;
  width: 50px;
  font-size: 100px;
  text-align: center;
  color: #fff;
  top: 50%;
  left: 0;
  z-index: 4;
  margin-top: -25px;
  cursor: pointer;
  opacity: .7;
  transition: all 150ms;
}

.fader .prev:hover,
.fader .next:hover{
  opacity: 1;
}

.fader .next{
  left: auto;
  right: 0;
}

.fader .pager_list{
  position: absolute;
  width: 100%;
  height: 40px;
  line-height: 40px;
  bottom: 0;
  text-align: center;
  z-index: 4;
}

.fader .pager_list li,.fader .page li{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 7px;
  background: #fff;
  opacity: .7;
  text-indent: -999px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 150ms;
}

.fader .pager_list li:hover,
.fader .pager_list li.active{
  opacity: 1;
}

/*==== CONTENT AREA ====*/
.social_wrap {
    background: #000 none repeat scroll 0 0;
    margin: 0 auto;
    padding: 15px 0;
    width: 100%;
}
.social_wrap ul{
	text-align:center;
}
.social_wrap ul li{
	display:inline-block;
}


.welcome_wrap {
    padding: 34px 0;
    width: 100%;
}
.wel_img {
    display: inline-block;
    float: left;
    width: 40%;
}

.wel_contant {
    display: inline-block;
    float: right;
    width: 60%;
}
.wel_contant h2{
	font:bold 30px/34px 'Open Sans';
	color:#000;
}
.wel_contant p{
	font:15px/20px 'Open Sans';
	color:#666;
	margin:25px 0 15px;
}
.wel_contant ul{
	font:bold 15px/20px 'Open Sans';
	color:#000;
}
.wel_contant ul li{
	display:inline-block;
}


.gallery_wrap {
    background: #ebebeb none repeat scroll 0 0;
    padding: 34px 0;
    width: 100%;
}
.gallery_img {
    display: inline-block;
    float: right;
    width: 50%;
	text-align:center;
}

.gllery_content {
    display: inline-block;
    float: left;
	padding:25px 0 0;
    width: 50%;
}
.gllery_content h2{
	font:bold 30px/34px 'Open Sans';
	color:#000;
}
.gllery_content p{
	font:15px/20px 'Open Sans';
	color:#666;
	margin:25px 0 15px;
}
.gllery_content ul{
	font:15px/20px 'Open Sans';
	color:#666;
	margin:25px 0 15px;
}
.gllery_content ul li{
	display:block;
	padding:0 0 5px;
}

.package_wrap{width:100%; padding:34px 0;}
.package_wrap ul{ text-align:center;}

.package_wrap ul li {
    display: inline-block;
    margin: 0 12px;
    padding: 0;
    width: 30%;
}

.package_wrap ul li h3 {
    color: #000;
    font: bold 24px/30px "Open Sans";
    padding: 40px 0;
}
.package_wrap ul li p {
    color: #000;
    font: 14px/18px "Open Sans";
    padding: 0 0 20px;
}

.Home_Basic_Div {
    background-color: #d5d5d5;
    box-shadow: -0.1px 1px 2px #000000;
}
.Home_AllAccess_Div {
    background-color: #f0f0f0;
    box-shadow: -0.1px 1px 2px #000000;
}
.footer_copyright{width:100%; text-align:center; margin:10px 0 0 0; float:left;font:13px/18px 'robotolight', Arial, Helvetica, sans-serif; color:#a8c6e3;}
.footer_copyright p {
    color: #000;
    font: 14px/18px "Open Sans";
}
.footer_copyright ul{
    color: #000;
    font: 14px/18px "Open Sans";
	margin:10px 0 10px;
}
.footer_copyright ul li{
	display:inline-block;
	padding:0 10px;
}
.footer_copyright ul li a {
    color: #000;
    font: 14px/18px "Open Sans";
	text-decoration:none;
}

.footer_batton img {
    margin: 20px 0;
}

.footer_batton {
    text-align: center;
    width: 100%;
}

.welcome_wrap_inner {
    padding: 40px 0 0;
    width: 100%;
}

.welcome_wrap_inner_left {
    display: inline-block;
    float: left;
    width: 50%;
}

.welcome_wrap_inner_right {
    display: inline-block;
    float: right;
    padding: 20px 0px 0;
    width: 50%;
}
.welcome_wrap_inner_right h2{
	font:bold 30px/34px 'Open Sans';
	color:#000;
}
.welcome_wrap_inner_right p{
	font:15px/20px 'Open Sans';
	color:#666;
	margin:25px 0 15px;
}




.sync_wrap {
    background: #ebebeb none repeat scroll 0 0;
    padding: 34px 0 0;
    width: 100%;
}

.sync_wrap_content {
    display: inline-block;
    float: left;
    padding: 10px 0 0;
    width: 50%;
}

.sync_wrap_content h2 {
    color: #000;
    font: bold 30px/34px "Open Sans";
}
.sync_wrap_content p {
    color: #666;
    font: 15px/20px "Open Sans";
    margin: 25px 0 0;
}

.sync_wrap_content ul {
    color: #666;
    font: 15px/20px "Open Sans";
    margin: 10px 0 5px;
}

.sync_wrap_content ul li {
    display: block;
    padding: 0 0 5px;
}
.sync_wrap_img {
    display: inline-block;
    float: right;
    text-align: center;
    width: 50%;
}

.keyword_wrap {
    padding: 34px 0 0;
    width: 100%;
}
.keyword_wrap h2 {
    color: #000;
    font: bold 30px/34px "Open Sans";
}
.keyword_wrap p {
    color: #666;
    font: 15px/20px "Open Sans";
    margin: 25px 0;
}

.bible_wrap {
    background: #ebebeb none repeat scroll 0 0;
    padding: 34px 0 0;
    width: 100%;
}
.bible_img_wrap {
    display: inline-block;
    float: left;
    width: 40%;
}

.bible_content_wrap {
    display: inline-block;
    float: right;
    padding: 35px 40px 0;
    width: 60%;
}
.bible_content_wrap h2{
	font:bold 30px/34px 'Open Sans';
	color:#000;
}
.bible_content_wrap p{
	font:15px/20px 'Open Sans';
	color:#666;
	margin:25px 0 0;
}

.jump_wrap {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.cd_wrap > p {
    margin: 25px 0;
}

.purchase_Div {
    background: rgba(0, 0, 0, 0) url("../images/low_contrast_linen.png") repeat scroll center center;
    padding: 8% 0;
    width: 100%;
}
.purchase_Div ul{ text-align:center;}
.purchase_Div ul li{display:inline-block; width: 30%; margin:12px;}

.purchase_mobile_header {
    background-color: #6f9acf;
	padding:10px 0;
}
.purchase_digital_header {
    background-color: #77d37c;
	padding:10px 0;
}
.purchase_complete_header {
    background-color: #cd6b6b;
	padding:10px 0;
}
.purchase_mobile_header h2{
	font:bold 28px/34px 'Open Sans';
	color:#000;
}
.purchase_mobile_header p{
	font:12px/16px 'Open Sans';
	color:#000;
}

.purchase_mobile_pricing {
    background-color: #ebebeb;
	padding:10px 0;
}
.purchase_mobile_pricing_content{ background:#fff; padding:20px 0; min-height:300px;}
.purchase_mobile_pricing_content p{ font:14px/20px 'Open Sans'; padding:0 0 20px 0; }
.purchase_buynow{background:#fff; padding:0 0 15px;}



.privacy_wrap {
    background: rgba(0, 0, 0, 0) url("../images/low_contrast_linen.png") repeat scroll center center;
    padding:4% 0;
    width: 100%;
}
.privacy_wrap h3{
	font:bold 19px/28px 'Open Sans';
	color:#fff;
	text-align:center;
	margin:0 0 30px;
}
.privacy_wrap h4{
	font:bold 17px/28px 'Open Sans';
	color:#fff;
	text-align: left;
	margin:15px 0;
}
.privacy_wrap p{
	font:16px/18px 'Open Sans';
	color:#fff;
	text-align: left;
	margin:0 0 10px;
}


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:60%; 
  height:auto;
  padding:10px;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#lorem{
	font-family: "Segoe UI", sans-serif;
	font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}


/* responsiveness
   --------------------------------------------- */
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 1023px) {
.wrap{width:768px;}
header{position:relative;}
.header_wrap{background:#17222a;}
.logo{width:200px;}
.right_logo{width:240px;}
.search_box{margin:30px 0 0 40px;}
/*.logo{width:100%; text-align:center;}
.right_logo{width:100%; margin-top:20px; float:left; text-align:center;}*/


.nav_wrap{position:relative; background:#32404b; padding:8px 0;}
.nav_wrap .wrap{width:1000px;}
.nav_wrap a#pull{display:block; width:100%; position:relative; font:18px/20px 'robotomedium', Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding:8px 0; background:none;}
.nav_wrap a#pull:hover{text-decoration:none;}
.nav_wrap a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:20px; height:18px; display:inline-block; position:absolute; right:0; top:9px;}
#nav, #nav ul{width:100%; background:#20476d; display:none; margin:0; padding:0; position:absolute; left:0; top:52px; z-index:99999999999;}
#nav a{display:block; padding:7px 10px 5px; margin:0; text-decoration:none; font:14px/18px 'robotomedium', Arial, Helvetica, sans-serif; color:#ffffff; border-bottom:none;}
#nav a:hover{background:none !important; text-decoration:none; color:#4876a3; border-bottom:none;}
#nav li:hover a{background:none !important; text-decoration:none; color:#4876a3; border-bottom:none;}
#nav li{float:none; width:100%; display:block; padding:0; margin:0; background:none !important; border-bottom:1px solid #4876a3;}
#nav li.selected a{background:none; text-decoration:none; color:#ffffff; border-bottom:none;}
#nav li:first-child{padding-left:0; border-top:1px solid #4876a3;}
#nav li:first-child a{padding-left:10px !important;}
#nav li:last-child a{padding-right:0;}
/*#nav ul{margin:0 0 7px 0; padding:0px; float:left; left:0; top:0; position:relative;}
#nav ul li{padding:0; margin:0; float:left !important; border-left:0 !important; position:relative; border-bottom:none; background:#8cc63f !important;} 
#nav li ul a{padding:5px 12px 3px 20px !important; margin:0 !important; width:100%; display:block; float:left; font:14px/18px 'proxima_novasemibold', Arial, Helvetica, sans-serif; color:#ffffff !important; background:none !important;}
#nav li ul li:first-child a{padding-left:20px !important;}
#nav li ul a:hover{color:#4876a3 !important; background:none !important;}
#nav li ul ul a{padding:5px 12px 3px 30px !important; color:#ffffff !important;}
#nav ul li ul{margin:0; padding:0px; float: left; left:0; top:0; position: relative;}
#nav li ul ul li:nth-child(-n+10) a{padding-left:30px !important;}*/

.package_wrap ul li {
    display: inline-block;
    margin: 0 12px;
    padding: 0;
    width: 29%;
}

.purchase_Div ul li {
    display: inline-block;
    margin: 5px;
    width: 31%;
}

.purchase_mobile_pricing_content {
    background: #fff none repeat scroll 0 0;
    min-height: 320px;
    padding: 20px 0;
}
}
   
@media screen and (max-width: 767px) {
.wrap{width:640px;}
@media screen and (max-width: 639px) {
.wrap{width:480px;}

}
@media screen and (max-width: 479px) {

.wel_img {
    display: inline-block;
    float: left;
    width: 100%;
}

.wel_contant {
    display: inline-block;
    float: right;
    width: 100%;
}

.gllery_content {
    display: inline-block;
    float: left;
    padding: 0;
    width: 100%;
}

.gallery_img {
    display: inline-block;
    float: right;
    text-align: center;
    width: 100%;
}
.package_wrap ul li {
    display: inline-block;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
}

.logo_wrap {
    display: inline-block;
    float: left;
    text-align: center;
    width: 100%;
}

.login_wrap {
    display: inline-block;
    float: right;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.menu {
    display: inline-block;
    float: left;
    width: 100%;
}

.welcome_wrap_inner_left {
    display: inline-block;
    float: left;
    width: 100%;
}

.welcome_wrap_inner_right {
    display: inline-block;
    float: right;
    padding: 20px 0 0;
    width: 100%;
}

.sync_wrap_content {
    display: inline-block;
    float: left;
    padding: 10px 0 0;
    width: 100%;
}

.sync_wrap_img {
    display: inline-block;
    float: right;
    text-align: center;
    width: 100%;
}

.bible_img_wrap {
    display: inline-block;
    float: left;
    text-align: center;
    width: 100%;
}

.bible_content_wrap {
    display: inline-block;
    float: right;
    padding: 35px 0 0;
    width: 100%;
}

.purchase_Div ul li {
    display: inline-block;
    margin: 0 0 30px;
    width: 100%;
}
}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {

}

