/* 25bt.com  */

html, body {
  padding: 0;
  margin: 0;
}

.checkbox_lemon {
  font:             14px Verdana, sans-serif;
  color:            #000000;
  background-color: #ffffa0 !important;
  font-weight:      bold;
  height: 20px;
  width: 20px;
}  

.bg_yellow_banner {
  width:100%;
  background-color: #ffffa0;
  text-align: center;
  display: inline-block;
  position: relative;
  border-bottom: 1px dotted #808080;
  padding-top:15px;
  padding-bottom:15px;
}

.banner-pic-tile {
  display: inline-block;
  position: relative;
  width: 20vw;
  text-align: center;
  vertical-align: top;
}

.banner-text-tile {
  display: inline-block;
  position: relative;
/*
  width: 58vw;
*/  
  text-align: center;
}

.banner_pic1 {
  width:10vw;
}

.banner_pic2 {
  width:6vw;
}

.ruler {
  background-color: #0000ff;
  width: 360px;
  height: 2px;  
}

/*   BANNER - for narrow screens    */

@media screen and (max-width: 600px) {
  .banner-close-tile {
    display: inline-block;
    position: relative;
    float:  right;
    vertical-align: top;
    text-align: right;    
  }
  
  .banner-close-pic {
    width: 5vw;
  }
}

/*   BANNER - for wide screens    */

@media screen and (min-width: 601px) {
  .banner-close-tile {
    display: inline-block;
    position: relative;
    float:  right;
    vertical-align: top;
    text-align: right;    
  }

  .banner-close-pic {
    width: 2vw;
  }
}




/*  RULER - for testing, activate code at bottom of holo-menu   
@media screen and (max-width: 600px) {
  .ruler {
    background: url('phone_portrait.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 40px;  
  }
}
@media screen and (min-width: 601px) and (max-width: 999px) {
  .ruler {
    background: url('phone_landscape.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 40px;    
  }
}
@media screen and (min-width: 1000px) {
  .ruler {
    background: url('tablet_pc.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 40px;  
  }
}
*/

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

@font-face {
    font-family: 'Hancock';
    src: url('hancock.eot') format("eot");
    src: url('hancock.eot?#iefix') format('embedded-opentype'),
         url('hancock.woff') format('woff'),
         url('hancock.ttf') format('truetype'),
         url('hancock.svg#hancock') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans_regular.eot') format("eot"),
         url('opensans_regular.eot') format('embedded-opentype'),
         url('opensans_regular.woff') format('woff'),
         url('opensans_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/*  ========================================================================  */
/*  HEADER  */
/*  ========================================================================  */

.header {
  width: 100%;
/*
  overflow: hidden;
*/     
  background-color: #fff;  
  padding-top: 5px;
  padding-bottom: 5px;
  position:  sticky;
  top:  0;
  z-index: 99;
  border-bottom: 1px solid #f0f0f0;
}

/*   HEADER - for narrow screens    */

@media screen and (max-width: 900px) {
  .header-logo {
    display: none;
  }

    .logo-icon {
      width:  0;
    }

  .header-nameplate {
    display: inline-block;
    position: relative;
    width: 45vw;   
    text-align: center;
    vertical-align: center;
    padding-top: 10px;
  }

    .nameplate {
      color: #0000ff;
      font-family: Hancock, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3.5vw;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 100%;
    }
  
  .header-sitesearch {
    display: inline-block;
    position: relative;
    width:  20vw;   
    vertical-align: top;
    padding-top: 10px;    
    text-align: center;
    border: 1px dotted #a0a0a0;          
  }
  
  .sitesearch {
    border: none;
    width: 100%;
  }

  .sitesearch input[type="text"] {
    font:             12pt arial, sans-serif;
    letter-spacing:   0;
    color:            #101010;
    background-color: #ffffc0;
    padding:          1pt 2pt;
    border: 1px solid #a0a0a0;
    border-radius:              15px;
    -webkit-border-radius:      15px;
    -moz-border-radius:         15px;
    float: left;
    margin: 0;
    width:80%;
  }

  .sitesearch input[type="submit"] {
    background: url('search_button_big.png');
    position: relative;
    left: -21pt;
    top: 1pt;
    border: 0 none;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0;
    padding: 3px 0;
    text-indent: 100px;
    width: 20px;
  }

  
  .header-cart {
    display: inline-block;
    position: relative;   
    width:  5vw;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;      
  }

    .cart-icon {
      width:  6vw;
    }

  .cart_qty {
    width: 20px;
    height: 20px;
    font:  14px Verdana, sans-serif;
    color:  #ff0000;
    font-weight: 700;
    background-color: #ffffff;
    border: 3px solid #ff0000;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;    
  }

  .header-testbutton {
    display: inline-block;
    position: relative;   
    width:  12vw;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;   
  }

  .hdr-test-button-org {
    background:linear-gradient(to bottom,#fcb000 5%,#fa8e00 100%);
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
  	background-color:#fcb000;
	  -moz-border-radius:15px;
   	  -webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#000000 !important;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none !important;
  }
  .hdr-test-button-org:hover {
  	background:linear-gradient(to bottom,#fcb000 5%,#fcb000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
	background-color:#fcb000;
  }

  .header-menu {
    display: inline-block;
    position: relative;  
    float: right;
    width:  60vw;  
    text-align: right;
    vertical-align: top;      
  }

  .header-menu2 {
    display: inline-block;
    position: relative;  
    float: right;
    width:  60vw;  
    text-align: right;
    vertical-align: top;      
  }

  .bann-pic {
    width:  15vw;
  }
}

/*   HEADER - for wide screens    */

@media screen and (min-width: 901px) {

  .header-logo {
    display: inline-block;
    position: relative;
    width: 6vw;
    text-align: right;
    padding: 0;
  }

    .logo-icon {
      width:  5vw;
    }

  .header-nameplate {
    display: inline-block;
    position: relative;
    width:  32vw;   
    text-align: center;
    vertical-align: top;
    padding-top: 20px;          
  }

    .nameplate {
      color: #0000ff;
      font-family: Hancock, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 2.25vw;
      font-weight: 600;
      letter-spacing: 1px;
      line-height: 100%;
    }

  .header-sitesearch {
    display: inline-block;
    position: relative;
    width:  12vw;   
    vertical-align: top;
    padding-top: 20px;    
    text-align: center;      
  }
  
  .sitesearch {
    border: none;
    width: 100%;
  }

  .sitesearch input[type="text"] {
    font:             12pt arial, sans-serif;
    letter-spacing:   0;
    color:            #101010;
    background-color: #ffffc0;
    padding:          1pt 2pt;
    border: 1px solid #a0a0a0;
    border-radius:              15px;
    -webkit-border-radius:      15px;
    -moz-border-radius:         15px;
    float: left;
    margin: 0;    
    width:75%;    
  }

  .sitesearch input[type="submit"] {
    background: url('search_button_big.png');
    position: relative;
    left: -21pt;
    top: 1pt;
    border: 0 none;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0;
    padding: 3px 0;
    text-indent: 100px;
    width: 20px;
  }

  .header-cart {
    display: inline-block;
    position: relative;   
    width:  3vw;
    vertical-align: top;
    padding-top: 20px;
    text-align: left;      
  }

    .cart-icon {
      width:  2.5vw;
    }

  .cart_qty {
    width: 20px;
    height: 20px;
    font:  14px Verdana, sans-serif;
    color:  #ff0000;
    font-weight: 700;
    background-color: #ffffff;
    border: 3px solid #ff0000;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;    
  }

  .header-testbutton {
    display: inline-block;
    position: relative;   
    width:  8vw;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;   
  }

  .hdr-test-button-org {
    background:linear-gradient(to bottom,#fcb000 5%,#fa8e00 100%);
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
  	background-color:#fcb000;
	  -moz-border-radius:15px;
   	  -webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#000000 !important;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none !important;
  }
  .hdr-test-button-org:hover {
  	background:linear-gradient(to bottom,#fcb000 5%,#fcb000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
	background-color:#fcb000;
  }

  .header-menu {
    display: inline-block;
    position: relative;  
    width:  34vw;  
    text-align: right;
    vertical-align: top;     
    padding-top: 10px;     
    z-index: 2;    
  }

  .header-menu2 {
    display: inline-block;
    position: relative;  
    float: right;
    width:  60vw;  
    text-align: right;
    vertical-align: top;     
    padding-top: 10px;     
    z-index: 2;    
  }

  .bann-pic {
    width:  5vw;
  }
}

/*  ========================================================================  */
/*  MAIN MENU                                                                 */
/*  ========================================================================  */

/* Add a white background color to the top navigation */
.topnav {
  background-color: #fff;
/*
  overflow: hidden;
*/  
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  font-family: "Open Sans", sans-serif;  
  flex-grow: 1;
  flex-basis: 0;  
  color: #000020;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 1px;
  text-decoration: none;
  text-align: center;
  line-height:110%;
  padding: 10px 10px;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.nav-dropdown {
  float: left;
/*  
  overflow: hidden;
*/  
}

/* Style the dropdown button to fit inside the topnav */
.nav-dropdown .nav-dropdown-button {
  background-color: inherit;
  font-family: "Open Sans", sans-serif;  
  color: #000020;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 1px;
  text-align: center;
  line-height:110%;
  padding: 10px 10px;
  border: none;
  outline: none;
}

/* Style the dropdown content (hidden by default) */
.nav-dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5;
  background-color: #fff;
}

/* Style the links inside the dropdown */
.nav-dropdown-content a {
  float: none;
  color: black;
  padding: 8px 15px 8px 25px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .nav-dropdown:hover .nav-dropdown-button {
  color: #d00000;
  background-color: #fafafa;  
}

/* Add a grey background to dropdown links on hover */
.nav-dropdown-content a:hover {
  color: #d00000;
  background-color: #fafafa;  
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.nav-dropdown:hover .nav-dropdown-content {
  display: block;  
}


/*  For narrow screens, hide all links; show link containing icon that opens and closes topnav (.icon)      */

@media screen and (max-width: 900px) {
  .topnav a, .nav-dropdown .nav-dropdown-button {
    display: none;
    
  }
  .topnav a.icon {
    float: right;
    display: block;
    background-color: #fff;
    font-size: 5vw;
  }

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .nav-dropdown {float: none;}
  .topnav.responsive .nav-dropdown-content {position: relative;}
  .topnav.responsive .nav-dropdown .nav-dropdown-button {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/*  ========================================================================  */
/*  HOME PAGE STYLES                                                          */
/*  ========================================================================  */

.home_bg {
  display: inline-block;
  position: relative;
  width: 90%;
  float:  center;
  vertical-align: top;   
  text-align: center; 
  padding-top: 25px;
  padding-bottom:  25px;
  z-index: 1;
}

.landing {
  display: inline-block;
  position: relative;
  width: 100%;
  float:  center;
  vertical-align: top;   
  text-align: center; 
  padding-top: 25px;
  padding-bottom:  25px;
  z-index: 1;
  background-color: #ffffff;
}

/*  ========================================================================  */
/*  FONTS - HEADINGS (by viewport)                                            */
/*  ========================================================================  */

@media screen and (max-width: 800px) {
  h1.page_heading {
      color: #0000ff;
      font-family: "Hancock", Helvetica, Arial, sans-serif;
      font-size: 30pt;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 200%;
      margin: 0;
  }

  h2.page_subheading {
    color: #0000ff;
    font-family: "Open Sans", Verdana, sans-serif;
    font-size: 16pt;
    letter-spacing: 1px;
    line-height: 140%;
    margin: 0;
  }
  
  .home_text_blu1 {
    color: #0000ff;
    font-family: "Open Sans", Verdana, sans-serif;
    font-size: 20pt;
    letter-spacing: 1px;
    line-height: 160%;
    margin: 0;
  }
    
  .home_text_blk1 {
    color: #101010;
    font-family: Verdana, sans-serif;
    font-size: 14pt;
    line-height: 140%;
    margin: 0;
  }
  .home_text_blk2 {
    color: #101010;
    font-family: Verdana, sans-serif;
    font-size: 12pt;
    letter-spacing: 1px;
    line-height: 140%;
    margin: 0;
  }

  a.home_link_blu1:link, a.home_link_blu1:active, a.home_link_blu1:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000ff;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;  
  }
  a.home_link_blu1:hover {
    color: #00ff00; 
  }

  a.home_link_blu2:link, a.home_link_blu2:active, a.home_link_blu2:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000ff;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;  
  }
  a.home_link_blu2:hover {
    color: #00ff00; 
  }

  .home_video_block {
    width: 75vw;
    text-align: center;
  }
  .home_video_block_2x {
    width: 75vw;
    text-align: center;
  }
  .home_video_block_2x_col {
    width: 75vw;
    text-align: center;
    display: inline-block;
  }
  .quotes_icon66 {
    position: absolute;
    top: 2vh;
    left: 2vw;  
    width: 5vw;
  }  
  .quotes_icon99 {
    position: absolute;
    top: 2vh;
    right: 2vw;  
    width: 5vw;
  }

  .test_btn {
    width: 80%;
  }
  
  .mein_col1 {
    display: inline-block;
    width: 35%;
  }
  .mein_col2 {
    display: inline-block;
    width: 60%;
  }
  .mein_col3 {
    display: inline-block;
    width: 75%;
  }
  .portrait {
    width: 80%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }
  .booksfan {
    width: 90%;
  }

  .bt_pics {
    width: 80%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .nl_outer {
    width: 90vw;
    position: relative;
    display: inline-block;
    text-align: center;
  }
  .nl_col {
    width: 45%;
    position: relative;
    display: inline-block;
    text-align: left;
  }
  .nl_pic {
    width: 90%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .home_bt_grid {
    width: 100%;
    text-align: center;
  }
  
  .home_bt_tile {
    width: 45%;
    text-align: left;
    display: inline-block;
    padding-top: 25px;
    padding-right: 10px;
  }
  
  .home_bt_tilepics {
    width: 35%;
    border-radius:              10px;
    -webkit-border-radius:      10px;
    -moz-border-radius:         10px;
    margin-right: 10px;
  }
}

@media screen and (min-width: 801px) {
  h1.page_heading {
      color: #0000ff;
      font-family: "Hancock", Helvetica, Arial, sans-serif;
      font-size: 40pt;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 200%;
      margin: 0;
  }

  h2.page_subheading {
    color: #0000ff;
    font-family: "Open Sans", Verdana, sans-serif;
    font-size: 20pt;
    letter-spacing: 1px;
    line-height: 160%;
    margin: 0;
  }
  
  .home_text_blu1 {
    color: #0000ff;
    font-family: "Open Sans", Verdana, sans-serif;
    font-size: 24pt;
    letter-spacing: 1px;
    line-height: 160%;
    margin: 0;
  }
  
  .home_text_blk1 {
    color: #101010;
    font-family: Verdana, sans-serif;
    font-size: 18pt;
    letter-spacing: 1px;
    line-height: 160%;
    margin: 0;
  }
  .home_text_blk2 {
    color: #101010;
    font-family: Verdana, sans-serif;
    font-size: 14pt;
    letter-spacing: 1px;
    line-height: 140%;
    margin: 0;
  }

  a.home_link_blu1:link, a.home_link_blu1:active, a.home_link_blu1:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000c0;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;  
  }
  a.home_link_blu1:hover {
    color: #00c000; 
  }

  a.home_link_blu2:link, a.home_link_blu2:active, a.home_link_blu2:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000c0;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;  
  }
  a.home_link_blu2:hover {
    color: #00c000; 
  }

  .home_video_block {
    width: 50vw;
    text-align: center;
  }
  .home_video_block_2x {
    width: 90%;
    text-align: center;
  }
  .home_video_block_2x_col {
    width: 40%;
    text-align: center;
    display: inline-block;
  }
  .quotes_icon66 {
    position: absolute;
    top: 2vh;
    left: 2vw;  
    width: 5vw;
  }  
  .quotes_icon99 {
    position: absolute;
    top: 2vh;
    right: 2vw;  
    width: 5vw;
  }  
  
  .test_btn {
    width: 50%;
  }
  
  .mein_col1 {
    display: inline-block;
    width: 20%;
  }
  .mein_col2 {
    display: inline-block;
    width: 40%;
  }
  .mein_col3 {
    display: inline-block;
    width: 30%;
  }
  .portrait {
    width: 80%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }
  .booksfan {
    width: 90%;
  }
  
  .bt_pics {
    width: 60%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .nl_outer {
    width: 60vw;
    position: relative;
    display: inline-block;
    text-align: center;
  }
  .nl_col {
    width: 45%;
    position: relative;
    display: inline-block;
    text-align: left;
  }
  .nl_pic {
    width: 90%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .home_bt_grid {
    width: 90%;
    text-align: center;
  }
  
  .home_bt_tile {
    width: 30%;
    text-align: left;
    display: inline-block;
    padding-top: 25px;
    padding-right: 40px;
  }
  
  .home_bt_tilepics {
    width: 25%;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;
    margin-right: 10px;
  }
}

.home_video_outer {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
}
.home_video_outer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*  ========================================================================  */
/*  FOOTER  */
/*  ========================================================================  */

.footer {
  display: inline-block;
  position: relative;
  width: 100%;
  float:  center;
  vertical-align: top;    
  background-color: #fff;  
  padding-bottom: 40px;
  border-top: 1px dotted #e0e0e0;
}

/*   FOOTER - for wide screens    */

@media screen and (min-width: 801px) {
  .footer-tile {
    display: inline-block;
    position: relative;       
    text-align: left;
    vertical-align: top;
    padding-top:  50px;
    width: 20%;  
  }

/*  indent column header on wide screen only   */

  .footer-icon-box0 {
    display: inline-block;
    position: relative;   
    text-align: left;
    vertical-align: top;
    width: 60px;  
  }

  .footer-icon-box {
    display: inline-block;
    position: relative;   
    text-align: right;
    vertical-align: top;
    width: 60px;  
  }

  .footer-icon {
    height:  20px;
    margin-right: 10px;
  }
}

/*   FOOTER - for narrow screens    */

@media screen and (max-width: 800px) {
  .footer-tile {
    display: inline-block;
    position: relative;   
    text-align: left;
    vertical-align: top;    
    padding-top:  50px;
    width: 60%;  
  }

/*  dont indent column header on mobile   */

  .footer-icon-box0 {
    display: inline-block;
    position: relative;   
    text-align: left;
    vertical-align: top;
    width: 0;  
  }

  .footer-icon-box {
    display: inline-block;
    position: relative;   
    text-align: left;
    vertical-align: top;
    width: 60px;  
  }

  .footer-icon {
    height:  20px;
    text-align: left;
  }
}

.footer_text18 {
  color: #808080;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 160%;
}

.footer_text14 {
  color: #808080;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 200%;
}


a.footer_link:link, a.footer_link:active, a.footer_link:visited {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #68aac4;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 200%;
}

a.footer_link:hover {
  color: #2e6074; 
}


/*  ========================================================================  */
/*  GLOBAL STYLES  */
/*  ========================================================================  */

.bg_blue {
  padding-top: 25px;
  padding-bottom:  25px;
  text-align: center;
  z-index: 1;
  opacity: 1;
}

.full_width {
  width: 100%;
  display: inline-block;
  position: relative;
}


.show_button {
  display: inline-block;
  position: relative;
}

.div_button_yellow {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  background: none;  
  border: 1px solid #808080;
}
.div_button_yellow:hover {
  background: #ffffc0; 
}

a.fill_div {
    display: block;
    width: 100%;    
    height: 100%;
    text-decoration: none;
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
}

.div_button_yellow_selected {
  display: inline-block;
  position: relative;
  padding: 10px;
  text-align: center;
  background: #ffffc0;  
  border: 1px solid #808080;
}
.fill_div_selected {
    display: block;
    width: 100%;    
    height: 100%;
    text-decoration: none;
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
}



@media screen and (max-width: 800px) {
  .vcourse_bg {
    display: inline-block;
    position: relative;
    width: 96%;
    float:  center;
    vertical-align: top;   
    text-align: center; 
    padding-top: 25px;
    padding-bottom:  25px;
    z-index: 1;
  }

  .vcourse-order-form {
    display: inline-block;
    position: relative;
    width: 90%;
    float:  center;
    vertical-align: top;
    text-align: center;   
  }

  .ctr_5090 {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;      
    width: 90%;  
  }

  .ctr_6090 {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;  
    width: 90%;  
  }

  .ctr_7595 {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;  
    width: 95%;  
  }

  .ctr_7595_rnd {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;  
    width: 95%;  
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .ctr_9595 {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;  
    width: 95%;  
  }

  .img_2550_rnd25 {
    width: 50%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .img_1025 {
    width: 25%;
  }

  .img_1540 {
    width: 40%;
  }

  .vcourse_tile {
    display: inline-block;
    position: relative;   
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: top;       
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .vcourse_left {
    display: inline-block;
    position: relative;   
    width: 95%;
    text-align: center;
    vertical-align: top;       
  }

  .vcourse_right {
    display: inline-block;
    position: relative;   
    width: 95%;
    text-align: left;
    vertical-align: middle;       
  }

  .vcourse_cover {
    display: inline-block;
    position: relative;   
    width: 80%;
    border: 1px solid #a0a0a0;
    text-align: center;
    vertical-align: top;  
    margin-bottom: 25px;     
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }


  .text_blk0 {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 8pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk1 {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk2 {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 150%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk3 {
    color: #101010;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk4 {
    color: #101010;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk5 {
    color: #101010;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu0 {
    color: #0000ff;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 8pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu1 {
    color: #0000ff;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu2 {
    color: #0000ff;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 150%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu3 {
    color: #0000ff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu4 {
    color: #0000ff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu5 {
    color: #0000ff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }
  
  .text_red0 {
    color: #d00000;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 8pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red1 {
    color: #d00000;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red2 {
    color: #d00000;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 150%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red3 {
    color: #d00000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red4 {
    color: #d00000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red5 {
    color: #d00000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  a.link_red1:link, a.link_red1:active, a.link_red1:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #c00000;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_red1:hover {
    color: #00c000; 
  }

  a.link_red2:link, a.link_red2:active, a.link_red2:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #c00000;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_red2:hover {
    color: #00c000; 
  }

  a.link_red4:link, a.link_red4:active, a.link_red4:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #c00000;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;  
  }
  a.link_red4:hover {
    color: #00c000; 
  }

  a.link_red5:link, a.link_red5:active, a.link_red5:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #c00000;
    font-size: 18pt;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 160%;  
  }
  a.link_red5:hover {
    color: #00c000; 
  }

  a.link_blu0:link, a.link_blu0:active, a.link_blu0:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #0000c0;
    font-size: 8pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_blu0:hover {
    color: #00c000; 
  }

  a.link_blu1:link, a.link_blu1:active, a.link_blu1:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #0000c0;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_blu1:hover {
    color: #00c000; 
  }

  a.link_blu2:link, a.link_blu2:active, a.link_blu2:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #0000c0;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_blu2:hover {
    color: #00c000; 
  }

  a.link_blu3:link, a.link_blu3:active, a.link_blu3:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000c0;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;  
  }
  a.link_blu3:hover {
    color: #00c000; 
  }

  a.link_blu4:link, a.link_blu4:active, a.link_blu4:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000c0;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;  
  }
  a.link_blu4:hover {
    color: #00c000; 
  }

  a.link_blu5:link, a.link_blu5:active, a.link_blu5:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000c0;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
  }
  a.link_blu5:hover {
    color: #00c000; 
  }
}

@media screen and (min-width: 801px) {
  .vcourse_bg {
    display: inline-block;
    position: relative;
    width: 75%;
    float:  center;
    vertical-align: top;   
    text-align: center; 
    padding-top: 25px;
    padding-bottom:  25px;
    z-index: 1;
  }

  .vcourse-order-form {
    display: inline-block;
    position: relative;
    width: 80%;
    float:  center;
    vertical-align: top;
    text-align: center;   
  }

  .ctr_5090 {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;      
    width: 50%;  
  }

  .ctr_6090 {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;  
    width: 60%;  
  }

  .ctr_7595 {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;  
    width: 75%;  
  }

  .ctr_9595 {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;  
    width: 95%;  
  }

  .ctr_7595_rnd {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;  
    float: center;  
    width: 75%;  
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .img_2550_rnd25 {
    width: 50%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .img_1025 {
    width: 10%;
  }

  .img_1540 {
    width: 15%;
  }

  .ctr_4090 {
    display: inline-block;
    position: relative;   
    text-align: center;
    vertical-align: top;    
    width: 40%;  
  }

  .vcourse_tile {
    display: inline-block;
    position: relative;   
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: top;       
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .vcourse_left {
    display: inline-block;
    position: relative;   
    width: 30%;
    text-align: center;
    vertical-align: top;       
  }

  .vcourse_right {
    display: inline-block;
    position: relative;   
    width: 65%;
    text-align: left;
    vertical-align: middle;       
  }

  .vcourse_cover {
    display: inline-block;
    position: relative;   
    width: 80%;
    border: 1px solid #a0a0a0;
    text-align: center;
    vertical-align: top;  
    margin-bottom: 25px;     
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .text_blk0 {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk1 {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk2 {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 150%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk3 {
    color: #101010;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk4 {
    color: #101010;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blk5 {
    color: #101010;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu0 {
    color: #0000ff;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu1 {
    color: #0000ff;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu2 {
    color: #0000ff;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 150%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu3 {
    color: #0000ff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu4 {
    color: #0000ff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_blu5 {
    color: #0000ff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red0 {
    color: #d00000;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red1 {
    color: #d00000;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red2 {
    color: #d00000;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 150%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red3 {
    color: #d00000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red4 {
    color: #d00000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .text_red5 {
    color: #d00000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
    margin-top: 0px;
    margin-bottom: 5px;
  }

  a.link_red1:link, a.link_red1:active, a.link_red1:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #c00000;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_red1:hover {
    color: #00c000; 
  }

  a.link_red2:link, a.link_red2:active, a.link_red2:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #c00000;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_red2:hover {
    color: #00c000; 
  }

  a.link_red4:link, a.link_red4:active, a.link_red4:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #c00000;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;  
  }
  a.link_red4:hover {
    color: #00c000; 
  }

  a.link_red5:link, a.link_red5:active, a.link_red5:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #c00000;
    font-size: 20pt;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 160%;  
  }
  a.link_red5:hover {
    color: #00c000; 
  }

  a.link_blu0:link, a.link_blu0:active, a.link_blu0:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #0000c0;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_blu0:hover {
    color: #00c000; 
  }

  a.link_blu1:link, a.link_blu1:active, a.link_blu1:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #0000c0;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_blu1:hover {
    color: #00c000; 
  }

  a.link_blu2:link, a.link_blu2:active, a.link_blu2:visited {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #0000c0;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
  }
  a.link_blu2:hover {
    color: #00c000; 
  }

  a.link_blu3:link, a.link_blu3:active, a.link_blu3:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000c0;
    font-size: 16pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;  
  }
  a.link_blu3:hover {
    color: #00c000; 
  }

  a.link_blu4:link, a.link_blu4:active, a.link_blu4:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000c0;
    font-size: 18pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;  
  }
  a.link_blu4:hover {
    color: #00c000; 
  }

  a.link_blu5:link, a.link_blu5:active, a.link_blu5:visited {
    font-family: Verdana, Geneva, sans-serif;
    color: #0000c0;
    font-size: 20pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 160%;
  }
  a.link_blu5:hover {
    color: #00c000; 
  }
}

/*  ========================================================================  */
/*  VIDEO STYLES  */
/*  ========================================================================  */

.youtube-embed-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-embed-wrapper::after {
  display: block;
  content: "";
  padding-top: 56.25%;    /*  change this to 75% for 4:3 aspect ratio  */
}

.youtube-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  ========================================================================  */
/*  FORM STYLES  */
/*  ========================================================================  */

.textbox {
  font:             18px calibri, sans-serif;
  letter-spacing:   1px;
  color:            #101010;
  background-color: #fff;
  padding:          1px;
  border-radius:              10px;
  -webkit-border-radius:      10px;
  -moz-border-radius:         10px;
}

.textbox_lemon {
  font:             18px calibri, sans-serif;
  letter-spacing:   1px;
  color:            #101010;
  background-color: #ffffc0;
  padding:          1px;
  border:           1px dotted #404040;
  border-radius:              10px;
  -webkit-border-radius:      10px;
  -moz-border-radius:         10px;
}

.font_error {
  font-family: Calibri, sans-serif;
  font-size: 24pt;
  letter-spacing: 1px;  
  line-height:  175%;
  font-weight: 900;
  color:  #e00000;
}

.font_error_med {
  font-family: Calibri, sans-serif;
  font-size: 18pt;
  letter-spacing: 1px;  
  line-height:  160%;
  font-weight: 700;
  color:  #e00000;
}


.font_success {
  font-family: Calibri, sans-serif;
  font-size: 24pt;
  letter-spacing: 1px;
  line-height:  175%;
  font-weight: 900;
  color:  #00a000;
}

.font_success_med {
  font-family: Calibri, sans-serif;
  font-size: 18pt;
  letter-spacing: 1px;
  line-height:  160%;
  font-weight: 700;
  color:  #00a000;
}

.checkbox-col {
  padding:20px;
  padding-top: 0;
  width: 5vw;
}

.checkbox_whiteblue_18 {
  font:             18px Arial, sans-serif;
  color:            #000000;
  background-color: #ffffff !important;
  padding:          2px;
  letter-spacing:   1px;
  border-radius:              7px;
  -webkit-border-radius:      7px;
  -moz-border-radius:         7px;
}

.form-label {
  color: #101010;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 150%;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-left:20px;
}

.grn_button_sm {
  background:linear-gradient(to bottom,#44c767 5%,#5cbf2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767',endColorstr='#5cbf2a',GradientType=0);
	background-color:#44c767;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	padding:5px 20px;
	text-decoration:none !important;
/*    
  margin-bottom: 10px;
*/  
}
.grn_button_sm:hover {
	background:linear-gradient(to bottom,#5cbf2a 5%,#44c767 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a',endColorstr='#44c767',GradientType=0);
	background-color:#5cbf2a;
}

.grn_button_med {
  background:linear-gradient(to bottom,#44c767 5%,#5cbf2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767',endColorstr='#5cbf2a',GradientType=0);
	background-color:#44c767;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	letter-spacing:3px;
	padding:12px 25px;
	text-decoration:none !important;
  margin-bottom: 10px;
}
.grn_button_med:hover {
	background:linear-gradient(to bottom,#5cbf2a 5%,#44c767 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a',endColorstr='#44c767',GradientType=0);
	background-color:#5cbf2a;
}

.org_button_sm {
  background:linear-gradient(to bottom,#fcb000 5%,#fa8e00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
	background-color:#fcb000;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#000000 !important;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	padding:5px 20px;
	text-decoration:none !important;
  margin-bottom: 10px;
}
.org_button_sm:hover {
	background:linear-gradient(to bottom,#fcb000 5%,#fcb000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
	background-color:#fcb000;
}

.org_button_med {
  background:linear-gradient(to bottom,#fcb000 5%,#fa8e00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
	background-color:#fcb000;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#000000 !important;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	letter-spacing:3px;
	padding:12px 25px;
	text-decoration:none !important;
  margin-bottom: 10px;
}
.org_button_med:hover {
	background:linear-gradient(to bottom,#fcb000 5%,#fcb000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
	background-color:#fcb000;
}

.org_button_lg {
  background:linear-gradient(to bottom,#fcb000 5%,#fa8e00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
	background-color:#fcb000;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#000000 !important;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	letter-spacing:3px;
	padding:16px 31px;
	text-decoration:none !important;
  margin-bottom: 10px;
}
.org_button_lg:hover {
	background:linear-gradient(to bottom,#fcb000 5%,#fcb000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb000',endColorstr='#fcb000',GradientType=0);
	background-color:#fcb000;
}

.red_button_sm {
  background:linear-gradient(to bottom,#fb3345 5%,#ff0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3345',endColorstr='#ff0000',GradientType=0);
	background-color:#fb3345;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:12pt;
	font-weight:500;
	letter-spacing:1px;
	padding:5px 15px;
	text-decoration:none !important;
/*    
  margin-bottom: 10px;
*/  
}
.red_button_sm:hover {
	background:linear-gradient(to bottom,#ff0000 5%,#fb3345 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#fb3345',GradientType=0);
	background-color:#ff0000;
}

/*  ========================================================================  */
/*  NEWSLETTER STYLES                                                         */
/*  ========================================================================  */

@media screen and (max-width: 800px) {
  .nl_formbox {
    width: 90vw;
    text-align: center;
    border: 2px dotted #aaaaff;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;    
  }
  
  .nl_selectbox {
    display: inline-block;
    position: relative;
    width: 80%;
    vertical-align: top;
    text-align: center;
  }

  .nl_textbox {
    font-family: "Open Sans", sans-serif;
    font-size: 14pt;
    letter-spacing:   1pt;
    color:            #101010;
    background-color: #ffffc0;
    padding:          1px;
    border-radius:              10px;
    -webkit-border-radius:      10px;
    -moz-border-radius:         10px;
  }

  .nl_tile {
    width: 90vw;
    text-align: center;
  }

  .nl_tile_pic_col {
    display: inline-block;
    position: relative;
    vertical-align: top;  
    text-align: left;    
    width: 30vw;
  }

  .nl_pic {
    width: 25vw;
    border-radius:              10px;
    -webkit-border-radius:      10px;
    -moz-border-radius:         10px;
  }

  .nl_tile_txt_col {
    display: inline-block;
    position: relative;
    width: 60vw;
    text-align: left;
    vertical-align: top;
  }
}

@media screen and (min-width: 801px) {
  .nl_formbox {
    width: 60vw;
    text-align: center;
    border: 2px dotted #aaaaff;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
  }
  
  .nl_selectbox {
    display: inline-block;
    position: relative;
    width: 30%;
    vertical-align: top;
    text-align: center;
  }

  .nl_textbox {
    font-family: "Open Sans", sans-serif;
    font-size: 18pt;
    letter-spacing:   1pt;
    color:            #101010;
    background-color: #ffffc0;
    padding:          1px;
    border-radius:              10px;
    -webkit-border-radius:      10px;
    -moz-border-radius:         10px;
  }

  .nl_tile {
    width: 50vw;
    text-align: center;
  }

  .nl_tile_pic_col {
    display: inline-block;
    position: relative;
    vertical-align: top;  
    text-align: left;    
    width: 20vw;
  }

  .nl_pic {
    width: 18vw;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;    
  }

  .nl_tile_txt_col {
    display: inline-block;
    position: relative;
    width: 30vw;
    text-align: left;
    vertical-align: top;
  }
}



/*  ========================================================================  */
/*  BODYTYPE PAGES STYLES                                                     */
/*  ========================================================================  */

@media screen and (max-width: 800px) {
  .bt_box_wide {
    display: inline-block;
    position: relative;
    width: 90%;
    vertical-align: top;
    text-align: center;
  }

  .bt_box_med {
    display: inline-block;
    position: relative;
    width: 90%;
    vertical-align: top;
    text-align: center;
  }

  .bt_box_sm {
    display: inline-block;
    position: relative;
    width: 40%;
    vertical-align: top;
    text-align: center;
  }

  .bt_pic_col {
    display: inline-block;
    position: relative;
    vertical-align: top;  
    text-align: left;    
    width: 100%;
  }

  .bt_pic {
    width: 100%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;    
  }

  .bt_text_col {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: left;
    vertical-align: top;
  }

  .bt_cover_pic {
    width: 35%;
    margin-right:25px;
    margin-bottom: 25px;
  }
  
  .bt_cafe_pic {
    width: 80%;
  }  
}

@media screen and (min-width: 801px) {
  .bt_box_wide {
    display: inline-block;
    position: relative;
    width: 80%;
    vertical-align: top;
    text-align: center;
  }

  .bt_box_med {
    display: inline-block;
    position: relative;
    width: 60%;
    vertical-align: top;
    text-align: center;
  }

  .bt_box_sm {
    display: inline-block;
    position: relative;
    width: 40%;
    vertical-align: top;
    text-align: center;
  }

  .bt_pic_col {
    display: inline-block;
    position: relative;
    vertical-align: top;  
    text-align: left;    
    width: 40%;
  }

  .bt_pic {
    width: 100%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;    
  }

  .bt_text_col {
    display: inline-block;
    position: relative;
    width: 40%;
    text-align: left;
    vertical-align: top;
  }

  .bt_cover_pic {
    width: 20%;
    margin-right:25px;
    margin-bottom: 25px;
  }

  .bt_cafe_pic {
    width: 50%;
  }
}


/*  ========================================================================  */
/*  DIALOGS CAFE STYLES                                                       */
/*  ========================================================================  */

@media screen and (max-width: 800px) {
  .cafe_wide {
    display: inline-block;
    position: relative;
    width: 90%;
    text-align: center;
  }

  .cafe_med {
    display: inline-block;
    position: relative;
    width: 90%;
    text-align: center;
  }

  .cafe_pic {
    width: 100%;
  }
  
  .cafe_introbox {
    display: inline-block;
    position: relative;
    width: 85%;
    text-align: center;
    padding: 25px;
    background-color: #ffffd0;
    border: 1px solid #a0a0a0;
  }
}

@media screen and (min-width: 801px) {
  .cafe_wide {
    display: inline-block;
    position: relative;
    width: 75%;
    text-align: center;
  }

  .cafe_med {
    display: inline-block;
    position: relative;
    width: 50%;
    text-align: center;
  }

  .cafe_pic {
    width: 100%;
  }
  
  .cafe_introbox {
    display: inline-block;
    position: relative;
    width: 50%;
    text-align: center;
    padding: 25px;
    background-color: #ffffd0;
    border: 1px solid #a0a0a0;
  }
}

/*  ========================================================================  */
/*  VIDEOS PAGE STYLES                                                        */
/*  ========================================================================  */

@media screen and (max-width: 800px) {
/*
  .videos_video_block {
    width: 75vw;
    text-align: center;
  }
*/  
  .videos_video_block_2x {
    width: 75vw;
    text-align: center;
  }
  .videos_video_block_2x_col {
    width: 75vw;
    text-align: center;
    display: inline-block;
  }

  .course_video {
    width: 95%;
    height: auto;
  }
}

@media screen and (min-width: 801px) {
/*
  .videos_video_block {
    width: 50vw;
    text-align: center;
  }
*/  
  .videos_video_block_2x {
    width: 90%;
    text-align: center;
  }
  .videos_video_block_2x_col {
    width: 40%;
    text-align: center;
    display: inline-block;
  }

  .course_video {
    width: 80%;
    height: auto;
  }
}

/*  ========================================================================  */
/*  PICTURES PAGES                                                            */
/*  ========================================================================  */

@media screen and (max-width: 1100px) {
/*
  .videos_video_block {
    width: 75vw;
    text-align: center;
  }
*/  
  .bt_pictures {
    width: 95%;
    text-align: center;
  }
  
  .bt_pictures_leftcol {
    width: 100%;
    text-align: center;
    display: inline-block;
  }
  
  .bt_pictures_rightcol {
    width: 100%;
    text-align: center;
    display: inline-block;
  }

  .bt_pictures_rightcol ul {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: justify;
  }
    
  .bt_page_pics {
    width: 100%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }  
}

@media screen and (min-width: 1101px) {
/*
  .videos_video_block {
    width: 50vw;
    text-align: center;
  }
*/  
  .bt_pictures {
    width: 85%;
    text-align: center;
  }
  
  .bt_pictures_leftcol {
    width: 40%;
    vertical-align: top;
    text-align: center;
    display: inline-block;
  }
  
  .bt_pictures_rightcol {
    width: 60%;
    vertical-align: top;
    text-align: center;
    display: inline-block;
  }

  .bt_pictures_rightcol ul {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: justify;
  }
  
  .bt_page_pics {
    width: 100%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }
}

/*  ========================================================================  */
/*  ARTICLES PAGES                                                            */
/*  ========================================================================  */

@media screen and (max-width: 1100px) {
  .articles {
    width: 95%;
    text-align: center;
  }
  
  .articles p {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: justify;
  }

  .articles_leftcol {
    width: 95%;
    vertical-align: top;
    text-align: left;
    display: inline-block;
  }
  
  .articles_rightcol {
    width: 75%;
    vertical-align: top;
    text-align: center;
    display: inline-block;
  }

  .articles_leftcol ul {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: justify;
  }
  
  .articles_leftcol div {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 10pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: justify;
  }

  .articles_pics {
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .articles_related {
    width: 75%;
    vertical-align: top;
    text-align: left;
    background-color: #ffffff;
    padding: 20px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
    border: 1px dashed #a0a0a0;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .articles_testimonial {
    width: 50%;
    vertical-align: top;
    text-align: center;
    display: inline-block;    
    padding: 20px;
    margin-top: 30px;
  }
}

@media screen and (min-width: 1101px) {
  .articles {
    width: 80%;
    text-align: center;
  }
  
  .articles p {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 14pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: justify;
  }

  .articles_leftcol {
    width: 60%;
    vertical-align: top;
    text-align: left;
    display: inline-block;
  }
  
  .articles_rightcol {
    width: 40%;
    vertical-align: top;
    text-align: center;
    display: inline-block;
  }

  .articles_leftcol ul {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: justify;
  }
  
  .articles_leftcol div {
    color: #101010;
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: justify;
  }

  .articles_pics {
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .articles_related {
    width: 80%;
    vertical-align: top;
    text-align: left;
    background-color: #ffffff;
    padding: 20px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 150px;
    border: 1px dashed #a0a0a0;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .articles_testimonial {
    width: 80%;
    vertical-align: top;
    text-align: center;
    display: inline-block;    
    padding: 20px;
    margin-top: 50px;
  }
}

/*  ========================================================================  */
/*  BODY TYPE TESTING PAGES                                                   */
/*  ========================================================================  */

/*   TEST ORDER FORM - for narrow screens    */

@media screen and (max-width: 900px) {
  .st-order-form {
    display: inline-block;
    position: relative;
    width: 90vw;
    float:  center;
    vertical-align: top;
    text-align: justify;   
  }
  
  .st-cart {
    display: inline-block;
    position: relative;
    width: 90vw;
    float:  center;
    vertical-align: top;
    text-align: justify;   
  }
}

/*   TEST ORDER FORM - for wide screens    */

@media screen and (min-width: 901px) {
  .st-order-form {
    display: inline-block;
    position: relative;
    width: 40vw;
    float:  center;
    vertical-align: top;
    text-align: justify;
  }
  
  .st-cart {
    display: inline-block;
    position: relative;
    width: 40vw;
    float:  center;
    vertical-align: top;
    text-align: justify;   
  }  
}


/*   THE BODY TYPE TEST - for narrow screens    */

@media screen and (max-width: 600px) {
  .st-test-page {
    display: inline-block;
    position: relative;
    width: 95vw;
    float:  center;
    vertical-align: top;
    text-align: justify;
  }
  
  .st-home {
    display: inline-block;
    position: relative;
    width: 95%;
    float:  center;
    vertical-align: top;
    text-align: justify;  
  } 

  .st-home-med {
    display: inline-block;
    position: relative;
    width: 75vw;
    float:  center;
    vertical-align: top;
    text-align: justify;  
  } 

  .st-home_tile {
    display: inline-block;
    position: relative;
    width: 90%;
    float:  center;
    vertical-align: top;
    text-align: justify;
    background-color: #ffffff; 
    border:  1px dotted #c0c0c0;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;     
  } 

  .st-home_tile_pic {
    height: 15vh;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  } 

  .st-test {
    display: inline-block;
    position: relative;
    width: 95vw;
    float:  center;
    vertical-align: top;
    text-align: justify;  
  } 

  .st-med-pic {
    display: inline-block;
    position: relative;
    width: 50%;
  }
  
  .st-wide-block {
    display: inline-block;
    position: relative;
    width: 95%;
  }

  .st-recovery {
    display: inline-block;
    position: relative;
    width: 90%;
    text-align:  center;
    background-color: #ffffff;
    border:  1px dotted #a0a0a0;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .st-big-pic {
    width: 50%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }  
}

/*   THE BODY TYPE TEST - for wide screens    */

@media screen and (min-width: 601px) {
  .st-test-page {
    display: inline-block;
    position: relative;
    width: 40vw;
    float:  center;
    vertical-align: top;
    text-align: justify;
  }
  
  .st-home {
    display: inline-block;
    position: relative;
    width: 75%;
    float:  center;
    vertical-align: top;
    text-align: justify;  
  } 

  .st-home-med {
    display: inline-block;
    position: relative;
    width: 50vw;
    float:  center;
    vertical-align: top;
    text-align: justify;  
  } 

  .st-home_tile {
    display: inline-block;
    position: relative;
    width: 31%;
    float:  center;
    vertical-align: top;
    text-align: justify;
    background-color: #ffffff; 
    border:  1px dotted #c0c0c0;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;     
  } 

  .st-home_tile_pic {
    height: 13vh;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  } 

  .st-test {
    display: inline-block;
    position: relative;
    width: 75vw;
    float:  center;
    vertical-align: top;
    text-align: justify;  
  } 

  .st-med-pic {
    display: inline-block;
    position: relative;
    width: 25%;
  }
  
  .st-wide-block {
    display: inline-block;
    position: relative;
    width: 70%;
  }

  .st-recovery {
    display: inline-block;
    position: relative;
    width: 50%;
    text-align:  center;
    background-color: #ffffff;
    border:  1px dotted #a0a0a0;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }

  .st-big-pic {
    width: 50%;
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;
  }  
}

/*  ========================================================================  */
/*  NEW - TEST LANDING PAGE                                                   */
/*  ========================================================================  */

@media screen and (max-width: 800px) {
  h1.tland_hdr {
      color: #0000ff;
      font-family: "Hancock", Helvetica, Arial, sans-serif;
      font-size: 30pt;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 200%;
      margin: 0;
  }

  h2.tland_subhdr {
    color: #0000ff;
    font-family: "Open Sans", Verdana, sans-serif;
    font-size: 16pt;
    letter-spacing: 1px;
    line-height: 140%;
    margin: 0;
  }

  .tland_outer {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: top;
    text-align: center;  
  } 

  .tland_cover_col {
    display: inline-block;
    position: relative;
    width: 95%;
    text-align: center;
  }

  .tland_cover_img {
    width: 40%;
    margin-bottom: 25px;
    float: center;
  }
  
  .tland_bullets_col {
    display: inline-block;
    position: relative;
    vertical-align: top;    
    width: 95%;
    text-align: justify;       
  }

  .tland_bullets {
    color: #101010;
    font-family: Verdana, sans-serif;
    font-size: 12pt;
    letter-spacing: 1px;
    line-height: 175%; 
  }
  
  .tland_books_img {
    width: 66%;
    margin-top: 25px;
    margin-bottom: 25px;
    float: center;    
  }

  .tland_carolyn_leftcol {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 90vw;
    text-align: center;    
  }

  .tland_portrait {
    width: 33%;
    margin-top: 25px;
    margin-bottom: 25px;
    float: center;   
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;   
  }

  .tland_carolyn_rightcol {
    display: inline-block;
    position: relative;
    width: 90vw;
    text-align: center;    
    padding-top: 100px;
  }



}

@media screen and (min-width: 801px) {
  h1.tland_hdr {
      color: #0000ff;
      font-family: "Hancock", Helvetica, Arial, sans-serif;
      font-size: 40pt;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 200%;
      margin: 0;
  }

  h2.tland_subhdr {
    color: #0000ff;
    font-family: "Open Sans", Verdana, sans-serif;
    font-size: 20pt;
    letter-spacing: 1px;
    line-height: 160%;
    margin: 0;
  }

  .tland_outer {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: top;
    text-align: center;  
  } 

  .tland_cover_col {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 45%;
    text-align: justify;    
  }

  .tland_cover_img {
    width: 40%;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 5vw;
    float: right;    
  }
  
  .tland_bullets_col {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 55%;
    text-align: justify;    
  }

  .tland_bullets {
    color: #101010;
    font-family: Verdana, sans-serif;
    font-size: 12pt;
    letter-spacing: 1px;
    line-height: 175%;
  }
  
  .tland_books_img {
    width: 33%;
    margin-top: 25px;
    margin-bottom: 25px;
    float: center;    
  }

  .tland_carolyn_leftcol {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 40%;
    text-align: center;    
  }

  .tland_portrait {
    width: 33%;
    margin-top: 25px;
    margin-bottom: 25px;
    float: center;   
    border-radius:              25px;
    -webkit-border-radius:      25px;
    -moz-border-radius:         25px;   
  }

  .tland_carolyn_rightcol {
    display: inline-block;
    position: relative;
    width: 60%;
    text-align: center;    
    padding-top: 100px;
  }


}

/*  ========================================================================  */
/*  LANDING PAGE - OLDER; WHAT PAGE IS THIS FOR??                             */
/*  ========================================================================  */

@media screen and (min-width: 601px) {
  .landing-book-block {
    display: inline-block;
    position: relative;
    width: 75%;
  }

  .landing-book-cover {
    display: inline-block;
    position: relative;
    text-align: right;
    vertical-align: top;
    width: 40%;
  }

  .landing-book-cover-pic {
    display: inline-block;
    position: relative;
    width: 60%;
  }
  
  .landing-book-info {
    display: inline-block;
    position: relative;
    width: 55%;
    vertical-align: top;
  }
  
  .landing-form-block {
    display: inline-block;
    position: relative;
    width: 40%;
  }
}

/*  ========================================================================  */
/*  STORE STYLES                                                              */
/*  ========================================================================  */

@media screen and (max-width: 800px) {
  .store_nav {
    width: 100%;
    padding: 10px;
    text-align: center; 
    vertical-align: top;
    border: 1px dotted #0000ff;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;    
  }

  .prod_tile {
    width: 175pt;
    text-align: center;
    vertical-align: top;    
    display: inline-block;
    position: relative;  
    margin: 5pt;  
    background-color: #ffffff;
    border: 1px dotted e0e0e0;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;    
  }

  .prod_tile_top {
    height: 30pt;
    font:  12pt Verdana, sans-serif;
    color:  #0000ff;
    font-weight: 400;  
    padding: 5pt;  
    padding-bottom: 15pt;
    overflow: hidden;
  }
  .prod_tile_middle {
    padding: 5pt;
  }
  .prod_tile_img {
    width: 100%;
  }
  .prod_tile_bottom {
    height: 40pt;
    font:  10pt Verdana, sans-serif;
    color:  #101010;
    font-weight: 100;    
    padding: 5pt;  
    padding-top: 15pt;
    overflow: hidden;        
  }

  .product {
    width: 90vw;
    text-align: center;
    display: inline-block;
    position: relative;    
  }
  .product_pix_col {
    width: 50%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
  }
  .product_pic {
    width: 90%;
  }  
  .product_badge {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #00c000;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 250%;
    white-space: nowrap;    
    padding: 5px;
    margin: 10px;
    margin-left: 0;
    border: 2px solid #00c000;
    border-radius:              15px;
    -webkit-border-radius:      15px;
    -moz-border-radius:         15px;    
  }
  
  .product_desc_col {
    width: 50%;
    text-align: justify;
    display: inline-block;
  }

  .store_buybox {
    width: 100%;
    padding: 10px;
    text-align: center; 
    vertical-align: top;
    border: 1px dotted #0000ff;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;    
  }


  .cart_box {
    background-color:#ffffe0;
    border-collapse:separate;
    border:  1px dotted #e0e0e0;
    border-radius:              50px;
    -webkit-border-radius:      50px;
    -moz-border-radius:         50px;        
  }

  .cart_pic {
    height:  5vh;
  }

  .checkout {
    width: 90vw;
    text-align: center;
    display: inline-block;
    position: relative;    
  }
  
  .checkout_box {
    background-color:#ffffff;
    border-collapse:separate;
    border:  1px dotted #e0e0e0;
    border-radius:              50px;
    -webkit-border-radius:      50px;
    -moz-border-radius:         50px;        
  }
}

@media screen and (min-width: 801px) {
  .store_nav {
    width: 100%;
    padding: 10px;
    text-align: center; 
    vertical-align: top;
    border: 1px dotted #0000ff;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;    
  }

  .prod_tile {
    width: 175pt;
    text-align: center;
    vertical-align: top;    
    display: inline-block;
    position: relative;  
    margin: 15pt;  
    background-color: #ffffff;
    border: 1px dotted e0e0e0;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;    
  }

  .prod_tile_top {
    height: 30pt;
    font:  12pt Verdana, sans-serif;
    color:  #0000ff;
    font-weight: 400;  
    padding: 5pt;  
    padding-bottom: 15pt;
    overflow: hidden;
  }
  .prod_tile_middle {
    padding: 5pt;
  }
  .prod_tile_img {
    width: 100%;
  }
  .prod_tile_bottom {
    height: 40pt;
    font:  10pt Verdana, sans-serif;
    color:  #101010;
    font-weight: 100;    
    padding: 5pt;  
    padding-top: 15pt;
    overflow: hidden;        
  }

  .product {
    width: 75vw;
    text-align: center;
    display: inline-block;
    position: relative;    
  }
  .product_pix_col {
    width: 50%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
  }
  .product_pic {
    width: 90%;
  }  
  .product_badge {
    font-family: "Open Sans", Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    color: #00c000;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 250%;
    white-space: nowrap;    
    padding: 5px;
    margin: 10px;
    margin-left: 0;
    border: 2px solid #00c000;
    border-radius:              15px;
    -webkit-border-radius:      15px;
    -moz-border-radius:         15px;    
  }
  
  .product_desc_col {
    width: 50%;
    text-align: justify;
    display: inline-block;
  }

  .store_buybox {
    width: 100%;
    padding: 10px;
    text-align: center; 
    vertical-align: top;
    border: 1px dotted #0000ff;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;    
  }

  .cart_qty {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    font:  14px Verdana, sans-serif;
    color:  #ff0000;
    font-weight: 700;
    background-color: #ffffff;
    border: 3px solid #ff0000;
    border-radius:              20px;
    -webkit-border-radius:      20px;
    -moz-border-radius:         20px;    
  }

  .cart_box {
    background-color:#ffffe0;
    border-collapse:separate;
    border:  1px dotted #e0e0e0;
    border-radius:              50px;
    -webkit-border-radius:      50px;
    -moz-border-radius:         50px;        
  }

  .cart_pic {
    height:  5vh;
  }

  .checkout {
    width: 50vw;
    text-align: center;
    display: inline-block;
    position: relative;    
  }
  
  .checkout_box {
    background-color:#ffffff;
    border-collapse:separate;
    border:  1px dotted #e0e0e0;
    border-radius:              50px;
    -webkit-border-radius:      50px;
    -moz-border-radius:         50px;        
  }
}

/*  PORTAL CLASSES ARE INDEPENDENT OF VIEWPORT SIZING                         */

.portal {
  width: 90vw;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  position: relative;    
}
  
.portal_col {
  width: 48%;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  position: relative;    
}

.portal_orderbox {
  background-color:#ffffff;
  border-collapse:separate;
  border:  1px dotted #e0e0e0;
  border-radius:              20px;
  -webkit-border-radius:      20px;
  -moz-border-radius:         20px;  
  margin-right: 20pt;      
}


/*  ========================================================================  */
/*  UNIVERSITY STYLES                                                         */
/*  ========================================================================  */

.course_desc {
  width: 60%;
  text-align: justify;
  display: inline-block;
}