@charset "utf-8";
/* CSS Document */
#pageWrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -63px;
}
#footer, #push {
height: 63px;
}
.rowBlock{
	display: table;
		margin: auto;
	width:100%;
	max-width:1300px;
		}
 .column3 {
	 display: inline-block;
   padding: 1%;
     width:30.5%;
vertical-align: top;
height:100%;
	}
	.featureBlock {
	width:90%;
	height:90%;
	margin:auto;
	font-size: 13px; color: #000;
	background:#fff;
	padding: 4%;
}
.pBlock {
	height:70px;
}
.cellLeft {display:table-cell; width:65%; align-content:center; vertical-align:top;}
.cellRight {display:table-cell; width:35%; align-content:center; vertical-align:center;}
.bookCover{ display:block; margin:auto; width:95%; max-width:300px; border: 1px solid black; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.4);	}
.bookCoverSml{ display:block; margin:auto; width:95%; max-width:300px;  box-shadow: 5px 5px 1px 0 rgba(0, 0, 0, 0.4);	}
.free2018 {
position:absolute; left:10px; top:120px; width:50%; max-width:200px; background:#ccc; z-index:10; font-size:16px;
}
div.blockWhite2 {
	display: block;
	position: relative;
	margin:auto;	
	width:96%;
	max-width:1100px;
	background-color:#fff;
	padding:2% 2%; 
	}
	div.blockWhite3 {
	display: block;
	position: relative;
	margin:auto;	
	width:86%;
	max-width:900px;
	height:400px;
	background-color:#fff;
	padding:5%;
		}
@media (max-width:700px) {
.bookCover {display:none}	
.cellLeft {display:block; width:100%; margin:auto}
.cellRight {display:block; width:100%; margin:auto}
.free2018 {top:110px; font-size:14px}
div.blockWhite3 {background-color:#0099CC}
div.blockWhite2 {	
	width:94%;
	background-color:#fff;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2);
	}	
}
@media (max-width:850px) {
 .column3 {
   padding: 1%;
     width:47.5%;
vertical-align: top;
 }
.featureBlock {
height:90%;
	}
}
@media (max-width:540px) {
 .column3 {
   padding: 5%;
   width:90%;
vertical-align: top;
	}
}
.gradient {
background: #333; /* For browsers that do not support gradients */
background: linear-gradient(to right, #aaa, #333);
width:100%;
}

	.grow img {
     
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 99%;
  overflow:hidden;
}
	.floating-box-nav {
    display: none;
       color: white;
	  text-decoration: none; 
   float:right;
   padding:40px;
	z-index:2;
}
 .floating-box-nav:hover {
    background-color: #17B;
}
.dropdown-container {
   display: inline-block;
    float: right;
  }
.dropdown-content {
	top:100px;
    display:none;
    position: absolute;
    background-color: #2B62A3;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 6;
	right: 0;
}
.dropdown-content a {
    color: white;
	font-size: 12px;
    padding: 8px 16px;
    display: block;
    text-align: left;
}
.dropdown-content a:hover {background-color: #17A;}
.dropdown-container:hover .dropdown-content  {
   display:inline-block;
}
.floating-box4 {
    display: inline-block;
       color: white;
	   height:20px;
    text-decoration: none; 
   float:right;
       text-align: center;
	   font-size: 13px;
	  	  padding: 40px 10px;
		  min-width: 40px;
	z-index:2;
}
 .floating-box4:hover {
    background-color: #17b;
}
@media screen and (max-width: 800px){
.floating-box2 {
    display: none;
    }
.floating-box-nav {
    display: inline-block;
    }
}

.row{
	display: table;
		margin: auto;
	width:100%;
		}

 .columnText {
	 display: table-cell;
   padding: 0%;
     width:50%;
vertical-align: middle;
	 padding-bottom: 2%;
	}
 .columnImage {
	 display: table-cell;
   padding: 0%;
     width:50%;
	text-align: right; 
vertical-align: middle;
	 padding-bottom: 2%;
	}
@media screen and (max-width: 800px){
	.columnImage {
		display: none;
	}	
	.columnText {
		width:100%;
	}
}
	.xtraText{
		display:inline;
	}
@media screen and (max-width: 500px){
	.xtraText{
		display: none;
	}	
	}