/* HOLIDAY 2014 - global bar across yv.com linking to dedicated holiday landing page */

.holiday {display:block; position:relative; padding:8px 0; background:#26bdc8; font-family:'Open  Sans',Helvetica,Arial,sans-serif; color:#fff; font-size:15px; font-weight:400; text-align:center;}
a.holidaylink:link, a.holidaylink:visited {color:#fff; text-decoration:none;}
a.holidaylink:active, a.holidaylink:hover, a.holidaylink:focus {color:#fff; text-decoration:underline;}


@media (min-width:1200px) {
  .span12 {
    width:1000px;
  }
}

* {
  font-family:'Open_Sans',Helvetica,Arial,sans-serif;
  font-weight:100;
  margin:0;
  padding:0;
}

html, body {
  max-width:100%;
  overflow-x:hidden;
}

body {
  font-family:'Open_Sans_L',Helvetica,Arial,sans-serif;
  font-weight:100;
  font-size:14px;
  line-height:21px;
  background:#fff !important;
  color:#222;
  text-shadow:none;
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family:'Open_Sans_L',Helvetica,Arial,sans-serif;
  font-weight:100;
}

p, a {
  font-family:'Open_Sans_L',Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:21px;
  outline:none !important;
}

.clear {
  clear:both;
}

@font-face {
  font-family:"Open_Sans_L";
  src: url('fonts/open_sans/OpenSans-Light-webfont.eot');
  src: url('fonts/open_sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/open_sans/OpenSans-Light-webfont.woff') format('woff'),
    url('fonts/open_sans/OpenSans-Light-webfont.ttf') format('truetype'),
    url('fonts/open_sans/OpenSans-Light-webfont.svg#webfont') format('svg');
}

@font-face {
  font-family:"Open_Sans_R";
  src: url('fonts/open_sans/OpenSans-Regular-webfont.eot');
  src: url('fonts/open_sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/open_sans/OpenSans-Regular-webfont.woff') format('woff'),
    url('fonts/open_sans/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('fonts/open_sans/OpenSans-Regular-webfont.svg#webfont') format('svg');
}

hr{
  border-top:1px solid #333;
}

/*---------------------GLOBAL STYLES---------------------*/
.sub_title {
  font-size:1.6em;
  line-height:1em;
  text-align:left;
  color:#ccc;
  vertical-align:text-bottom;
}

h1.sub_title {
  font-size:2.2em !important;
  line-height:1.4em;
  text-align:center;
  color:#333;
  margin-top:15px;
  padding:0 10px;
}

.page_title {
  font-size:4em;
  line-height:1.2em;
  text-align:center;
  color:#ccc;
  padding-bottom:50px;
}

.button {
  display:block;
  text-align:center;
  margin:50px 0 40px 0;
}

.button a {
  width:auto;
  background-color:#f5851f;
  border:2px solid #be6328;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-size:1.6em;
  color:#fff;
  text-decoration:none;
  padding:10px 10px 8px 10px
}
  
.button a:hover {
  background-color:#be6328;
}

.btn-orange {
  text-align:center;
  margin:40px 0;
  width:auto;
  background-color:#f5851f;
  border:2px solid #be6328;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-family:'Open_Sans_L',Helvetica,Arial,sans-serif;
  font-size:1.6em;
  color:#fff;
  text-decoration:none;
  padding:12px 10px 14px 10px
}
  
.btn-orange:hover {
  background-color:#be6328;
}

.buttonGray {
  margin:10px 0 10px 0;
}

.buttonGray a {
  background-color:#869196;
  border:2px solid #788185;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  font-family:'Open_Sans_L',Helvetica,Arial,sans-serif;
  font-size:0.9em;
  font-weight:800;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  padding:1px 10px 2px 10px;
}
  
.buttonGray a:hover {
  background-color:#788185;
}

.video_wrapper {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background: rgba(0,0,0,0.8);
  z-index:99999;
  opacity:0;
  -webkit-transition:opacity 400ms ease-in;
  -moz-transition:opacity 400ms ease-in;
  transition:opacity 400ms ease-in;
  pointer-events:none;
}

video {
  max-width:100%;
  height:auto;
}

/* mobile dropdown */
.btn-group {
  position:relative;
  display:inline-block;
  vertical-align:middle;
}

.mobile-dropdown {
  border:1px solid #919BA0;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  position:relative;
}

.btn-group > .btn {
  position:relative;
  float:left;
  background:#fff;
  margin:0;
  border:0;
  border-bottom-right-radius:0;
  border-top-right-radius:0;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  font-family:'Open_Sans_R',Helvetica,Arial,sans-serif;
  color:#52585B;
  vertical-align:inherit;
}

.btn-group > .btn > .caret {
  border-top: 4px solid #575e61;
}

/* video modal */
.video_wrapper:target {
  opacity:1;
  pointer-events:auto;
}

.video_wrapper > div {
  width:720px;
  height:405px;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  border-radius:0px;
  background:#fff;
}



/*---------------------HEADER STYLES---------------------*/
header {
  padding-top: 10px;
  width:100%;
  background:#fff;  
  /* position:fixed; */
  top:0;
  left:0;
  z-index:2000;
  /* box-shadow: 0px 2px 15px #CCC !important; */
  /* -webkit-box-shadow: 0px 2px 15px #CCC !important; */
  /* -moz-box-shadow: 0px 2px 15px #999 !important; */
  /* -o-box-shadow: 0px 2px 15px #999 !important; */
  /* -ms-box-shadow: 0px 2px 15px #999 !important; */
}

header .container {
  margin:0;
  float:right;
}

header nav {
  float:right;
}

header nav ul {
  width:auto;
  margin:0;
  list-style:none;
  display: flex;
}

.subnavbar{
  float: right;
}

header nav .subnavbar ul{
  padding: 0;
  font-weight: bold;
}

header nav .mobile-nav {
  width:140px;
}

#topnav li {
  float:left;
  position:relative;
  margin:0;
  padding:0;
  align-self: center;
}

#topnav a {
  float:left;
  width:auto;
  margin: 0 15px;
  font-family:'Open_Sans',Helvetica,Arial,sans-serif !important;
  font-weight:400;
  font-size:1em;
  color:#333;
  text-decoration:none;
  text-transform:uppercase;
}

#topnav #subnav_transfer a{
  color:#333;
}

#topnav a.primary-btn{
  color: #0095a9;
  border-color: #0095a9;
}
#topnav a.primary-btn:hover{
  background-color: #0095a9;
  border-color: #0095a9;
  color: #ffffff;
}
#topnav .active, .subnavbar .active{
  border-bottom: 3px solid #11C3CC;
  color: #333;
}

#topnav .active{
	margin-top: 3px;
}

.subnavbar ul li a{
  padding: 0 !important;
  margin: 5px 10px;
} 



/* Main-menu */
#topnav .dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

#topnav .dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

#topnav .dropdown:hover .dropdown-menu {
    display: block;
}



#topnav ul{
  padding:0;
  left:10px;
  background:#DDDDDD;
  z-index:99999;
  color: #6D6D6D;
  border-top: 3px solid #11C3CC;
  width: 86%;
  font-size: 12px;
  border-radius: 0px;
  box-shadow: none;
}

#topnav ul.help-dropdown{
  left: -20px;
  min-width: 115px;
}

#topnav ul.about-dropdown{
  left: -9px;
  min-width: 100px;
}

#topnav ul li {
  float:none;
  display:block;
  padding:0;
}

#topnav ul hr{
  margin: 5px;
  border: 0.5px solid #6d6d6d;
}

#topnav ul a,
#topnav ul span {
  float:none;
  display:block;
  font-family: 'Open_Sans',Helvetica,Arial,sans-serif !important;
  font-weight:100;
  position:relative;
  left:0px;
  margin:0;
  padding:7px 10px;
  height:auto;
  line-height:1;
  white-space:nowrap;
  text-transform:none;
}

#topnav ul a:hover {
  background:#C4C4C4;
}

*html #topnav ul a,
*html #topnav ul span { /* IE6 */
  height:10px;
  width:150px;
}

*:first-child+html #topnav ul a,
*:first-child+html #topnav ul span { /* IE7 */
  height:10px;
  width:150px;
}

#topnav ul span {
  position:relative;
  left:-30px;
  padding:10px;
  color:#333;
  cursor:default;
}

/* Clear floated elements */
#topnav:after{
  display:block;
  content:" ";
  visibility:hidden;
  font-size:0;
  height:0;
  clear:both;
}

*html #topnav { /* IE6 */
  zoom:1;
}

*:first-child+html #topnav { /* IE7 */
  zoom:1;
}



/*---------------------SIGNIN STYLES---------------------*/
#login {
  text-align:center;
  position:absolute;
  /* position:fixed; */
  top:0;
  left:20px;
  margin:0 auto;
  z-index:2000;
}

#login .container {
  width:180px;
  padding:25px 10px 10px 10px;
  background:#ACB9BC;
}

#login .container:last-child {
  width:180px;
  padding:0px 10px 10px 10px;
  background:transparent;
}

#login #notsignedin {
  display:none;
}

#login #signedin {
  display:none;
  text-align:center; 
}

#login .notuser,
#loginR .notuser {
  color:#555;
}

#login .play { /* default notsignedin */
  display:block;
  position:relative;
  background:url(/assets/icons/play-signin.png) no-repeat;
  width:41px;
  height:40px;
  margin:0 auto;
}

#login .sub_title,
#loginR .sub_title {
  position:relative;
  font-size:1em;
  color:#fff;
  text-align:center;
  padding:4px 0;
}

#login #signedin .play {
  display:inline-block;
  background:none;
  width:26px;
  height:25px;
}

#login #signedin .sub_title {
  display:inline-block;
  top:3px;
}

#login .notuser,
#loginR .notuser {
  font-size:0.8em;
  color:#555;
}

#login .notuser a,
#loginR .notuser a {
  font-size:1em;
  color:#555;
}

#login .widgetContainer {
  position:absolute;
  top:10px;
  left:55px;
}

#login form {
  margin:0;
}

#login .login {
  position:relative;
  width:100%;
}

#login .inputs {
  width:100%;
}

#login #user_email,
#login #user_password {
  width:90%;
}

#login .input-marker.ok,
#login .input-marker.invalid,
#login .input-marker.blank {
  display:none;
}

#forgot {
  font-size:0.7em;
  font-style:italic;
  color:#fff;
  position:relative;
}

#login .sign-in-widget.nav a {
  background:#869196 !important;
  border:none !important;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  box-shadow:none;
  text-shadow:none;
  white-space:nowrap;
  font-family:'Open_Sans_L',Helvetica,Arial,sans-serif;
  font-weight:100;
  font-size:0.8em;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-font-smoothing: antialiased;
  padding:4px 12px 4px 12px;
  margin:0;
}

#login .sign-in-widget.nav a:hover {
  background:#555 !important;
}

/*---------------------HALLMARK BADGE---------------------*/

#hallmarkbadgeimg {
  width:171px;
  height:238px;
}

#katiebadge_desktop img,
.katiebadge_ipad img {
  width:60px;
}

#katiebadge_desktop {
  margin-top:10px;
  color:#333;
}

.katiebadge_ipad {
  display:none;
}

#katiebadge_mobile {
  display:none;
}


/*---------------------INTRO STYLES---------------------*/
#cobrand .inpartnership {
  text-align:right;
  font-size:14px;
  color:#333;
  margin-top:20px;
  margin-right:100px; /* Help dropdown needs space */
  padding-right:20px;
}

#cobrand .inpartnership img {
  margin-left:5px;
}

#intro {
  padding-top:30px;
}

#intro .row {
  margin:0 !important;
}

#intro-header.row {
  margin-bottom: 50px !important;
}

#intro .row:last-child {
  background:transparent url(/assets/hp/bg-l.png) center no-repeat;
  height:320px;
  position: relative;
}

#intro .logo {
  text-align:center;
}

#intro .cologo span {
  display:inline-block;
  width:1px;
  height:50px;
  border-left:1px solid #e2e5e6;
  margin-left: 20px;
  padding-right:20px;
  position:relative;
  top:20px;
}

#intro h1.sub_title {
  font-size:2em !important;
  margin-top: 40px;
}

#intro .movie {
  width: 110px;
  height: 74px;
  position: relative;
  top: 98px;
  margin: 0 auto;
  right: 56px;
  background:url(/assets/hp/ipad.gif) no-repeat;
}

#intro .subscrb-form {
  text-align:center;
}

#intro .subscrb-form input[type="text"] {
  background:#fff;
  width:287px;
  padding:0 5px;
  margin-bottom:0px;
  height:47px;
  line-height:50px;
  border:2px solid #ddd;
  font-size:24px;
  color:#333;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
#intro #gp-learnmore{
  position: absolute;
  width: 133px;
  text-align: center;
  padding-right: 0;
  white-space: nowrap;
  cursor: pointer;
  height: 40px;
  top: 36%;
  left: 55%;
}
#intro #learnmore {
  position: absolute;
  width: 269px;
  margin: 0 auto;
  text-align: center;
  padding-right: 0;
  white-space: nowrap;
  cursor: pointer;
  height: 40px;
  top: 59%;
  left: 38%;
}

#intro #trigger2 {
  text-decoration:none;
  color:#555;
}

#intro.hallmark .row {
  background:none;
  height:280px;
}

#intro.hallmark .row .headline {
  width:781px;
  text-align:center;
  margin:0 auto;
}

#intro.hallmark .row .headline .cobrand {
  float:left;
  width:235px;
  padding-top:1px;
  padding-bottom:2px;
  padding-right:47px;
}

#intro.hallmark .row .headline .cobrand .cobrandlogo {
  width:235px;
  height:171px;
}

#intro.hallmark .row .headline h1 {
  float:left;
  width:467px;
}

#intro.hallmark .row .headline .tagline {
  width:467px;
  height:174px;
}

/*---------------------LEARN MORE RESPONSIVE STYLES---------------------*/

#learnmoreR {
  display:none;
  border-top:2px solid #acb9bc;
  height:50px;
}

/*---------------------HALLMARK RESPONSIVE STYLES---------------------*/
#loginR {
  display:none;
  text-align:center;
  padding:10px;
  background:#ACB9BC;
}

/*---------------------HALLMARK RESPONSIVE STYLES---------------------*/
#hallmarkR {
  display:none;
  background:#8C74B8;
  padding:20px 40px 20px 0;
}

#hallmarkR .container {
  position:relative;
  width:100%;
}

#hallmarkR .container .borderTop {
  height:2px;
  background:url(/assets/hp/imgDotX.png) repeat-x;
}

#hallmarkR .container .borderBtm {
  height:2px;
  background:url(/assets/hp/imgDotX.png) repeat-x;
  position:relative;
  bottom:0;
}

#hallmarkR .container .row .borderLeft {
  float:left;
  width:2px;
  height:100%;
  min-height:30px;
  background:url(/assets/hp/imgDotY.png) repeat-y;
}

#hallmarkR .container .row .borderRight {
  float:right;
  width:2px;
  height:100%;
  min-height:30px;
  background:url(/assets/hp/imgDotY.png) repeat-y;
}

#hallmarkR .container .row {
  margin-left:0;
}

#hallmarkR .container .row .span12 {
  float:left;
  margin:0 auto;
  text-align:center;
  padding:25px 0;
}

#hallmarkR .container .row .span12 .hallmarktagline {
  width:604px;
  height:68px;
}

#hallmarkR .container .row .span12 .hallmarktaglineR {
  width:235px;
  height:83px;
}

#hallmarkR .container .row .span12:last-child {
  display:none;
}

/*---------------------OPTIMIZELY TRUST BADGE---------------------*/
#optimizelybadge {
  position:absolute;
  top:140px;
  right:0;
}
#optimizelybadge img {
  float:right;
  margin-right:40px;
}
@media (max-width:1200px) {#optimizelybadge img {width:70%;}}
@media (max-width:1024px) {#optimizelybadge img {width:65%;}}
@media (max-width:980px) {#optimizelybadge img {width:60%;}}
@media (max-width:900px) {#optimizelybadge {display:none;}}

/*---------------------ORDERNOW STYLES---------------------*/
#ordernow {
  position:relative;
  background-color:#ffffff;
  padding:20px 0;
}

#ordernow:after,
#ordernow:before {
  position:absolute;
  top:100%;
  left:50%;
  border:solid transparent;
  content:" ";
  width:0;
  height:0;
  pointer-events:none;
  z-index:1000;
}

#ordernow:after {
  border-top-color:#ffffff;
  border-width:30px;
  margin-left:-30px;
}

#ordernow:before {
  border-top-color:#ffffff;
  border-width:36px;
  margin-left:-36px;
}

#ordernow #maintrust.span3 {
  display:none;
}

#ordernow .process {
  margin-top:50px;
}

#ordernow .todoSteps {
  text-align:center;
  margin-bottom:20px;
}

#ordernow .todoSteps .icon {
  float:left;
  padding:0 20px 0 0;
  margin:auto;
}

#ordernow .todoSteps .sub_title {
  float:left;
  font-size:1.8em;
  color:#333;
  padding:17px 0 0 0;
}

#ordernow .todoSteps .hallmark_sub_title {
  float:none;
  text-align:center;
  width:520px;
  margin:0 auto;
  padding:0 20px;
  line-height:1.4em;
}

#ordernow .trustbadge {
  float:left;
  padding:0;
}

#ordernow #orderatretail {
  font-size:1.2em;
  color:#fff;
  text-align:center;
  margin-top: 20px;
}

#logorow,
#logorow2 {
  width:100%;
  margin:15px auto 0;
  text-align:justify;
  -ms-text-justify:distribute-all-lines;
  text-justify:distribute-all-lines;
}

#logorow2 {
  display:none;
}

#logorow a,
#logorow2 a {
  vertical-align:top;
  display:inline-block;
  *display:inline;
  zoom:1;
}

#logorow .stretch,
#logorow2 .stretch {
  width:100%;
  display:inline-block;
  font-size:0;
  line-height:0;
}

#logorow .verbatim,
#logorow2 .verbatim {
  text-align:left;
  display:inline-block;
}

#logorow .verbatimTxt,
#logorow2 .verbatimTxt {
  display:block;
  font-size:0.8em;
  color:#fff;
  line-height:1.1em;
  white-space:nowrap;
}



/*---------------------PRODUCTS STYLES---------------------*/
#products {
  position:relative;
  background-color:#29BFC9;
  padding:20px 0;
}

#products:after,
#products:before {
  position:absolute;
  top:100%;
  left:50%;
  border:solid transparent;
  content:" ";
  width:0;
  height:0;
  pointer-events:none;
  z-index:1000;
}

#products:after {
  border-color:rgba(136, 183, 213, 0);
  border-top-color:#29BFC9;
  border-width:30px;
  margin-left:-30px;
}

#products:before {
  border-color:rgba(194, 225, 245, 0);
  border-top-color:#29BFC9;
  border-width:36px;
  margin-left:-36px;
}

#products .process {
  margin-top:50px;
}

#products .box {
  text-align:center;
  width:75%;
  margin:0 auto;
}

#products .box .icon {
  width:188px;
  height:125px;
}

#products .box .sub_title {
  text-align:center;
  color:#fff;
  padding-bottom:10px;
}

#products .box .price_info {
  font-size:1.2em;
  color:#fff;
  display:block;
}

#products .box a {
  color:#fff;
  text-decoration:underline;
}

#products .span12 {
  padding-bottom:40px;
}

#slide-1 {
  display:none;
  width:742px;
  height:75px;
  margin:0 auto;
}

#slide-2 {
  display:none;
  width:609px;
  height:64px;
  margin:0 auto;
}

#slide-3 {
  display:none;
  width:404px;
  height:275px;
  margin:0 auto;
}

#prod-1,
#prod-2,
#prod-3 {
  display:block;
}

#prod-1a,
#prod-2a,
#prod-3a {
  display:none;
}

#slide-1a,
#slide-2a,
#slide-3a {
  display:none;
  width:100%;
  margin:0 auto;
  padding:20px 0 60px 0;
}

.slide-caption {
  font-family:'Open Sans',Helvetica,Arial,sans-serif;
  font-size: 15px;
  color:#eee;
  float:left;
}

#slide-3 div,
#slide-3a div {
  font-size:15px;
  color:#eee;
  text-align:center;
}

#slide-3 img {
  width:304px;
  height:198px;
  margin-left:50px;
  margin-right:50px;
  margin-top:10px;
}

#slide-3a img {
  width:100%;
  margin:0 auto;
} 



/*---------------------HOWITWORKS STYLES---------------------*/
#howitworks {
  position:relative;
  background-color:#F0F0F0;
  padding:40px 0;
  color: #333;
}


#howitworks .box {
  width:75%;
  margin:0 auto;
}
#howitworks .page_title{
  color: #333;
}
#howitworks .box .sub_title {
  color:#333;
  padding:20px 0; 
  display:table-cell;
  vertical-align:bottom;
}

#howitworks .box p {
  color:#333;
  text-align:left;
  margin:0 auto;
  padding-bottom:60px;
}

#howitworks .box a {
  color:#333;
}

#howitworks .box a:active,
#howitworks .box a:hover,
#howitworks .box a:focus {
  color:#1D8086;
}

#howitworks #howorder {
  width:60%;
}


/*---------------------WHATYOUGET STYLES---------------------*/
#whatyouget {
  position:relative;
  background-color:#ffffff;
  padding:90px 0;
}

#whatyouget .page_title {
  color:#333;
  padding-bottom: 10px;
}

#whatyouget .page_subtitle{
  font-size: 20px;
}

#what-you-get-info{
  padding-top: 80px;
}

#whatyouget .box {
  text-align:center;
  width:95%;
  margin:0 auto;
}

#whatyouget .box .iconHolder {
  height: 225px;
  text-align: left;
}

#whatyouget .box .sub_title {
  color:#333;
  display:table-cell;
  vertical-align:bottom;
  font-size: 16px;
  font-weight: bold;
}

#whatyouget .box p {
  color:#333;
  text-align:left;
  margin:0 auto;
  padding-bottom:60px;
}

#whatyouget .box a {
  text-decoration:underline;
  color:#0095a9;
}
#whatyouget .gp-disclaimer{
  color: #6D6D6D;
  font-size: 14px;
  padding-top: 40px;
}

#whatyouget .box a:active,
#whatyouget .box a:hover,
#whatyouget .box a:focus {
  color:#1D8086;
}



/*---------------------LR STYLES---------------------*/
#lr {
  position:relative;
  background:#A5BFC0 url(/assets/hp/lr-home-banner.jpg) no-repeat;
  background-size: 100%;
  background-position: center;
  padding:50px 0 80px 0;
  height:550px;
}

#lr .container-fluid {
  position:relative;
  z-index: 5;
}

#lr .overlay {
  position: absolute;
  top: 0;
  background: rgba(0,0,0,0.35);
  width: 100%;
  height: 100%;
}

#lr #lr-button {
  background: #0083c1;
  padding: 10px;
  border: 2px solid #01609a;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 330px;
  margin: 20px auto 0;
}

#lr-button .button-image {
  float:left; 
}

#lr-button .button-text {
  text-align: center;
  font-weight:700;
  float:right;
  font-size: 18px;
  padding-top: 7px;
  padding-right:10px;
}

#lr-button .button-text img {
  padding: 5px 0;
}

#lr .container-fluid .row-fluid .container .row {margin-left:0 !important;}

#lr .page_title {
  color:#FFF;
  text-align:center;
  line-height:1em;
  padding: 20px 20px 30px;
}

#lr .box {
  max-width: 500px;
  width: 100%;
  padding: 20px;
  background: rgba(255,255,255,0.8);
  margin:20px auto 0;
}

#lr .box .sub_title {
  color:#fff;
  padding-bottom:10px;
}

#lr .box p {
  color:#333;
  text-align:center;
  margin:0 auto;
  line-height:1.2em;
  font-size: 24px;
}

#lr .box a {
  font-size:inherit;
  text-decoration:none;
  color:#fff;
}

#lr .sub_title > a {
  text-decoration:underline;
}

@media (max-width:1600px) {
  #lr {background-size:1600px;}
}
@media (max-width:1280px) {
  #lr {background-size:1420px;}
}
@media (max-width:960px) {
  #lr {background-size: 1200px; height:460px;background-position:right;}
}
@media (max-width:768px) {
  #lr {background:#A5BFC0 url(/assets/hp/lr-home-banner-768.jpg) no-repeat;background-size: 768px;background-position:right;}
  #lr .container-fluid .row-fluid .container .row {}
  #lr .page_title {text-align: center;color:#FFF;padding-top:100px;}
  #lr .box p {font-size:18px;}
}
@media (max-width:640px) {
  #lr .container-fluid .row-fluid .container .page_title {font-size:2em;}
  #lr .container-fluid .row-fluid .container .box  {width:auto;max-width:400px;}
  #lr #lr-button {width:230px;}
  #lr-button .button-image img {width:52px;}
  #lr-button .button-text img {width:150px;}
}
@media (max-width:400px) {
  #lr {}
  #lr .container-fluid .row-fluid .container {padding:0 20px;}
  #lr .container-fluid .row-fluid .container .row {margin-left:0 !important;}
  #lr .container-fluid .row-fluid .container .box .sub_title {font-size:1.1em; color:#333;}
  #lr .container-fluid .row-fluid .container .box .sub_title > a {color:#fff; text-decoration:none;}
  #lr .container-fluid .row-fluid .container .box p a {color:#fff; position:absolute; top:435px;}
}
@media (max-width:320px) {
  #lr {background-size:320px; padding:0; height:440px;}
  #lr .container-fluid,
  #lr .container-fluid .row-fluid,
  #lr .container-fluid .row-fluid .container {width:260px; margin:0;}
  #lr .container-fluid .row-fluid .container {padding:0 20px;}
  #lr .container-fluid .row-fluid .container .row {width:250px; margin-left:0 !important;}
  #lr .container-fluid .row-fluid .container .page_title {top:164px;}
}



/*---------------------FAMILYSEARCH STYLES---------------------*/
#familysearchinfo .movie {
  width:359px;
  height:268px;
  position:relative;
  top:0;
  left: 0;
  margin:0 auto;
  background:url(/assets/hp/imgFamilySearchGriselda.jpg) no-repeat;
  background-size: 359px 268px;
}

#familysearchinfo .movie .play {
  display: block;
  background: url(/assets/icons/play-l.png) no-repeat;
  width: 91px;
  height: 91px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*---------------------CUSTOMERLOVE STYLES---------------------*/
#customerlove {
  padding:80px 0 60px;
  position:relative;
}

#customerlove .page_title {
  color:#333;
}

.testimonials {
  background:#fff;
  color:#333;
}

.testimonial {
  display:none;
  height:250px; /* fixed testimonial_nav position */
}

.testimonial_collection .testimonial:first-child {
  display:block;
  text-align:left;
}

#customerlove p {
  font-size:24px;
  line-height:31px;
  margin:0 0 20px 0;
}

#customerlove .movie {
  position:relative;
  float:left;
  width:290px;
  height:209px;
  background:url(/assets/hp/imgBonnieMovie.png) no-repeat;
  margin-right:10px;
}

#bonnieM {
  display:none;
}

#customerlove .movie .play {
  display:block;
  background:url(/assets/icons/play-l.png) no-repeat;
  margin:auto;
  position: absolute;
  top: 125px;
  bottom: 0;
  left: 230px;
  right: 0;
}

.testimonial_nav {
  height:19px;
  display:inline-block;
  margin-top:25px;
}

.testimonial_nav a {
  display:block;
  width:19px;
  height:19px;
  float:left;
  background:url(/assets/icons/nav_bg.png) no-repeat;
  background-position:0px -19px;
  overflow:hidden;
  z-index:3000;
}

.testimonial_nav a:hover,
.testimonial_nav a.active_nav {
  background-position:0px 0px;
}

#customerlove .seemore {
  padding-top: 10px;
}

#customerlove .seemore a {
  font-size:1.2em;
  color:#11c3cc;
  text-decoration:none;
}

.customerlove .seemore a:active,
.customerlove .seemore a:hover,
.customerlove .seemore a:focus {
  color:#1D8086;
}

/*---------------------INTHENEWS STYLES---------------------*/
#inthenews {
  background:#626B6E;
  padding:30px 0;
}

.inthenews {
  font-size:1em;
  font-family:'Open_Sans_R',Helvetica,Arial,sans-serif;
  font-weight:800;	
  color:#fff;
  text-transform:uppercase;
}

#inthenews #newsrow2 {
  display:none;
}

#inthenews #newsrow,
#inthenews #newsrow2 {
  width:100%;
  margin:15px auto 0;
  text-align:justify;
  -ms-text-justify:distribute-all-lines;
  text-justify:distribute-all-lines;
}

#inthenews #newsrow a,
#inthenews #newsrow2 a {
  vertical-align:top;
  display:inline-block;
  *display:inline;
  zoom:1;
}

#inthenews #newsrow .stretch,
#inthenews #newsrow2 .stretch {
  width:100%;
  display:inline-block;
  font-size:0;
  line-height:0;
}



/*---------------------FOOTER STYLES---------------------*/
footer {
  background:#626B6E;
  color:#fff;
  padding-top:0px;
}

footer .span4 {
  height:145px;
  border:0;
  text-align:center;
  overflow:hidden;
  margin-bottom:40px;
}

footer .span4:first-child {
  border-right:1px solid #e2e4e4;
}

footer .span4:last-child {
  border-left:1px solid #e2e4e4;
}

footer .sub_title {
  font-family:'Open_Sans_L',Helvetica,Arial,sans-serif;
  font-size:1em;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  margin-bottom:20px;
}

footer .box {
  float:left;
  width:40%;
  margin-left:10%;
  text-align:left;
}

footer span{
  color:#fff;
}

footer > .span4:nth-child(2) > .box {
  width:45%;
  margin-left:5%;
}

footer #social {
  width:80%;
  margin:0 auto;
}

footer a {
  display:block;
  font-family:'Open_Sans_L',Helvetica,Arial,sans-serif;
  font-size:0.9em;
  font-weight:100;
  color:#fff;
  text-decoration:none;
  border:0;
}

footer a:active,
footer a:hover,
footer a:focus {
  color:#fff;
  text-decoration:underline;
}

footer #socialrow {
  width:100%;
  margin:0 auto;
  text-align:justify;
  -ms-text-justify:distribute-all-lines;
  text-justify:distribute-all-lines;
}

footer #socialrow a {
  margin:15px 0 0 0;
  vertical-align:top;
  display:inline-block;
  *display:inline;
  zoom:1;
}

footer #socialrow .stretch {
  width:100%;
  display:inline-block;
  font-size:0;
  line-height:0;
}



/*---------------------@MEDIA STYLES---------------------*/
/* using max-width property for designing from desktop down (add additional styles the smaller you go down) */
section, header, footer {/*  background-color:blue!important; */}

@media (max-width:1280px) {
}

@media (max-width:1200px) { /* bootstrap override */
#intro .container-fluid {
  padding-left:0;
  padding-right:0;
}
#intro .container {
  width:100%;
}
}

@media (max-width:1060px) { /* exception for hallmark badge in login section - Feb 2014 */
#intro h1.sub_title {
  font-size:1.8em !important;
}
#login .container:last-child {
  padding:0px 10px 10px 10px;
}
#hallmarkbadgeimg {
  width:137px;
  height:190px;
}
}

@media (max-width:1024px) { /* ipad landscape */
}

@media (max-width:980px) { /* interim exception */
h1.sub_title {
  font-size:2em !important;
}
.page_title {
  font-size:3em;
}
#intro h1.sub_title {
  font-size:1.6em !important;
}
#intro.hallmark .row {
  height:250px;
}
#intro.hallmark .row .headline {
  width:599px;
}
#intro.hallmark .row .headline .cobrand {
  width:188px;
  padding-right:37px;
}
#intro.hallmark .row .headline .cobrand .cobrandlogo {
  width:100%;
  height:100%;
}
#intro.hallmark .row .headline h1 {
  width:374px;
}
#intro.hallmark .row .headline .tagline {
  width:374px;
  height:139px;
}
#ordernow .icon {
  width:63px;
  height:42px;
}
#ordernow .todoSteps .sub_title {
  font-size:1.3em;
  padding:12px 0 0 0;
}
#ordernow .todoSteps .hallmark_sub_title {
  width:390px;
}
#ordernow .trustbadge {
  width:167px;
  height:167px;
}
#howitworks #howorder, 
#howitworks .box,
#whatyouget .box {
  width:90%;
}
#inthenews #newsrow {
  white-space:nowrap;
}
#inthenews #newsrow img {
  width:80%;
}
}

@media (max-width:900px) { /* exception for hallmark badge to move from login section to individual section - Feb 2014 */
#login {
  display:none;
}
#hallmarkbadge {
  display:none;
}
#katiebadge_desktop {
  display:none;
}
.katiebadge_ipad {
  display:block;
  font-size:13px;
  text-align:center;
  position:absolute;
  top:12px;
  right:30px;
  color:#333;
}
#loginR {
  display:block;
}
#hallmarkR {
  display:block;
}
#ordernow #maintrust.span3 {
  display:block;
}
#ordernow .nobadge {
  display:none;
}
}


@media (max-width:767px) { /* ipad portrait */
body {
  padding-left:0 !important;
  padding-right:0 !important;
}
header .mobile-nav {
  margin-top:10px;
  margin-right:30px;
}
[class*="span"], .row-fluid [class*="span"] { /* overwrite bootstrap */
  float:left;
}
#cobrand .inpartnership {
  margin-right:10px;
}
#cobrand .inpartnership img {
  width:160px;
}
#intro.hallmark .row {
  height:200px;
}
#intro.hallmark .row:last-child {
  background:none;
}
#intro.hallmark .row .headline {
  width:360px;
}
#intro.hallmark .row .headline .cobrand {
  width:113px;
  padding-right:23px;
}
#intro.hallmark .row .headline .cobrand .cobrandlogo {
  width:113px;
  height:82px;
}
#intro.hallmark .row .headline h1 {
  width:224px;
}
#intro.hallmark .row .headline .tagline {
  width:224px;
  height:83px;
}
#hallmarkR .container {
  margin-left:20px;
}
#hallmarkR .container .row .span12 .hallmarktagline {
  width:80%;
  height:80%;
}
#ordernow .span1 {
  width:10%;
}
#ordernow .span7 {
  width:60%;
}
#ordernow .span3 {
  width:20%;
}
#ordernow .span12 {
  padding:0 10px;
}
#ordernow .span4 {
  text-align:center;
  margin-bottom:20px;
  padding-left:20px;
  padding-right:20px;
}
#logorow img {
  width:90%;
}
#prod-1,
#prod-2,
#prod-3,
#slide-1,
#slide-2,
#slide-3 {
  display:none;
}
#prod-1a,
#prod-2a,
#prod-3a {
  display:block;
}
#products .row:last-child {
  display:none;
}
#howitworks #howorder,
#howitworks .box,
#whatyouget .box {
  width:50%;
}
#howitworks .box .sub_title,
#whatyouget .box .sub_title {
  height:auto;
  display:block;
  text-align:center;
}
#howitworks .box p,
#whatyouget .box p {
  width:70%;
  text-align:justify;
  -ms-text-justify:distribute-all-lines;
  text-justify:distribute-all-lines;
}

#customerlove .customer {
  padding:0 40px;
}
#customerlove .movie {
  float:none;
  text-align:center;
  margin:0 auto;
}
#customerlove .movie .play {
  display:block;
  background:url(/assets/icons/play-l.png) no-repeat;
  width:91px;
  height:121px;
  margin:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
#customerlove .seemore {
  float:right;
  margin-right:20px;
}
#inthenews #newsrow,
#inthenews #newsrow2 .rowBtm2 {
  display:none;
}
#inthenews #newsrow2 {
  display:block;
}
#inthenews #newsrow2 img {
  width:85%;
}
#inthenews #newsrow2 .rowBtm2 > div:first-child {
  text-align:center;
  height:50px;
}
#inthenews .inthenews,
#inthenews #newsrow2 {
  margin-left:10px;
}
footer .span4 {
  width:33% !important;
  height:210px;
}
footer .span4 .sub_title {
  padding-bottom:10px;
}
footer .span4 .box {
  float:none;
  width:60%;
  margin:0 auto;
  text-align:left;
}
footer > .span4:nth-child(2) > .box {
  width:60%;
  margin:0 auto;
}
}

@media (max-width:580px) { /* cologo global breakpoint (myheritage,mypoints) */
#intro .cologo img {
  width:30%;
}
#intro .cologo span {
}
#intro .cologo img:last-child {
}
}

@media (max-width:480px) { /* iphone portrait */
h1.sub_title {
  font-size:1.8em !important;
  line-height:1.4em;
}
.video_wrapper > div {
  width:420px;
  height:236px;
}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
  float:none;
  width:100%;
  margin-left:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
#login {
  display:none;
}
#intro .logo img {
  width:195px;
}
#intro .cologo img {
  display:block;
  margin:0 auto;
}
#intro .cologo span {
  display:none;
}
#intro .cologo img:last-child {
  border-top:1px solid #eee;
  margin-top:20px;
  padding-top:20px;
}
#intro .subscrb-form input[type="text"] {
  font-size:1.4em;
  margin-top:30px;
}
#intro #gp-learnmore {
  left: 62%;
}
#intro #learnmore {
  left: 20%;
}
#intro.hallmark .row {
  height:190px;
}
#intro.hallmark .row:last-child {
  background:none;
}
#intro.hallmark .row .headline {
  width:360px;
}
#intro.hallmark .row .headline .cobrand {
  width:113px;
  padding-right:23px;
}
#intro.hallmark .row .headline .cobrand .cobrandlogo {
  width:113px;
  height:82px;
}
#intro.hallmark .row .headline h1 {
  width:224px;
}
#intro.hallmark .row .headline .tagline {
  width:224px;
  height:83px;
}
.katiebadge_ipad {
  display:none;
}
#katiebadge_mobile {
  display:block;
  position:absolute;
  top:7px;
  left:12px;
  font-size:11px;
  text-align:center;
}
#katiebadge_mobile img {
  width:45px;
}
.btn-orange {
  font-size:1.4em;
  margin:10px 0;
  width:300px !important;
}
#ordernow .process {
  margin-top:0px;
}
#ordernow .span1 {
  display:none;
}
#ordernow .todoSteps .sub_title {
  text-align:center;
  padding:17px 0 0 0;
}
#ordernow .span7{
  margin:0 auto;
}
#ordernow .span7 .todoSteps .icon {
  display:none;
}
#ordernow .span3 {
  width:167px;
  margin:0 auto;
  padding:20px 0;
}
#logorow {
  display:none;
}
#logorow2 {
  display:block;
}
#howitworks,
#whatyouget {
  padding:60px 0 0 0;
}
#howitworks #howorder,
#howitworks .box,
#whatyouget .box {
  width:90%;
}
#howitworks .box p,
#whatyouget .box p {
  width:70%;
}
#customerlove {
  padding:30px 0;
}
#customerlove .customer {
  padding:0 40px;
}
#inthenews #newsrow2 .rowBtm {
  display:none;
}
#inthenews #newsrow2 .rowBtm2 {
  display:block;
}
footer .span4 {
  float:left !important;
  width:50% !important;
  border:0 !important;
  text-align:left;
  overflow:hidden;
  margin-bottom:40px;
}
footer .span4:nth-child(2) {
  border-left:1px solid #e2e4e4 !important;
}
footer .span4:last-child {
  float:none;
  width:100% !important;
  height:120px;
}
footer .span4 .sub_title,
footer .span4 .box {
  width:70%;
  margin-left:20%;
  text-align:left;
  font-size:1em;
}
footer #social {
  width:80%;
  margin:0 auto;
}
footer #social .sub_title {
  text-align:center;
  padding-bottom:0;
  margin-bottom:10px;
}
footer a {
  display:block;
  font-family:'Open_Sans_L',Helvetica,Arial,sans-serif;
  font-size:0.9em;
  font-weight:100;
  color:#fff;
  text-decoration:none;
  border:0;
}
footer a:active,
footer a:hover,
footer a:focus {
  text-decoration:underline;
}
footer #socialrow {
  width:100%;
  margin:0 auto;
  text-align:justify;
  -ms-text-justify:distribute-all-lines;
  text-justify:distribute-all-lines;
}
footer #socialrow a {
  margin:15px 0 0 0;
  vertical-align:top;
  display:inline-block;
  *display:inline;
  zoom:1;
}
footer #socialrow .stretch {
  width:100%;
  display:inline-block;
  font-size:0;
  line-height:0;
}
#retailer-logos .logo-list ul{
  display: block;
}
}

@media (max-width:320px) { /* iphone portrait */
.page_title {
  font-size:2.4em;
}
.video_wrapper > div {
  width:280px;
  height:158px;
}
#cobrand .inpartnership {
  margin-right:10px; /* Help dropdown needs space */
  padding-right:20px;
}
#cobrand .inpartnership img {
  width:120px;
}
#intro  {
  padding-top:50px;
}
#intro h1.sub_title {
  font-size:1.6em !important;
  padding-left:10px;
  padding-right:10px;
}
#intro .row:last-child {
  background:transparent url(/assets/hp/bg-s.png) center no-repeat;
  height:263px;
}
#intro .movie {
  width:60px;
  height:104px;
  left:74px;
  background:url(/assets/hp/iphone.gif) no-repeat;
}
#intro.hallmark .row {
  height:110px;
}
#intro.hallmark .row:last-child {
  background:none;
}
#intro.hallmark .row .headline {
  width:226px;
}
#intro.hallmark .row .headline .cobrand {
  width:71px;
  padding-right:15px;
}
#intro.hallmark .row .headline .cobrand .cobrandlogo {
  width:71px;
  height:51px;
}
#intro.hallmark .row .headline h1 {
  width:140px;
}
#intro.hallmark .row .headline .tagline {
  width:140px;
  height:52px;
}
#learnmoreR {
  display:block;
}
#hallmarkR .container .row .span12:first-child {
  display:none;
}
#hallmarkR .container .row .span12:last-child {
  display:block;
}
#logorow{
  display:block;
}
#logorow2 {
  display:none;
}
#logorow .pole {
  height:25px;
  margin-top:5px;
}
#ordernow .todoSteps .hallmark_sub_title {
  width:280px;
}
#inthenews #newsrow {
  display:block;
  padding:0 10px;
}
#inthenews #newsrow2 .rowTop {
  display:none;
}
}
.top_header .logo{
  width: 139px;
  float: left;
  margin: 10px 0;
}
.top_header .logo-text{
  font-size: 24px;
  border-left: 1px solid black;
  display: inline-block;
  margin-top: 12px;
  padding-left: 10px;
  font-weight: bold;
}
.top_header hr{
  border-top: 1px solid #333;
  margin: 10px 0;
}
.top_header .row{
  margin-left: -15px;
  margin-right: -15px;
}
#retailer-logos .container-fluid{
  background-color: #EFEFEF;
  text-align: center;
  color: #6D6D6D;
}
#retailer-logos .rl-container{
  display: flex;
  align-items: center;
  width: 100%;
}
#retailer-logos .logo-container{
  width: 100%;
}
#retailer-logos .logo-container .find-store-text{
  margin-left: 30px;
}
#retailer-logos .logo-container .find-store-text a{
  color: #0095A9;
}
#retailer-logos .logo-list{
  margin-top: 10px;
  width: 100%;
}
.logo-list ul{
  margin: 0;
  list-style: none;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.logo-list li{
  width: 100%;
  text-align: center;
}
#body-about #about-profiles .logo-list{
  margin-bottom: 15px;
}

/*CSS for business and services page*/
.business-services .top_header{
  padding: 15px 0;
}

.business-services .top-banner {
  background: url(/assets/businessServices/bs-banner@2x.png) center no-repeat;
  padding-top: 33%;
  background-size: contain;
}


.business-services .banner-text{
  font-size: 39px;
  color: white;
  position: relative;
  top: -36px;
  text-align: center;
}
.business-services .para:first-child{
  margin-top: 20px;
}
.business-services .para{
  color: #4C4E56;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

.business-services h2{
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0 20px 0;
}
.business-services .output-div{
  margin-top: 20px;
}

.business-services .flex-div{
  display: flex;
}
.business-services .left{
  display: inline-block;
  width: 50%;
}
.business-services .right{
  display: inline-block;
  align-self: center;
}
.business-services .left ul{
  margin-top: 15px;
}
.business-services .left li{
  line-height: 25px;
}
.business-services .right ul{
  margin-top: 15px;
}
.business-services .right li{
  line-height: 25px;
}
.business-services .right img{
  width: 100%;
}
.business-services .submit{
  padding: 30px 0;
  width: 100%;
  text-align: center;
}
.business-services .email_sent_msg{
  color: #3ece50;
  text-align: center;
  font-weight: bold;
}
.business-services .submit button{
  width: 100px;
  padding: 6px 12px;
}

.primary-btn{
  background-color: transparent;
  border-color: #0095a9;
  color: #0095a9;
  border: 2px solid;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  padding: 3px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  padding: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.primary-btn:hover{
  background-color: #0095a9;
  border-color: #0095a9;
  color: #ffffff;
}
.business-services .learn-more-form{
  background-color: #F0F0F0;
}
.business-services .learn-more-form input{
  height: 35px;
  width: 400px;
}
.business-services .learn-more-form textarea{
    width: 375px;
    height: 291px;
}
.business-services .learn-more-form label{
  margin: 10px 0;
}
#olark-wrapper .olark-launch-button.olark-chat-tab{
  background-color: #3E3E3E !important;
}
#olark-wrapper #olark-container .olark-top-bar{
  background-color: #3E3E3E !important;
  border-color: #3E3E3E !important
}
#olark-wrapper #olark-container .olark-form-container .olark-form-send-button{
  background-color: #3E3E3E !important;
}