@import url('https://fonts.googleapis.com/css?family=Open+Sans|Josefin+Sans:400,600,700');

/* General
/-------------------------------------------------------------- */
body {
  -moz-osx-font-smoothing: grayscale; /* Prevents fonts from looking unusually bold in Firefox */
}

h1, h2 {
	font-family: 'Josefin Sans', sans-serif;
}

h1 {
  text-transform: uppercase;
  font-size: 36px;
  color: #61A6BF;
  text-align: center;
  margin-bottom: 5px;
}

h2 {
	color: #61A6BF;
	font-size: 28px;
	border-bottom: 1px solid #aaa;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

h3 {
  font-size: 24px;
  color: #333;
}

h4 {
  font-weight: 600;
  color: #61A6BF;
}

h4.underline {
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

p, ol li {
	color: #333;
}

a, input[type="reset"] {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

a:hover {
	color: #777;
}

ul.bulleted {
  padding-left: 20px;
  margin-bottom: 15px;
}

ul.bulleted > li {
  line-height: 1.5em;
  margin-bottom: 10px;
  color: #333;
}

ul.bulleted > li:before {
  font-family: 'FontAwesome';
  content: "\f105";
  color: #333;
  margin: 0 7px 0 -15px;
  font-weight: bold;
}

ol li {
  line-height: normal;
  margin-bottom: 7px;
  padding-left: 7px;
}

#content-wrapper {
  padding-bottom: 0;
}

#content-container .block-block {
	margin-bottom: 30px;
}

#content-container .block-block:last-of-type {
  margin-bottom: 0;
}

#content-container .block .content {
	overflow: hidden;
}

.container .column, .container .columns {
  box-sizing: border-box;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.container.no-padding {
  padding: 0;
}

.container.no-padding .column, .container.no-padding .columns {
  padding: 0;
}

.container .one-half.column {
  width: 50%;
}

.container .one-third-fluid.column {
  width: 33%;
}

.container .one-quarter.column {
  width: 25%;
}

.full-width {
  width: 100%;
}

.column.omega, .columns.omega {
  padding-right: 0;
}

.column.alpha, .columns.alpha {
  padding-left: 0;
}

.container .column img {
	max-width: 100%;
	margin: 0 auto;
}

.aligncenter {
  text-align: center;
  margin: 0 auto;
}

.alignright {
	text-align: right;
}

.float-right {
  float: right;
}

.divider {
	height: 32px;
	clear: both;
}

.button-container {
	text-align: center;
	margin: 20px 0;
}

.inline-imgs img {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .container .column, .container .columns {
    padding: 0;
  }
  
  .container .one-third-fluid.column,
  .container .one-half.column {
    width: 100%;
  }
  
  .container .one-quarter.column {
    width: 50%;
  }
  
  .container .one-quarter.column:nth-of-type(odd) {
    clear: left;
  }
  
  .float-right {
    float: none;
    margin: 20px 0;
  }
}

@media only screen and (max-width: 479px) {
	.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .twelve.alt.columns, .container .twelve.alt2.columns, .container .five.alt.columns, .container .eleven.alt.columns, .container {
    	width: 100%;
	}
	
	#content-container h1,
	#content-container h2,
	#content-container h3,
	#content-container p,
	#content-container ul,
	form,
	.icons-key {
		padding: 0 20px;
	}
	
	#content-container form p,	
	#content-container form h3 {
		padding: 0;
	}
}

/* Header
/-------------------------------------------------------------- */

#header {
  height: 135px !important;
}

#header .container {
  width: 90%;
  max-width: 1300px;
}

#header .container .ten.columns,
#header .container .six.columns {
  width: auto;
  margin: 0;
}

#header .container .ten.columns {
  float: right;
  clear: right;
}

/**
 * Top menu
 */
#top-menu {
  overflow: hidden;
  background: #46798b;
  background: -moz-linear-gradient(top,  #46798b 0%, #64a7bf 100%);
  background: -webkit-linear-gradient(top,  #46798b 0%,#64a7bf 100%);
  background: linear-gradient(to bottom,  #46798b 0%,#64a7bf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46798b', endColorstr='#64a7bf',GradientType=0 );
}

#top-menu .top-bg {
  float: left;
  width: 22%;
  background-image: url('../images/bg_header-top.png');
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

#top-menu .top-bg .inner {
  background-color: #fff;
  height: 57px;
  margin-right: 108px;
}

.region-top-menu {
  float: right;
  margin: 12.5px 0;
}

#top-menu ul.menu li {
  display: inline-block;
  text-align: center;
  margin: 0 5px;
}

a.dsr-button,
#footer .block a.dsr-button,
#top-menu ul.menu li a,
input[type="submit"],
input[type="reset"] {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.5px;
  min-width: 100px;
  display: inline-block;
  text-align: center;
  padding: 7px 15px;
  line-height: 1;
  text-transform: uppercase;
  background-color: #7FC2D6;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 15px;
}

input[type="reset"] {
  font-size: 14px;
}

a.dsr-button.accent,
#footer .block a.dsr-button.accent,
#top-menu ul.menu li.search a {
  background-color: #E94368;
}

a.dsr-button.accent-2 {
	background-color: #000;
	color: #fc9a1f;
}

a.dsr-button.wider {
	width: 50%;
}

a.dsr-button.narrower {
  min-width: 0;
}

a.dsr-button.smaller {
  padding: 8px 10px;
  font-size: 12.5px;
}

a.dsr-button.full-width {
  display: block;
}

#content-container a.dsr-button.smaller {
	font-size: 11px;
	padding: 11px 15px;
	vertical-align: bottom;
}

a.dsr-button:hover,
a.dsr-button.accent:hover,
input[type="reset"]:hover,
#footer .block a.dsr-button.accent:hover,
#top-menu ul.menu li a:hover,
#top-menu ul.menu li.search a:hover {
  background-color: #777;
}

.featured-box a.view-all:after,
.featured-box .featured-footnote a:after,
a.dsr-button:after,
#footer .block a.dsr-button:after,
#top-menu ul.menu li a:after {
  font-family: 'FontAwesome';
  padding-left: 5px;
  content: "\f105"; /* fa-angle-right */
}

a.dsr-button.back:after {
  display: none;
}

a.dsr-button.back:before {
  font-family: 'FontAwesome';
  padding-right: 5px;
  content: "\f104"; /* fa-angle-left */
}

#content-container a.dsr-button,
input[type="submit"],
input[type="reset"] {
	padding: 15px;
	border-radius: 25px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
}

#top-menu ul.menu li.icon-1 a,
#top-menu ul.menu li.icon-2 a {
  background-position: 15px 50%;
  background-repeat: no-repeat;
  padding-left: 45px;
}

#top-menu ul.menu li.icon-1 a {
  background-image: url('../images/icon_search-r.png');
}

#top-menu ul.menu li.icon-2 a {
  background-image: url('../images/icon_search-c.png');
}

/**
 * Site logos
 */
#logo {
  margin-top: 0 !important;
}

#logo a img {
  height: auto;
}

#logo a img[src$="dsr_logo.png"] {
  margin-top: -50px;
  padding-right: 10px;
}

/**
 * Main menu
 */
#navigation ul > li > a {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 12px;
  color: #333;
  text-transform: uppercase;
  padding: 31px 10px !important;
  margin: 0px !important;
}

#navigation ul > li.sf-item-3.sf-depth-1.sf-no-children > a {
    padding: 32px 10px 27px !important;
}

#navigation ul ul li a:hover {
  padding: 10px 16px !important;
}

#navigation a.sf-depth-1.active:after {
  background: #E94368;
}

#navigation ul ul {
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  min-width: 175px;
}

#navigation ul > li:last-of-type > ul {
  left: auto !important;
  right: 0 !important;
}

#navigation ul ul li a {
  text-transform: none;
  color: #333;
}

#current,
#navigation a.sf-depth-1.active,
#nagivation ul li a:hover,
#navigation ul > li:hover > a,
.flickr-widget-blog a:hover {
  padding-bottom: 27px !important;
}

#superfish-1 > li:not(.sf-no-children) > a:after {
  font-family: 'FontAwesome';
  padding-left: 5px;
  color: #E94368;
  font-weight: bold;
  content: "\f107"; /* fa-angle-down */
}

/**
 * Mobile nav
 */
#jPanelMenu-menu li {
  overflow: hidden;
}

#jPanelMenu-menu li a {
  font-family: 'Josefin Sans', sans-serif;
  color: #333;
}

#jPanelMenu-menu li li a {
  color: #777;
}

/**
 * Responsive header
 */
@media only screen and (min-width: 1725px) {
  #top-menu .top-bg {
    width: 35%;
  }
}
 
@media only screen and (max-width: 1411px) {
  #header .container {
    width: 98%;
  } 
}

@media only screen and (max-width: 1194px) {
  #logo a img[src$="dsr_logo-text.png"] {
   width: 65%;
   margin-top: 5%;
  }
}

@media only screen and (max-width: 1217px) and (min-width: 1191px) {
  #logo {
    width: 400px;
  }
  
  #logo a img[src$="dsr_logo-text.png"] {
    width: 275px;
  }
}

@media only screen and (max-width: 1190px) {
  #logo {
    width: 295px;
  }
}

@media only screen and (max-width: 1074px) and (min-width: 912px) {
  #logo {
    width: 200px;
  }
  
  #logo a img[src$="dsr_logo.png"] {
    width: 45px;
  }
  
  #logo a img[src$="dsr_logo-text.png"] {
    width: 100%;
  }
}

@media only screen and (max-width: 974px) { 
  #top-menu .top-bg {
    width: 19%;
  }
  
  #logo {
	width: 150px;
  }
}

@media only screen and (max-width: 926px) {
	#logo {
		width: 200px;
	}
	
	#top-menu .top-bg {
    	width: 18%;
  	}
  
  #navigation ul > li > a {
    padding: 31px 5px !important;
  }
}

@media only screen and (max-width: 911px) {
  #mobile-navigation {
    display: block;
    float: right;
  }
  
  #header {
    z-index: 400;
    position: relative !important;
  }
 
  a.menu-trigger {
    color: #a0a0a0;
    display: block;
    font-size: 28px;
    float: left;
    background: transparent !important;
    z-index: 100;
    position: relative;
    padding: 25px 30px;
    padding-left: 0;
  }

  [data-menu-position="open"] #jPanelMenu-menu {
    display: block;
    position: fixed;
    top: 0;
    left: auto !important;
    right: 0; 

    height: 100%;
    width: 250px;
    z-index: 100 !important;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  
  [data-menu-position="open"] .jPanelMenu-panel {
    position: relative;
    right: 250px;
    left: auto !important;
    top: 0;
    z-index: 2;
    width: 100%;
    min-height: 100%;
    background: #fff;
  }
  
  #header .container .ten.columns {
    display: none;
  }
  
  #header .container .six.columns {
    width: 100%;
  }
  
  #logo {
    width: 400px;
  }
  
  #logo a img[src$="dsr_logo-text.png"] {
    display: block;
  }
}

@media only screen and (max-width: 909px) {
  .region-top-menu {
    margin: 9px 0;
  }
  
  #top-menu ul.menu li a {
    overflow: hidden;
    min-width: 0;
  }
  
  #top-menu ul.menu li.search a {
    text-indent: 200%;
    white-space: nowrap;
    width: 25px;
    background-position: 50% 50%;
    padding-left: 10px;
  }
} 

@media only screen and (max-width: 890px) {
  #top-menu .top-bg {
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  #header #logo {
    width: 400px;
    position: relative;
    margin: 0;
  }
}

@media only screen and (max-width: 665px) {
  #logo a img[src$="dsr_logo.png"] {
    display: none;
  }
  
  #logo a img[src$="dsr_logo-text.png"] {
    margin-left: 15px;
  }
  
  #top-menu .top-bg {
    width: 15%;
  }
}

@media only screen and (max-width: 483px) {
 #top-menu ul.menu li a {
   font-size: 11.5px;
 }
 
 #top-menu .top-bg {
    display: none;
  } 
}

@media only screen and (max-width: 447px) {
  #top-menu .top-bg {
    display: none;
  }
  
  .region-top-menu {
    float: none;
    text-align: center;
  }
}

@media only screen and (max-width: 414px) {
  .region-top-menu {
    float: none;
    text-align: center;
  }
}

@media only screen and (max-width: 335px) {
  #header #logo {
    width: auto;
  }
  
  #top-menu ul.menu li a {
    font-size: 12px;
    padding: 6px 12px;
  }
}

/* Footer
/-------------------------------------------------------------- */

#footer {
 background-color: #61A6BF;
 background-repeat: no-repeat;
 background-position: 94% bottom;
 padding: 30px 0; 
}

#footer .block {
  padding: 0 3px;
}

#footer .block h2 {
  font-family: 'Josefin Sans', sans-serif;
  color: #236C91;
  font-size: 30px;
  border-bottom: 1px solid #2B7FAC;
  padding-bottom: 7px;
}

#footer .block p {
  color: #fff;
  font-weight: 600;
  line-height: 1.7em;
}

#footer .block p,
#footer-bottom .block p {
  color: #fff;
  margin-bottom: 0;
  font-size: 11.5px;
}

#footer .block a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#footer .block a:hover {
  text-decoration: none;
}

#footer .block p.social-item,
#footer .block .address-box {
  border-bottom: 1px solid #B0D3DF;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#footer .block p.social-item {
  font-size: 16px;
  font-weight: normal;
  clear: both;
  overflow: hidden;
}

#footer .block p.social-item:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#footer .block p.social-item img {
  float: left;
  margin-right: 15px;
}

#footer .block .address-box img {
  margin-bottom: 10px;
  max-width: 100%;
}

#footer .block .address-box p {
  font-size: 14px;
}

#footer .block .menu {
  padding-left: 20px;
}

#footer .block .menu li:before {
  font-family: 'FontAwesome';
  content: "\f105"; /* fa-angle-right */
  margin: 0 7px 0 -15px;
  color: #fff;
  font-weight: bold;
}

#footer .block .menu li {
  line-height: 22px;
}

#footer .block .menu li a {
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}

#footer .block .menu li a:hover {
  color: #B0D3DF;
}

#footer .block a.dsr-button {
  font-size: 14px;
  padding-bottom: 5px;
  position: absolute;
  top: 0;
  right: 0;
}

#footer-bottom {
  background-color: #3581A8;
  padding: 13px 0;
}

#footer-bottom .block p {
  text-align: center;
}

/**
 * Responsive footer
 */
@media only screen and (max-width: 959px) {
  #footer {
    background-image: none !important;
  }
  
  #footer .container .eight.columns,
  #footer .container .four.columns {
    width: 100%;
    float: none;
  }
  
  #footer .container .columns .region {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #footer .container {
    width: 90%;
  }
}

@media only screen and (max-width: 435px) {
  #footer .block a.dsr-button {
    display: block;
    position: relative;
    margin: 10px auto;
  }
}

/* Homepage
/-------------------------------------------------------------- */

.front h3 {
  font-family: 'Josefin Sans', sans-serif;
	color: #98a7a6;
	font-weight: 600;
  font-size: 22px;
}

/**
 * Main layer slider
 */
.block-layer-slider h2 {
  display: none;
}

#slider-wrapper {
	max-width: 1300px !important;
    margin: 0 auto;
    }

/*
#layerslider_5 .ls-inner,
#layerslider_5 .ls-layer {
  max-width: 1300px !important;
}
*/

.ls-inner {
  margin: 0 auto;
}

/**
 * Video thumbs layer slider
 */
#block-layer-slider-6 {
	display: none;
}

#layerslider_6.ls-defaultskin {
  background: #ccc;
}

#layerslider_6.ls-defaultskin .ls-thumbnail {
  top: 0;
}

#layerslider_6.ls-defaultskin .ls-layer img {
  max-width: 300px !important;
}

#layerslider_6.ls-defaultskin .ls-layer a.ls-s2 {
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
}

#layerslider_6.ls-defaultskin .ls-thumbnail-slide {
  margin-top: 20px;
}

#layerslider_6.ls-defaultskin .ls-thumbnail-slide a {
  color: #fff;
  width: auto !important;
  padding: 2px;
}

#layerslider_6.ls-defaultskin .ls-thumbnail-slide a.active {
  color: #E94368;
}

#layerslider_6.ls-defaultskin .ls-thumbnail-slide a img {
  display: none !important;
}

#layerslider_6.ls-defaultskin .ls-thumbnail-slide a:after {
  font-family: 'FontAwesome';
  content: "\f111"; /* fa-circle */
  font-size: 14px;
  visibility: visible;
}

#layerslider_6.ls-defaultskin .ls-nav-prev,
#layerslider_6.ls-defaultskin .ls-nav-next {
  display: block !important;
  padding: 0 3px;
}

#layerslider_6.ls-defaultskin .ls-nav-next {
  text-align: right;
}

#layerslider_6.ls-defaultskin .ls-nav-next:after,
#layerslider_6.ls-defaultskin .ls-nav-prev:after {
  font-family: 'FontAwesome';
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  visibility: visible;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

#layerslider_6.ls-defaultskin .ls-nav-next:hover:after,
#layerslider_6.ls-defaultskin .ls-nav-prev:hover:after {
  color: #236C91;
}

#layerslider_6.ls-defaultskin .ls-nav-next:after {
  content: "\f105"; /* fa-angle-right */
}

#layerslider_6.ls-defaultskin .ls-nav-prev:after {
  content: "\f104"; /* fa-angle-left */
}

/**
 * Responsive video thumbs slider
 */
@media only screen and (min-width: 1300px) {
  .ls-layer img.ls-bg {
	  width:1300px !important;
	  height:auto !important;
  }
}
 
@media only screen and (max-width: 1199px) and (min-width: 960px) {
  #layerslider_6,
	#layerslider_6 .ls-inner,
	#layerslider_6 .ls-layer {
		max-width: 260px !important;
		margin: 0;
	}
	
	#layerslider_6.ls-defaultskin .ls-layer img {
   margin-left: -20px;
 }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
  #layerslider_6,
	#layerslider_6 .ls-inner,
	#layerslider_6 .ls-layer {
		max-width: 196px !important;
		margin: 0;
	}
	
	#layerslider_6.ls-defaultskin .ls-layer img {
   margin-left: -50px;
  }
}

/**
 * Notice boxes
 */
.notice-box span.small,
.notice-box {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    color: #fff;
}

.notice-box span.small {
	line-height: 1em;
}

.notice-box h3,
.notice-box p {
	color: #fff;
}

.notice-box:hover,
.notice-box {
	box-sizing: border-box;
	border-radius: 0;
	background: #e7466a;
	background: -moz-linear-gradient(top, #e7466a 0%, #b53451 100%);
	background: -webkit-linear-gradient(top, #e7466a 0%,#b53451 100%);
	background: linear-gradient(to bottom, #e7466a 0%,#b53451 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7466a', endColorstr='#b53451',GradientType=0 );
}

.columns:nth-of-type(even) .notice-box {
	background: #7cc2d7;
	background: -moz-linear-gradient(top, #7cc2d7 0%, #5ea2bb 100%);
	background: -webkit-linear-gradient(top, #7cc2d7 0%,#5ea2bb 100%);
	background: linear-gradient(to bottom, #7cc2d7 0%,#5ea2bb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc2d7', endColorstr='#5ea2bb',GradientType=0 );
}

.notice-box h3 {
	padding-bottom: 0;
	line-height: 1.6em;
    font-size: 52px;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

/**
 * Responsive notice boxes
 */
@media only screen and (max-width: 1199px) and (min-width: 960px) {
	.notice-box {
		min-height: 219px;
	}
}

/**
 * Featured boxes
 */
#content-container #block-block-24 .content {
  overflow: visible;
}

#content-container #block-block-24 .content .column {
  background: #eaeded;
}

#block-block-26 .one-third.column.alpha {
  padding-left: 10px;
}

#block-block-7 .one-third.column.alpha,
#block-block-24 .one-third.column.alpha {
	padding-left: 20px;
}

#block-block-7 .one-third.column,
#block-block-26 .one-third.column,
#block-block-24 .one-third.column {
	padding-right: 20px;
}
 
.featured-box {
	width: 100%;
	margin: 35px 0 0 0;
}

.featured-box .featured-desc {
	position: relative;
	min-height: 370px;
  float: none;
  margin: auto;
}

.featured-box .featured-desc p {
	margin: 10px 0 0 0;
}

.featured-box .video-title-container {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 55px;
}

.featured-box .video-title-container #video-subtitle {
  margin: -5px 0 0 0;
}

.featured-box .button-container {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
}

.featured-box .button-container.gen-cryo {
  display: none;
}

#block-block-26 .featured-box .button-container {
  margin-top: 30px;
  position: relative;
}

#content-container .featured-box .button-container a.dsr-button {
  padding: 15px 10px;
}

#content-container #block-block-26 .featured-box .button-container a.dsr-button {
  padding: 15px 19px;
}

.featured-box .button-container a.dsr-button:not(:first-of-type) {
	margin-left: 5px;
}

#content-container .featured-box .button-container #dsr-brochures:after {
  font-family: 'FontAwesome';
  padding-left: 5px;
  font-weight: bold;
  content: "\f107";
}

.featured-box .brochure-links {
  display: none;
  position: absolute;
  bottom: -40.1%;
  right: 7.5%;
  z-index: 50;
}

.featured-box .brochure-links ul li img {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}

.featured-box .brochure-links ul li a {
  display: block;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 800;
  color: #fff;
  padding: 2px 35px;
  background: #61A6BF;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}

.featured-box .brochure-links ul li:last-of-type a {
  border-bottom: 0;
}

.featured-box .brochure-links ul li a:hover {
  color: #61A6BF;
  background: #fff;
}

.featured-box .featured-footnote {
  margin: 25px 0;
  padding-top: 20px;
  border-top: 1px solid #fff;
  text-align: center;
}

.featured-box .featured-footnote a {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}

/**
 * Responsive featured boxes
 */
@media only screen and (max-width: 1199px) {
	.featured-box .button-container a.dsr-button:nth-of-type(2) {
		margin-left: 0;
		margin-top: 5px;
	}
	
	.featured-box .brochure-links {
  	right: 18%;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  #content-container .featured-box .button-container.gen-cryo a.dsr-button {
  	font-size: 10px;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	.featured-box h2 {
		font-size: 23px;
	}
	
	.featured-box a.dsr-button {
		font-size: 12px;
	}
	
	.featured-box .brochure-links {
  	right: 12%;
	}
	
	.featured-box .brochure-links ul li a {
  	padding: 2px 25px;
	}
	
	#content-container .featured-box .button-container.gen-cryo a.dsr-button {
  	padding: 10px 5px;
	}
	
	.featured-box .video-title-container #video-title {
  	font-size: 14px;
	}
	
	.featured-box .video-title-container #video-subtitle {
  	font-size: 12px;
	}
	
	.featured-box .video-title-container #video-title,
	.featured-box .video-title-container #video-subtitle {
  	line-height: 1em;
	}
	
	.featured-box .video-title-container #video-subtitle {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  #block-block-26 .one-third.column.alpha,
  #block-block-26 .one-third.column,
	#block-block-24 .one-third.column {
		padding: 0 20px;
	}
	
	.featured-box .featured-desc {
		min-height: 0;
	}
	
	.featured-box .video-title-container {
  	position: relative;
  	margin: 50px 0 10px;
  	bottom: auto;
	}
	
	.featured-box .button-container {
		position: relative;
	}
	
	.featured-box .brochure-links {
  	right: 11.5%;
  	bottom: -41%;
	}
}

@media only screen and (max-width: 479px) {
	.featured-box img {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 460px) {
  .featured-box .brochure-links {
  	right: 10%;
	}
}

@media only screen and (max-width: 377px) {
  .featured-box .brochure-links {
  	right: 18.5%;
  	bottom: -36.5%;
	}
}

@media only screen and (max-width: 365px) {
  .featured-box .brochure-links {
  	right: 17%;
  	bottom: -37.5%;
	}
}

/**
 * "Featured in" carousel
 */
#block-block-9 {
  clear: both;
  padding-top: 30px;
}
 
.showbiz.our-clients {
  margin-bottom: 0;
}

.showbiz .overflowholder {
  width: 101.5%;
}
 
.showbiz .overflowholder ul li {
  float: none !important;
  display: inline-block;
  vertical-align: middle;
}

.showbiz .overflowholder ul li img {
  max-width: 100%;
  margin: 0 auto;
}

/**
 * Responsive carousel
 */
@media only screen and (max-width: 479px) {
	.container .one.carousel.column,
	.container .fourteen.carousel.columns {
  	float: none;
  	display: inline-block;
	}
	
	#block-block-9 .container {
  	text-align: center;
	}
	
	.showbiz.our-clients {
  	text-align: left;
	}
}

/**
 * Who we are
 */
.container .column img[src$="who_we_are.jpg"] {
  margin-bottom: 15px;
}

/**
 * Map modal window
 */
#map_modal_mask {
	top: -135px;
}

#map_window {
	top: 20px !important;
}

/**
 * Success stories block
 */
.success {
	position: relative;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.success .bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.65);
}

.success .quote-container {
  margin: 50px 30px;
  max-width: 550px;
  position: relative;
  z-index: 10;
}

.success blockquote {
  margin: 35px 0;
  padding: 0;
  border: 0;
}

.success blockquote p,
.success blockquote footer {
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
  font-size: 32px;
}

.success blockquote > p:before,
.success blockquote > p:after {
  font-family: 'Times', serif;
  font-size: 65px;
  font-style: normal;
  line-height: 0.4em;
}

.success blockquote p {
	font-weight: 600;
	line-height: 1.25em;
}

.success blockquote footer {
  text-align: right;
  float: none;
  max-width: none;
}

/**
 * Responsive success stories block
 */
@media only screen and (max-width: 767px) {
  .success blockquote p,
  .success blockquote footer {
    font-size: 26px;
  }
}

@media only screen and (max-width: 479px) {
  .success blockquote p,
  .success blockquote footer {
    font-size: 22px;
  }
}

/**
 * Recent news section
 */
#block-block-7 {
  background-color: #EAEDED;
}

#block-block-7 .one-third.column.omega {
  padding-right: 30px;
  padding-left: 0;
}

.one-third.column.accent {
  background-color: #F4F6F6;
}

.featured-box.accent {
  background-color: #3080AA;
  padding: 20px 15px;
  margin-top: 15px;
}

.featured-box.accent h2,
.featured-box.accent a.view-all,
.featured-box.accent li a,
.featured-box.accent li p,
.featured-box.accent ul.featured-news li p a.more:after,
.featured-box.accent ul.featured-news li:before {
  color: #fff;
}

.featured-box.accent a.view-all:hover,
.featured-box.accent li a:hover,
.featured-box.accent ul.featured-news li p a.more:hover:after {
  color: #B0D3DF;
}


.featured-box.accent h2,
.featured-box.accent ul.featured-news li {
  border-bottom-color: #90B9CE;
}

.featured-box a.view-all {
  float: right;
  font-family: 'Josefin Sans', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 36px;
}

.featured-box p.date {
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 1em;
}

body.page-node-33 .featured-box p.date {
  display: block;
  margin-left: 5px;
}

ul.featured-news {
  padding-left: 20px;
}

ul.featured-news li {
  border-bottom: 1px solid #5EA6C0;
  margin-bottom: 15px;
}

ul.featured-news.last li:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}

a.more:after,
ul.featured-news li:before {
  font-family: 'FontAwesome';
  content: "\f105"; /* fa-angle-right */
  color: #E94368;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

a.more:hover:after {
  color: #777;
}

ul.featured-news li:before {
  margin: 0 10px 0 -15px;
  font-weight: bold;
}

ul.featured-news li a {
  font-weight: bold;
}

.ad-space img {
  padding-top: 10px;
}

/**
 * Responsive news section
 */
@media only screen and (max-width: 1199px) {
  .featured-box a.view-all {
    float: none;
  }
  
  #block-block-7 .featured-box {
    margin-top: 20px;
    text-align: right;
  }
  
  #block-block-7 .featured-box.accent {
    margin-top: 0;
  }
  
  #block-block-7 .featured-box h2,
  #block-block-7 .featured-box ul.featured-news {
    text-align: left;
  }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
  ul.featured-news {
    padding-left: 12px;
  }
}

@media only screen and (max-width: 767px) {
  #block-block-7 .featured-box.accent,
  #block-block-7 .one-third.column {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 479px) {
  #content-container .featured-box p {
    padding: 0;
  }
}

/* Internal pages
/-------------------------------------------------------------- */

.not-front #content-container .container {
  margin-bottom: 32px;
  max-width: 100%;
}

.not-front #content-container form .container {
  margin-bottom: 20px;
}

.not-front.page-node-57 #content-wrapper fieldset h3,
.not-front #dsr-post-element-demo-form6 h3.section-title {
    margin-top: 10px;
    width: 100%;
    border-bottom: 5px solid #7DB6CA;
}

.not-front.page-node-57 #content-wrapper fieldset h3 {
  margin-bottom: 10px;
}

.not-front #dsr-post-element-demo-form6 .form-item:not(.column) {
	clear: none;
	max-width: 350px;
}

.not-front #dsr-post-element-demo-form6 {
    border: 1px solid #EAEDED;
    padding: 15px;
}

.has-border {
  border: 1px solid #EAEDED;
  padding: 5px;
  box-sizing: border-box;
}

.not-front.page-node-57 #content-wrapper fieldset,
.not-front.page-node-79 #body fieldset,
.not-front.page-node-49 #content-wrapper fieldset {
  border: 1px solid #EAEDED;
  box-sizing: border-box;
  max-width: 98%;
  padding: 1%;
	margin-bottom: 32px;
}

.not-front .sample_letter_wrapper {
    border: 1px solid #EAEDED;
    box-sizing: border-box;
    max-width: 98%;
    padding: 1%;
    margin-bottom: 32px;
}

.not-front .sample_letter_wrapper ul.bulleted {
  padding-left: 35px;
}

.not-front .sample_letter_wrapper ul.bulleted > li {
  line-height: 1em;
}


/**
 * Page title section
 */
#titlebar {
  top: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #DAE2E5;
}

#breadcrumbs ul {
  margin-top: 2px;
  border: 1px solid #fff;
  border-radius: 50px;
  background: rgba(234,237,237,0.85);
  padding: 20px 30px;
}

#breadcrumbs ul li,
#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
  color: #333;
}

#breadcrumbs ul li:after,
#breadcrumbs ul li:first-child:after {
  content: "\f105"; /* fa-angle-right */
  color: #333;
  margin: 0 0 0 9px;
}

#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a {
  color: #E94368;
}

.page-title {
  margin-top: 32px;
}

@media only screen and (max-width: 767px) {
  #titlebar {
    padding: 10px 0;
  }
}

/**
 * Right sidebar
 */
#sidebar-second {
  background-color: #EAEDED;
  padding: 32px 20px 10px;
}

#sidebar-second .button-container a.dsr-button {
  display: block;
}

#sidebar-second .button-container a.dsr-button:last-of-type {
  margin-top: 10px;
}

.widget p {
  margin: 0 0 15px 0;
}

.widget p img {
  max-width: 100%;
}

@media only screen and (min-width: 1200px) {
  #sidebar-second {
    width: 310px;
  }
}

/**
 * Accordion boxes
 */
.ui-accordion .ui-accordion-header {
  font-weight: 600;
}

.ui-accordion .ui-accordion-content p {
  color: #333;
  margin-bottom: 15px;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active:nth-of-type(even),
.ui-accordion .ui-accordion-header.ui-accordion-header-active:nth-of-type(odd) {
  background-color: #E94368;
}

.ui-accordion .ui-accordion-header:nth-of-type(even) {
  background-color: #E7E7E7;
}

/**
 * Link lists
 */
ul.link-list {
  padding-left: 20px;
}

ul.link-list li {
  color: #333;
  line-height: 22px;
}
 
ul.link-list li:before {
  font-family: 'FontAwesome';
  content: "\f105"; /* fa-angle-right */
  margin: 0 7px 0 -15px;
  color: #E94368;
  font-weight: bold;
}

ul.link-list li h2,
ul.link-list li h3,
ul.link-list li h4 {
	display: inline;
}

ul.link-list li a {
  font-weight: 600;
}

ul.link-list + h4 {
  margin-top: 20px;
}

/**
 * Citation lists
 */
p.hanging {
  padding-left: 22px;
  text-indent: -22px;
}

span.year {
  font-weight: 800;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul.citations.top-border {
  border-top: 1px solid #2B7FAC;
}
 
ul.citations > li {
  padding: 10px 0;
  margin: 15px 0;
  border-bottom: 1px solid #2B7FAC;
}

ul.citations > li:last-of-type {
  border-bottom: 0;
}

ul.citations li i {
  display: inline;
  padding-left: 20px;
}

/**
 * Address lists
 */
.contact-informations li span {
  color: #333;
}

/**
 * Board of Directors
 */
article#node-14 {
  overflow: visible;
}

#team .showbiz-navigation {
  margin-top: -60px;
}

#team .showbiz .overflowholder ul li {
  vertical-align: top;
}

.team-name h5 {
  font-size: 18px;
  color: #61A6BF;
}

.team-name span {
  color: #333;
}

.team-about {
  border-bottom: 0;
}

#team .button-container {
  margin: 0;
  padding-top: 25px;
  border-top: 1px solid #f0f0f0;
}

/**
 * Responsive directors container
 */
@media only screen and (max-width: 479px) {
  #content-container .team-about p {
    padding: 0;
  }
  
  #content-container #team ul {
    padding: 0 2px;
  } 
  
  #content-container .team-about p {
    max-width: 95%;
  }
  
  #team .showbiz .overflowholder {
    width: 100%;
  }
}

/**
 * Forms
 */
form {
	margin-bottom: 32px;
}
 
select {
  height: 37px;
}

form .container-inline {
  display: inline-block;
}

.form-item {
  color: #333;
}

.form-item label {
  color: #888;
}

label span.required {
	color: #E94368;
}

input[type="submit"],
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="reset"],
input[type="reset"]:active,
input[type="reset"]:focus {
  padding: 18px 19px 15px 15px;
}

input[type="submit"],
input[type="submit"]:active,
input[type="submit"]:focus {
  background-color: #E94368;
}

input[type="submit"],
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="reset"],
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus {
  background-image: url('../images/bg_submit.png');
  background-repeat: no-repeat;
  background-position: 85% 50%;
}

input[type="radio"] {
  margin-right: 10px;
} 

/**
 * DSR Forms
 */
.form-item label,
.form-item input[type="text"],
.form-item input[type="password"],
.form-item input[type="email"],
.form-item select,
.form-item .inline,
#dsr-post-element-demo-form6 label,
#browse-by-clinic label,
#sign-up label,
#dsr-post-element-demo-form6 input[type="text"],
#dsr-post-element-demo-form6 input[type="password"],
#dsr-post-element-demo-form6 input[type="email"],
#dsr-post-element-demo-form6 textarea,
#dsr-post-element-demo-form6 select,
#browse-by-clinic select,
#sign-up input[type="text"],
#sign-up input[type="password"],
#sign-up input[type="email"],
#sign-up textarea,
#sign-up select,
#browse-by-clinic select {
  display: inline-block;
}

#dsr-post-element-demo-form6 input[type="text"],
#dsr-post-element-demo-form6 input[type="password"],
#dsr-post-element-demo-form6 input[type="email"],
#dsr-post-element-demo-form6 textarea,
#dsr-post-element-demo-form6 select {
  max-width: 350px;
}

#sign-up input[type="text"],
#sign-up input[type="password"],
#sign-up input[type="email"],
#sign-up textarea,
#sign-up select {
  width: 350px;
}

input.input-half,
select.input-half,
textarea.input-half,
#sign-up input.input-half,
#sign-up select.input-half,
#sign-up textarea.input-half,
.form-item-a-dsr-facil-street-address .form-textarea-wrapper,
.form-item-a-dsr-success-content .form-textarea-wrapper {
  width: calc(100% - 175px);
  display: inline-block;
}

input.input-half,
input.input-sm {
	display: inline-block;
}

#sign-up select.input-sm,
#sign-up input.input-sm {
  width: calc(50% - 175px);
}

#sign-up input.input-lg,
#sign-up textarea.input-lg {
  width: 100%;
}

#dsr-post-element-demo-form6 label,
#browse-by-clinic label {
  min-width: 125px;
  width: 100%;
}

.radio-button label {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  line-height: 2em;
}

.form-item label,
#sign-up label {
  width: 150px;
  vertical-align: middle;
  line-height: 1.4em;
}

#sign-up label.top-label,
.form-item label.top-label,
.form-item-a-dsr-facil-street-address label,
.form-item-a-dsr-success-content label {
  vertical-align: top;
}

.form-item:not(.column) {
  clear: both;
}

.form-item.make-public,
body.page-dsr-post-add .form-item .description {
  margin-top: -18px;
}

/* DONOR OFFSPRING SUCCESS STORIES */
body.page-node-139 .content-section li img {
    width: 50% !important;
    padding: 10px !important;
    box-sizing: border-box;
    border: 1px solid #EAEDED;
    margin: 10px 0px 0px;
}
body.page-node-139 .content-section li img.stacy_chris {
    width: 32% !important;
    vertical-align: top;
    margin-right: 1%;
}

body.page-node-139 .content-section img.offspring_photo_top {
	padding: 10px !important;
    box-sizing: border-box;
    border: 1px solid #EAEDED;
    margin-left: 10px;
}

/* EGG DONATION STYLES */
body.page-node-29 .content-section li img {
    width: 50% !important;
    padding: 10px !important;
    box-sizing: border-box;
    border: 1px solid #EAEDED;
    margin: 10px 0px 0px;
}

/* DONOR FAMILY ISSUES */
body.page-node-19 .content-section li img {
    width: 50% !important;
    padding: 10px !important;
    box-sizing: border-box;
    border: 1px solid #EAEDED;
    margin: 10px 0px 0px;
}
body.page-node-19 .content-section li img.family_lynnette {
    width: 49% !important;
    vertical-align: top;
    margin-right: 1%;
    margin-bottom: 10px;
    display:inline-block;
}

/* ABOUT DSR */
body.page-node-2 .page-content iframe {
    margin: 0px auto 15px;
    max-width: 100%;
    border: 1px solid #EAEDED;
    box-sizing: border-box;
}

div.blue_hr {
    border-top: 1px solid #EAEDED;
    margin: 25px 0px 25px;
}

@media all and (min-width: 1200px) {
	body.page-node-2 .page-content iframe {
		width: 840px;
		height: 473px;
	}
}

/* SIGN UP FORM STYLES */
body.page-node-38 form,
body.page-dsr-post-add form,
body.page-dsr-post-add2 form {
    border: 1px solid #EAEDED;
    padding: 15px;
}

body.page-node-38 form h3.section-title,
body.page-node-40 form h3.section-title,
body.page-dsr-post-add form h3,
body.page-dsr-post-add2 form h3,
h3.form-header {
    margin-top: 10px;
    width: 100%;
    border-bottom: 5px solid #7DB6CA;
    max-width: 350px;
    margin-bottom: 20px;
}

/* EDIT YOUR ACCOUNT STYLES */
body.page-node-40 form {
    border: 1px solid #EAEDED;
    padding: 15px;
}

/**
 * Edit Your Posting / Tell Success Story
 */
.form-item-a-dsr-post-offspring-newcheckbox label {
  width: auto;
}

#edit-submit,
.page-dsr-post-success #edit-delete {
  margin-right: 10px;
}

.page-dsr-post-add2 #edit-submit {
  padding-right: 50px;
}

.page-dsr-post-success #edit-submit {
  padding-right: 40px;
}

.page-dsr-post-success #edit-delete,
.page-dsr-post-success #edit-cancel,
.page-dsr-post-add2 #edit-delete,
.page-dsr-post-add2 #edit-cancel {
  background-color: #7FC2D6;
}

@media only screen and (max-width: 767px) {
  .page-dsr input[type="submit"] {
    display: block;
    margin-bottom: 10px;
  }
}

/* ------ */

.form-item.make-public.no-margin {
  margin: 0;
}

#sign-up .make-public label,
.form-item .description,
.form-item.make-public label {
  margin-left: 153px;
  width: auto;
  padding-right: 10px;
  font-size: 12px;
  vertical-align: baseline;
}

#sign-up img.captcha {
  display: inline-block;
  vertical-align: middle;
}

#dsr-post-element-demo-form6 #edit-static-text-donor-id,
#dsr-post-element-demo-form6 #edit-static-text-keyword,
#dsr-post-element-demo-form6 #edit-static-text-posted-after,
#dsr-post-element-demo-form6 #edit-static-text-postedby,
#dsr-post-element-demo-form6 #edit-static-text-postedbytype {
  float: right;
  clear: right;
  width: 40%;
  margin-top: 34px;
}

#dsr-post-element-demo-form6 #edit-static-text-donor-id label,
#dsr-post-element-demo-form6 #edit-static-text-keyword label,
#dsr-post-element-demo-form6 #edit-static-text-posted-after label,
#dsr-post-element-demo-form6 #edit-static-text-postedby label,
#dsr-post-element-demo-form6 #edit-static-text-postedbytype label {
  font-size: 12px;
}

#edit-a-dsr-search-donorid-results {
	display: none;
	position: relative;
}

select#dpSelect {
	height: auto;
}

#dsr-post-element-demo-form6 .hiddendiv-button {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 355px;
}

.container .column.form-item {
  padding: 0;
}

.footnote {
  text-align: right;
  padding-right: 4%;
  font-size: 11px;
}

@media only screen and (max-width: 1199px) {
	#dsr-post-element-demo-form6 #edit-static-text-donor-id,
	#dsr-post-element-demo-form6 #edit-static-text-keyword,
	#dsr-post-element-demo-form6 #edit-static-text-posted-after,
	#dsr-post-element-demo-form6 #edit-static-text-postedby,
	#dsr-post-element-demo-form6 #edit-static-text-postedbytype {
		width: 30%;
	}
	
	.form-item label,
	#dsr-post-element-demo-form6 label,
	#browse-by-clinic label,
	#dsr-post-element-demo-form6 input[type="text"],
	#dsr-post-element-demo-form6 input[type="password"],
	#dsr-post-element-demo-form6 input[type="email"],
	#dsr-post-element-demo-form6 textarea,
	#dsr-post-element-demo-form6 select,
	#browse-by-clinic select {
	 	display: block;
	 	width: auto;
	}
	
	.form-item .description {
  	margin-left: 0;
	}
	
	#dsr-post-element-demo-form6 .container-inline select {
		display: inline-block;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
	#dsr-post-element-demo-form6 #edit-static-text-donor-id label,
	#dsr-post-element-demo-form6 #edit-static-text-keyword label,
	#dsr-post-element-demo-form6 #edit-static-text-posted-after label,
	#dsr-post-element-demo-form6 #edit-static-text-postedby label,
	#dsr-post-element-demo-form6 #edit-static-text-postedbytype label {
	  margin-top: 30px;
	}
}

@media only screen and (max-width: 992px) {
  input.input-half,
  select.input-half,
  .container .one-half.column.form-item,
  .form-item-a-dsr-facil-street-address .form-textarea-wrapper {
    width: 100%;
  }

  .container .one-half.column.form-item:last-of-type {
    margin-top: 5px;
  }
  
  #sign-up select.input-sm,
  #sign-up input.input-sm {
    width: calc(100% - 175px);
  }
}

@media only screen and (max-width: 767px) {
	#dsr-post-element-demo-form6 #edit-static-text-donor-id,
	#dsr-post-element-demo-form6 #edit-static-text-keyword,
	#dsr-post-element-demo-form6 #edit-static-text-posted-after,
	#dsr-post-element-demo-form6 #edit-static-text-postedby,
	#dsr-post-element-demo-form6 #edit-static-text-postedbytype	{
		float: none;
		width: 100%;
	}
	
	#sign-up label {
  	width: auto;
  	display: block;
	}
	
	#sign-up .make-public label,
	.form-item.make-public label {
  	margin-left: 0;
  	display: inline-block;
	}
	
	#sign-up select.input-sm,
  #sign-up input.input-sm,
  #sign-up input[type="text"],
  #sign-up input[type="password"],
  #sign-up input[type="email"],
  #sign-up textarea,
  #sign-up select {
    width: 100%;
  }
  
  #sign-up img.captcha {
    display: block;
    margin: 10px auto;
  }
}

@media only screen and (max-width: 350px) {
	#dsr-post-element-demo-form6 input[type="text"],
	#dsr-post-element-demo-form6 input[type="password"],
	#dsr-post-element-demo-form6 input[type="email"],
	#dsr-post-element-demo-form6 textarea,
	#dsr-post-element-demo-form6 select {
	  max-width: 250px;
	}
	
	#dsr-post-element-demo-form6 .hiddendiv-button {
	  left: 255px;
	}
}

/**
 * Tables
 */
fieldset {
  clear: both;
}
 
table {
  table-layout: fixed;
}
 
table:not(.RegistryTable) tbody tr:nth-child(odd) {
	background-color: #dae9f0;
}
 
table th {
	background: #333;
	padding: 10px 0;
	color: #fff;
	text-transform: uppercase;
}

table th a {
  color: #fff;
  text-decoration: underline;
}

table th,
table td {
  overflow-wrap: break-word;
}

table td {
	color: #333;
}

table.full-width tbody td {
  text-align: center;
}

table tbody td {
	padding: 10px;
}

@media only screen and (max-width: 959px) {
  table th {
    width: auto !important;
  }
}

/**
 * Unapproved Photos Table
 */
table.unapproved-photos td {
  vertical-align: middle;
}

/**
 * Registry Search Results
 */

td.RegistryFacilityDetails {
	padding-bottom: 15px;
}

td.RegistryFacilityDetails .facility-description {
	color: #888;
	font-size: 12px;
}

td.offspring {
	font-size: 12px;
}

td.RegistryTotals {
	background-color: #ebeded;
	padding: 20px;
}

.container .icons-key .column img {
	display: inline;
}

.container .icons-key .column span {
	color: #333;
	vertical-align: top;
	line-height: 26px;
}

/**
 * Blockquotes
 */
blockquote {
  clear: both;
  border-left: 0;
}

blockquote.no-attr {
  clear: left;
  overflow: hidden;
}
 
blockquote .quote-section {
  position: relative;
  display: block !important;
  background: #F8F8F8;
  padding: 20px 25px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.1);
  box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.1);
}

blockquote .quote-section:after {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 50px;
  border-width: 0 30px 30px 0px;
  border-style: solid;
  border-color: transparent #F8F8F8;
  display: block;
  width: 0;
}

blockquote.no-attr .quote-section:after {
  display: none;
}
 
blockquote p:before,
blockquote p:after {
  color: #78C0D7;
  font-style: normal;
  line-height: 0;
  font-size: 30px;
  font-weight: bold;
}

body.page-node-51 blockquote .quote-section p:before,
body.page-node-51 blockquote .quote-section p:after,
body.page-node-51 blockquote .quote-section:after {
	display: none;
}

blockquote p:first-of-type:before {
  content: "“";
}

blockquote p:last-of-type:after {
  content: "”";
}

blockquote p {
  color: #000;
	font-style: italic;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

blockquote footer {
  color: #333;
  float: right;
  max-width: 50%;
  margin-bottom: 20px;
}

blockquote footer:before {
  content: "—";
  padding-right: 5px;
}

@media only screen and (max-width: 767px) {
  blockquote footer {
    float: none;
    max-width: none;
    margin-top: 30px;
  }
}

/**
 * Video Library
 */
.video-wrapper .container {
  border-bottom: 1px solid #236C91;
  padding-bottom: 20px;
}
 
.video-wrapper .column img {
  max-width: 120px;
  margin-bottom: 10px;
}

.video-wrapper .column p {
  text-align: center;
  margin: 0;
  line-height: 1.5em;
  font-weight: bold;
}

.video-wrapper .column .video-date {
  font-size: 12px;
  text-transform: uppercase;
  margin: 5px 0 10px;
  font-weight: normal;
}

/* Managing Photos
/-------------------------------------------------------------- */

h1.manage-photo {
	background-color:#3581A8;
	color:#FFF;
	padding:5px; 
	width:100%;
	margin: 0 auto;
}

.manage-photo-form {
	max-width: 1200px;
	margin: 0 auto;
}

.manage-photo-form th h4 {
  color: #fff;
}

/* Added by Mike at Insight Designs on April 24, 2014 */

#pid-dsr-member-photos {
	background: #FFF;
}

.manage-photo-form table td {
  text-align: center;
  vertical-align: top;
}

.manage-photo-form table td img {
  width: 120px;
  margin: 0 auto;
}

.visible-to-table input[type="radio"] {
  margin-right: 0;
}

.visible-to-table tr {
  background-color: transparent !important;
}

.manage-photo-form table td.notice div,
.manage-photo-form #photo-upload .save-prompt,
.manage-photo-form #photo-upload .image-upload-error {
    padding: 5px;
    font-weight: bold;
    text-align: center;
    background: #DDD;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.manage-photo-form #photo-upload .save-prompt {
    display: none;
    margin: 25px 0;
    background: #FFF18E;
}

.manage-photo-form #photo-upload .image-upload-error {
    margin: 15px 0 5px;
    background: #FA5E5A;
}

.manage-photo-form .submit-buttons {
    margin: 30px 0;
    text-align: center;
}

.manage-photo-form #drop {
    padding: 20px 10px 10px 10px;
    margin: 10px 0 0 0;
    clear: both;
    position: relative;
    text-align: center;
    background-color: #FFF;
    border: 2px dashed #CCC;
    
    /* transitions for background color change on dragover */
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}

.manage-photo-form #drop input#image_uploader {
    display: none;
}

.manage-photo-form #drop .action {
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.manage-photo-form #drop .action p {
    margin: 0;
}

.manage-photo-form #drop .action .drag-n-drop {
    margin-bottom: 5px;
    font-size: 16px;
}

.manage-photo-form #drop .action .drag-n-drop span,
.manage-photo-form #drop .action .limits {
    font-size: 12px;
}

.manage-photo-form #drop .action .limits {
    margin-top: 10px;
    color: #AAA;
}

.manage-photo-form .photo-row select,
.manage-photo-form .photo-row textarea {
  width: 100%;
}

.manage-photo-form #drop .go-ahead,
.manage-photo-form #drop .progress-message {
    display: none;
    width: 100%;
    margin-top: -15px;
    margin-left: -12px;
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    z-index: 99;
    color: #FFF;
}

/* when a file is being hovered over the #drop box */
.manage-photo-form #drop.dragover,
.manage-photo-form #drop.in-progress {
    padding: 22px 12px 12px 12px;
	background-color: #368CAD;
	border: 0;
}

.manage-photo-form #drop.dragover .action,
.manage-photo-form #drop.in-progress .action {
    opacity: 0; /* fade it out */
}

.manage-photo-form #drop.dragover .go-ahead,
.manage-photo-form #drop.in-progress .progress-message {
    display: block;
}

.manage-photo-form .photo-row a.edit {
  margin-right: 10px;
	font-size: 13px;
}

.manage-photo-form .SubmitButton {
    margin-right: 20px;
}

.manage-photo-form .SubmitButton.CancelButton {
    margin-right: 0;
}

/* HOMEPAGE WIDTH EDITS */
	body.front .container .one-third.column {
		width: 386px;
}
body.front .two-thirds.column.omega {
	width: 774px;
}

@media only screen and (max-width: 1199px) and (min-width: 960px) {
	body.front .container .one-third.column {
		width: 306px;
	}
	body.front .two-thirds.column.omega {
		width: 614px;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	body.front .container .one-third.column {
		width: 242px;
	}
	body.front .two-thirds.column.omega {
		width: 486px;
	}
}

/* 		Aligns the donate button in the footer */
@media only screen and (min-width: 1199px){
	body.front #footer .block a.dsr-button {
		right: 72px;
	}
}

/* 		Footer alignment fix at smaller widths */
@media only screen and (max-width: 1199px) and (min-width: 960px) {
	body.front #footer .container .four.columns {
		width: 250px
	}
	body.front #footer .eight.columns {
		width: 430px;
	}
	body.front #footer .block a.dsr-button {
		right: 40px;
	}
	body.front #block-block-24 .one-third.column.alpha {
		height: 561px;
	}
}

/* 		Success button alignment on tablet sizes */
@media only screen and (min-width: 480px) and (max-width: 767px){
	body.front #block-block-25 a.dsr-button {
		margin-left: -16px;
	}
	body.front .two-thirds.column.omega, .container .one-third.column {
		width: 420px;
	}
}

/* 		Adding space between content and the footer */
body.front #block-block-7 .content {
	padding-bottom: 30px;
}