@charset "UTF-8";
/*! $Id: 65.css 24276 2016-11-18 15:13:13Z lauren $ */
html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
  display:block;
}
audio,
canvas,
progress,
video{
  display:inline-block;
  vertical-align:baseline;
}
audio:not([controls]){
  display:none;
  height:0;
}
[hidden],
template{
  display:none;
}
a{
  background-color:transparent;
}
a:active,
a:hover{
  outline:0;
}
abbr[title]{
  border-bottom:1px dotted;
}
b,
strong{
  font-weight:bold;
}
dfn{
  font-style:italic;
}
h1{
  font-size:2em;
  margin:0.67em 0;
}
mark{
  background:#ff0;
  color:#000;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sup{
  top:-0.5em;
}

sub{
  bottom:-0.25em;
}
img{
  border:0;
}
svg:not(:root){
  overflow:hidden;
}
figure{
  margin:1em 40px;
}
hr{
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  height:0;
}
pre{
  overflow:auto;
}
code,
kbd,
pre,
samp{
  font-family:monospace, monospace;
  font-size:1em;
}
button,
input,
optgroup,
select,
textarea{
  color:inherit;
  font:inherit;
  margin:0;
}
button{
  overflow:visible;
}
button,
select{
  text-transform:none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
  -webkit-appearance:button;
  cursor:pointer;
}
button[disabled],
html input[disabled]{
  cursor:default;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
  border:0;
  padding:0;
}
input{
  line-height:normal;
}
input[type="checkbox"],
input[type="radio"]{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
  height:auto;
}
input[type="search"]{
  -webkit-appearance:textfield;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}
fieldset{
  border:1px solid silver;
  margin:0 2px;
  padding:0.35em 0.625em 0.75em;
}
legend{
  border:0;
  padding:0;
}
textarea{
  overflow:auto;
}
optgroup{
  font-weight:bold;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}

td,
th{
  padding:0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
  display:block;
}

body{
  line-height:1;
}

ol, ul{
  list-style:none;
}

blockquote, q{
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
  content:'';
  content:none;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

html{
  color:#222;
  font-size:1em;
  line-height:1.4;
}

::-moz-selection{
  background:#b3d4fc;
  text-shadow:none;
}

::selection{
  background:#b3d4fc;
  text-shadow:none;
}

hr{
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0;
}

audio,
canvas,
iframe,
img,
svg,
video{
  vertical-align:middle;
}

fieldset{
  border:0;
  margin:0;
  padding:0;
}

textarea{
  resize:vertical;
}

.browserWarning{
  display:block;
  width:100%;
  margin:0;
  padding:2px 5px;
  border-bottom:1px solid #a29330;
  font-family:Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif;
  font-size:14px;
  line-height:1.2;
  text-align:left;
  vertical-align:middle;
  background-color:#fdf2ab;
  color:#111;
}

.browserWarning a{
  font-size:14px;
  line-height:1.2;
}

.browserWarning a,
.browserWarning a:link,
.browserWarning a:visited{
  color:#00e;
  text-decoration:underline;
}

.browserWarning a:hover,
.browserWarning a:focus,
.browserWarning a:active{
  color:#e00;
  text-decoration:underline;
}
*, *:after, *:before{
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
[class*='grid-']{
  float:left;
  padding:10px 0;
  width:100%;
}

.clear-grid{
  clear:both;
  float:inherit;
}

.container{
  margin:0%;
  width:100%;
}

.container:after, .container:before{
  display:table;
  clear:both;
  content:" ";
}

.nest{
  margin:0 -10px;
  padding:0;
  width:auto;
}
.grid-m-12{
  width:100%;
}

.grid-m-11{
  width:91.666663%;
}

.grid-m-10{
  width:83.33%;
}

.grid-m-9{
  width:74.999997%;
}

.grid-m-8{
  width:66.66666664%;
}

.grid-m-7{
  width:58.333%;
}

.grid-m-6{
  width:50%;
}

.grid-m-5{
  width:41.6665%;
}

.grid-m-4{
  width:33.33%;
}

.grid-m-3{
  width:24.99%;
}

.grid-m-2{
  width:16.66666%;
}

.grid-m-1{
  width:8.33%;
}
@media (min-width: 720px){
  .grid-12{
    width:100%;
  }
  .grid-11{
    width:91.666663%;
  }
  .grid-10{
    width:83.33%;
  }
  .grid-9{
    width:74.999997%;
  }
  .grid-8{
    width:66.66666664%;
  }
  .grid-7{
    width:58.333%;
  }
  .grid-6{
    width:50%;
  }
  .grid-5{
    width:41.6665%;
  }
  .grid-4{
    width:33.33%;
  }
  .grid-3{
    width:24.99%;
  }
  .grid-2{
    width:16.66666%;
  }
  .grid-1{
    width:8.33%;
  }
  .grid-t-12{
    width:100%;
  }
  .grid-t-11{
    width:91.666663%;
  }
  .grid-t-10{
    width:83.33%;
  }
  .grid-t-9{
    width:74.999997%;
  }
  .grid-t-8{
    width:66.66666664%;
  }
  .grid-t-7{
    width:58.333%;
  }
  .grid-t-6{
    width:50%;
  }
  .grid-t-5{
    width:41.6665%;
  }
  .grid-t-4{
    width:33.33%;
  }
  .grid-t-3{
    width:24.99%;
  }
  .grid-t-2{
    width:16.66666%;
  }
  .grid-t-1{
    width:8.33%;
  }
}
@media only screen and (min-width: 1024px){
  .grid-tl-12{
    width:100%;
  }
  .grid-tl-11{
    width:91.666663%;
  }
  .grid-tl-10{
    width:83.33%;
  }
  .grid-tl-9{
    width:74.999997%;
  }
  .grid-tl-8{
    width:66.66666664%;
  }
  .grid-tl-7{
    width:58.333%;
  }
  .grid-tl-6{
    width:50%;
  }
  .grid-tl-5{
    width:41.6665%;
  }
  .grid-tl-4{
    width:33.33%;
  }
  .grid-tl-3{
    width:24.99%;
  }
  .grid-tl-2{
    width:16.66666%;
  }
  .grid-tl-1{
    width:8.33%;
  }
}
@media only screen and (min-width: 1200px){
  .container{
    max-width:1180px;
    margin:0 auto;
  }
  .container-fluid{
    max-width:90%;
    margin:0 5%;
  }
  .grid-d-12{
    width:100%;
  }
  .grid-d-11{
    width:91.666663%;
  }
  .grid-d-10{
    width:83.33%;
  }
  .grid-d-9{
    width:74.999997%;
  }
  .grid-d-8{
    width:66.66666664%;
  }
  .grid-d-7{
    width:58.333%;
  }
  .grid-d-6{
    width:50%;
  }
  .grid-d-5{
    width:41.6665%;
  }
  .grid-d-4{
    width:33.33%;
  }
  .grid-d-3{
    width:24.99%;
  }
  .grid-d-2{
    width:16.66666%;
  }
  .grid-d-1{
    width:8.33%;
  }
}
img.scale, img.responsive{
  max-width:100%;
  height:auto;
}

/*! jQuery UI - v1.12.1 - 2016-11-09
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, button.css, controlgroup.css, checkboxradio.css, dialog.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle{
  -ms-touch-action:none;
  touch-action:none;
}

.ui-helper-hidden{
  display:none;
}

.ui-helper-hidden-accessible{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

.ui-helper-reset{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  line-height:1.3;
  text-decoration:none;
  font-size:100%;
  list-style:none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after{
  content:"";
  display:table;
  border-collapse:collapse;
}

.ui-helper-clearfix:after{
  clear:both;
}

.ui-helper-zfix{
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  opacity:0;
  filter:Alpha(Opacity=0);
}

.ui-front{
  z-index:100;
}

.ui-state-disabled{
  cursor:default !important;
  pointer-events:none;
}

.ui-icon{
  display:inline-block;
  vertical-align:middle;
  margin-top:-.25em;
  position:relative;
  text-indent:-99999px;
  overflow:hidden;
  background-repeat:no-repeat;
}

.ui-widget-icon-block{
  left:50%;
  margin-left:-8px;
  display:block;
}

.ui-widget-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.ui-resizable{
  position:relative;
}

.ui-resizable-handle{
  position:absolute;
  font-size:0.1px;
  display:block;
  -ms-touch-action:none;
  touch-action:none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle{
  display:none;
}

.ui-resizable-n{
  cursor:n-resize;
  height:7px;
  width:100%;
  top:-5px;
  left:0;
}

.ui-resizable-s{
  cursor:s-resize;
  height:7px;
  width:100%;
  bottom:-5px;
  left:0;
}

.ui-resizable-e{
  cursor:e-resize;
  width:7px;
  right:-5px;
  top:0;
  height:100%;
}

.ui-resizable-w{
  cursor:w-resize;
  width:7px;
  left:-5px;
  top:0;
  height:100%;
}

.ui-resizable-se{
  cursor:se-resize;
  width:12px;
  height:12px;
  right:1px;
  bottom:1px;
}

.ui-resizable-sw{
  cursor:sw-resize;
  width:9px;
  height:9px;
  left:-5px;
  bottom:-5px;
}

.ui-resizable-nw{
  cursor:nw-resize;
  width:9px;
  height:9px;
  left:-5px;
  top:-5px;
}

.ui-resizable-ne{
  cursor:ne-resize;
  width:9px;
  height:9px;
  right:-5px;
  top:-5px;
}

.ui-button{
  padding:.4em 1em;
  display:inline-block;
  position:relative;
  line-height:normal;
  margin-right:.1em;
  cursor:pointer;
  vertical-align:middle;
  text-align:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  overflow:visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active{
  text-decoration:none;
}

.ui-button-icon-only{
  width:2em;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-indent:-9999px;
  white-space:nowrap;
}

input.ui-button.ui-button-icon-only{
  text-indent:0;
}

.ui-button-icon-only .ui-icon{
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-8px;
  margin-left:-8px;
}

.ui-button.ui-icon-notext .ui-icon{
  padding:0;
  width:2.1em;
  height:2.1em;
  text-indent:-9999px;
  white-space:nowrap;
}

input.ui-button.ui-icon-notext .ui-icon{
  width:auto;
  height:auto;
  text-indent:0;
  white-space:normal;
  padding:.4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner{
  border:0;
  padding:0;
}

.ui-controlgroup{
  vertical-align:middle;
  display:inline-block;
}

.ui-controlgroup > .ui-controlgroup-item{
  float:left;
  margin-left:0;
  margin-right:0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{
  z-index:9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item{
  display:block;
  float:none;
  width:100%;
  margin-top:0;
  margin-bottom:0;
  text-align:left;
}

.ui-controlgroup-vertical .ui-controlgroup-item{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.ui-controlgroup .ui-controlgroup-label{
  padding:.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span{
  font-size:80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{
  border-left:none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{
  border-top:none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{
  border-right:none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{
  border-bottom:none;
}

.ui-controlgroup-vertical .ui-spinner-input{
  width:75%;
  width:-webkit-calc( 100% - 2.4em);
  width:-moz-calc( 100% - 2.4em);
  width:calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{
  border-top-style:solid;
}

.ui-checkboxradio-label .ui-icon-background{
  -webkit-box-shadow:inset 1px 1px 1px #ccc;
  -moz-box-shadow:inset 1px 1px 1px #ccc;
  box-shadow:inset 1px 1px 1px #ccc;
  -webkit-border-radius:.12em;
  -moz-border-radius:.12em;
  border-radius:.12em;
  border:none;
}

.ui-checkboxradio-radio-label .ui-icon-background{
  width:16px;
  height:16px;
  -webkit-border-radius:1em;
  -moz-border-radius:1em;
  border-radius:1em;
  overflow:visible;
  border:none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{
  background-image:none;
  width:8px;
  height:8px;
  border-width:4px;
  border-style:solid;
}

.ui-checkboxradio-disabled{
  pointer-events:none;
}

.ui-dialog{
  position:absolute;
  top:0;
  left:0;
  padding:.2em;
  outline:0;
}

.ui-dialog .ui-dialog-titlebar{
  padding:.4em 1em;
  position:relative;
}

.ui-dialog .ui-dialog-title{
  float:left;
  margin:.1em 0;
  white-space:nowrap;
  width:90%;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close{
  position:absolute;
  right:.3em;
  top:50%;
  width:20px;
  margin:-10px 0 0;
  padding:1px;
  height:20px;
}

.ui-dialog .ui-dialog-content{
  position:relative;
  border:0;
  padding:.5em 1em;
  background:none;
  overflow:auto;
}

.ui-dialog .ui-dialog-buttonpane{
  text-align:left;
  border-width:1px 0 0;
  background-image:none;
  margin-top:.5em;
  padding:.3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
  float:right;
}

.ui-dialog .ui-dialog-buttonpane button{
  margin:.5em .4em .5em 0;
  cursor:pointer;
}

.ui-dialog .ui-resizable-n{
  height:2px;
  top:0;
}

.ui-dialog .ui-resizable-e{
  width:2px;
  right:0;
}

.ui-dialog .ui-resizable-s{
  height:2px;
  bottom:0;
}

.ui-dialog .ui-resizable-w{
  width:2px;
  left:0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw{
  width:7px;
  height:7px;
}

.ui-dialog .ui-resizable-se{
  right:0;
  bottom:0;
}

.ui-dialog .ui-resizable-sw{
  left:0;
  bottom:0;
}

.ui-dialog .ui-resizable-ne{
  right:0;
  top:0;
}

.ui-dialog .ui-resizable-nw{
  left:0;
  top:0;
}

.ui-draggable .ui-dialog-titlebar{
  cursor:move;
}

.ui-widget{
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em;
}

.ui-widget .ui-widget{
  font-size:1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em;
}

.ui-widget.ui-widget-content{
  border:1px solid #c5c5c5;
}

.ui-widget-content{
  border:1px solid #ddd;
  background:#fff;
  color:#333;
}

.ui-widget-content a{
  color:#333;
}

.ui-widget-header{
  border:1px solid #ddd;
  background:#e9e9e9;
  color:#333;
  font-weight:bold;
}

.ui-widget-header a{
  color:#333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
  border:1px solid #c5c5c5;
  background:#f6f6f6;
  font-weight:normal;
  color:#454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
  color:#454545;
  text-decoration:none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
  border:1px solid #ccc;
  background:#ededed;
  font-weight:normal;
  color:#2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus{
  color:#2b2b2b;
  text-decoration:none;
}

.ui-visual-focus{
  -webkit-box-shadow:0 0 3px 1px #5e9ed6;
  -moz-box-shadow:0 0 3px 1px #5e9ed6;
  box-shadow:0 0 3px 1px #5e9ed6;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  border:1px solid #003eff;
  background:#007fff;
  font-weight:normal;
  color:#fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background{
  border:#003eff;
  background-color:#fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
  color:#fff;
  text-decoration:none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border:1px solid #dad55e;
  background:#fffa90;
  color:#777620;
}

.ui-state-checked{
  border:1px solid #dad55e;
  background:#fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{
  color:#777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{
  border:1px solid #f1a899;
  background:#fddfdf;
  color:#5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{
  color:#5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{
  color:#5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{
  font-weight:bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{
  opacity:.7;
  filter:Alpha(Opacity=70);
  font-weight:normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
  opacity:.35;
  filter:Alpha(Opacity=35);
  background-image:none;
}

.ui-state-disabled .ui-icon{
  filter:Alpha(Opacity=35);
}

.ui-icon{
  width:16px;
  height:16px;
}

.ui-icon, .ui-widget-content .ui-icon{
  background-image:url("/pics/0/jquery-ui/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon{
  background-image:url("/pics/0/jquery-ui/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{
  background-image:url("/pics/0/jquery-ui/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon{
  background-image:url("/pics/0/jquery-ui/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon{
  background-image:url("/pics/0/jquery-ui/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon{
  background-image:url("/pics/0/jquery-ui/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon{
  background-image:url("/pics/0/jquery-ui/ui-icons_777777_256x240.png");
}

.ui-icon-blank{
  background-position:16px 16px;
}

.ui-icon-caret-1-n{
  background-position:0 0;
}

.ui-icon-caret-1-ne{
  background-position:-16px 0;
}

.ui-icon-caret-1-e{
  background-position:-32px 0;
}

.ui-icon-caret-1-se{
  background-position:-48px 0;
}

.ui-icon-caret-1-s{
  background-position:-65px 0;
}

.ui-icon-caret-1-sw{
  background-position:-80px 0;
}

.ui-icon-caret-1-w{
  background-position:-96px 0;
}

.ui-icon-caret-1-nw{
  background-position:-112px 0;
}

.ui-icon-caret-2-n-s{
  background-position:-128px 0;
}

.ui-icon-caret-2-e-w{
  background-position:-144px 0;
}

.ui-icon-triangle-1-n{
  background-position:0 -16px;
}

.ui-icon-triangle-1-ne{
  background-position:-16px -16px;
}

.ui-icon-triangle-1-e{
  background-position:-32px -16px;
}

.ui-icon-triangle-1-se{
  background-position:-48px -16px;
}

.ui-icon-triangle-1-s{
  background-position:-65px -16px;
}

.ui-icon-triangle-1-sw{
  background-position:-80px -16px;
}

.ui-icon-triangle-1-w{
  background-position:-96px -16px;
}

.ui-icon-triangle-1-nw{
  background-position:-112px -16px;
}

.ui-icon-triangle-2-n-s{
  background-position:-128px -16px;
}

.ui-icon-triangle-2-e-w{
  background-position:-144px -16px;
}

.ui-icon-arrow-1-n{
  background-position:0 -32px;
}

.ui-icon-arrow-1-ne{
  background-position:-16px -32px;
}

.ui-icon-arrow-1-e{
  background-position:-32px -32px;
}

.ui-icon-arrow-1-se{
  background-position:-48px -32px;
}

.ui-icon-arrow-1-s{
  background-position:-65px -32px;
}

.ui-icon-arrow-1-sw{
  background-position:-80px -32px;
}

.ui-icon-arrow-1-w{
  background-position:-96px -32px;
}

.ui-icon-arrow-1-nw{
  background-position:-112px -32px;
}

.ui-icon-arrow-2-n-s{
  background-position:-128px -32px;
}

.ui-icon-arrow-2-ne-sw{
  background-position:-144px -32px;
}

.ui-icon-arrow-2-e-w{
  background-position:-160px -32px;
}

.ui-icon-arrow-2-se-nw{
  background-position:-176px -32px;
}

.ui-icon-arrowstop-1-n{
  background-position:-192px -32px;
}

.ui-icon-arrowstop-1-e{
  background-position:-208px -32px;
}

.ui-icon-arrowstop-1-s{
  background-position:-224px -32px;
}

.ui-icon-arrowstop-1-w{
  background-position:-240px -32px;
}

.ui-icon-arrowthick-1-n{
  background-position:1px -48px;
}

.ui-icon-arrowthick-1-ne{
  background-position:-16px -48px;
}

.ui-icon-arrowthick-1-e{
  background-position:-32px -48px;
}

.ui-icon-arrowthick-1-se{
  background-position:-48px -48px;
}

.ui-icon-arrowthick-1-s{
  background-position:-64px -48px;
}

.ui-icon-arrowthick-1-sw{
  background-position:-80px -48px;
}

.ui-icon-arrowthick-1-w{
  background-position:-96px -48px;
}

.ui-icon-arrowthick-1-nw{
  background-position:-112px -48px;
}

.ui-icon-arrowthick-2-n-s{
  background-position:-128px -48px;
}

.ui-icon-arrowthick-2-ne-sw{
  background-position:-144px -48px;
}

.ui-icon-arrowthick-2-e-w{
  background-position:-160px -48px;
}

.ui-icon-arrowthick-2-se-nw{
  background-position:-176px -48px;
}

.ui-icon-arrowthickstop-1-n{
  background-position:-192px -48px;
}

.ui-icon-arrowthickstop-1-e{
  background-position:-208px -48px;
}

.ui-icon-arrowthickstop-1-s{
  background-position:-224px -48px;
}

.ui-icon-arrowthickstop-1-w{
  background-position:-240px -48px;
}

.ui-icon-arrowreturnthick-1-w{
  background-position:0 -64px;
}

.ui-icon-arrowreturnthick-1-n{
  background-position:-16px -64px;
}

.ui-icon-arrowreturnthick-1-e{
  background-position:-32px -64px;
}

.ui-icon-arrowreturnthick-1-s{
  background-position:-48px -64px;
}

.ui-icon-arrowreturn-1-w{
  background-position:-64px -64px;
}

.ui-icon-arrowreturn-1-n{
  background-position:-80px -64px;
}

.ui-icon-arrowreturn-1-e{
  background-position:-96px -64px;
}

.ui-icon-arrowreturn-1-s{
  background-position:-112px -64px;
}

.ui-icon-arrowrefresh-1-w{
  background-position:-128px -64px;
}

.ui-icon-arrowrefresh-1-n{
  background-position:-144px -64px;
}

.ui-icon-arrowrefresh-1-e{
  background-position:-160px -64px;
}

.ui-icon-arrowrefresh-1-s{
  background-position:-176px -64px;
}

.ui-icon-arrow-4{
  background-position:0 -80px;
}

.ui-icon-arrow-4-diag{
  background-position:-16px -80px;
}

.ui-icon-extlink{
  background-position:-32px -80px;
}

.ui-icon-newwin{
  background-position:-48px -80px;
}

.ui-icon-refresh{
  background-position:-64px -80px;
}

.ui-icon-shuffle{
  background-position:-80px -80px;
}

.ui-icon-transfer-e-w{
  background-position:-96px -80px;
}

.ui-icon-transferthick-e-w{
  background-position:-112px -80px;
}

.ui-icon-folder-collapsed{
  background-position:0 -96px;
}

.ui-icon-folder-open{
  background-position:-16px -96px;
}

.ui-icon-document{
  background-position:-32px -96px;
}

.ui-icon-document-b{
  background-position:-48px -96px;
}

.ui-icon-note{
  background-position:-64px -96px;
}

.ui-icon-mail-closed{
  background-position:-80px -96px;
}

.ui-icon-mail-open{
  background-position:-96px -96px;
}

.ui-icon-suitcase{
  background-position:-112px -96px;
}

.ui-icon-comment{
  background-position:-128px -96px;
}

.ui-icon-person{
  background-position:-144px -96px;
}

.ui-icon-print{
  background-position:-160px -96px;
}

.ui-icon-trash{
  background-position:-176px -96px;
}

.ui-icon-locked{
  background-position:-192px -96px;
}

.ui-icon-unlocked{
  background-position:-208px -96px;
}

.ui-icon-bookmark{
  background-position:-224px -96px;
}

.ui-icon-tag{
  background-position:-240px -96px;
}

.ui-icon-home{
  background-position:0 -112px;
}

.ui-icon-flag{
  background-position:-16px -112px;
}

.ui-icon-calendar{
  background-position:-32px -112px;
}

.ui-icon-cart{
  background-position:-48px -112px;
}

.ui-icon-pencil{
  background-position:-64px -112px;
}

.ui-icon-clock{
  background-position:-80px -112px;
}

.ui-icon-disk{
  background-position:-96px -112px;
}

.ui-icon-calculator{
  background-position:-112px -112px;
}

.ui-icon-zoomin{
  background-position:-128px -112px;
}

.ui-icon-zoomout{
  background-position:-144px -112px;
}

.ui-icon-search{
  background-position:-160px -112px;
}

.ui-icon-wrench{
  background-position:-176px -112px;
}

.ui-icon-gear{
  background-position:-192px -112px;
}

.ui-icon-heart{
  background-position:-208px -112px;
}

.ui-icon-star{
  background-position:-224px -112px;
}

.ui-icon-link{
  background-position:-240px -112px;
}

.ui-icon-cancel{
  background-position:0 -128px;
}

.ui-icon-plus{
  background-position:-16px -128px;
}

.ui-icon-plusthick{
  background-position:-32px -128px;
}

.ui-icon-minus{
  background-position:-48px -128px;
}

.ui-icon-minusthick{
  background-position:-64px -128px;
}

.ui-icon-close{
  background-position:-80px -128px;
}

.ui-icon-closethick{
  background-position:-96px -128px;
}

.ui-icon-key{
  background-position:-112px -128px;
}

.ui-icon-lightbulb{
  background-position:-128px -128px;
}

.ui-icon-scissors{
  background-position:-144px -128px;
}

.ui-icon-clipboard{
  background-position:-160px -128px;
}

.ui-icon-copy{
  background-position:-176px -128px;
}

.ui-icon-contact{
  background-position:-192px -128px;
}

.ui-icon-image{
  background-position:-208px -128px;
}

.ui-icon-video{
  background-position:-224px -128px;
}

.ui-icon-script{
  background-position:-240px -128px;
}

.ui-icon-alert{
  background-position:0 -144px;
}

.ui-icon-info{
  background-position:-16px -144px;
}

.ui-icon-notice{
  background-position:-32px -144px;
}

.ui-icon-help{
  background-position:-48px -144px;
}

.ui-icon-check{
  background-position:-64px -144px;
}

.ui-icon-bullet{
  background-position:-80px -144px;
}

.ui-icon-radio-on{
  background-position:-96px -144px;
}

.ui-icon-radio-off{
  background-position:-112px -144px;
}

.ui-icon-pin-w{
  background-position:-128px -144px;
}

.ui-icon-pin-s{
  background-position:-144px -144px;
}

.ui-icon-play{
  background-position:0 -160px;
}

.ui-icon-pause{
  background-position:-16px -160px;
}

.ui-icon-seek-next{
  background-position:-32px -160px;
}

.ui-icon-seek-prev{
  background-position:-48px -160px;
}

.ui-icon-seek-end{
  background-position:-64px -160px;
}

.ui-icon-seek-start{
  background-position:-80px -160px;
}

.ui-icon-seek-first{
  background-position:-80px -160px;
}

.ui-icon-stop{
  background-position:-96px -160px;
}

.ui-icon-eject{
  background-position:-112px -160px;
}

.ui-icon-volume-off{
  background-position:-128px -160px;
}

.ui-icon-volume-on{
  background-position:-144px -160px;
}

.ui-icon-power{
  background-position:0 -176px;
}

.ui-icon-signal-diag{
  background-position:-16px -176px;
}

.ui-icon-signal{
  background-position:-32px -176px;
}

.ui-icon-battery-0{
  background-position:-48px -176px;
}

.ui-icon-battery-1{
  background-position:-64px -176px;
}

.ui-icon-battery-2{
  background-position:-80px -176px;
}

.ui-icon-battery-3{
  background-position:-96px -176px;
}

.ui-icon-circle-plus{
  background-position:0 -192px;
}

.ui-icon-circle-minus{
  background-position:-16px -192px;
}

.ui-icon-circle-close{
  background-position:-32px -192px;
}

.ui-icon-circle-triangle-e{
  background-position:-48px -192px;
}

.ui-icon-circle-triangle-s{
  background-position:-64px -192px;
}

.ui-icon-circle-triangle-w{
  background-position:-80px -192px;
}

.ui-icon-circle-triangle-n{
  background-position:-96px -192px;
}

.ui-icon-circle-arrow-e{
  background-position:-112px -192px;
}

.ui-icon-circle-arrow-s{
  background-position:-128px -192px;
}

.ui-icon-circle-arrow-w{
  background-position:-144px -192px;
}

.ui-icon-circle-arrow-n{
  background-position:-160px -192px;
}

.ui-icon-circle-zoomin{
  background-position:-176px -192px;
}

.ui-icon-circle-zoomout{
  background-position:-192px -192px;
}

.ui-icon-circle-check{
  background-position:-208px -192px;
}

.ui-icon-circlesmall-plus{
  background-position:0 -208px;
}

.ui-icon-circlesmall-minus{
  background-position:-16px -208px;
}

.ui-icon-circlesmall-close{
  background-position:-32px -208px;
}

.ui-icon-squaresmall-plus{
  background-position:-48px -208px;
}

.ui-icon-squaresmall-minus{
  background-position:-64px -208px;
}

.ui-icon-squaresmall-close{
  background-position:-80px -208px;
}

.ui-icon-grip-dotted-vertical{
  background-position:0 -224px;
}

.ui-icon-grip-dotted-horizontal{
  background-position:-16px -224px;
}

.ui-icon-grip-solid-vertical{
  background-position:-32px -224px;
}

.ui-icon-grip-solid-horizontal{
  background-position:-48px -224px;
}

.ui-icon-gripsmall-diagonal-se{
  background-position:-64px -224px;
}

.ui-icon-grip-diagonal-se{
  background-position:-80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
  -webkit-border-top-left-radius:3px;
  -moz-border-radius-topleft:3px;
  border-top-left-radius:3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
  -webkit-border-top-right-radius:3px;
  -moz-border-radius-topright:3px;
  border-top-right-radius:3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
  -webkit-border-bottom-left-radius:3px;
  -moz-border-radius-bottomleft:3px;
  border-bottom-left-radius:3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
  -webkit-border-bottom-right-radius:3px;
  -moz-border-radius-bottomright:3px;
  border-bottom-right-radius:3px;
}

.ui-widget-overlay{
  background:#aaa;
  opacity:.3;
  filter:Alpha(Opacity=30);
}

.ui-widget-shadow{
  -webkit-box-shadow:0 0 5px #666;
  -moz-box-shadow:0 0 5px #666;
  box-shadow:0 0 5px #666;
}
.slick-slider{
  position:relative;
  display:block;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -khtml-user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
}

.slick-list{
  position:relative;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0;
}

.slick-list:focus{
  outline:none;
}

.slick-list.dragging{
  cursor:pointer;
  cursor:hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0);
  -o-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}

.slick-track{
  position:relative;
  top:0;
  left:0;
  display:block;
}

.slick-track:before,
.slick-track:after{
  display:table;
  content:'';
}

.slick-track:after{
  clear:both;
}

.slick-loading .slick-track{
  visibility:hidden;
}

.slick-slide{
  display:none;
  float:left;
  height:100%;
  min-height:1px;
}

[dir='rtl'] .slick-slide{
  float:right;
}

.slick-slide img{
  display:block;
}

.slick-slide.slick-loading img{
  display:none;
}

.slick-slide.dragging img{
  pointer-events:none;
}

.slick-initialized .slick-slide{
  display:block;
}

.slick-loading .slick-slide{
  visibility:hidden;
}

.slick-vertical .slick-slide{
  display:block;
  height:auto;
  border:1px solid transparent;
}

.slick-arrow.slick-hidden{
  display:none;
}

.select2-container{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  display:inline-block;
  margin:0;
  position:relative;
  vertical-align:middle;
}

.select2-container .select2-selection--single{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  cursor:pointer;
  display:block;
  height:28px;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-user-select:none;
}

.select2-container .select2-selection--single .select2-selection__rendered{
  display:block;
  padding-left:8px;
  padding-right:20px;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear{
  position:relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
  padding-right:8px;
  padding-left:20px;
}

.select2-container .select2-selection--multiple{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  cursor:pointer;
  display:block;
  min-height:32px;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-user-select:none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered{
  display:inline-block;
  overflow:hidden;
  padding-left:8px;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.select2-container .select2-search--inline{
  float:left;
}

.select2-container .select2-search--inline .select2-search__field{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  border:none;
  font-size:100%;
  margin-top:5px;
  padding:0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
  -webkit-appearance:none;
}

.select2-dropdown{
  background-color:#fff;
  border:1px solid #aaa;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  position:absolute;
  left:-100000px;
  width:100%;
  z-index:1051;
}

.select2-results{
  display:block;
}

.select2-results__options{
  list-style:none;
  margin:0;
  padding:0;
}

.select2-results__option{
  padding:6px;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-user-select:none;
}

.select2-results__option[aria-selected]{
  cursor:pointer;
}

.select2-container--open .select2-dropdown{
  left:0;
}

.select2-container--open .select2-dropdown--above{
  border-bottom:none;
  -webkit-border-bottom-left-radius:0;
  -moz-border-radius-bottomleft:0;
  border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
  -moz-border-radius-bottomright:0;
  border-bottom-right-radius:0;
}

.select2-container--open .select2-dropdown--below{
  border-top:none;
  -webkit-border-top-left-radius:0;
  -moz-border-radius-topleft:0;
  border-top-left-radius:0;
  -webkit-border-top-right-radius:0;
  -moz-border-radius-topright:0;
  border-top-right-radius:0;
}

.select2-search--dropdown{
  display:block;
  padding:4px;
}

.select2-search--dropdown .select2-search__field{
  padding:4px;
  width:100%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
  -webkit-appearance:none;
}

.select2-search--dropdown.select2-search--hide{
  display:none;
}

.select2-close-mask{
  border:0;
  margin:0;
  padding:0;
  display:block;
  position:fixed;
  left:0;
  top:0;
  min-height:100%;
  min-width:100%;
  height:auto;
  width:auto;
  opacity:0;
  z-index:99;
  background-color:#fff;
  filter:alpha(opacity=0);
}

.select2-hidden-accessible{
  border:0 !important;
  clip:rect(0 0 0 0) !important;
  height:1px !important;
  margin:-1px !important;
  overflow:hidden !important;
  padding:0 !important;
  position:absolute !important;
  width:1px !important;
}

.select2-container--default .select2-selection--single{
  background-color:#fff;
  border:1px solid #aaa;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#444;
  line-height:28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear{
  cursor:pointer;
  float:right;
  font-weight:bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
  color:#999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:26px;
  position:absolute;
  top:1px;
  right:1px;
  width:20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color:#888 transparent transparent;
  border-style:solid;
  border-width:5px 4px 0;
  height:0;
  left:50%;
  margin-left:-4px;
  margin-top:-2px;
  position:absolute;
  top:50%;
  width:0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{
  float:left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
  left:1px;
  right:auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single{
  background-color:#eee;
  cursor:default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
  display:none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-color:transparent transparent #888;
  border-width:0 4px 5px;
}

.select2-container--default .select2-selection--multiple{
  background-color:#fff;
  border:1px solid #aaa;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  cursor:text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  list-style:none;
  margin:0;
  padding:0 5px;
  width:100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder{
  color:#999;
  margin-top:5px;
  float:left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear{
  cursor:pointer;
  float:right;
  font-weight:bold;
  margin-top:5px;
  margin-right:10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background-color:#e4e4e4;
  border:1px solid #aaa;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  cursor:default;
  float:left;
  margin-right:5px;
  margin-top:5px;
  padding:0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color:#999;
  cursor:pointer;
  display:inline-block;
  font-weight:bold;
  margin-right:2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
  color:#333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{
  float:right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
  margin-left:5px;
  margin-right:auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
  margin-left:2px;
  margin-right:auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
  border:solid #000 1px;
  outline:0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple{
  background-color:#eee;
  cursor:default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove{
  display:none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{
  -webkit-border-top-left-radius:0;
  -moz-border-radius-topleft:0;
  border-top-left-radius:0;
  -webkit-border-top-right-radius:0;
  -moz-border-radius-topright:0;
  border-top-right-radius:0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
  -webkit-border-bottom-left-radius:0;
  -moz-border-radius-bottomleft:0;
  border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
  -moz-border-radius-bottomright:0;
  border-bottom-right-radius:0;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
  border:1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field{
  background:transparent;
  border:none;
  outline:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  -webkit-appearance:textfield;
}

.select2-container--default .select2-results > .select2-results__options{
  max-height:200px;
  overflow-y:auto;
}

.select2-container--default .select2-results__option[role=group]{
  padding:0;
}

.select2-container--default .select2-results__option[aria-disabled=true]{
  color:#999;
}

.select2-container--default .select2-results__option[aria-selected=true]{
  background-color:#ddd;
}

.select2-container--default .select2-results__option .select2-results__option{
  padding-left:1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group{
  padding-left:0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-1em;
  padding-left:2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-2em;
  padding-left:3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-3em;
  padding-left:4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-4em;
  padding-left:5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
  margin-left:-5em;
  padding-left:6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color:#5897fb;
  color:#fff;
}

.select2-container--default .select2-results__group{
  cursor:default;
  display:block;
  padding:6px;
}
.noUi-target,
.noUi-target *{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -ms-touch-action:none;
  touch-action:none;
  -ms-user-select:none;
  -moz-user-select:none;
  user-select:none;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.noUi-target{
  position:relative;
  direction:ltr;
}

.noUi-base{
  width:100%;
  height:100%;
  position:relative;
  z-index:1;
}

.noUi-origin{
  position:absolute;
  right:0;
  top:0;
  left:0;
  bottom:0;
}

.noUi-handle{
  position:relative;
  z-index:1;
}

.noUi-stacking .noUi-handle{
  z-index:10;
}

.noUi-state-tap .noUi-origin{
  -webkit-transition:left 0.3s, top 0.3s;
  -moz-transition:left 0.3s, top 0.3s;
  -o-transition:left 0.3s, top 0.3s;
  transition:left 0.3s, top 0.3s;
}

.noUi-state-drag *{
  cursor:inherit !important;
}
.noUi-base,
.noUi-handle{
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}
.noUi-horizontal{
  height:0.4rem;
}

.noUi-horizontal .noUi-handle{
  width:3rem;
  height:3rem;
  left:-0.7rem;
  top:-1.2rem;
  cursor:pointer;
}

.noUi-vertical{
  width:18px;
}

.noUi-vertical .noUi-handle{
  width:28px;
  height:34px;
  left:-6px;
  top:-17px;
}
.noUi-horizontal.noUi-extended{
  padding-right:3.2rem;
}

.noUi-horizontal.noUi-extended .noUi-handle{
  left:-0.1rem;
}

.noUi-horizontal.noUi-extended .noUi-origin{
  right:-3.2rem;
}
.noUi-background{
  background:#fff;
}

.noUi-connect{
  background:#364ea3;
  -webkit-transition:background 450ms;
  -moz-transition:background 450ms;
  -o-transition:background 450ms;
  transition:background 450ms;
}

.noUi-origin{
  -webkit-border-radius:0.2rem;
  -moz-border-radius:0.2rem;
  border-radius:0.2rem;
}

.noUi-target{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.noUi-target.noUi-connect{
  -webkit-box-shadow:inset 0 0 3px rgba(51,51,51,.45), 0 3px 6px -5px #bbb;
  -moz-box-shadow:inset 0 0 3px rgba(51,51,51,.45), 0 3px 6px -5px #bbb;
  box-shadow:inset 0 0 3px rgba(51,51,51,.45), 0 3px 6px -5px #bbb;
}
.noUi-draggable{
  cursor:w-resize;
}

.noUi-vertical .noUi-draggable{
  cursor:n-resize;
}

.noUi-handle{
  border:0.5rem solid #364ea3;
  -webkit-border-radius:5rem;
  -moz-border-radius:5rem;
  border-radius:5rem;
  background:#fff;
  cursor:default;
}

.noUi-active{
  -webkit-box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
  -moz-box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
  box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}
.noUi-handle:before,
.noUi-handle:after{
  content:"";
  display:block;
  position:absolute;
  height:1rem;
  width:0.1rem;
  background:#c0c2ca;
  left:1.2rem;
  top:0.5rem;
}

.noUi-handle:after{
  left:0.8rem;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after{
  width:14px;
  height:1px;
  left:6px;
  top:14px;
}

.noUi-vertical .noUi-handle:after{
  top:17px;
}
.noUi-pips,
.noUi-pips *{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.noUi-pips{
  position:absolute;
  color:#999;
}
.noUi-value{
  width:4rem;
  position:absolute;
  text-align:center;
}

.noUi-value-sub{
  color:#ccc;
  font-size:10px;
}
.noUi-marker{
  position:absolute;
  background:#fff;
}

.noUi-marker-sub{
  background:#aaa;
}

.noUi-marker-large{
  background:#aaa;
}
.noUi-pips-horizontal{
  padding:10px 0;
  height:50px;
  top:100%;
  left:0;
  width:100%;
  margin-top:-1.8rem;
}

.noUi-value-horizontal{
  margin-left:-20px;
  padding-top:20px;
}

.noUi-value-horizontal.noUi-value-sub{
  padding-top:15px;
}

.noUi-marker-horizontal.noUi-marker{
  margin-left:-1px;
  width:2px;
  height:11px;
}

.noUi-marker-horizontal.noUi-marker:first-child, .noUi-marker-horizontal.noUi-marker:last-child{
  display:none;
}

.noUi-marker-horizontal.noUi-marker-sub{
  height:10px;
}

.noUi-marker-horizontal.noUi-marker-large{
  height:15px;
}
[disabled].noUi-background,
[disabled].noUi-connect,
[disabled].noUi-origin,
[disabled] .noUi-marker{
  background:#c0c2ca;
}

[disabled] .noUi-handle{
  border:none;
  background:#c0c2ca;
}

[disabled].noUi-origin,
[disabled] .noUi-handle{
  cursor:not-allowed;
}

.r-tabs .r-tabs-nav{
  margin:0;
  padding:0;
}

@media only screen and (max-width: 840px){
  .r-tabs .r-tabs-nav{
    display:none;
  }
}

.r-tabs .r-tabs-tab{
  display:inline-block;
  margin:0;
  list-style:none;
}

.r-tabs .r-tabs-panel{
  padding:15px;
  display:none;
}

.r-tabs .r-tabs-accordion-title{
  display:none;
}

@media only screen and (max-width: 840px){
  .r-tabs .r-tabs-accordion-title{
    display:block;
  }
}

.r-tabs .r-tabs-panel.r-tabs-state-active{
  display:block;
}

@media only screen and (max-width: 1024px){
  table.responsive,
  table.responsive thead,
  table.responsive tbody,
  table.responsive th,
  table.responsive td,
  table.responsive tr{
    display:block;
  }
  table.responsive thead tr{
    position:absolute;
    top:-9999rem;
    left:-9999rem;
  }
  table.responsive tr{
    border:0.1rem solid #ccc;
    margin-bottom:-1rem;
  }
  table.responsive td{
    border:none;
    border-bottom:0.1rem solid #eee;
    position:relative;
    padding-left:50%;
  }
  table.responsive td:before{
    position:absolute;
    top:0.6rem;
    left:0.6rem;
    width:40%;
    padding-right:1rem;
    text-align:left;
    word-wrap:break-word;
  }
  table.responsive tr:first-child{
    position:absolute;
    top:-9999rem;
    left:-9999rem;
  }
  table.responsive td:before{
    content:attr(data-content);
    height:5rem;
  }
  table.responsive td.small-padding{
    padding-top:5rem;
    padding-bottom:5rem;
  }
  table.responsive td.medium-padding{
    padding-top:1.5rem;
    padding-bottom:1.5rem;
  }
  table.responsive td.large-padding{
    padding-top:2.5rem;
    padding-bottom:2.5rem;
  }
}
#nprogress{
  pointer-events:none;
}

#nprogress .bar{
  background:#29d;
  position:fixed;
  z-index:1031;
  top:0;
  left:0;
  width:100%;
  height:2px;
}
#nprogress .peg{
  display:block;
  position:absolute;
  right:0px;
  width:100px;
  height:100%;
  -webkit-box-shadow:0 0 10px #29d, 0 0 5px #29d;
  -moz-box-shadow:0 0 10px #29d, 0 0 5px #29d;
  box-shadow:0 0 10px #29d, 0 0 5px #29d;
  opacity:1.0;
  -webkit-transform:rotate(3deg) translate(0px, -4px);
  -ms-transform:rotate(3deg) translate(0px, -4px);
  -moz-transform:rotate(3deg) translate(0px, -4px);
  -o-transform:rotate(3deg) translate(0px, -4px);
  transform:rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner{
  display:block;
  position:fixed;
  z-index:1031;
  top:15px;
  right:15px;
}

#nprogress .spinner-icon{
  width:18px;
  height:18px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  border:solid 2px transparent;
  border-top-color:#29d;
  border-left-color:#29d;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  -webkit-animation:nprogress-spinner 400ms linear infinite;
  -moz-animation:nprogress-spinner 400ms linear infinite;
  -o-animation:nprogress-spinner 400ms linear infinite;
  animation:nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent{
  overflow:hidden;
  position:relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar{
  position:absolute;
}

@-webkit-keyframes nprogress-spinner{
  0%{
    -webkit-transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
  }
}

@-moz-keyframes nprogress-spinner{
  0%{
    -moz-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100%{
    -moz-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@-o-keyframes nprogress-spinner{
  0%{
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100%{
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes nprogress-spinner{
  0%{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

html,
body{
  height:100%;
}

html{
  font-size:62.5%;
}

body{
  font-family:"Arial", "Helvetica", "Nimbus Sans L", sans-serif;
  line-height:1.5;
  color:#13182b;
  background-color:#fff;
}

.help #content,
.info #content,
.partners #content,
.affiliates #content,
.admin #content,
#subscribe_continuous #content,
#subscribe_gift #content,
#profile_migrate #content,
#find_tellFriend #content,
#splash_popularPlaces #content{
  padding:2rem 1rem;
}

@media only screen and (min-width: 320px){
  .help #content,
  .info #content,
  .partners #content,
  .affiliates #content,
  .admin #content,
  #subscribe_continuous #content,
  #subscribe_gift #content,
  #profile_migrate #content,
  #find_tellFriend #content,
  #splash_popularPlaces #content{
    padding:2rem 1rem;
  }
}

@media only screen and (min-width: 500px){
  .help #content,
  .info #content,
  .partners #content,
  .affiliates #content,
  .admin #content,
  #subscribe_continuous #content,
  #subscribe_gift #content,
  #profile_migrate #content,
  #find_tellFriend #content,
  #splash_popularPlaces #content{
    padding:3rem 2rem;
  }
}

@media only screen and (min-width: 720px){
  .help #content,
  .info #content,
  .partners #content,
  .affiliates #content,
  .admin #content,
  #subscribe_continuous #content,
  #subscribe_gift #content,
  #profile_migrate #content,
  #find_tellFriend #content,
  #splash_popularPlaces #content{
    padding:4rem 2rem;
  }
}

h1{
  font-size:4.8rem;
  font-family:"Century Gothic", "Verdana", sans-serif;
}

h2,
h2 a,
.pageTitle{
  font-size:3rem;
  line-height:3.6rem;
  font-weight:normal;
  font-family:"Century Gothic", "Verdana", sans-serif;
  padding:0 0 0.5rem;
}

@media only screen and (min-width: 320px){
  h2,
  h2 a,
  .pageTitle{
    font-size:3rem;
    line-height:3.6rem;
  }
}

@media only screen and (min-width: 500px){
  h2,
  h2 a,
  .pageTitle{
    font-size:3.6rem;
    line-height:4.2rem;
  }
}

@media only screen and (min-width: 720px){
  h2,
  h2 a,
  .pageTitle{
    font-size:4.2rem;
    line-height:4.8rem;
  }
}

h3,
h3 a,
.sectionHeader{
  font-size:2.4rem;
  line-height:3rem;
  font-weight:normal;
  font-family:"Century Gothic", "Verdana", sans-serif;
  padding:1rem 0;
}

@media only screen and (min-width: 320px){
  h3,
  h3 a,
  .sectionHeader{
    font-size:2.4rem;
    line-height:3rem;
  }
}

@media only screen and (min-width: 500px){
  h3,
  h3 a,
  .sectionHeader{
    font-size:2.8rem;
    line-height:3.4rem;
  }
}

@media only screen and (min-width: 720px){
  h3,
  h3 a,
  .sectionHeader{
    font-size:3rem;
    line-height:3.6rem;
  }
}

h4,
h4 a,
.profileName{
  font-size:2rem;
  line-height:2.6rem;
  font-family:"Century Gothic", "Verdana", sans-serif;
}

@media only screen and (min-width: 320px){
  h4,
  h4 a,
  .profileName{
    font-size:2rem;
    line-height:2.6rem;
  }
}

@media only screen and (min-width: 500px){
  h4,
  h4 a,
  .profileName{
    font-size:2.2rem;
    line-height:2.8rem;
  }
}

@media only screen and (min-width: 720px){
  h4,
  h4 a,
  .profileName{
    font-size:2.4rem;
    line-height:3rem;
  }
}

h5,
.h5,
.h5 a,
.subHeader,
.listTitle,
.r-tabs-accordion-title a{
  font-size:1.8rem;
  line-height:2.4rem;
  font-weight:bold;
  font-family:"Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

@media only screen and (min-width: 320px){
  h5,
  .h5,
  .h5 a,
  .subHeader,
  .listTitle,
  .r-tabs-accordion-title a{
    font-size:1.8rem;
    line-height:2.4rem;
  }
}

@media only screen and (min-width: 500px){
  h5,
  .h5,
  .h5 a,
  .subHeader,
  .listTitle,
  .r-tabs-accordion-title a{
    font-size:2rem;
    line-height:2.6rem;
  }
}

@media only screen and (min-width: 720px){
  h5,
  .h5,
  .h5 a,
  .subHeader,
  .listTitle,
  .r-tabs-accordion-title a{
    font-size:2.2rem;
    line-height:2.8rem;
  }
}

h5 a,
.h5 a,
.h5 a a,
.subHeader a,
.listTitle a,
.r-tabs-accordion-title a a{
  font-size:1.8rem;
  line-height:2.4rem;
}

@media only screen and (min-width: 320px){
  h5 a,
  .h5 a,
  .h5 a a,
  .subHeader a,
  .listTitle a,
  .r-tabs-accordion-title a a{
    font-size:1.8rem;
    line-height:2.4rem;
  }
}

@media only screen and (min-width: 500px){
  h5 a,
  .h5 a,
  .h5 a a,
  .subHeader a,
  .listTitle a,
  .r-tabs-accordion-title a a{
    font-size:2rem;
    line-height:2.6rem;
  }
}

@media only screen and (min-width: 720px){
  h5 a,
  .h5 a,
  .h5 a a,
  .subHeader a,
  .listTitle a,
  .r-tabs-accordion-title a a{
    font-size:2.2rem;
    line-height:2.8rem;
  }
}

h6,
.h6,
.h6 a,
label,
caption{
  font-size:1.4rem;
  line-height:2rem;
}

@media only screen and (min-width: 320px){
  h6,
  .h6,
  .h6 a,
  label,
  caption{
    font-size:1.4rem;
    line-height:2rem;
  }
}

@media only screen and (min-width: 500px){
  h6,
  .h6,
  .h6 a,
  label,
  caption{
    font-size:1.5rem;
    line-height:2.1rem;
  }
}

@media only screen and (min-width: 720px){
  h6,
  .h6,
  .h6 a,
  label,
  caption{
    font-size:1.6rem;
    line-height:2.2rem;
  }
}

p{
  margin:0 0 1rem;
  font-size:1.3rem;
  line-height:1.9rem;
}

@media only screen and (min-width: 320px){
  p{
    font-size:1.4rem;
    line-height:2rem;
  }
}

@media only screen and (min-width: 500px){
  p{
    font-size:1.5rem;
    line-height:2.1rem;
  }
}

@media only screen and (min-width: 720px){
  p{
    font-size:1.6rem;
    line-height:2.2rem;
  }
}

p.narrative{
  font-style:italic;
  line-height:1.7rem;
}

@media only screen and (min-width: 250px){
  p.narrative{
    line-height:1.7rem;
  }
}

@media only screen and (min-width: 320px){
  p.narrative{
    line-height:1.7rem;
  }
}

@media only screen and (min-width: 500px){
  p.narrative{
    line-height:1.9rem;
  }
}

@media only screen and (min-width: 720px){
  p.narrative{
    line-height:2rem;
  }
}

.finePrint{
  font-size:1.2rem;
  line-height:1.4;
  color:#3f4765;
}

@media only screen and (min-width: 720px){
  .finePrint{
    font-size:1.4rem;
    line-height:1.4;
  }
}

.finePrint.compulsory{
  text-align:right;
}

.finePrint.em{
  font-style:italic;
}

.finePrint a, .finePrint li{
  font-size:1.2rem;
}

@media only screen and (min-width: 720px){
  .finePrint a, .finePrint li{
    font-size:1.4rem;
  }
}

h3 .finePrint{
  display:block;
}

span{
  font-size:inherit;
}

b, strong{
  font-weight:bold;
}

em, i, cite{
  font-style:italic;
}

.blockSpan{
  display:block;
}

sup, sub{
  line-height:0;
}

sup{
  font-size:1rem;
}

@media only screen and (min-width: 320px){
  sup{
    font-size:1rem;
  }
}

@media only screen and (min-width: 500px){
  sup{
    font-size:1.1rem;
  }
}

@media only screen and (min-width: 720px){
  sup{
    font-size:1.2rem;
  }
}

pre, code, tt{
  background-color:#ebedf6;
  color:#3f4765;
  font-family:"Courier New", Courier, FreeMono, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}

pre{
  padding:0.8em 1em;
  white-space:pre;
}

@media (max-width: 720px){
  .notOnMobile{
    display:none;
  }
}

a{
  color:#364ea3;
  text-decoration:none;
  font-weight:bold;
  font-size:1.3rem;
  line-height:1.9rem;
}

@media only screen and (min-width: 320px){
  a{
    font-size:1.4rem;
    line-height:2rem;
  }
}

@media only screen and (min-width: 500px){
  a{
    font-size:1.5rem;
    line-height:2.1rem;
  }
}

@media only screen and (min-width: 720px){
  a{
    font-size:1.6rem;
    line-height:2.2rem;
  }
}

a:visited{
  color:#263772;
  text-decoration:none;
  font-weight:bold;
}

a:hover{
  color:#7283bf;
  text-decoration:none;
  font-weight:bold;
}

a:active{
  color:#263772;
  text-decoration:none;
  font-weight:bold;
}

svg.sprite{
  display:none;
}

ul{
  padding:0 0 0 1.5rem;
  list-style:disc outside;
}

ul li{
  font-size:1.3rem;
  line-height:1.9rem;
}

@media only screen and (min-width: 320px){
  ul li{
    font-size:1.4rem;
    line-height:2rem;
  }
}

@media only screen and (min-width: 500px){
  ul li{
    font-size:1.5rem;
    line-height:2.1rem;
  }
}

@media only screen and (min-width: 720px){
  ul li{
    font-size:1.6rem;
    line-height:2.2rem;
  }
}

ul.links{
  margin:1.5rem 0;
}

ul.links li{
  padding:1rem 0;
}

ol{
  padding:0 0 0 1.8rem;
  list-style:decimal outside;
}

ol.definitionList{
  padding:0 0 0 1rem;
  font-weight:bold;
  list-style-type:none;
}

ol.definitionList li p.heading{
  padding:0.5rem 0 0;
  margin:0;
}

ol.definitionList li p.overview{
  padding:0.5rem 0 0;
  font-weight:normal;
  margin:0;
}

ol.definitionList li ul{
  padding:0.5rem 0 0.5rem 2rem;
  font-weight:normal;
}

ol.definitionList li ul li{
  padding:0;
}

*::-webkit-input-placeholder{
  color:#c0c2ca;
  opacity:1;
}

*:-moz-placeholder{
  color:#c0c2ca;
  opacity:1;
}

*::-moz-placeholder{
  color:#c0c2ca;
  opacity:1;
}

*:-ms-input-placeholder{
  color:#c0c2ca;
  opacity:1;
}

input{
  padding:0.8rem 1.5rem;
  width:auto;
  border:none;
  -webkit-border-radius:0.5rem;
  -moz-border-radius:0.5rem;
  border-radius:0.5rem;
  background:#fff;
  color:#13182b;
}

input.icon{
  padding:0.5rem 0.5rem 0.5rem 2rem;
}

input.required{
  border:0.2rem solid #fbc43f;
}

input.success{
  border:0.2rem solid #abd449;
}

input.failure{
  border:0.2rem solid #ee6545;
}

input.disabled{
  border:0.2rem solid #c0c2ca;
  background-color:#c0c2ca;
}

input#phrase,
input#member,
input#searchTerms{
  margin-right:1%;
}

select{
  border:none;
  width:auto;
  background:#fff;
  -webkit-border-radius:0.5rem;
  -moz-border-radius:0.5rem;
  border-radius:0.5rem;
  padding:0.8rem 2.5rem 1rem 1.5rem;
}

select::-ms-expand{
  display:none;
}

textarea{
  border:0.2rem solid #fff;
  -webkit-border-radius:0.5rem;
  -moz-border-radius:0.5rem;
  border-radius:0.5rem;
  padding:0.8rem 1.5rem;
}

@media only screen and (min-width: 720px){
  .alignToLabel{
    margin-top:1rem;
  }
}

div,
select,
input,
textarea,
td,
legend{
  font-size:1.3rem;
  line-height:1.3;
}

@media only screen and (min-width: 320px){
  div,
  select,
  input,
  textarea,
  td,
  legend{
    font-size:1.4rem;
    line-height:1.4;
  }
}

@media only screen and (min-width: 500px){
  div,
  select,
  input,
  textarea,
  td,
  legend{
    font-size:1.5rem;
    line-height:1.5;
  }
}

@media only screen and (min-width: 720px){
  div,
  select,
  input,
  textarea,
  td,
  legend{
    font-size:1.6rem;
    line-height:1.6;
  }
}

.single .dropDownWrapper,
.sortStatus .dropDownWrapper{
  display:inline-block;
  position:relative;
  width:auto;
  margin:0 0.5rem;
}

@media only screen and (min-width: 720px){
  .single .dropDownWrapper,
  .sortStatus .dropDownWrapper{
    margin:0 1rem;
  }
}

.single .dropDownWrapper select,
.sortStatus .dropDownWrapper select{
  background:#e5e8f1;
  border:none;
  padding:0.3rem 2.4rem 0.3rem 1.2rem;
  margin-top:0.1rem;
}

@media only screen and (min-width: 720px){
  .single .dropDownWrapper select,
  .sortStatus .dropDownWrapper select{
    padding:0.6rem 3rem 0.6rem 1.5rem;
  }
}

.single .dropDownWrapper input,
.sortStatus .dropDownWrapper input{
  background:#e5e8f1;
  border:none;
  padding:0.5rem 2.4rem 0.7rem 1.2rem;
  margin-top:0.1rem;
}

.single .dropDownWrapper svg,
.sortStatus .dropDownWrapper svg{
  position:absolute;
  width:1rem;
  height:1rem;
  fill:#364ea3;
  pointer-events:none;
  right:1rem;
  top:0.8rem;
}

@media only screen and (min-width: 720px){
  .single .dropDownWrapper svg,
  .sortStatus .dropDownWrapper svg{
    right:1.5rem;
    top:1.2rem;
  }
}

#wrapper .joinLoginForm.quickSearch form .dropDownWrapper svg,
#wrapper #advancedSearch form .dropDownWrapper svg{
  display:none !important;
}

#wrapper .joinLoginForm.quickSearch form .field .dropDownWrapper select,
#wrapper #advancedSearch form .field .dropDownWrapper select{
  background-image:-webkit-linear-gradient(45deg, transparent 50%, #3f4765 50%), -webkit-linear-gradient(315deg, #3f4765 50%, transparent 50%), -webkit-linear-gradient(left, #fff, #fff);
  background-image:-moz-linear-gradient(45deg, transparent 50%, #3f4765 50%), -moz-linear-gradient(315deg, #3f4765 50%, transparent 50%), -moz-linear-gradient(left, #fff, #fff);
  background-image:-o-linear-gradient(45deg, transparent 50%, #3f4765 50%), -o-linear-gradient(315deg, #3f4765 50%, transparent 50%), -o-linear-gradient(left, #fff, #fff);
  background-image:linear-gradient(45deg, transparent 50%, #3f4765 50%), linear-gradient(135deg, #3f4765 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
  background-position:-webkit-calc(100% - 20px) -webkit-calc(1em + 2px), -webkit-calc(100% - 15px) -webkit-calc(1em + 2px), 100% 0;
  background-position:-moz-calc(100% - 20px) -moz-calc(1em + 2px), -moz-calc(100% - 15px) -moz-calc(1em + 2px), 100% 0;
  background-position:calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  -webkit-background-size:5px 5px, 5px 5px, 2.5em 2.5em;
  -moz-background-size:5px 5px, 5px 5px, 2.5em 2.5em;
  -o-background-size:5px 5px, 5px 5px, 2.5em 2.5em;
  background-size:5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat:no-repeat;
}

#wrapper .joinLoginForm.quickSearch form .field .dropDownWrapper select:focus,
#wrapper #advancedSearch form .field .dropDownWrapper select:focus{
  background-image:-webkit-linear-gradient(45deg, #3f4765 50%, transparent 50%), -webkit-linear-gradient(315deg, transparent 50%, #3f4765 50%), -webkit-linear-gradient(left, #fff, #fff);
  background-image:-moz-linear-gradient(45deg, #3f4765 50%, transparent 50%), -moz-linear-gradient(315deg, transparent 50%, #3f4765 50%), -moz-linear-gradient(left, #fff, #fff);
  background-image:-o-linear-gradient(45deg, #3f4765 50%, transparent 50%), -o-linear-gradient(315deg, transparent 50%, #3f4765 50%), -o-linear-gradient(left, #fff, #fff);
  background-image:linear-gradient(45deg, #3f4765 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #3f4765 50%), linear-gradient(to right, #fff, #fff);
  background-position:-webkit-calc(100% - 15px) 1em, -webkit-calc(100% - 20px) 1em, 100% 0;
  background-position:-moz-calc(100% - 15px) 1em, -moz-calc(100% - 20px) 1em, 100% 0;
  background-position:calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
  -webkit-background-size:5px 5px, 5px 5px, 2.5em 2.5em;
  -moz-background-size:5px 5px, 5px 5px, 2.5em 2.5em;
  -o-background-size:5px 5px, 5px 5px, 2.5em 2.5em;
  background-size:5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat:no-repeat;
  border-color:grey;
  outline:0;
}

#wrapper .joinLoginForm.quickSearch form .field .dropDownWrapper select[multiple="multiple"],
#wrapper #advancedSearch form .field .dropDownWrapper select[multiple="multiple"]{
  background-image:none;
}

.findFilter form{
  max-width:40rem;
}

.findFilter form section{
  padding:1rem 0;
}

.findFilter form section .alignCenter{
  text-align:center;
  font-weight:bold;
  color:#3f4765;
}

.findFilter form section .label{
  line-height:1;
  padding:0;
  color:#3f4765;
}

@media only screen and (min-width: 720px){
  .findFilter form section .label{
    padding:2rem 0;
  }
}

.findFilter form section .label label{
  font-weight:bold;
  font-size:1.6rem;
}

.findFilter form section .alignCenter{
  padding:0.4rem 0;
}

@media only screen and (min-width: 720px){
  .findFilter form section .alignCenter{
    padding:0.8rem 0;
  }
}

.findFilter form section select,
.findFilter form section input,
.findFilter form section textarea{
  width:100%;
}

.findFilter form section .dropDownWrapper,
.findFilter form section .multiCheckWrapper{
  position:relative;
}

.findFilter form section .dropDownWrapper svg,
.findFilter form section .multiCheckWrapper svg{
  position:absolute;
  right:1rem;
  top:1.5rem;
  width:1rem;
  height:1rem;
  fill:#263772;
  pointer-events:none;
}

.findFilter form section .dropDownWrapper.open svg,
.findFilter form section .multiCheckWrapper.open svg{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  -webkit-transform-origin:center;
  -moz-transform-origin:center;
  -ms-transform-origin:center;
  -o-transform-origin:center;
  transform-origin:center;
}

.findFilter form section .dropDownWrapper.open svg:not(:root),
.findFilter form section .multiCheckWrapper.open svg:not(:root){
  overflow:visible;
}

.btn{
  font-family:"Arial", "Helvetica", "Nimbus Sans L", sans-serif;
  border:0.1rem solid transparent;
  font-size:1.4rem;
  font-weight:bold;
  line-height:1.6;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0.7rem 1.5rem 0.6rem;
  -webkit-transition:all 0.25s linear;
  -moz-transition:all 0.25s linear;
  -o-transition:all 0.25s linear;
  transition:all 0.25s linear;
  min-width:12rem;
}

.btn-primary{
  color:#fff;
  background-color:#7c458a;
}

.btn-primary:hover,
.btn-primary.hover{
  color:#fff;
  background-color:#a37dad;
  border-color:#a37dad;
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:focus{
  background:#573061;
  border-color:#573061;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{
  background-color:#d8c7dc;
  border-color:#d8c7dc;
}

.btn-cta,
a.btn-cta{
  color:#fff;
  background-color:#e95b0c;
}

.btn-cta:hover,
.btn-cta.hover,
a.btn-cta:hover{
  color:#fff;
  background-color:#f08c55;
  border-color:#f08c55;
}

.btn-cta:active,
.btn-cta.active,
.btn-cta:focus{
  background:#a34008;
  border-color:#a34008;
}

.btn-cta.disabled,
.btn-cta[disabled],
fieldset[disabled] .btn-cta,
.btn-cta.disabled:hover,
.btn-cta[disabled]:hover,
fieldset[disabled] .btn-cta:hover,
.btn-cta.disabled:focus,
.btn-cta[disabled]:focus,
fieldset[disabled] .btn-cta:focus,
.btn-cta.disabled:active,
.btn-cta[disabled]:active,
fieldset[disabled] .btn-cta:active,
.btn-cta.disabled.active,
.btn-cta[disabled].active,
fieldset[disabled] .btn-cta.active{
  background-color:#f8ceb6;
  border-color:#f8ceb6;
}

.btn.go{
  min-width:6rem;
}

.buttons{
  margin:1rem 0;
}

.panel{
  background-color:#d8c7dc;
  margin:0;
  padding:1rem;
}

@media only screen and (min-width: 320px){
  .panel{
    padding:1rem;
  }
}

@media only screen and (min-width: 500px){
  .panel{
    padding:1.5rem 2rem;
  }
}

@media only screen and (min-width: 720px){
  .panel{
    padding:2rem 1rem;
  }
}

.panel .title{
  font-size:2rem;
  font-weight:bold;
}

.panel.neutralPanel{
  background-color:#e5e8f1;
}

.panel.profilePanel{
  background-color:#f2ecf3;
  padding:0 1rem 2rem;
}

.panel .transparentBg{
  background:transparent;
}

.nobgPanel{
  background-color:#fff;
}

.find .neutralPanel{
  padding:0;
}

.panel.neutralPanel.profileMiniBar{
  padding:1rem;
  background:#f2ecf3;
}

.panel.neutralPanel.transparentBg{
  background:transparent;
}

#find_popular .neutralPanel{
  background-color:#fff;
  padding:4rem 0;
}

#find_popular .tabsContainer .tabs li a.active{
  background-color:#fff;
}

.panel.neutralPanel.pviewPanel{
  background-color:#f2ecf3;
}

.clearFloats{
  clear:both;
}

#modalWrap .alert{
  margin:4.5rem 1rem;
}

#modalWrap .alert a{
  color:#fff !important;
}

.alert{
  padding:0.8rem;
  margin:1rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  color:#fff;
}

.alert .icon{
  float:left;
  width:1.5rem;
}

@media only screen and (min-width: 1024px){
  .alert .icon{
    width:2rem;
  }
}

.alert p,
.alert .cardBanReasonCode{
  margin-left:3rem;
}

.alert h3,
.alert ul,
.alert ol{
  float:left;
  width:90%;
  margin:0;
}

@media only screen and (min-width: 1024px){
  .alert h3,
  .alert ul,
  .alert ol{
    width:92%;
  }
}

.alert a, .alert a:hover, .alert a:active, .alert a:visited{
  color:#fff;
  text-decoration:underline;
}

.alert svg{
  width:1.5rem;
  height:1.5rem;
  fill:#fff;
}

@media only screen and (min-width: 1024px){
  .alert svg{
    width:2rem;
    height:2rem;
  }
}

.alert.success{
  background-color:#abd449;
  text-shadow:0.1rem 0.1rem 0.1rem rgba(85,106,36,.5);
}

.alert.note, .alert.info, .alert.tip{
  background-color:#46c2fc;
  text-shadow:0.1rem 0.1rem 0.1rem rgba(35,97,126,.5);
}

.alert.error{
  background-color:#ee6545;
  text-shadow:0.1rem 0.1rem 0.1rem rgba(119,50,34,.5);
}

.alert.warning{
  background-color:#fbc43f;
  text-shadow:0.1rem 0.1rem 0.1rem rgba(125,97,31,.5);
}

.alertDivider{
  float:left;
  clear:both;
  border-bottom:0.1rem solid #c0c2ca;
  padding-bottom:2rem;
}

.euCookieNotice{
  padding:0.8rem;
  margin:1rem 0;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  background-color:#000;
  color:#fff;
  position:relative;
}

.euCookieNotice p{
  margin:0;
}

.euCookieNotice a{
  display:block;
  width:1rem;
  height:1rem;
  position:absolute;
  top:1.5rem;
  right:1rem;
  z-index:10;
}

.alert.inlineAlert{
  width:95%;
  margin:1rem;
}

@media only screen and (min-width: 720px){
  .alert.inlineAlert{
    width:97%;
    margin:1rem;
  }
}

@media only screen and (min-width: 1024px){
  .alert.inlineAlert{
    width:100%;
    margin:1rem 0;
  }
}

#splash .alert.info,
#home .alert.info{
  width:95%;
  margin:1rem;
}

@media only screen and (min-width: 720px){
  #splash .alert.info,
  #home .alert.info{
    width:97%;
    margin:1rem;
  }
}

@media only screen and (min-width: 1024px){
  #splash .alert.info,
  #home .alert.info{
    width:100%;
    margin:1rem 0;
  }
}

.badges{
  float:left;
  margin-right:1rem;
  width:auto;
}

.activityAlerts{
  display:inline-block;
  background-color:#e95b0c;
  color:#fff;
  padding:0 0.05rem;
  text-shadow:0 -0.1rem 0 rgba(0,0,0,.4);
  -webkit-border-radius:1.8rem;
  -moz-border-radius:1.8rem;
  border-radius:1.8rem;
}

.activityAlerts a,
.activityAlerts span{
  color:#fff;
}

.activityAlerts span.jewelButton{
  display:inline-block;
  vertical-align:top;
  line-height:0.8;
  padding:0.3rem 0.5rem !important;
  font-size:0.8rem;
}

.activityAlerts.subs{
  background-color:#13182b;
}

.activityAlerts.subs span.jewelButton{
  padding:0.3rem;
}

span.activityAlertsValue{
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  -o-background-clip:padding-box;
  background-clip:padding-box;
  display:inline-block;
  font-size:1.2rem;
  font-weight:bold;
  line-height:normal;
}

.fixed-supported #splash #header{
  -webkit-transition:top 400ms;
  -moz-transition:top 400ms;
  -o-transition:top 400ms;
  transition:top 400ms;
  top:-100px;
}

.fixed-supported #splash #header #joinBox{
  display:none;
}

.fixed-supported #splash #header.expandHeader{
  position:fixed;
  z-index:100000;
  top:0;
  border-bottom:0.2rem solid #fff;
}

.fixed-supported #splash #header.expandHeader #joinBox{
  display:inline-block;
}

.fixed-supported #splash #header.expandHeader #loginBox,
.fixed-supported #splash #header.expandHeader #languageBox{
  display:none;
}

#header{
  background:#d8c7dc;
  width:100%;
}

#header .container{
  padding:0 1rem;
}

#header .logoWrapper{
  float:left;
  width:55%;
}

#header .logoWrapper h1{
  font-size:3.5rem;
  text-indent:-200rem;
  margin:0;
}

#header .logoWrapper a{
  display:block;
  margin:0;
  outline:none;
}

#header #languageBox{
  float:right;
}

#header #languageBox .languageTab{
  background:#7c458a;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0.75rem;
  height:3rem;
  margin:0 1rem 0 0;
  position:relative;
}

@media only screen and (min-width: 720px){
  #header #languageBox .languageTab{
    padding:1rem;
    height:4rem;
  }
}

#header #languageBox .languageTab:hover{
  background:#a37dad;
}

#header #languageBox .languageTab .icon{
  display:inline-block;
  vertical-align:top;
}

#header #languageBox .languageTab .icon svg{
  vertical-align:top;
  fill:#fff;
}

#header #languageBox .languageTab .icon.language{
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  height:1.5rem;
  margin:0 0.5rem 0 0;
}

@media only screen and (min-width: 720px){
  #header #languageBox .languageTab .icon.language{
    height:2rem;
    margin:0 1rem 0 0;
  }
}

#header #languageBox .languageTab .icon.language svg{
  width:1.5rem;
  height:1.5rem;
}

@media only screen and (min-width: 720px){
  #header #languageBox .languageTab .icon.language svg{
    width:2rem;
    height:2rem;
  }
}

#header #languageBox .languageTab .icon.arrow{
  width:1rem;
  height:1.5rem;
}

#header #languageBox .languageTab .icon.arrow svg{
  width:1rem;
  height:1.5rem;
}

#header #languageBox .languageTab .text{
  vertical-align:top;
  line-height:1.2;
  display:none;
  color:#fff;
  font-weight:bold;
}

@media only screen and (min-width: 720px){
  #header #languageBox .languageTab .text{
    display:inline-block;
    font-size:1.6rem;
    margin:0 1rem 0 0;
  }
}

#header #languageBox .languageTab .languageDropdown{
  display:none;
  position:absolute;
  top:4rem;
  z-index:999;
  padding-top:1rem;
  width:15rem;
  margin-top:0;
  margin-left:-6rem;
}

@media only screen and (min-width: 720px){
  #header #languageBox .languageTab .languageDropdown{
    top:6rem;
  }
}

@media only screen and (min-width: 1024px){
  #header #languageBox .languageTab .languageDropdown{
    margin-left:-1.5rem;
    margin-top:0.5rem;
  }
}

#header #languageBox .languageTab .languageDropdown ul{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  list-style:none;
  margin:0;
  padding:0;
  background:#f2ecf3;
  padding:1rem 0;
}

#header #languageBox .languageTab .languageDropdown ul li{
  font-weight:bold;
  font-size:1.5rem;
  color:#7c458a;
  cursor:pointer;
  line-height:1;
}

#header #languageBox .languageTab .languageDropdown ul li.active a{
  background:#7c458a;
  color:#fff;
}

#header #languageBox .languageTab .languageDropdown ul li a{
  display:block;
  padding:0.7rem 1rem 0.8rem;
  color:#7c458a;
}

#header #languageBox .languageTab .languageDropdown ul li a:hover{
  background:#7c458a;
  color:#fff;
}

#header #languageBox .languageTab .languageDropdown ul:before{
  content:"";
  position:absolute;
  top:0.2rem;
  left:28%;
  width:0;
  height:0;
  border-left:0.8rem solid transparent;
  border-right:0.8rem solid transparent;
  border-bottom:0.8rem solid #f2ecf3;
}

#header #loginBox{
  float:right;
}

#header #loginBox .loginTab{
  background:#7c458a;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0.75rem;
  height:3rem;
  cursor:pointer;
}

@media only screen and (min-width: 720px){
  #header #loginBox .loginTab{
    padding:1rem;
    height:4rem;
  }
}

#header #loginBox .loginTab:hover{
  background:#a37dad;
}

#header #loginBox .loginTab .icon{
  display:inline-block;
  vertical-align:top;
  width:1.5rem;
  height:1.5rem;
  max-height:1.5rem;
}

@media only screen and (min-width: 720px){
  #header #loginBox .loginTab .icon{
    width:2rem;
    height:2rem;
    margin:0 1rem 0 0;
  }
}

#header #loginBox .loginTab .icon svg{
  vertical-align:top;
  width:1.5rem;
  height:1.5rem;
  fill:#fff;
}

@media only screen and (min-width: 720px){
  #header #loginBox .loginTab .icon svg{
    width:2rem;
    height:2rem;
  }
}

#header #loginBox .loginTab .icon img{
  vertical-align:top;
  max-width:1.5rem;
  max-height:1.5rem;
  overflow:hidden;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

@media only screen and (min-width: 720px){
  #header #loginBox .loginTab .icon img{
    max-width:2rem;
    max-height:2rem;
  }
}

#header #loginBox .loginTab .icon img.photoShield{
  width:1.5rem;
  margin-left:-1.5rem;
}

@media only screen and (min-width: 720px){
  #header #loginBox .loginTab .icon img.photoShield{
    width:2rem;
    margin-left:-2rem;
  }
}

#header #loginBox .loginTab .text{
  vertical-align:top;
  line-height:1.2;
  display:none;
  color:#fff;
  font-weight:bold;
}

@media only screen and (min-width: 720px){
  #header #loginBox .loginTab .text{
    display:inline-block;
    font-size:1.6rem;
  }
}

.loggedIn #header #loginBox .loginTab{
  padding:0;
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab{
    padding:0.5rem 1rem 0.5rem 0.5rem;
  }
}

.loggedIn #header #loginBox .loginTab .icon{
  width:3rem;
  height:3rem;
  max-height:3rem;
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab .icon{
    width:3rem;
    height:3rem;
    margin:0 0.5rem 0 0;
  }
}

.loggedIn #header #loginBox .loginTab .icon svg{
  width:3rem;
  height:3rem;
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab .icon svg{
    width:3rem;
    height:3rem;
  }
}

.loggedIn #header #loginBox .loginTab .icon img{
  max-width:3rem;
  max-height:3rem;
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab .icon img{
    max-width:3rem;
    max-height:3rem;
  }
}

.loggedIn #header #loginBox .loginTab .icon img.photoShield{
  width:3rem;
  margin-left:-3rem;
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab .icon img.photoShield{
    width:3rem;
    margin-left:-3rem;
  }
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab .text{
    line-height:1.8;
  }
}

.loggedIn #header #loginBox .loginTab.expanded{
  padding:0.75rem;
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab.expanded{
    padding:1rem;
  }
}

.loggedIn #header #loginBox .loginTab.expanded .icon{
  width:1.5rem;
  height:1.5rem;
  max-height:1.5rem;
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab.expanded .icon{
    width:2rem;
    height:2rem;
    margin:0 1rem 0 0;
  }
}

.loggedIn #header #loginBox .loginTab.expanded .icon svg{
  width:1.5rem;
  height:1.5rem;
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab.expanded .icon svg{
    width:2rem;
    height:2rem;
  }
}

@media only screen and (min-width: 720px){
  .loggedIn #header #loginBox .loginTab.expanded .text{
    line-height:1.2;
  }
}

#header #loginBox .logout{
  margin:1rem 0;
}

#header #loginBox .logout a{
  text-align:center;
  color:#fff;
}

#header #loginBox .logout a:hover, #header #loginBox .logout a:visited{
  color:#fff;
}

#header #joinBox{
  float:right;
}

#header #joinBox .joinTab{
  background:#e95b0c;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0.75rem;
  height:3rem;
  margin:0 1rem 0 0;
  position:relative;
}

@media only screen and (min-width: 720px){
  #header #joinBox .joinTab{
    padding:1rem;
    height:4rem;
  }
}

#header #joinBox .joinTab:hover{
  background:#f08c55;
}

#header #joinBox .joinTab .text{
  vertical-align:top;
  line-height:1.2;
  color:#fff;
  font-weight:bold;
}

@media only screen and (min-width: 720px){
  #header #joinBox .joinTab .text{
    display:inline-block;
    font-size:1.6rem;
  }
}

#header #subscribeBox{
  float:right;
}

#header #subscribeBox .subscribeTab .text{
  vertical-align:top;
  line-height:1.2;
  display:none;
  color:#fff;
  font-weight:bold;
}

@media only screen and (min-width: 720px){
  #header #subscribeBox .subscribeTab .text{
    display:inline-block;
    font-size:1.6rem;
    margin:0 1rem 0 0;
  }
}

#header .headerFoldout{
  position:relative;
  z-index:999;
  width:100%;
  margin:2.1rem 0 0;
  display:none;
}

#header .headerFoldout div.arrow{
  float:right;
  margin:-2.2rem 1rem 0 0;
  content:"";
  width:0;
  height:0;
  border-left:1.1rem solid transparent;
  border-right:1.1rem solid transparent;
  border-top:1.1rem solid transparent;
  border-bottom:1.1rem solid #e5e8f1;
}

#header .headerFoldout div.box{
  background:#e5e8f1;
  color:#f2ecf3;
  width:100%;
  padding:2rem 0;
}

@media only screen and (min-width: 720px){
  #header .headerFoldout div.box{
    padding:3rem 0;
  }
}

#header .headerFoldout .homeProfile .links .item{
  border-bottom:none;
  border-top:none;
  padding:0.7rem 0;
}

#header .headerFoldout .homeProfile .links .item a{
  padding:0;
}

#header p{
  margin:0;
}

#header p#skip,
#header p#strapline{
  clear:both;
  display:none;
}

@media only screen and (min-width: 720px){
  #header p#strapline{
    font-size:1.6rem;
    display:block;
  }
}

#header .joinLoginForm{
  background:none;
  padding:0;
}

#header .joinLoginForm form .or span{
  color:#13182b;
  font-size:1.4rem;
}

#header .joinLoginForm h3{
  text-align:center;
}

@media only screen and (min-width: 720px){
  #header .joinLoginForm h3{
    text-align:left;
  }
}

#header .joinLoginForm .container{
  padding:0;
  margin:0;
}

#header .joinLoginForm .username input,
#header .joinLoginForm .password input{
  width:100%;
  color:#13182b;
}

#header .joinLoginForm .fields .container{
  margin-bottom:2rem;
}

#header .joinLoginForm .alreadyMember{
  margin-bottom:1rem;
}

@media only screen and (min-width: 1024px){
  #header .joinLoginForm{
    max-width:none;
    padding:2rem;
  }
  #header .joinLoginForm form{
    max-width:30rem;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px){
  #header .joinLoginForm form{
    max-width:none;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px){
  #header .joinLoginForm form .fbLoginWrapper,
  #header .joinLoginForm form .or,
  #header .joinLoginForm form .fields,
  #header .joinLoginForm form .submit{
    float:left;
    display:inline-block;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px){
  #header .joinLoginForm form hr{
    display:none;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px){
  #header .joinLoginForm form .fbLoginWrapper{
    width:22%;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px){
  #header .joinLoginForm form .or{
    width:7%;
  }
  #header .joinLoginForm form .or span{
    display:inline-block;
    padding:2rem 0;
  }
  #header .joinLoginForm form .or span.leftHr, #header .joinLoginForm form .or span.rightHr{
    width:auto;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px){
  #header .joinLoginForm form .fields{
    width:46%;
  }
  #header .joinLoginForm form .fields .username{
    width:50%;
    float:left;
    padding:0 1rem 0 0;
    margin:0;
  }
  #header .joinLoginForm form .fields .password{
    width:50%;
    float:left;
    padding:0 0 0 1rem;
    margin:0;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px){
  #header .joinLoginForm form .submit{
    padding-left:2rem;
    width:25%;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px){
  #header .joinLoginForm form .remember,
  #header .joinLoginForm form .forgotPassword{
    padding:1rem 0 0;
    margin-bottom:2rem;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px){
  #header .joinLoginForm form .alreadyMember{
    margin-bottom:2rem;
    padding-left:4.5%;
    clear:both;
  }
}

#header .homeProfile .links{
  padding-bottom:0;
}

@media only screen and (min-width: 1024px){
  #header .homeProfile .links{
    width:70%;
    max-width:74%;
  }
}

.loggedIn #header .headerFoldout div.box{
  background:#f2ecf3;
}

.loggedIn #header .headerFoldout div.arrow{
  border-bottom:1.1rem solid #f2ecf3;
}

.subscribeTab{
  background:#e95b0c;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0.75rem;
  height:3rem;
  margin:0 1rem 0 0;
  display:inline-block;
  position:relative;
}

@media only screen and (min-width: 720px){
  .subscribeTab{
    padding:1rem;
    height:4rem;
  }
}

.subscribeTab:hover{
  background:#f08c55;
}

.subscribeTab .icon{
  display:inline-block;
  vertical-align:top;
}

.subscribeTab .icon svg{
  vertical-align:top;
  fill:#fff;
}

.subscribeTab .icon.subscribe{
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  height:1.5rem;
  margin:0 0.5rem 0 0;
}

@media only screen and (min-width: 720px){
  .subscribeTab .icon.subscribe{
    height:2rem;
    margin:0 1rem 0 0;
  }
}

.subscribeTab .icon.subscribe svg{
  width:1.5rem;
  height:1.5rem;
}

@media only screen and (min-width: 720px){
  .subscribeTab .icon.subscribe svg{
    width:2rem;
    height:2rem;
  }
}

.subscribeTab .text{
  vertical-align:top;
  line-height:1.2;
  color:#fff;
  font-weight:bold;
}

@media only screen and (min-width: 720px){
  .subscribeTab .text{
    display:inline-block;
    font-size:1.6rem;
    margin:0 1rem 0 0;
  }
}

.subscribeTab .activityAlerts.subs{
  position:absolute;
  z-index:1;
  top:-7px;
  right:-7px;
}

#loggedInBox,
#loginBox{
  float:right;
}

body#splash #navigation,
body#promo #navigation{
  display:none;
}

body#splash #navigation.showNav,
#navigation.showNav{
  display:block;
}

#breadCrumb{
  margin-bottom:1rem;
}

#breadCrumb .separator svg{
  fill:#13182b;
  height:1rem;
  width:1rem;
  margin:0 0.5rem;
  -webkit-transform:rotate(270deg);
  -moz-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  transform:rotate(270deg);
  -webkit-transform-origin:center;
  -moz-transform-origin:center;
  -ms-transform-origin:center;
  -o-transform-origin:center;
  transform-origin:center;
}

.guest .firstLevelWrapper li,
.member .firstLevelWrapper li,
.subscriber .firstLevelWrapper li{
  width:25%;
}

.administrator .firstLevelWrapper li{
  width:25% !important;
}

.administrator .en .firstLevelWrapper li{
  width:20% !important;
}

.partner .firstLevelWrapper li,
.affiliate .firstLevelWrapper li{
  width:20% !important;
}

.non-profile .firstLevelWrapper li{
  width:33.3% !important;
}

div#navigation{
  clear:both;
  position:relative;
  z-index:99;
  background-color:#7c458a;
}

div#navigation [class*="grid-"]{
  padding:0;
}

.navWrapper ul{
  list-style-type:none;
  padding:0;
  font-size:0;
}

.navWrapper ul.navWrapperInner{
  position:relative;
}

.navWrapper ul.firstLevelWrapper{
  background-color:#7c458a;
}

.navWrapper ul.firstLevelWrapper li{
  display:inline-block;
  vertical-align:top;
  position:relative;
  list-style-type:none;
}

.navWrapper ul.firstLevelWrapper li > a{
  padding:1.5rem 0;
  line-height:1;
}

.navWrapper ul.firstLevelWrapper li > a .notOnMobile{
  display:none;
}

.navWrapper ul.firstLevelWrapper li > a:link, .navWrapper ul.firstLevelWrapper li > a:visited{
  color:#fff;
}

.navWrapper ul.firstLevelWrapper li > a:hover, .navWrapper ul.firstLevelWrapper li > a:active{
  color:#d8c7dc;
}

.navWrapper ul.firstLevelWrapper li > a:hover > span.icon svg{
  fill:#d8c7dc;
}

.navWrapper ul.firstLevelWrapper li.active a:link, .navWrapper ul.firstLevelWrapper li.active a:visited{
  color:#fff;
}

.navWrapper ul.firstLevelWrapper li.active a:hover, .navWrapper ul.firstLevelWrapper li.active a:active{
  color:#d8c7dc;
}

.navWrapper ul.firstLevelWrapper li.expanded{
  position:relative;
}

.navWrapper ul.firstLevelWrapper li.expanded div.arrow{
  position:absolute;
  content:"";
  width:0;
  height:0;
  top:60%;
  left:0.85rem;
  border-left:1.1rem solid transparent;
  border-right:1.1rem solid transparent;
  border-top:1.1rem solid transparent;
  border-bottom:1.1rem solid #f2ecf3;
  display:none;
}

.navWrapper ul.firstLevelWrapper li .icon{
  margin:0.1rem 0 0 1rem;
  display:inline-block;
}

.navWrapper ul.firstLevelWrapper li .icon svg{
  width:2rem;
  height:2rem;
  fill:#fff;
}

.navWrapper ul.firstLevelWrapper:first-child div.activityAlerts{
  position:absolute;
}

.navWrapper ul.firstLevelWrapper:first-child div.activityAlerts a{
  padding:0 0.5rem;
  font-size:0.8rem;
  vertical-align:middle;
  line-height:2;
}

.navWrapper ul.secondLevelWrapper{
  width:100%;
  background-color:#f2ecf3;
  border-bottom:0.5rem solid #7c458a;
  padding:2rem 1rem;
  display:none;
}

.navWrapper ul.secondLevelWrapper .container{
  overflow:hidden;
}

.navWrapper ul.secondLevelWrapper span.firstLevelSectionHeading{
  padding:1rem 0 0 1rem;
  display:block;
  font-size:1.8rem;
  color:#251529;
  font-weight:bold;
}

.navWrapper ul.secondLevelWrapper span.firstLevelSectionHeading a{
  color:#573061;
  font-size:2rem;
  padding:0;
}

.navWrapper ul.secondLevelWrapper span.firstLevelSectionHeading a:hover{
  color:#7c458a;
}

.navWrapper ul.secondLevelWrapper li ul li{
  padding:0 2rem 0 1rem;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup{
  margin:0 0 1rem;
  font-size:0;
  border-bottom:0.1rem solid #d8c7dc;
  padding-bottom:2rem;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper{
  display:block;
  font-weight:bold;
  font-size:1.2rem;
  font-weight:bold;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li{
  padding:0;
  line-height:1.2;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading{
  display:block;
  width:100%;
  padding:1.5rem 0 0;
  color:#364ea3;
  white-space:nowrap;
  font-weight:bold;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading:hover{
  color:#7283bf;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading > a:hover{
  color:#7283bf;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading a, .navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading span{
  padding:0;
  white-space:nowrap;
  position:relative;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading a div.activityAlerts, .navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading span div.activityAlerts{
  position:absolute;
  top:0;
  right:-4.2rem;
  min-height:2rem;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading a div.activityAlerts span.jewelButton, .navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading span div.activityAlerts span.jewelButton{
  padding:0.3rem 0.5rem;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li .finePrint{
  display:block;
  width:100%;
  padding:0 0 0.7rem;
  margin-bottom:0;
  font-weight:normal;
}

@media only screen and (min-width: 1024px){
  .navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li .finePrint{
    padding:0;
  }
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li a{
  color:#364ea3;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .secondLevelListWrapper li a:hover{
  color:#7283bf;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .thirdLevelListWrapper{
  display:block;
  vertical-align:top;
  font-size:1.2rem;
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
  -webkit-column-gap:2rem;
  -moz-column-gap:2rem;
  column-gap:2rem;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .thirdLevelListWrapper li{
  display:block;
  width:auto;
}

.navWrapper ul.secondLevelWrapper .secondLevelGroup .thirdLevelListWrapper li a{
  font-weight:normal;
  padding:0;
  white-space:nowrap;
}

.navWrapper ul.secondLevelWrapper.menu span.firstLevelSectionHeading{
  display:none;
}

.navWrapper ul.secondLevelWrapper.menu .secondLevelGroup:first-child .secondLevelListWrapper li span.secondLevelSectionHeading{
  padding:3rem 0 0 1rem;
}

.navWrapper ul.secondLevelWrapper.menu .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading{
  font-size:1.8rem;
  padding:2rem 0 0;
  color:#364ea3;
}

.navWrapper ul.secondLevelWrapper.menu .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading a{
  font-size:1.8rem;
  color:#364ea3;
}

.navWrapper ul.secondLevelWrapper.menu .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading a:visited{
  color:#263772;
}

.navWrapper ul.secondLevelWrapper.menu .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading a:hover{
  color:#7283bf;
}

.navWrapper ul.secondLevelWrapper.menu .secondLevelGroup .secondLevelListWrapper li .thirdLevelListWrapper{
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
  -webkit-column-gap:0;
  -moz-column-gap:0;
  column-gap:0;
}

.navWrapper ul.secondLevelWrapper.menu .secondLevelGroup .secondLevelListWrapper li .thirdLevelListWrapper li a{
  padding:0.7rem 0 0 1rem;
  font-weight:bold;
  position:relative;
  white-space:normal;
}

.navWrapper ul.secondLevelWrapper li{
  width:100%;
}

.navWrapper ul li{
  font-size:1.2rem;
  list-style-type:none;
}

.navWrapper ul li a{
  display:inline-block;
  padding:0 0 0 1rem;
  font-size:1.6rem;
}

.navWrapper ul li a:link, .navWrapper ul li a:visited{
  color:#263772;
}

.navWrapper ul li a:hover, .navWrapper ul li a:active{
  color:#364ea3;
}

.no-js ul.firstLevelWrapper li.expanded div.arrow{
  display:block;
}

.js ul.firstLevelWrapper li.expanded div.arrow{
  display:none;
}

.no-js .jsLanguage{
  display:none;
}

.no-js #header #languageBox .languageTab{
  background:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  padding:0;
  height:0;
  margin:0 1rem 0 0;
  position:relative;
}

.no-js #header #languageBox .languageTab .languageDropdown{
  display:block;
  position:relative;
  top:0;
  padding-top:0;
  width:auto;
  margin-top:0;
  margin-left:0;
}

.no-js #header #languageBox .languageTab .icon.arrow{
  width:0;
  height:0;
}

.no-js #header #languageBox .languageTab .icon.arrow svg{
  width:1rem;
  height:1.5rem;
  left:-2.5rem;
  top:1.5rem;
  position:relative;
  fill:#263772;
}

.no-js div#navigation > .container{
  max-width:100%;
}

.no-js div#navigation > .container .navWrapper ul.firstLevelWrapper{
  max-width:118rem;
  margin:0 auto;
}

.no-js div#navigation > .container .navWrapper ul.secondLevelWrapper.expanded{
  display:block;
}

.no-js div#navigation > .container .navWrapper ul.secondLevelWrapper > .container{
  max-width:118rem;
}

.no-js div.rwdReleaseCode,
.no-js dl.rwdReleaseCode{
  display:none;
}

.no-js .noJSCriteria label{
  color:#3f4765;
  font-weight:bold;
  line-height:1;
}

@media only screen and (max-width: 799px){
  .navWrapper ul.firstLevelWrapper li > a{
    width:100%;
  }
  .navWrapper ul.firstLevelWrapper li > a .icon{
    text-align:center;
    margin:0;
    width:100% !important;
  }
  .navWrapper ul.firstLevelWrapper li > a .text{
    position:relative;
    display:none;
  }
  .navWrapper ul.firstLevelWrapper li.expanded div.arrow{
    left:50%;
    margin:0 0 0 -1.1rem;
  }
  .navWrapper ul.firstLevelWrapper:first-child div.activityAlerts{
    top:0.5rem;
    left:50%;
    min-height:2rem;
  }
  .navWrapper ul.firstLevelWrapper:first-child div.activityAlerts a{
    line-height:2.3;
  }
}

@media only screen and (min-width: 800px){
  .navWrapper{
    display:block;
    overflow:hidden;
  }
  .navWrapper ul.firstLevelWrapper{
    background-color:#7c458a;
  }
  .navWrapper ul.firstLevelWrapper li > a .text{
    display:inline-block;
    vertical-align:top;
    text-transform:capitalize;
    padding:0 0 0 1rem;
    font-size:1.8rem;
    line-height:1.1;
    font-weight:bold;
    position:relative;
  }
  .navWrapper ul.firstLevelWrapper li > a .text div.activityAlerts{
    display:block;
    right:-1.25rem;
    top:-1rem;
    min-height:2rem;
  }
  .navWrapper ul.firstLevelWrapper li.find{
    float:none;
  }
  .navWrapper ul.firstLevelWrapper:first-child div.activityAlerts{
    display:none;
  }
  .navWrapper ul.secondLevelWrapper{
    padding:0;
  }
  .navWrapper ul.secondLevelWrapper span.firstLevelSectionHeading{
    font-size:1.8rem;
    padding:3rem 0 0 1rem;
  }
  .navWrapper ul.secondLevelWrapper span.firstLevelSectionHeading a{
    font-size:1.8rem;
  }
  .navWrapper ul.secondLevelWrapper li{
    width:auto;
  }
  .navWrapper ul.secondLevelWrapper li .secondLevelGroup{
    display:inline-block;
    vertical-align:top;
    border-left:0.1rem solid #d8c7dc;
    border-bottom:none;
    padding-bottom:0;
    margin:0 0 3rem -2.1rem;
  }
  .navWrapper ul.secondLevelWrapper li .secondLevelGroup .secondLevelListWrapper{
    padding:0 2.1rem;
  }
  .navWrapper ul.secondLevelWrapper li .secondLevelGroup .secondLevelListWrapper .ListItem{
    display:inline-block;
    width:48%;
  }
  .navWrapper ul.secondLevelWrapper li .secondLevelGroup .secondLevelListWrapper .ListItem:only-child{
    width:100%;
  }
  .navWrapper ul.secondLevelWrapper li .secondLevelGroup .secondLevelListWrapper .ListItem span.secondLevelSectionHeading{
    font-size:1.6rem;
  }
  .navWrapper ul.secondLevelWrapper li .secondLevelGroup .secondLevelListWrapper .ListItem span.secondLevelSectionHeading a{
    font-size:1.6rem;
  }
  .navWrapper ul.secondLevelWrapper.menu .secondLevelGroup{
    margin:3rem 0 3rem -2.1rem;
  }
  .navWrapper ul.secondLevelWrapper.menu .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading{
    font-size:1.8rem;
    padding:0.5rem 0 0;
  }
  .navWrapper ul.secondLevelWrapper.menu .secondLevelGroup .secondLevelListWrapper li span.secondLevelSectionHeading a{
    font-size:1.8rem;
    color:#573061;
  }
  .navWrapper ul.secondLevelWrapper.menu .secondLevelGroup .secondLevelListWrapper li .thirdLevelListWrapper li a{
    padding:0;
    font-weight:bold;
    padding:0.7rem 0 0 1rem;
    position:relative;
  }
  .navWrapper .thirdLevelListWrapper{
    display:inline-block;
    width:auto;
    padding:0 3rem 0 0.1rem;
  }
  .navWrapper .thirdLevelListWrapper li{
    display:block;
  }
  .js .navWrapper ul.secondLevelWrapper{
    position:absolute;
    top:5.1rem;
    left:0;
    z-index:101;
  }
}

.ratings a svg{
  display:inline-block;
  fill:#c0c2ca;
  vertical-align:middle;
  width:1.6rem;
  height:1.6rem;
  margin:0;
}

@media only screen and (min-width: 250px){
  .ratings a svg{
    width:1.8rem;
    height:1.8rem;
    margin:0 0.1rem;
  }
}

@media only screen and (min-width: 320px){
  .ratings a svg{
    margin:0 0.2rem;
  }
}

@media only screen and (min-width: 500px){
  .ratings a svg{
    width:1.8rem;
    height:1.8rem;
  }
}

@media only screen and (min-width: 720px){
  .ratings a svg{
    width:2.2rem;
    height:2.2rem;
  }
}

@media only screen and (min-width: 1024px){
  .ratings a svg{
    width:2.4rem;
    height:2.4rem;
  }
}

.ratings a.active, .ratings a:hover{
  cursor:pointer;
}

.ratings a.active svg, .ratings a:hover svg{
  fill:#364ea3;
}

.onlineStatus svg{
  width:1rem;
  height:1rem;
  fill:#e5e8f1;
  stroke:#3f4765;
  stroke-width:0.3rem;
  -webkit-border-radius:1.6rem;
  -moz-border-radius:1.6rem;
  border-radius:1.6rem;
}

@media only screen and (min-width: 500px){
  .onlineStatus svg{
    width:1.2rem;
    height:1.2rem;
  }
}

.onlineStatus.online svg{
  fill:#a9d461;
  stroke:#3f4765;
}

.imp_banner{
  padding:0.4rem;
  color:#fff;
  text-align:center;
  background:#13182b;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

#customiseResults{
  text-align:right;
  margin:1rem 0;
}

@media only screen and (min-width: 1024px){
  #customiseResults .single .dropDownWrapper{
    margin:0;
  }
}

.profileViewStats{
  margin:1rem 0;
  background:#fff;
  padding:1rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.profileViewStats .grid-tl-6, .profileViewStats .grid-t-12{
  padding:0.3rem 0;
}

.profileViewStats .grid-tl-6 span, .profileViewStats .grid-t-12 span{
  font-weight:bold;
}

.noResults{
  min-height:15rem;
}

body#find_matches #infoOuter .rebuild p,
body#find_popular .info.rebuild p{
  margin-left:4rem;
}

body#find_matches #infoOuter .rebuild svg,
body#find_popular .info.rebuild svg{
  width:3.5rem;
  height:3.5rem;
  position:relative;
}

.tipOuter{
  padding-top:0;
}

.profileEdit form.searchForm .submitContainer{
  margin-top:2rem;
}

#savedSearchOptions section,
.profileEdit form .optInSettings section{
  border-bottom:none;
  padding-bottom:0;
}

.profileEdit form section #savedSearchOptions input,
.profileEdit form section #saveSearchName input,
.profileEdit form section #savedSearchNew input{
  width:98%;
}

.profileEdit form section #savedSearchOptions select,
.profileEdit form section #saveSearchName select,
.profileEdit form section #savedSearchNew select{
  width:99%;
}

#performSearchButton{
  margin-left:0.3rem;
}

.profileEdit.savedSearch{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

#basicSearch form{
  margin-top:2rem;
}

#advancedSearch h3{
  padding-top:2rem;
}

#savedSearchOptions .grid-6.buttonLinks{
  width:50%;
}

.profileEdit form section #savedSearchOptions input#editSearchButton, .profileEdit form section #savedSearchOptions input#deleteSearchButton{
  background:none;
  border:none;
  color:#364ea3;
  width:100%;
  padding:0;
  text-align:left;
}

.profileEdit form section #savedSearchOptions input#editSearchButton:hover, .profileEdit form section #savedSearchOptions input#deleteSearchButton:hover{
  border:none;
  color:#7283bf;
}

.profileEdit form section #savedSearchOptions input#deleteSearchButton{
  text-align:right;
}

.ctaPrimary{
  padding:1rem 1rem 3rem;
}

#ctaContent h5{
  margin-top:1rem;
  margin-bottom:1rem;
  color:#3f4765;
}

@media only screen and (min-width: 720px){
  #ctaContent h5{
    margin-top:0;
  }
}

#ctaContent h5 li{
  padding-bottom:0.6rem;
}

.ctaExtra #primaryPhoto{
  text-align:center;
}

.ctaExtra #primaryPhoto img{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  max-width:18rem;
}

@media only screen and (min-width: 250px){
  .ctaExtra #primaryPhoto img{
    max-width:12rem;
  }
}

@media only screen and (min-width: 320px){
  .ctaExtra #primaryPhoto img{
    max-width:12rem;
  }
}

@media only screen and (min-width: 500px){
  .ctaExtra #primaryPhoto img{
    max-width:14rem;
  }
}

@media only screen and (min-width: 720px){
  .ctaExtra #primaryPhoto img{
    max-width:18rem;
  }
}

.ctaExtra #primaryPhoto img.photoShield{
  width:18rem;
  margin-left:-18rem;
}

@media only screen and (min-width: 250px){
  .ctaExtra #primaryPhoto img.photoShield{
    width:12rem;
    margin-left:-12rem;
  }
}

@media only screen and (min-width: 320px){
  .ctaExtra #primaryPhoto img.photoShield{
    width:12rem;
    margin-left:-12rem;
  }
}

@media only screen and (min-width: 500px){
  .ctaExtra #primaryPhoto img.photoShield{
    width:14rem;
    margin-left:-14rem;
  }
}

@media only screen and (min-width: 720px){
  .ctaExtra #primaryPhoto img.photoShield{
    width:18rem;
    margin-left:-18rem;
  }
}

.ctaExtra #primaryPhoto .photoSubsOnly{
  position:absolute;
  text-align:center;
  padding:5% 2% 0;
  width:18rem;
}

@media only screen and (min-width: 250px){
  .ctaExtra #primaryPhoto .photoSubsOnly{
    width:9rem;
  }
}

@media only screen and (min-width: 320px){
  .ctaExtra #primaryPhoto .photoSubsOnly{
    width:9rem;
  }
}

@media only screen and (min-width: 500px){
  .ctaExtra #primaryPhoto .photoSubsOnly{
    width:14rem;
  }
}

@media only screen and (min-width: 720px){
  .ctaExtra #primaryPhoto .photoSubsOnly{
    width:18rem;
  }
}

.ctaExtra #primaryPhoto .photoSubsOnly p,
.ctaExtra #primaryPhoto .photoSubsOnly p a{
  font-size:1.3rem;
  font-weight:bold;
}

@media only screen and (min-width: 720px){
  .ctaContentWrapper h3{
    float:left;
  }
  .ctaExtra{
    float:right;
  }
  #ctaContent{
    clear:left;
    float:left;
  }
}

.galleryItem{
  position:relative;
  display:inline-block;
  vertical-align:top;
  width:15%;
  margin:2% 2% 1rem;
}

.galleryItem img{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  width:100%;
}

.galleryItem img.photoShield{
  display:none;
}

@media only screen and (max-width: 940px), only screen and (max-device-width: 940px){
  .galleryItem{
    width:20%;
    margin:1% 2% 2%;
  }
}

@media (max-width: 1024px){
  .cards{
    padding:0 1rem;
  }
}

@media only screen and (min-width: 1024px){
  .cards .grid-tl-6:nth-child(even) .profileCard{
    margin:0 0 0 1rem;
    clear:both;
  }
}

@media only screen and (min-width: 720px){
  .allowVerticalAdSlot .cards .profileCard .content .information{
    width:70%;
  }
}

@media only screen and (min-width: 1024px){
  .allowVerticalAdSlot .cards .profileCard .content .information{
    width:66%;
  }
}

.profileCard{
  position:relative;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  background-color:#e5e8f1;
  padding:0 1rem 1rem;
}

.profileCard a,
.profileCard svg{
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s;
}

.profileCard a{
  color:#573061;
}

.profileCard a:hover{
  color:#7c458a;
  cursor:pointer;
}

.profileCard .close{
  position:absolute;
  top:0.8rem;
  right:0.8rem;
  line-height:0;
}

.profileCard .close svg{
  width:1.2rem;
  height:1.2rem;
  fill:#3f4765;
}

.profileCard .close:hover svg{
  fill:#13182b;
}

.profileCard .content .image{
  max-width:9rem;
  position:relative;
  overflow:hidden;
  min-height:9rem;
  max-height:9rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding-bottom:0;
  padding-top:0;
  margin-top:1rem;
}

@media only screen and (min-width: 250px){
  .profileCard .content .image{
    max-width:9rem;
  }
}

@media only screen and (min-width: 320px){
  .profileCard .content .image{
    max-width:9rem;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .content .image{
    max-width:12rem;
  }
}

@media only screen and (min-width: 720px){
  .profileCard .content .image{
    max-width:14rem;
    max-height:14rem;
    min-height:14rem;
  }
}

.profileCard .content .image a{
  position:absolute;
  width:100%;
  height:100%;
}

.profileCard .content .image img{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  position:absolute;
  width:auto;
  height:100%;
  z-index:0;
}

.profileCard .content .image img.photoShield{
  position:absolute;
  top:0px;
  left:100%;
  width:100%;
  height:100%;
  z-index:2;
  margin-left:-14rem;
}

@media only screen and (min-width: 250px){
  .profileCard .content .image img.photoShield{
    width:9rem;
    margin-left:-9rem;
  }
}

@media only screen and (min-width: 320px){
  .profileCard .content .image img.photoShield{
    width:9rem;
    margin-left:-9rem;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .content .image img.photoShield{
    width:12rem;
    margin-left:-12rem;
  }
}

@media only screen and (min-width: 720px){
  .profileCard .content .image img.photoShield{
    width:14rem;
    margin-left:-14rem;
  }
}

.profileCard .content .image .badges{
  font-family:Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif;
  font-size:1.3rem;
  padding:0.1rem 1rem 0;
  background:#a9d461;
  position:absolute;
  left:0;
  top:0.1rem;
  font-weight:bold;
  -webkit-border-radius:0.8rem 0.8rem 0.8rem 0;
  -moz-border-radius:0.8rem 0.8rem 0.8rem 0;
  border-radius:0.8rem 0.8rem 0.8rem 0;
}

.profileCard .content .image .badges a{
  color:#13182b;
  font-size:1.3rem;
}

.profileCard .content .image .badges .activityAlertsValue{
  text-shadow:none;
  font-size:inherit;
}

.profileCard .content .image .photos{
  position:absolute;
  bottom:0;
  left:0;
  padding:0.2rem 0.6rem;
  background:#e5e8f1;
  -webkit-border-radius:0 1rem 0 0;
  -moz-border-radius:0 1rem 0 0;
  border-radius:0 1rem 0 0;
}

.profileCard .content .image .photos .picCount{
  font-size:1.2rem;
  color:#3f4765;
  font-weight:bold;
  vertical-align:top;
}

.profileCard .content .image .photos svg{
  width:1.6rem;
  height:1.6rem;
  fill:#3f4765;
}

.profileCard .content .image .verified{
  position:absolute;
  background:#3f4765;
  padding:0 0.5rem;
  -webkit-border-radius:5rem;
  -moz-border-radius:5rem;
  border-radius:5rem;
  right:0.5rem;
  bottom:1.5rem;
}

.profileCard .content .image .verified svg{
  fill:#fff;
  width:1rem;
  height:1rem;
}

@media only screen and (min-width: 720px){
  .profileCard .content .image .verified svg{
    width:1.5rem;
    height:1.5rem;
  }
}

.profileCard .content .image .photoSubsOnly{
  position:absolute;
  text-align:center;
  padding:4% 2% 0;
}

@media only screen and (min-width: 250px){
  .profileCard .content .image .photoSubsOnly{
    width:9rem;
  }
}

@media only screen and (min-width: 320px){
  .profileCard .content .image .photoSubsOnly{
    width:9rem;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .content .image .photoSubsOnly{
    width:12rem;
  }
}

@media only screen and (min-width: 720px){
  .profileCard .content .image .photoSubsOnly{
    width:14rem;
    height:14rem;
  }
}

.profileCard .content .image .photoSubsOnly p{
  font-size:1rem;
  line-height:1.2;
  font-weight:bold;
  padding:2rem 1.5rem 0;
}

@media only screen and (min-width: 720px){
  .profileCard .content .image .photoSubsOnly p{
    font-size:1.3rem;
    line-height:1.5;
    padding:3.5rem 1.5rem 0;
  }
}

.profileCard .content .image img.subsOnly{
  max-width:14rem;
}

@media only screen and (min-width: 250px){
  .profileCard .content .image img.subsOnly{
    max-width:9rem;
  }
}

@media only screen and (min-width: 320px){
  .profileCard .content .image img.subsOnly{
    max-width:9rem;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .content .image img.subsOnly{
    max-width:12rem;
  }
}

@media only screen and (min-width: 720px){
  .profileCard .content .image img.subsOnly{
    max-width:14rem;
    min-height:14rem;
    max-height:14rem;
  }
}

.profileCard .content .information{
  padding-left:0.5rem;
}

@media only screen and (min-width: 500px){
  .profileCard .content .information{
    width:68%;
    padding-left:0.5rem;
  }
}

@media only screen and (min-width: 720px){
  .profileCard .content .information{
    width:79%;
    padding-left:1rem;
  }
}

@media only screen and (min-width: 1024px){
  .profileCard .content .information{
    width:70%;
    padding-left:0.5rem;
  }
}

.profileCard .content .information h5{
  display:inline-block;
  margin-bottom:0.5rem;
  margin-top:0.5rem;
  line-height:1;
  font-size:0.95rem;
}

@media only screen and (min-width: 250px){
  .profileCard .content .information h5{
    font-size:1.2rem;
    margin-top:0.5rem;
  }
}

@media only screen and (min-width: 320px){
  .profileCard .content .information h5{
    font-size:1.4rem;
    margin-top:0.5rem;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .content .information h5{
    font-size:1.8rem;
    margin-top:0;
  }
}

.profileCard .content .information h5 a{
  color:#364ea3;
}

.profileCard .content .information h5 a:visited{
  color:#263772;
}

.profileCard .content .information h5 a:hover{
  color:#7283bf;
}

.profileCard .content .information .finePrint{
  margin-bottom:0.5rem;
  font-size:0.85rem;
  line-height:1.05;
}

@media only screen and (min-width: 250px){
  .profileCard .content .information .finePrint{
    font-size:0.9rem;
    line-height:1.1;
  }
}

@media only screen and (min-width: 320px){
  .profileCard .content .information .finePrint{
    font-size:1.1rem;
    line-height:1.3;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .content .information .finePrint{
    font-size:1.2rem;
    line-height:1.4;
  }
}

.profileCard .content .information .narrative{
  font-size:0.9rem;
}

@media only screen and (min-width: 250px){
  .profileCard .content .information .narrative{
    font-size:1rem;
  }
}

@media only screen and (min-width: 320px){
  .profileCard .content .information .narrative{
    font-size:1.2rem;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .content .information .narrative{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 720px){
  .profileCard .content .information .narrative{
    font-size:1.5rem;
  }
}

.profileCard .toolbar{
  padding:0.2rem 0 0.5rem;
  margin-bottom:0;
}

@media only screen and (min-width: 1024px){
  .profileCard .toolbar{
    margin-bottom:0.5rem;
  }
}

.profileCard .toolbar .setVisible{
  display:block !important;
}

.profileCard .toolbar .ratings{
  padding:0.5rem 0 0;
}

.profileCard .toolbar .tools{
  padding:0;
  text-align:right;
}

.profileCard .toolbar .tools a{
  display:inline-block;
}

.profileCard .toolbar .tools a svg{
  fill:#fff;
  background:#7c458a;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  -webkit-transition:0.2s fill;
  -moz-transition:0.2s fill;
  -o-transition:0.2s fill;
  transition:0.2s fill;
  vertical-align:middle;
  width:3.4rem;
  height:3.4rem;
  padding:0.5rem;
  margin:0 0 0 0.3rem;
  margin:0;
}

@media only screen and (min-width: 250px){
  .profileCard .toolbar .tools a svg{
    width:3.5rem;
    height:3.5rem;
    margin:0 0 0 0.3rem;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .toolbar .tools a svg{
    width:3.8rem;
    height:3.8rem;
  }
}

@media only screen and (min-width: 720px){
  .profileCard .toolbar .tools a svg{
    width:4rem;
    height:4rem;
  }
}

@media only screen and (min-width: 1024px){
  .profileCard .toolbar .tools a svg{
    width:4rem;
    height:4rem;
  }
}

.profileCard .toolbar .tools a svg:hover{
  background:#a37dad;
}

.profileCard .toolbar .tools a svg:active{
  background:#fff;
}

.profileCard .toolbar .tools a span{
  display:none;
}

.profileCard .toolbar .tools a.favourite svg{
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  overflow:visible;
}

.profileCard .toolbar .tools a.favourite svg:hover{
  fill:#fff;
  stroke-width:0;
}

.profileCard .toolbar .tools a.favourite svg:active{
  -webkit-transform-origin:50% 50% 0;
  -moz-transform-origin:50% 50% 0;
  -ms-transform-origin:50% 50% 0;
  -o-transform-origin:50% 50% 0;
  transform-origin:50% 50% 0;
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -ms-transform:scale(1.2);
  -o-transform:scale(1.2);
  transform:scale(1.2);
  fill:#fff;
}

.profileCard .toolbar .tools a.active svg{
  fill:#fff;
  stroke:none;
}

.profileCard .toolbar .tools a.more-info{
  cursor:pointer;
}

@media only screen and (min-width: 1024px){
  .profileCard .toolbar .tools a.more-info{
    display:none;
  }
}

.profileCard .toolbar .tools a.more-info svg{
  stroke:none;
  fill:#fff;
}

.profileCard .toolbar .tools a.more-info svg:hover{
  background:#a37dad;
}

.profileCard .toolbar .tools a.more-info svg:active{
  background:#7c458a;
}

.profileCard .match .percentage{
  text-align:center;
  color:#13182b;
  background:#fff;
  border:0.1rem solid #fff;
  border-bottom:0.1rem solid #e5e8f1;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:1rem;
  margin-top:1rem;
}

.profileCard .match .percentage .twoway{
  font-size:1.2rem;
  color:#13182b;
  font-weight:bold;
  padding:0 0.5rem;
  margin:0;
}

@media only screen and (min-width: 720px){
  .profileCard .match .percentage .twoway{
    font-size:1.4rem;
  }
}

.profileCard .match .percentage .value{
  background:#e95b0c;
  color:#fff;
  font-weight:bold;
  font-size:1.2rem;
  margin:0 0 0 0.5rem;
  padding:0.2rem 0.5rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

@media only screen and (min-width: 720px){
  .profileCard .match .percentage .value{
    font-size:1.4rem;
  }
}

.profileCard .match .percentage .value.green{
  background:#a9d461;
}

.profileCard .match .percentage .value.red{
  background:#e0193a;
}

.profileCard .match .percentage .value.orange{
  background:#fdc259;
}

@media only screen and (min-width: 320px){
  .profileCard .match .percentage{
    padding:0.8rem 0;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .match .percentage{
    padding:1rem 0;
  }
}

@media only screen and (min-width: 1024px){
  .profileCard .match .percentage{
    -webkit-border-radius:0.4rem 0.4rem 0 0;
    -moz-border-radius:0.4rem 0.4rem 0 0;
    border-radius:0.4rem 0.4rem 0 0;
    margin-top:0;
  }
}

.profileCard .match .percentage .noteText{
  font-weight:bold;
}

.profileCard .match .percentage a{
  color:#364ea3;
}

.profileCard .match .percentage a:hover{
  color:#7283bf;
}

.profileCard .match .details{
  background-color:#fff;
  display:none;
  border:0.1rem solid #fff;
  -webkit-border-radius:0 0 0.4rem 0.4rem;
  -moz-border-radius:0 0 0.4rem 0.4rem;
  border-radius:0 0 0.4rem 0.4rem;
}

@media only screen and (min-width: 1024px){
  .profileCard .match .details{
    display:block !important;
    min-height:10rem;
  }
}

.profileCard .match .details p{
  margin-bottom:0;
  padding:0 1.5rem;
  font-size:0.85rem;
  line-height:1.25;
}

@media only screen and (min-width: 320px){
  .profileCard .match .details p{
    font-size:1.1rem;
    line-height:1.5;
  }
}

@media only screen and (min-width: 500px){
  .profileCard .match .details p{
    font-size:1.2rem;
    line-height:1.6;
  }
}

.profileCard .match .details p svg{
  width:1rem;
  height:1rem;
  display:inline-block;
  margin-right:1rem;
  vertical-align:middle;
}

.profileCard .match .details p svg.modifiedIcon, .profileCard .match .details p svg.commonIcon, .profileCard .match .details p svg.viewsIcon{
  fill:#3f4765;
}

.profileCard .match .details.guest{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.profileCard .match.expanded .percentage{
  -webkit-border-radius:0.4rem 0.4rem 0 0;
  -moz-border-radius:0.4rem 0.4rem 0 0;
  border-radius:0.4rem 0.4rem 0 0;
}

@media only screen and (min-width: 1024px){
  #find_history .profileCard .match .details{
    min-height:10rem;
  }
}

.twowayMatchBar{
  display:inline-block;
  text-align:left;
  width:72%;
  height:1.3rem;
  margin:0;
  padding:0;
  vertical-align:middle;
  background:#e5e8f1;
}

@media only screen and (min-width: 720px){
  .twowayMatchBar{
    width:75%;
  }
}

.twowayMatchBar,
.twowayMatchBarInner{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.twowayMatchBarInner{
  width:77%;
  height:100%;
  background:#999;
  -webkit-background-size:1.8rem 1.8rem;
  -moz-background-size:1.8rem 1.8rem;
  -o-background-size:1.8rem 1.8rem;
  background-size:1.8rem 1.8rem;
  background:#e95b0c;
}

.twowayMatchBarInner.twowayMatch-low{
  background:#e0193a;
}

.twowayMatchBarInner.twowayMatch-medium{
  background:#fdc259;
}

.twowayMatchBarInner.twowayMatch-high{
  background:#a9d461;
}

.loggedOut .profileCard .match .details{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.value.noMatch{
  color:#13182b !important;
}

.twowayMatchBarInner.noMatch{
  background:#e5e8f1 !important;
}

.profileSummary .match .value{
  color:#13182b;
}

.profileSummary .match .value.noMatch{
  background:#e5e8f1 !important;
}

.profileSummary .match .value.red{
  background:#e0193a;
}

.profileSummary .match .value.orange{
  background:#fdc259;
}

.profileSummary .match .value.green{
  background:#a9d461;
}

.restoreResult{
  text-align:center;
}

.fixed-supported .profileMiniBar{
  position:fixed;
}

.profileMiniBar{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:2001;
  background:#e5e8f1;
  border-bottom:0.2rem solid #fff;
  padding:1rem;
}

.profileMiniBar.expandHeader{
  -webkit-transition:top 400ms;
  -moz-transition:top 400ms;
  -o-transition:top 400ms;
  transition:top 400ms;
  top:0;
}

.profileMiniBar a,
.profileMiniBar a svg{
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s;
}

.profileMiniBar a:hover{
  cursor:pointer;
}

.profileMiniBar .image{
  padding:0;
  margin-right:1rem;
  width:4rem;
}

@media only screen and (min-width: 720px){
  .profileMiniBar .image{
    width:6rem;
  }
}

.profileMiniBar .image img{
  display:inline-block;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  width:4rem;
}

@media only screen and (min-width: 720px){
  .profileMiniBar .image img{
    width:6rem;
  }
}

.profileMiniBar .image img.photoShield{
  width:4rem;
  height:100%;
  top:0;
  left:1rem;
  position:absolute;
}

@media only screen and (min-width: 720px){
  .profileMiniBar .image img.photoShield{
    width:6rem;
  }
}

.profileMiniBar .copy{
  padding:0;
}

.profileMiniBar .copy .title{
  margin-bottom:0.5rem;
}

.profileMiniBar .copy .title .onlineStatus svg{
  float:left;
  margin:0.25rem 0.8rem 0 0;
}

@media only screen and (min-width: 720px){
  .profileMiniBar .copy .title .onlineStatus svg{
    margin:0.3rem 0.8rem 0 0;
  }
}

.profileMiniBar .copy .title h5{
  float:left;
  display:inline-block;
  line-height:1;
  font-size:1.2rem;
}

@media only screen and (min-width: 320px){
  .profileMiniBar .copy .title h5{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 500px){
  .profileMiniBar .copy .title h5{
    font-size:1.8rem;
  }
}

.profileMiniBar .copy .title h5 a{
  line-height:1;
  font-size:1.2rem;
}

@media only screen and (min-width: 320px){
  .profileMiniBar .copy .title h5 a{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 500px){
  .profileMiniBar .copy .title h5 a{
    font-size:1.8rem;
  }
}

.profileMiniBar .copy .title:after{
  content:"";
  display:block;
  clear:both;
  float:inherit;
}

.profileMiniBar .copy .finePrint{
  margin:0;
  font-size:0.9rem;
}

@media only screen and (min-width: 320px){
  .profileMiniBar .copy .finePrint{
    font-size:1rem;
  }
}

@media only screen and (min-width: 500px){
  .profileMiniBar .copy .finePrint{
    font-size:1.2rem;
  }
}

.profileMiniBar .tools{
  padding:0;
  float:right;
  text-align:right;
  position:relative;
}

.profileMiniBar .tools a{
  display:inline-block;
}

.profileMiniBar .tools a.gift, .profileMiniBar .tools a.more{
  display:none;
}

@media only screen and (min-width: 720px){
  .profileMiniBar .tools a.gift, .profileMiniBar .tools a.more{
    display:inline-block;
  }
}

.profileMiniBar .tools a.favourite:active{
  -webkit-transform:scale(1.2);
  -ms-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -o-transform:scale(1.2);
  transform:scale(1.2);
  fill:#3e151a;
}

.profileMiniBar .tools a svg{
  margin:0 0 0 1rem;
  fill:#7c458a;
  width:2rem;
  height:2rem;
}

@media only screen and (min-width: 720px){
  .profileMiniBar .tools a svg{
    width:2.5rem;
    height:2.5rem;
  }
}

.profileMiniBar .tools a svg:hover{
  fill:#a37dad;
}

.profileMiniBar .tools a svg:active{
  fill:#573061;
}

.profileMiniBar .tools a span{
  display:none;
}

.profileMiniBar .tools a:hover{
  cursor:pointer;
}

.profileMiniBar .tools a:hover svg{
  fill:#a37dad;
}

.profileMiniBar .tools a:hover span{
  color:#a37dad;
}

.profileMiniBar .tools .moreBox{
  top:2rem;
  right:-0.7rem;
}

#mail_conversation .profileMiniBar .tools a.more{
  display:inline-block;
}

.profileSummary{
  background:#f2ecf3;
  padding:0;
}

@media only screen and (min-width: 720px){
  .profileSummary{
    padding:0;
  }
}

.profileSummary a,
.profileSummary a svg,
.profileSummary a span{
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s;
}

.profileSummary a.btn{
  padding:0.7rem 2rem 0.6rem;
}

.profileSummary a.btn span{
  color:#fff;
}

.profileSummary a{
  color:#263772;
}

.profileSummary a:hover{
  color:#364ea3;
  cursor:pointer;
}

.profileSummary .information{
  padding:0;
}

@media only screen and (min-width: 1024px){
  .profileSummary .information{
    width:74%;
  }
}

.profileSummary .information .image{
  position:relative;
  max-width:18rem;
  margin-left:1rem;
}

.profileSummary .information .image img{
  display:inline-block;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  max-width:18rem;
}

@media only screen and (min-width: 250px){
  .profileSummary .information .image img{
    max-width:9rem;
  }
}

@media only screen and (min-width: 320px){
  .profileSummary .information .image img{
    max-width:9rem;
  }
}

@media only screen and (min-width: 500px){
  .profileSummary .information .image img{
    max-width:14rem;
  }
}

@media only screen and (min-width: 720px){
  .profileSummary .information .image img{
    max-width:18rem;
  }
}

.profileSummary .information .image img.photoShield{
  position:absolute;
  width:18rem;
  margin-left:-18rem;
}

@media only screen and (min-width: 250px){
  .profileSummary .information .image img.photoShield{
    width:9rem;
    margin-left:-9rem;
  }
}

@media only screen and (min-width: 320px){
  .profileSummary .information .image img.photoShield{
    width:9rem;
    margin-left:-9rem;
  }
}

@media only screen and (min-width: 500px){
  .profileSummary .information .image img.photoShield{
    width:14rem;
    margin-left:-14rem;
  }
}

@media only screen and (min-width: 720px){
  .profileSummary .information .image img.photoShield{
    width:18rem;
    margin-left:-18rem;
  }
}

.profileSummary .information .image .photoSubsOnly{
  position:absolute;
  text-align:center;
  padding:4% 2% 0;
  width:18rem;
}

@media only screen and (min-width: 250px){
  .profileSummary .information .image .photoSubsOnly{
    width:9rem;
  }
}

@media only screen and (min-width: 320px){
  .profileSummary .information .image .photoSubsOnly{
    width:9rem;
  }
}

@media only screen and (min-width: 500px){
  .profileSummary .information .image .photoSubsOnly{
    width:14rem;
  }
}

@media only screen and (min-width: 720px){
  .profileSummary .information .image .photoSubsOnly{
    width:18rem;
  }
}

.profileSummary .information .image .photoSubsOnly p{
  font-size:1rem;
  font-weight:bold;
  padding:0 1rem;
}

.profileSummary .information .image .photoSubsOnly p a{
  font-size:1rem;
}

@media only screen and (min-width: 720px){
  .profileSummary .information .image .photoSubsOnly p{
    font-size:1.3rem;
    padding:2rem 1rem;
  }
  .profileSummary .information .image .photoSubsOnly p a{
    font-size:1.3rem;
  }
}

.profileSummary .information .copy{
  padding-left:2rem;
}

@media only screen and (max-width: 50rem){
  .profileSummary .information .copy{
    width:68%;
  }
}

@media only screen and (min-width: 720px){
  .profileSummary .information .copy{
    padding-left:2rem;
    width:71%;
  }
}

.profileSummary .information .copy .title{
  margin-top:0.3rem;
}

.profileSummary .information .copy .title .onlineStatus svg{
  margin:0 0.4rem 0 0;
}

@media only screen and (min-width: 320px){
  .profileSummary .information .copy .title .onlineStatus svg{
    margin:0 0.4rem 0 0;
  }
}

@media only screen and (min-width: 500px){
  .profileSummary .information .copy .title .onlineStatus svg{
    margin:0.4rem 0.4rem 0 0;
  }
}

@media only screen and (min-width: 720px){
  .profileSummary .information .copy .title .onlineStatus svg{
    margin:0.5rem 0.8rem 0 0;
  }
}

@media only screen and (min-width: 1024px){
  .profileSummary .information .copy .title .onlineStatus svg{
    margin:0.7rem 1rem 0 0;
  }
}

.profileSummary .information .copy .title h4{
  display:inline-block;
  line-height:1;
  font-size:1.3rem;
}

@media only screen and (min-width: 320px){
  .profileSummary .information .copy .title h4{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 500px){
  .profileSummary .information .copy .title h4{
    font-size:2rem;
  }
}

@media only screen and (min-width: 720px){
  .profileSummary .information .copy .title h4{
    font-size:2.4rem;
  }
}

.profileSummary .information .copy p.finePrint{
  margin:0.3rem 0;
  font-size:1.1rem;
  line-height:1.3;
}

@media only screen and (min-width: 320px){
  .profileSummary .information .copy p.finePrint{
    margin:0.4rem 0;
    font-size:1.2rem;
    line-height:1.4;
  }
}

@media only screen and (min-width: 500px){
  .profileSummary .information .copy p.finePrint{
    margin:0.5rem 0;
    font-size:1.3rem;
    line-height:1.5;
  }
}

@media only screen and (min-width: 720px){
  .profileSummary .information .copy p.finePrint{
    margin:0.7rem 0;
    font-size:1.4rem;
    line-height:1.8;
  }
}

.profileSummary .information .copy p.narrative{
  font-size:1.2rem;
  line-height:1.2;
}

@media only screen and (min-width: 320px){
  .profileSummary .information .copy p.narrative{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 500px){
  .profileSummary .information .copy p.narrative{
    font-size:1.6rem;
  }
}

@media only screen and (min-width: 720px){
  .profileSummary .information .copy p.narrative{
    font-size:1.8rem;
  }
}

.profileSummary .information .toolbar{
  position:relative;
  text-align:center;
  padding:0 0 1rem;
}

.profileSummary .information .toolbar div{
  padding:0;
}

.profileSummary .information .toolbar a{
  display:inline-block;
  font-size:1rem;
  line-height:1.3;
  padding:0.7rem;
}

@media only screen and (min-width: 1024px){
  .profileSummary .information .toolbar a{
    padding:0;
  }
}

.profileSummary .information .toolbar a svg{
  width:3.5rem;
  height:3.5rem;
  fill:#fff;
  background:#7c458a;
  padding:0.5rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

@media only screen and (min-width: 1024px){
  .profileSummary .information .toolbar a svg{
    width:4rem;
    height:4rem;
  }
}

.profileSummary .information .toolbar a span{
  color:#7c458a;
  font-size:1rem;
  line-height:1.3;
  font-weight:normal;
  display:block;
}

@media only screen and (min-width: 720px){
  .profileSummary .information .toolbar a span{
    font-size:1.3rem;
    line-height:1.5;
  }
}

.profileSummary .information .toolbar a:hover{
  cursor:pointer;
}

.profileSummary .information .toolbar a:hover svg{
  background:#a37dad;
}

.profileSummary .information .toolbar a:hover span{
  color:#a37dad;
}

.profileSummary .information .toolbar a.favourite svg{
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  overflow:visible;
  margin:0 0 0 0.4rem;
  fill:#fff;
}

@media only screen and (min-width: 250px){
  .profileSummary .information .toolbar a.favourite svg{
    margin:0 0 0 1rem;
  }
}

.profileSummary .information .toolbar a.favourite svg:hover{
  fill:#fff;
  stroke-width:0;
}

.profileSummary .information .toolbar a.favourite svg:active{
  -webkit-transform-origin:50% 50% 0;
  -moz-transform-origin:50% 50% 0;
  -ms-transform-origin:50% 50% 0;
  -o-transform-origin:50% 50% 0;
  transform-origin:50% 50% 0;
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -ms-transform:scale(1.2);
  -o-transform:scale(1.2);
  transform:scale(1.2);
  fill:#fff;
}

.profileSummary .information .toolbar a.active svg{
  fill:#fff;
  stroke:none;
}

.profileSummary .information .toolbar .moreBox{
  top:3rem;
  right:0;
  position:absolute;
  z-index:2000;
}

@media only screen and (min-width: 320px){
  .profileSummary .information .toolbar .moreBox{
    right:8%;
  }
}

@media only screen and (min-width: 500px){
  .profileSummary .information .toolbar .moreBox{
    right:9%;
  }
}

@media only screen and (min-width: 720px){
  .profileSummary .information .toolbar .moreBox{
    right:10%;
  }
}

@media only screen and (min-width: 1024px){
  .profileSummary .information .toolbar .moreBox{
    top:4rem;
    right:7.3rem;
  }
}

.profileSummary .information .toolbar .grid-11.hidden{
  text-align:right;
}

.profileSummary .match{
  position:relative;
  background:#fff;
  width:97%;
  min-height:5.5rem;
  text-align:center;
  border:0.1rem solid #fff;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0;
  margin-left:0.5rem;
}

@media only screen and (min-width: 720px){
  .profileSummary .match{
    min-height:6rem;
  }
}

@media only screen and (min-width: 1024px){
  .profileSummary .match{
    margin-top:1rem;
    width:24.99%;
  }
}

.profileSummary .match .twoway{
  font-size:1.2rem;
  color:#13182b;
  font-weight:bold;
  padding:0 0.5rem;
  margin:0;
}

@media only screen and (min-width: 1024px){
  .profileSummary .match .twoway{
    font-size:1.4rem;
    margin:0.5rem 0;
  }
}

.profileSummary .match .value{
  background:#e95b0c;
  color:#fff;
  font-weight:bold;
  font-size:1.2rem;
  margin:0 0 0 0.5rem;
  padding:0.2rem 0.5rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

@media only screen and (min-width: 720px){
  .profileSummary .match .value{
    font-size:1.4rem;
  }
}

.profileSummary .match .moreIcon svg{
  fill:#7c458a;
  width:2rem;
  height:2rem;
}

@media only screen and (min-width: 1024px){
  .profileSummary .match .moreIcon svg{
    display:none;
  }
}

.profileSummary .match .matchContent{
  background-color:#fff;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0.5rem 1rem 0;
  display:none;
}

@media only screen and (min-width: 1024px){
  .profileSummary .match .matchContent{
    display:block;
  }
}

.profileSummary .match .matchContent .finePrint.matchee{
  border-right:0.1rem solid #e5e8f1;
}

.profileSummary .match .matchContent .finePrint .percentage{
  font-weight:bold;
  color:#7c458a;
}

.profileSummary .match .finePrint{
  font-size:1rem;
  padding:0 0.2rem;
  margin-bottom:0;
}

@media only screen and (min-width: 250px){
  .profileSummary .match .finePrint{
    font-size:1.1rem;
  }
}

@media only screen and (min-width: 320px){
  .profileSummary .match .finePrint{
    font-size:1.2rem;
  }
}

@media only screen and (min-width: 500px){
  .profileSummary .match .finePrint{
    font-size:1.3rem;
  }
}

.profileSummary .match .ratings{
  clear:both;
  padding:0.5rem 0;
  border-top:0.1rem solid #e5e8f1;
}

.profileSummary .match .ratings a svg{
  width:2rem;
  height:2rem;
}

.profileSummary .match .details{
  padding:1rem 0.5rem 0.5rem;
  text-align:left;
}

.profileSummary .match .details p{
  margin-bottom:0;
}

.profileSummary .match .details p .icon{
  position:relative;
  float:left;
  clear:left;
  width:2.3rem;
  min-height:1.6rem;
  height:1.6rem;
  line-height:1.6rem;
}

.profileSummary .match .details p svg{
  width:1rem;
  height:1rem;
  display:inline-block;
  margin-right:1rem;
}

.profileSummary .match .details p svg.modifiedIcon, .profileSummary .match .details p svg.commonIcon, .profileSummary .match .details p svg.verifiedIcon{
  fill:#3f4765;
}

.profileSummary .match .details p.fanStatus svg, .profileSummary .match .details p.matchContact svg, .profileSummary .match .details p.noContact svg{
  fill:#3f4765;
}

.profileSummary .match .details p .matcheeContact{
  display:block;
  margin-left:2.3rem;
}

.profileSummary .match .details p.noContact{
  color:#e95b0c;
}

.profileSummary .match .details p.noContact .icon{
  height:5.5rem;
}

a.more{
  position:relative;
}

a.more .moreBox{
  top:3rem;
  right:0;
  position:absolute;
  z-index:2000;
}

@media only screen and (min-width: 320px){
  a.more .moreBox{
    right:8%;
  }
}

@media only screen and (min-width: 500px){
  a.more .moreBox{
    right:9%;
  }
}

@media only screen and (min-width: 720px){
  a.more .moreBox{
    right:10%;
  }
}

@media only screen and (min-width: 1024px){
  a.more .moreBox{
    top:4rem;
    right:7.3rem;
  }
}

.guest .profileSummary .match .matchContent{
  display:block;
}

.profileMiniBar .moreBox,
.profileSummary .toolbar div.moreBox{
  display:none;
  position:absolute;
  z-index:999;
  line-height:1.1;
  width:28rem;
}

.profileMiniBar .moreBox .box,
.profileSummary .toolbar div.moreBox .box{
  padding:2rem 1rem 0;
  margin:2.2rem 0 0;
  -webkit-border-radius:0 0 0.4rem 0.4rem;
  -moz-border-radius:0 0 0.4rem 0.4rem;
  border-radius:0 0 0.4rem 0.4rem;
  font-size:1.3rem;
  background:#d8c7dc;
  text-align:left;
}

.profileMiniBar .moreBox .box ul,
.profileSummary .toolbar div.moreBox .box ul{
  padding:0;
  margin:0;
  list-style:none;
}

.profileMiniBar .moreBox .box ul li,
.profileSummary .toolbar div.moreBox .box ul li{
  padding-bottom:2rem;
  font-size:1.2rem;
}

.profileMiniBar .moreBox .box ul li span,
.profileSummary .toolbar div.moreBox .box ul li span{
  display:inline-block;
  max-width:21rem;
}

.profileMiniBar .moreBox .box ul li a, .profileMiniBar .moreBox .box ul li span,
.profileSummary .toolbar div.moreBox .box ul li a,
.profileSummary .toolbar div.moreBox .box ul li span{
  color:#13182b;
  font-size:1.3rem;
  font-weight:bold;
}

.profileMiniBar .moreBox .box ul li a svg, .profileMiniBar .moreBox .box ul li span svg,
.profileSummary .toolbar div.moreBox .box ul li a svg,
.profileSummary .toolbar div.moreBox .box ul li span svg{
  margin:-0.2rem 1rem 0 0;
  width:1.8rem;
  height:1.8rem;
  float:left;
  background:none;
  padding:0;
  fill:#7c458a;
}

.profileMiniBar .moreBox .box ul li a.cancelInvite svg, .profileMiniBar .moreBox .box ul li span.cancelInvite svg,
.profileSummary .toolbar div.moreBox .box ul li a.cancelInvite svg,
.profileSummary .toolbar div.moreBox .box ul li span.cancelInvite svg{
  fill:#7c458a;
}

.profileMiniBar .moreBox .box ul li a.tellFriend svg, .profileMiniBar .moreBox .box ul li span.tellFriend svg,
.profileSummary .toolbar div.moreBox .box ul li a.tellFriend svg,
.profileSummary .toolbar div.moreBox .box ul li span.tellFriend svg{
  fill:#7c458a;
}

.profileMiniBar .moreBox .box ul li a.blockReport svg, .profileMiniBar .moreBox .box ul li span.blockReport svg,
.profileSummary .toolbar div.moreBox .box ul li a.blockReport svg,
.profileSummary .toolbar div.moreBox .box ul li span.blockReport svg{
  fill:#7c458a;
}

.profileMiniBar .moreBox .box ul li a:hover, .profileMiniBar .moreBox .box ul li span:hover,
.profileSummary .toolbar div.moreBox .box ul li a:hover,
.profileSummary .toolbar div.moreBox .box ul li span:hover{
  color:#7c458a;
}

.profileMiniBar .moreBox .box ul li a:hover svg, .profileMiniBar .moreBox .box ul li span:hover svg,
.profileSummary .toolbar div.moreBox .box ul li a:hover svg,
.profileSummary .toolbar div.moreBox .box ul li span:hover svg{
  fill:#7c458a;
}

.profileMiniBar .moreBox .box ul li a.disabled, .profileMiniBar .moreBox .box ul li span.disabled,
.profileSummary .toolbar div.moreBox .box ul li a.disabled,
.profileSummary .toolbar div.moreBox .box ul li span.disabled{
  color:#3f4765;
  font-weight:normal;
}

.profileMiniBar .moreBox .box ul li a.disabled svg, .profileMiniBar .moreBox .box ul li span.disabled svg,
.profileSummary .toolbar div.moreBox .box ul li a.disabled svg,
.profileSummary .toolbar div.moreBox .box ul li span.disabled svg{
  fill:#3f4765;
}

.profileMiniBar .moreBox .box ul li a.disabled:hover, .profileMiniBar .moreBox .box ul li span.disabled:hover,
.profileSummary .toolbar div.moreBox .box ul li a.disabled:hover,
.profileSummary .toolbar div.moreBox .box ul li span.disabled:hover{
  cursor:default;
}

.profileMiniBar .moreBox .box ul li a.disabled span, .profileMiniBar .moreBox .box ul li span.disabled span,
.profileSummary .toolbar div.moreBox .box ul li a.disabled span,
.profileSummary .toolbar div.moreBox .box ul li span.disabled span{
  color:#3f4765;
  font-weight:normal;
}

.profileMiniBar .moreBox .box ul li p.noMessages,
.profileSummary .toolbar div.moreBox .box ul li p.noMessages{
  color:#3f4765;
  font-weight:normal;
  font-size:1.3rem;
}

.profileMiniBar .moreBox .box ul li p.noMessages svg,
.profileSummary .toolbar div.moreBox .box ul li p.noMessages svg{
  margin:-0.2rem 1rem 0 0;
  width:1.8rem;
  height:1.8rem;
  float:left;
  fill:#3f4765;
}

.profileMiniBar .moreBox div.arrow,
.profileSummary .toolbar div.moreBox div.arrow{
  float:right;
  margin:0 1rem 0 0;
  content:"";
  border-left:1.1rem solid transparent;
  border-right:1.1rem solid transparent;
  border-top:1.1rem solid transparent;
  border-bottom:1.1rem solid #d8c7dc;
}

#progressIndicator{
  text-align:center;
  display:block;
  width:100%;
  margin:1rem 0 0;
}

@media only screen and (min-width: 720px){
  #progressIndicator{
    margin:2rem 0 0;
  }
}

#progressIndicator .profileNavWrapper{
  display:inline-block;
  vertical-align:top;
  width:16%;
}

#progressIndicator a.icons{
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  border:0.2rem solid #13182b;
  background:#fff;
  display:inline-block;
  position:relative;
  padding:0.6rem;
  width:4rem;
  height:4rem;
}

@media only screen and (min-width: 720px){
  #progressIndicator a.icons{
    padding:0.8rem;
    width:4.8rem;
    height:4.8rem;
  }
}

@media only screen and (min-width: 1024px){
  #progressIndicator a.icons{
    padding:1rem;
    width:5.6rem;
    height:5.6rem;
  }
}

#progressIndicator a.icons svg{
  fill:#13182b;
  width:2rem;
  height:2rem;
}

@media only screen and (min-width: 720px){
  #progressIndicator a.icons svg{
    width:2.5rem;
    height:2.5rem;
  }
}

@media only screen and (min-width: 1024px){
  #progressIndicator a.icons svg{
    width:3rem;
    height:3rem;
  }
}

#progressIndicator a.icons.active{
  background:#13182b;
}

#progressIndicator a.icons.active svg{
  fill:#fff;
}

#progressIndicator a.icons:active{
  -webkit-transform:scale(1.15);
  -moz-transform:scale(1.15);
  -ms-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
}

#progressIndicator a.icons span{
  position:absolute;
  top:-0.2rem;
  right:-0.2rem;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  line-height:1.4;
  text-align:center;
  width:1.3rem;
  height:1.3rem;
  font-size:0.8rem;
  padding:0.1rem;
}

@media only screen and (min-width: 720px){
  #progressIndicator a.icons span{
    width:1.5rem;
    height:1.5rem;
    font-size:1rem;
    padding:0;
  }
}

@media only screen and (min-width: 1024px){
  #progressIndicator a.icons span{
    width:1.8rem;
    height:1.8rem;
    font-size:1.2rem;
  }
}

#progressIndicator a.icons span svg{
  width:0.6rem;
  height:0.6rem;
  fill:#fff;
}

@media only screen and (min-width: 720px){
  #progressIndicator a.icons span svg{
    width:0.8rem;
    height:0.8rem;
  }
}

@media only screen and (min-width: 1024px){
  #progressIndicator a.icons span svg{
    width:1rem;
    height:1rem;
  }
}

#progressIndicator a.icons span.count{
  background:#ee6545;
}

#progressIndicator a.icons span.attention{
  background:#fbc43f;
}

#progressIndicator a.icons span.complete{
  background:#abd449;
}

#progressIndicator a.icons:hover{
  background:#13182b;
}

#progressIndicator a.icons:hover svg{
  fill:#fff;
}

#progressIndicator label a{
  display:block;
  font-family:Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif;
  color:#13182b;
  font-size:1rem;
  font-weight:bold;
}

#progressIndicator label a:hover{
  color:#364ea3;
}

@media only screen and (min-width: 720px){
  #progressIndicator label a{
    font-size:1.2rem;
  }
}

#progressIndicator label a span{
  display:none;
}

@media only screen and (min-width: 720px){
  #progressIndicator label a span{
    display:inline-block;
  }
}

.progressPanelContainer .profileCompleteness{
  background:transparent;
  padding:0;
  margin:1rem;
}

.progressPanelContainer .profileCompleteness .title{
  display:none;
}

.progressPanelContainer .profileCompleteness .content{
  background:#fff;
  border:0.1rem solid #fff;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0.2rem;
}

.progressPanelContainer .profileCompleteness .content .progress .min,
.progressPanelContainer .profileCompleteness .content .progress .max{
  display:none;
}

.progressPanelContainer .profileCompleteness .supportingLine{
  text-align:center;
  margin-top:1rem;
}

.progressPanelContainer .profileCompleteness .supportingLine .finePrint{
  color:#13182b;
}

.progressPanelContainer .profileCompleteness .supportingLine .blockSpan{
  display:inline-block;
}

.profileStatusTitle{
  font-weight:bold;
}

.panel.neutralPanel.profileStatus{
  padding:3rem 1rem 0;
}

@media only screen and (min-width: 320px){
  .panel.neutralPanel.profileStatus{
    padding:3rem 1rem 0;
  }
}

@media only screen and (min-width: 500px){
  .panel.neutralPanel.profileStatus{
    padding:4rem 1rem 0;
  }
}

@media only screen and (min-width: 720px){
  .panel.neutralPanel.profileStatus{
    padding:6rem 1rem 0;
  }
}

.joinLoginForm{
  background:#e5e8f1;
  padding:1rem 0 4rem;
}

.joinLoginForm form{
  max-width:30rem;
  margin:0 auto;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm form{
    max-width:40rem;
  }
}

.joinLoginForm form h3{
  text-align:center;
  margin-bottom:3rem;
  line-height:1.2;
  font-size:2.4rem;
  color:#13182b;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm form h3{
    font-size:2.8rem;
  }
}

.joinLoginForm form .joinBtn{
  display:block;
  background:#334d92;
  color:#fff;
  font-weight:bold;
  margin-bottom:3.2rem;
  position:relative;
  text-align:center;
}

.joinLoginForm form .joinBtn.fbJoinButton{
  margin-bottom:1.2rem;
}

.joinLoginForm form .joinBtn svg{
  position:absolute;
  left:1rem;
  top:0.9rem;
  width:2rem;
  height:2rem;
  fill:#fff;
  vertical-align:top;
}

.joinLoginForm form .joinBtn:hover{
  background:#506fc2;
}

.joinLoginForm form .joinBtn:active{
  background:#26396c;
}

.joinLoginForm form hr{
  margin:0;
  border-style:inset;
  border-color:#3f4765;
}

.joinLoginForm form .or{
  font-size:1.4rem;
  text-align:center;
  margin-top:-1.3rem;
  margin-bottom:2rem;
}

.joinLoginForm form .or span.leftHr{
  float:left;
  width:43%;
  margin-top:1rem;
}

.joinLoginForm form .or span.rightHr{
  float:right;
  width:43%;
  margin-top:1rem;
}

.joinLoginForm form .dropDownWrapper{
  display:inline-block;
  position:relative;
}

.joinLoginForm form .dropDownWrapper svg{
  position:absolute;
  right:1rem;
  top:1.5rem;
  width:1rem;
  height:1rem;
  fill:#263772;
  pointer-events:none;
}

.joinLoginForm form .noUi-target{
  margin-bottom:1rem;
}

.joinLoginForm form select{
  width:100%;
  background:#fff;
  border:none;
}

.joinLoginForm form input,
.joinLoginForm form select{
  padding:0.8rem 1.5rem;
  width:100%;
}

.joinLoginForm form .dob .dropDownWrapper{
  float:left;
}

.joinLoginForm form .dob label{
  display:block;
  width:100%;
}

.joinLoginForm form .dob .day{
  margin-right:1rem;
  width:7rem;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm form .dob .day{
    width:9rem;
    margin-right:2rem;
  }
}

.joinLoginForm form .dob .month{
  margin-right:1rem;
  width:13rem;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm form .dob .month{
    width:16rem;
    margin-right:2rem;
  }
}

.joinLoginForm form .dob .year{
  width:8rem;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm form .dob .year{
    width:11rem;
  }
}

.joinLoginForm form .username,
.joinLoginForm form .password{
  margin-bottom:2rem;
}

.joinLoginForm form .password{
  position:relative;
}

.joinLoginForm form .password a{
  position:absolute;
  top:0.6rem;
  right:1rem;
  cursor:pointer;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm form .password a{
    top:0.8rem;
  }
}

.joinLoginForm form .password a svg{
  width:1.6rem;
  height:1.6rem;
  fill:#3f4765;
}

.joinLoginForm form .container{
  margin-bottom:1.3rem;
}

.joinLoginForm form .container label{
  margin-bottom:0.7rem;
  display:inline-block;
  font-weight:bold;
  color:#3f4765;
  font-size:1.3rem;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm form .container label{
    font-size:1.5rem;
  }
}

.joinLoginForm form .enforceStrongerPasswords svg{
  width:2rem;
  height:2rem;
  fill:#3f4765;
}

.joinLoginForm form .checkboxContainer label{
  font-weight:normal;
  display:inline;
}

.joinLoginForm form .checkboxContainer p{
  margin:0;
}

.joinLoginForm form .checkboxContainer.terms .finePrint, .joinLoginForm form .checkboxContainer.enforceStrongerPasswords .finePrint{
  float:right;
  width:27rem;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm form .checkboxContainer.terms .finePrint, .joinLoginForm form .checkboxContainer.enforceStrongerPasswords .finePrint{
    width:37rem;
  }
}

.joinLoginForm form .checkboxContainer.remember .customCheckbox{
  margin:0 0.5rem 0 0;
  float:left;
}

.joinLoginForm form .btn{
  text-align:center;
  display:block;
  font-weight:bold;
  width:100%;
  padding:0.8rem;
}

.joinLoginForm form .fbPromise{
  text-align:center;
}

.joinLoginForm form .joinSubmitBtn{
  background:#e95b0c;
  color:#fff;
  margin-bottom:2rem;
}

.joinLoginForm form .joinSubmitBtn:hover{
  background:#f08c55;
}

.joinLoginForm form .joinSubmitBtn:active{
  background:#a34008;
}

.joinLoginForm form .loginSubmitBtn{
  background:#e95b0c;
  color:#fff;
  margin-bottom:2rem;
}

.joinLoginForm form .loginSubmitBtn:hover{
  background:#f08c55;
}

.joinLoginForm form .loginSubmitBtn:active{
  background:#a34008;
}

.joinLoginForm form .remember,
.joinLoginForm form .forgotPassword{
  padding:0;
}

.joinLoginForm form .forgotPassword{
  text-align:right;
}

.joinLoginForm form .forgotPassword a{
  font-size:1.4rem;
  float:right;
  text-align:left;
}

@media only screen and (min-width: 720px){
  .joinLoginForm form .forgotPassword a{
    font-size:1.6rem;
  }
}

.joinLoginForm form .alreadyMember{
  text-align:center;
  display:block;
  font-size:1.5rem;
  color:#3f4765;
}

.joinLoginForm.splash{
  margin:0 auto;
  max-width:29rem;
  padding:1rem;
  background:#e5e8f1;
  background:rgba(229,232,241,.92);
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash{
    max-width:40rem;
    padding:2rem;
  }
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash form{
    max-width:38rem;
  }
}

.joinLoginForm.splash form h3{
  margin-bottom:1rem;
}

.joinLoginForm.splash form .or{
  margin-bottom:1rem;
}

.joinLoginForm.splash form .container{
  margin-bottom:0.5rem;
}

.joinLoginForm.splash form .container.enforceStrongerPasswords{
  margin-bottom:1.5rem;
}

.joinLoginForm.splash form label{
  padding:1rem 0;
  width:37%;
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash form label{
    width:47%;
  }
}

.joinLoginForm.splash form label.sliderLabel{
  padding-top:0;
}

.joinLoginForm.splash form input,
.joinLoginForm.splash form .dropDownSection{
  width:61%;
  margin-bottom:1rem;
  float:right;
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash form input,
  .joinLoginForm.splash form .dropDownSection{
    width:53%;
  }
}

.joinLoginForm.splash form input,
.joinLoginForm.splash form select{
  padding:0.8rem 1rem;
}

.joinLoginForm.splash form .dropDownSection .dropDownWrapper{
  width:100%;
}

.joinLoginForm.splash form .dropDownSection .dropDownWrapper svg{
  right:0.5rem;
}

.joinLoginForm.splash form .dropDownSection.range .dropDownWrapper{
  width:40%;
  float:left;
}

.joinLoginForm.splash form .dropDownSection.range span{
  width:20%;
  padding:1rem 0;
  text-align:center;
  float:left;
  font-weight:bold;
  color:#3f4765;
}

.joinLoginForm.splash form .dob .dropDownWrapper{
  margin:0;
  float:none;
}

.joinLoginForm.splash form .dob .dropDownWrapper.day{
  width:4.8rem;
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash form .dob .dropDownWrapper.day{
    width:5rem;
    margin-right:1rem;
  }
}

.joinLoginForm.splash form .dob .dropDownWrapper.month{
  width:4.8rem;
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash form .dob .dropDownWrapper.month{
    width:5rem;
    margin-right:0.8rem;
  }
}

.joinLoginForm.splash form .dob .dropDownWrapper.year{
  width:5.5rem;
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash form .dob .dropDownWrapper.year{
    width:5.9rem;
  }
}

.joinLoginForm.splash form .dob .dropDownWrapper select{
  width:100%;
}

.joinLoginForm.splash form .password a{
  bottom:1.5rem;
}

.joinLoginForm.splash form .checkboxContainer.terms .finePrint, .joinLoginForm.splash form .checkboxContainer.enforceStrongerPasswords .finePrint{
  width:24rem;
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash form .checkboxContainer.terms .finePrint, .joinLoginForm.splash form .checkboxContainer.enforceStrongerPasswords .finePrint{
    width:33rem;
  }
}

.joinLoginForm.splash form .btn{
  margin:0 0 2rem;
}

.joinLoginForm.splash form .btn.fbJoinButton{
  margin:0 0 1rem;
}

.joinLoginForm.splash form .expandedFields{
  display:none;
}

.joinLoginForm.splash.expanded .toggleFields{
  display:none;
}

.joinLoginForm.splash.expanded .expandedFields{
  display:block;
}

.joinLoginForm.quickSearch form .label,
.joinLoginForm.quickSearch form .field{
  display:block;
  width:100%;
}

.joinLoginForm.quickSearch form .dropDownWrapper{
  display:block;
}

.joinLoginForm.quickSearch form label{
  font-weight:bold;
}

.joinLoginForm.quickSearch form .ageRange [class*="grid-"]{
  padding:0;
}

.joinLoginForm.quickSearch form .grid-m-2.to{
  text-align:center;
  font-weight:bold;
  color:#3f4765;
  padding:0.8rem 0 0;
}

.joinLoginForm.quickSearch form .container{
  margin-bottom:1.3rem;
}

.joinLoginForm.quickSearch form .container.location, .joinLoginForm.quickSearch form .container.checkboxContainer{
  margin-bottom:1rem;
}

.joinLoginForm.quickSearch form .checkboxContainer .customCheckbox{
  float:left;
  margin-right:1rem;
}

.joinLoginForm.quickSearch form .checkboxContainer label{
  font-weight:normal;
}

.joinLoginForm.quickSearch form select, .joinLoginForm.quickSearch form input{
  width:100%;
}

.joinLoginForm.quickSearch form .noUi-target{
  margin-bottom:2rem;
}

.joinLoginForm.quickSearch form .btn{
  background:#e95b0c;
}

.joinLoginForm.quickSearch form .btn:hover{
  background:#f08c55;
}

.joinLoginForm.quickSearch form .btn:active{
  background:#a34008;
}

.joinLoginForm.quickSearch.full{
  max-width:30rem;
  padding:2rem;
  margin:0 auto;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full{
    max-width:1180px;
  }
}

.joinLoginForm.quickSearch.full form{
  max-width:30rem;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form{
    max-width:1180px;
  }
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form .fbLoginWrapper,
  .joinLoginForm.quickSearch.full form .or,
  .joinLoginForm.quickSearch.full form .fields,
  .joinLoginForm.quickSearch.full form .submit{
    float:left;
    display:inline-block;
  }
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form hr{
    display:none;
  }
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form .fbLoginWrapper{
    width:22%;
  }
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form .or{
    width:7%;
  }
  .joinLoginForm.quickSearch.full form .or span{
    display:inline-block;
    padding:2rem 0;
  }
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form .fields{
    width:46%;
  }
  .joinLoginForm.quickSearch.full form .fields .username{
    width:50%;
    float:left;
    padding:0 1rem 0 0;
    margin:0;
  }
  .joinLoginForm.quickSearch.full form .fields .password{
    width:50%;
    float:left;
    padding:0 0 0 1rem;
    margin:0;
  }
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form .submit{
    padding-left:2rem;
    width:25%;
  }
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form .remember,
  .joinLoginForm.quickSearch.full form .forgotPassword{
    padding:1rem 0 0;
    margin-bottom:2rem;
  }
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form .alreadyMember{
    margin-bottom:2rem;
    padding-left:4.5%;
    clear:both;
  }
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.quickSearch.full form .container .gender{
    float:left;
    width:30%;
  }
  .joinLoginForm.quickSearch.full form .container .gender .label{
    float:left;
    width:26%;
  }
  .joinLoginForm.quickSearch.full form .container .gender .field{
    float:left;
    width:74%;
    padding-right:2rem;
  }
  .joinLoginForm.quickSearch.full form .container .seeking{
    float:left;
    width:45%;
  }
  .joinLoginForm.quickSearch.full form .container .seeking .label{
    float:left;
    width:26%;
  }
  .joinLoginForm.quickSearch.full form .container .seeking .field{
    float:left;
    width:74%;
    padding-right:2rem;
  }
  .joinLoginForm.quickSearch.full form .container .ageRange{
    float:none;
    width:32%;
  }
  .joinLoginForm.quickSearch.full form .container .ageRange .label{
    float:left;
    max-width:28%;
  }
  .joinLoginForm.quickSearch.full form .container .ageRange .field{
    float:left;
    width:65%;
    padding-right:2rem;
  }
  .joinLoginForm.quickSearch.full form .container .location{
    float:left;
    width:46%;
  }
  .joinLoginForm.quickSearch.full form .container .location .label{
    float:left;
    width:25%;
  }
  .joinLoginForm.quickSearch.full form .container .location .label.mPostCode{
    float:left;
    width:14%;
  }
  .joinLoginForm.quickSearch.full form .container .location .field{
    float:left;
    width:73%;
    padding-right:2rem;
  }
  .joinLoginForm.quickSearch.full form .container .checkboxContainer{
    float:left;
    width:11%;
  }
  .joinLoginForm.quickSearch.full form .container .submitContainer{
    float:right;
    display:inline-block;
    width:20%;
    margin-top:-6rem;
  }
  .joinLoginForm.quickSearch.full form .container label,
  .joinLoginForm.quickSearch.full form .container .to{
    font-size:1.3rem;
    padding:1.4rem 0;
    line-height:1;
  }
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash.promo{
    max-width:38rem;
    padding:1rem;
  }
  .joinLoginForm.splash.promo form{
    max-width:30rem;
  }
  .joinLoginForm.splash.promo form h3{
    line-height:1.2;
    font-size:2.4rem;
  }
  .joinLoginForm.splash.promo form .dob .dropDownWrapper.day{
    margin-right:0;
    width:19%;
  }
  .joinLoginForm.splash.promo form .dob .dropDownWrapper.month{
    margin-right:0;
    width:19%;
  }
  .joinLoginForm.splash.promo form .dob .dropDownWrapper.year{
    width:18%;
  }
  .joinLoginForm.splash.promo form .container{
    margin-bottom:0.5rem;
  }
  .joinLoginForm.splash.promo form .container label{
    font-size:1.3rem;
    line-height:2rem;
  }
  .joinLoginForm.splash.promo form label{
    width:39%;
  }
  .joinLoginForm.splash.promo form select,
  .joinLoginForm.splash.promo form input{
    font-size:1.4rem;
  }
  .joinLoginForm.splash.promo form input,
  .joinLoginForm.splash.promo form .dropDownSection{
    width:61%;
  }
}

@media only screen and (min-width: 720px) and (min-width: 1024px){
  .joinLoginForm.splash.promo form .dropDownSection.range span{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash.promo form .checkboxContainer.terms .finePrint{
    width:88%;
    font-size:1.2rem;
    line-height:1.8;
  }
  .joinLoginForm.splash.promo form .checkboxContainer.terms .finePrint a{
    font-size:1.2rem;
  }
  .joinLoginForm.splash.promo form .forgotPassword a{
    font-size:1.4rem;
  }
}

.joinLoginForm form#joinForm_bodyJoin .password a{
  top:3.5rem;
}

#join .joinLoginForm form.facebookSignup input#email{
  width:91%;
}

@media only screen and (min-width: 1024px){
  #join .joinLoginForm form.facebookSignup input#email{
    width:93%rem;
  }
}

#join .fieldFbIcon{
  margin-left:0.3rem;
}

#join .cancelFacebookSignup{
  text-align:center;
}

.profileEdit{
  position:relative;
  background:#e5e8f1;
  padding:1rem 1rem 2rem;
}

.profileEdit .confirm{
  position:relative;
  padding-left:3.5rem;
  line-height:1.2;
}

.profileEdit .confirm svg{
  position:absolute;
  left:1rem;
  top:1rem;
  width:1.6rem;
  height:1.6rem;
  fill:#fff;
  margin-right:0.3rem;
  vertical-align:text-top;
}

.profileEdit form, .profileEdit .adminContainer{
  margin:0 auto;
  max-width:40rem;
}

@media only screen and (min-width: 720px){
  .profileEdit form, .profileEdit .adminContainer{
    max-width:80rem;
  }
}

.profileEdit form section, .profileEdit .adminContainer section{
  border-bottom:0.1rem solid #c0c2ca;
  padding:2rem 0;
}

.profileEdit form section h3, .profileEdit .adminContainer section h3{
  padding:0 0 1rem;
}

.profileEdit form section .alignCenter, .profileEdit .adminContainer section .alignCenter{
  text-align:center;
  font-weight:bold;
  color:#3f4765;
}

.profileEdit form section .label, .profileEdit .adminContainer section .label{
  color:#3f4765;
  line-height:1;
  padding:0;
}

@media only screen and (min-width: 720px){
  .profileEdit form section .label, .profileEdit .adminContainer section .label{
    padding:1.5rem 1rem 1rem 0;
  }
}

.profileEdit form section .label label, .profileEdit .adminContainer section .label label{
  font-weight:bold;
  font-size:1.6rem;
}

.profileEdit form section .alignCenter, .profileEdit .adminContainer section .alignCenter{
  padding:0;
}

@media only screen and (min-width: 720px){
  .profileEdit form section .alignCenter, .profileEdit .adminContainer section .alignCenter{
    padding:0.8rem 0;
  }
}

.profileEdit form section select,
.profileEdit form section input,
.profileEdit form section textarea, .profileEdit .adminContainer section select,
.profileEdit .adminContainer section input,
.profileEdit .adminContainer section textarea{
  width:100%;
}

.profileEdit form section input.shortInput, .profileEdit .adminContainer section input.shortInput{
  width:87%;
}

@media only screen and (min-width: 720px){
  .profileEdit form section .radioButtons, .profileEdit .adminContainer section .radioButtons{
    padding-top:2rem;
  }
}

.profileEdit form section .radioButtons input, .profileEdit .adminContainer section .radioButtons input{
  width:auto;
}

.profileEdit form section .dob .dropDownWrapper, .profileEdit .adminContainer section .dob .dropDownWrapper{
  float:left;
}

.profileEdit form section .dob label, .profileEdit .adminContainer section .dob label{
  display:block;
  width:100%;
}

.profileEdit form section .dob .day, .profileEdit .adminContainer section .dob .day{
  margin-right:1rem;
  width:7rem;
}

@media only screen and (min-width: 1024px){
  .profileEdit form section .dob .day, .profileEdit .adminContainer section .dob .day{
    width:15rem;
    margin-right:2rem;
  }
}

.profileEdit form section .dob .month, .profileEdit .adminContainer section .dob .month{
  margin-right:1rem;
  width:13rem;
}

@media only screen and (min-width: 1024px){
  .profileEdit form section .dob .month, .profileEdit .adminContainer section .dob .month{
    width:23rem;
    margin-right:2rem;
  }
}

.profileEdit form section .dob .year, .profileEdit .adminContainer section .dob .year{
  width:8rem;
}

@media only screen and (min-width: 1024px){
  .profileEdit form section .dob .year, .profileEdit .adminContainer section .dob .year{
    width:17rem;
  }
}

.profileEdit form section .noPad, .profileEdit .adminContainer section .noPad{
  padding:0;
}

.profileEdit form section .dynamicLabel.recencyRange, .profileEdit .adminContainer section .dynamicLabel.recencyRange{
  padding:1rem 0;
}

.profileEdit form section .dynamicLabel.recencyRange span span, .profileEdit .adminContainer section .dynamicLabel.recencyRange span span{
  font-weight:bold;
  color:#3f4765;
}

.profileEdit form section .dropDownWrapper,
.profileEdit form section .multiCheckWrapper, .profileEdit .adminContainer section .dropDownWrapper,
.profileEdit .adminContainer section .multiCheckWrapper{
  position:relative;
}

.profileEdit form section .dropDownWrapper svg,
.profileEdit form section .multiCheckWrapper svg, .profileEdit .adminContainer section .dropDownWrapper svg,
.profileEdit .adminContainer section .multiCheckWrapper svg{
  position:absolute;
  right:1rem;
  top:1.5rem;
  width:1rem;
  height:1rem;
  fill:#263772;
  pointer-events:none;
}

.profileEdit form section .dropDownWrapper.open svg,
.profileEdit form section .multiCheckWrapper.open svg, .profileEdit .adminContainer section .dropDownWrapper.open svg,
.profileEdit .adminContainer section .multiCheckWrapper.open svg{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  -webkit-transform-origin:center;
  -moz-transform-origin:center;
  -ms-transform-origin:center;
  -o-transform-origin:center;
  transform-origin:center;
}

.profileEdit form section .dropDownWrapper.open svg:not(:root),
.profileEdit form section .multiCheckWrapper.open svg:not(:root), .profileEdit .adminContainer section .dropDownWrapper.open svg:not(:root),
.profileEdit .adminContainer section .multiCheckWrapper.open svg:not(:root){
  overflow:visible;
}

.profileEdit form section .multiCheckWrapper .grid-6, .profileEdit .adminContainer section .multiCheckWrapper .grid-6{
  padding:0 0 1rem;
}

.profileEdit form section .multiCheckWrapper .collapsible, .profileEdit .adminContainer section .multiCheckWrapper .collapsible{
  display:none;
}

.profileEdit form section .multiCheckWrapper .dynamicLabel, .profileEdit .adminContainer section .multiCheckWrapper .dynamicLabel{
  padding:0.8rem 5rem 0.8rem 0;
}

.profileEdit form section .multiCheckWrapper .dynamicLabel span, .profileEdit .adminContainer section .multiCheckWrapper .dynamicLabel span{
  cursor:pointer;
}

.profileEdit form section .multiCheckWrapper .checkWrapper, .profileEdit .adminContainer section .multiCheckWrapper .checkWrapper{
  background:#c0c2ca;
  line-height:1;
  padding:0 0.5rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  cursor:pointer;
}

@media only screen and (min-width: 720px){
  .profileEdit form section .multiCheckWrapper .checkWrapper, .profileEdit .adminContainer section .multiCheckWrapper .checkWrapper{
    width:95.5%;
  }
}

.profileEdit form section .multiCheckWrapper .checkWrapper.active, .profileEdit .adminContainer section .multiCheckWrapper .checkWrapper.active{
  background:#7c458a;
  color:#fff;
}

.profileEdit form section .multiCheckWrapper .checkWrapper.active label, .profileEdit .adminContainer section .multiCheckWrapper .checkWrapper.active label{
  color:#fff;
}

.profileEdit form section .multiCheckWrapper .checkWrapper label, .profileEdit .adminContainer section .multiCheckWrapper .checkWrapper label{
  vertical-align:middle;
  padding:0.5rem 0;
  display:inline-block;
}

@media only screen and (min-width: 720px){
  .profileEdit form section .multiCheckWrapper .checkWrapper label, .profileEdit .adminContainer section .multiCheckWrapper .checkWrapper label{
    max-width:25rem;
  }
}

.profileEdit form section .multiCheckWrapper .checkWrapper label:hover, .profileEdit .adminContainer section .multiCheckWrapper .checkWrapper label:hover{
  cursor:pointer;
}

.profileEdit form section .multiCheckWrapper .multiSelect, .profileEdit .adminContainer section .multiCheckWrapper .multiSelect{
  background:#fff;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  overflow:hidden;
  padding:0.5rem 0.5rem 0.5rem 0;
  max-height:19rem;
  overflow-y:scroll;
}

.profileEdit form section .multiCheckWrapper .multiSelect .checkWrapper, .profileEdit .adminContainer section .multiCheckWrapper .multiSelect .checkWrapper{
  width:auto;
  background:transparent;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

.profileEdit form section .multiCheckWrapper .multiSelect .checkWrapper.active, .profileEdit .adminContainer section .multiCheckWrapper .multiSelect .checkWrapper.active{
  background:#7c458a;
}

.profileEdit form section .mailNotifications, .profileEdit .adminContainer section .mailNotifications{
  margin-bottom:0.5rem;
}

.profileEdit form section.matchGeorgraphy, .profileEdit .adminContainer section.matchGeorgraphy{
  border-bottom:none;
  padding:2rem 0 0;
}

.profileEdit form .submitContainer, .profileEdit .adminContainer .submitContainer{
  text-align:right;
}

.profileEdit form .submitContainer .btn-submit, .profileEdit .adminContainer .submitContainer .btn-submit{
  font-weight:bold;
  color:#fff;
  padding:1rem 7rem;
  margin:6rem 0 5rem;
  background:#7c458a;
  width:100%;
}

@media only screen and (min-width: 720px){
  .profileEdit form .submitContainer .btn-submit, .profileEdit .adminContainer .submitContainer .btn-submit{
    width:auto;
  }
}

.profileEdit form .submitContainer .btn-submit:hover, .profileEdit .adminContainer .submitContainer .btn-submit:hover{
  background:#a37dad;
}

.profileEdit form .submitContainer .btn-submit:active, .profileEdit .adminContainer .submitContainer .btn-submit:active{
  background:#573061;
}

.profileEdit form section .multiCheckWrapper .editDynamicLabel{
  float:right;
  width:3rem;
  height:2rem;
  cursor:pointer;
  margin-top:1rem;
}

.profileEdit form section .multiCheckWrapper .editDynamicLabel span{
  font-weight:bold;
}

.profileEdit form section .multiCheckWrapper.open .editDynamicLabel svg{
  top:1rem;
  cursor:pointer;
}

@media only screen and (min-width: 1024px){
  .accountDelete,
  .photoDelete,
  .profileConfirm{
    max-width:80rem;
    margin:0 auto;
  }
}

.photoDelete #photoCriteria{
  clear:both;
  margin-bottom:1rem;
}

.photoDelete p.detailedHelp{
  margin-bottom:6rem;
}

.profileEdit .profileConfirm form section{
  padding:0;
}

.profileEdit .junk{
  margin-top:1rem;
}

#noJSPrompt{
  color:#ee6545;
}

.profileEdit form section .dropDownWrapper.enforceStrongerPasswords svg{
  width:2rem;
  height:2rem;
  left:0;
  top:0.5rem;
  fill:#3f4765;
}

@media only screen and (min-width: 720px){
  .profileEdit form section .dropDownWrapper.enforceStrongerPasswords svg{
    top:1.2rem;
  }
}

.profileEdit form section .dropDownWrapper.enforceStrongerPasswords .finePrint{
  float:right;
  width:90%;
}

@media only screen and (min-width: 720px){
  .profileEdit form section .dropDownWrapper.enforceStrongerPasswords .finePrint{
    width:95%;
  }
}

.customCheckbox{
  display:inline-block;
  vertical-align:middle;
  margin:0 0.3rem 0 0;
  padding:0;
  width:2.2rem;
  height:2.2rem;
  background:#fff;
  border:0.1rem solid #c0c2ca;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  cursor:pointer;
  background-position:0 0;
}

.customCheckbox.checked:after{
  content:'';
  width:9px;
  height:5px;
  position:absolute;
  top:7px;
  left:6px;
  border:3px solid #a9d461;
  border-top:none;
  border-right:none;
  background:transparent;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.customCheckbox.disabled{
  background-position:-4.4rem 0;
  cursor:default;
  background:transparent;
}

.customCheckbox.checked.disabled{
  background-position:-6.6rem 0;
}

.iradio{
  display:inline-block;
  vertical-align:middle;
  margin:0 0.3rem 0 0;
  padding:0;
  width:2rem;
  height:2rem;
  background:#fff;
  cursor:pointer;
  border:0.1rem solid #c0c2ca;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}

.iradio.checked:after{
  content:'';
  width:1rem;
  height:1rem;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background-color:#a9d461;
  position:absolute;
  top:4px;
  left:4px;
}

.iradio.disabled{
  background-position:-13.2rem 0;
  cursor:default;
}

.iradio.checked.disabled{
  background-position:-15.4rem 0;
}

@media (-o-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi), (min-resolution: 2dppx){
  .customCheckbox,
  .iradio{
    background-image:url("/pics/0/chrome/customCheckbox_2x.png") no-repeat;
    -webkit-background-size:17.6rem 2.2rem;
    -moz-background-size:17.6rem 2.2rem;
    -o-background-size:17.6rem 2.2rem;
    background-size:17.6rem 2.2rem;
  }
}

.multiHandleSlider,
#basicSearchCriteria .ageRange,
.heightRange,
.ageRange{
  margin-bottom:2rem;
}

@media only screen and (min-width: 720px){
  .multiHandleSlider,
  #basicSearchCriteria .ageRange,
  .heightRange,
  .ageRange{
    margin-top:1rem;
  }
}

.rangeSlider{
  margin:1rem 0;
}

.rangeSlider span{
  font-weight:normal;
  font-size:1.4rem;
}

@media only screen and (min-width: 720px){
  .rangeSlider span{
    font-size:1.6rem;
  }
}

.rangeSlider span span{
  font-weight:bold;
  color:#3f4765;
}

.rangeSlider span svg{
  height:1.5rem;
  width:1.5rem;
  fill:#3f4765;
}

.rangeslider{
  display:block;
  background:#fff;
  position:relative;
  margin:1.7rem 0 0.5rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  height:0.4rem;
  width:100%;
}

.rangeslider__handle{
  background:#fff;
  border:0.1rem solid #c0c2ca;
  cursor:pointer;
  display:inline-block;
  width:3rem;
  height:3rem;
  position:absolute;
  background:#263772;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}

.rangeslider__handle:after{
  content:"";
  display:block;
  width:1.45rem;
  height:1.45rem;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#fff;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}

.rangeslider--horizontal .rangeslider__handle{
  top:-1.4rem;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
}

.hasPhoto .rangeSlider{
  margin:0;
}

.select2-selection{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  border:none !important;
  margin-bottom:0.1rem;
  min-height:4rem !important;
}

.select2-selection input{
  padding:0.5rem 1rem !important;
}

.select2-container--default .select2-results__option{
  padding:0.5rem 1rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:#7c458a !important;
}

.select2-container--default .select2-results__option[aria-selected=true]{
  background:#c0c2ca !important;
  color:#000 !important;
}

li.select2-selection__choice{
  padding:0.3rem 0.5rem !important;
  background:#c0c2ca !important;
  border:none !important;
  color:#000;
}

li.select2-selection__choice span{
  float:right;
  margin:0 0 0 0.5rem !important;
  color:#7a7f90 !important;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above{
  border:none;
}

.optInSettings p{
  clear:both;
  margin-top:1rem;
}

.optInSettings label.agree{
  float:right;
  width:91%;
}

@media only screen and (min-width: 1024px){
  .optInSettings label.agree{
    width:96%;
  }
}

.narrativeContentContainerSub{
  margin:0;
  display:none;
}

@media only screen and (min-width: 320px){
  .narrativeContentContainerSub{
    margin:0;
    display:none;
  }
}

@media only screen and (min-width: 500px){
  .narrativeContentContainerSub{
    margin:1rem 0;
    display:none;
  }
}

@media only screen and (min-width: 720px){
  .narrativeContentContainerSub{
    margin:3rem 0;
    display:block !important;
  }
}

.narrativeContentContainerSub .strong{
  font-weight:bold;
}

.narrativeContentContainerSub ul{
  padding:0 0 0 2.5rem;
}

.hideNarrativeContentContainerSub{
  margin:0;
  display:block;
}

@media only screen and (min-width: 320px){
  .hideNarrativeContentContainerSub{
    margin:0;
    display:block;
  }
}

@media only screen and (min-width: 500px){
  .hideNarrativeContentContainerSub{
    margin:1rem 0;
    display:block;
  }
}

@media only screen and (min-width: 720px){
  .hideNarrativeContentContainerSub{
    display:none;
  }
}

.hideNarrativeContentContainerSub .strong{
  cursor:pointer;
  color:#364ea3;
  font-weight:bold;
}

.hideNarrativeContentContainerSub ul{
  display:none;
}

.profileEdit form section .narrativeContentContainer input,
.profileEdit form section .narrativeContentContainer textarea{
  width:95%;
}

#recaptcha_area{
  margin:0 auto;
}

fieldset{
  border:none;
}

.autoWidth{
  margin-right:1rem;
}

#profile_confirm .confirmEmailWrapper input{
  width:100%;
}

@media only screen and (min-width: 1024px){
  #profile_confirm .confirmEmailWrapper input{
    width:60%;
  }
}

.mailProviderLogos{
  height:4.3rem;
}

.mailProviderLogos.logoGmail{
  background:transparent url("/pics/i2/0/chrome/mail_Gmail.png") 0 0 no-repeat;
}

.mailProviderLogos.logoYahoo{
  background:transparent url("/pics/i2/0/chrome/mail_Yahoo.png") 0 0 no-repeat;
}

.mailProviderLogos.logoOutlook{
  background:transparent url("/pics/i2/0/chrome/mail_Outlook.png") 0 0 no-repeat;
}

.profileEdit form section .photoUploadOption .btn{
  margin:0 0 1rem;
}

.profileEdit form section .photoUploadOption a.btn{
  display:inline-block;
  text-align:center;
  width:auto;
  color:#fff;
  padding:1rem 5rem;
}

.profileEdit form section .photoUploadOption input{
  width:auto;
  margin-bottom:1rem;
}

.profileEdit form section.photoUpload{
  border-bottom:none;
}

#fbPhotoUploadOption svg,
#instagramPhotoUploadOption svg{
  position:relative;
  left:-4rem;
  fill:#fff;
  height:2rem;
  width:2rem;
}

#fbPhotoUploadOption .btn{
  background-color:#334d92;
}

#fbPhotoUploadOption .btn:hover{
  background:#506fc2;
}

#instagramPhotoUploadOption .btn{
  background-color:#125688;
}

#instagramPhotoUploadOption .btn:hover{
  background:#1b81cc;
}

.photoSection img{
  -webkit-border-radius:0.45rem;
  -moz-border-radius:0.45rem;
  border-radius:0.45rem;
}

.photoSection .pending{
  color:#fdc259;
  font-weight:bold;
}

.photoSection .approved{
  color:#abd449;
  font-weight:bold;
}

.photoVisibility legend{
  font-weight:bold;
  margin-top:1.3rem;
  margin-bottom:1.3rem;
}

@media only screen and (min-width: 1024px){
  .photoVisibility legend{
    margin-bottom:0;
  }
}

.photoVisibility ul{
  padding:0;
}

.photoVisibility ul li{
  list-style-type:none;
  padding:1.3rem 0;
  border-bottom:0.1rem solid #c0c2ca;
}

.photoVisibility ul li:first-child{
  border-top:0.1rem solid #c0c2ca;
}

@media only screen and (min-width: 1024px){
  .photoVisibility ul li{
    padding:0.3rem 0;
    border-bottom:none;
  }
  .photoVisibility ul li:first-child{
    border-top:none;
  }
}

.photoVisibility ul li.hidden{
  display:none;
}

.photoVisibility .radio{
  margin:0 0.3rem 0.3rem 0;
}

.makePrimary{
  padding:1.3rem 0;
}

@media only screen and (min-width: 1024px){
  .makePrimary{
    padding:0.3rem 0;
    border-top:none;
    border-bottom:none;
  }
}

.deletePhoto{
  padding:1.3rem 0;
  border-bottom:0.1rem solid #c0c2ca;
}

@media only screen and (min-width: 1024px){
  .deletePhoto{
    padding:0.3rem 0;
    border-bottom:none;
  }
}

#profile_photos #form1 h3{
  clear:left;
}

#profile_photos #form2 h3{
  border-top:none;
}

#profile_photos .profileEdit form .submitContainer .btn-submit{
  margin:0;
}

#profile_photos .buttons{
  border-top:0.1rem solid #c0c2ca;
  padding:3rem 0 0;
}

#profile_photos .deletedOrder img,
#profile_photos .largeVersion img{
  max-width:380px !important;
  height:auto !important;
}

@media only screen and (max-width: 320px){
  .largeVersion img{
    max-width:30rem;
  }
}

.fixedDialog{
  position:fixed;
  width:100%;
  height:100%;
  background:#fff;
  top:0;
  left:0;
  z-index:9999;
}

.genericLoaderDialog h5{
  text-align:center;
  margin:0;
  width:100%;
  position:absolute;
  font-weight:normal;
  bottom:2rem;
}

.genericLoaderDialog svg{
  width:10rem;
  height:10rem;
  top:50%;
  left:50%;
  margin:-5rem 0 0 -5rem;
  position:absolute;
  fill:#7c458a;
}

#profile_photos h4.photoLimitWarning{
  padding-left:0;
  background:#fff;
  color:#13182b;
  border-width:0;
  margin:1.2em 0 0.6em;
  font-size:1.3em;
}

#profilePhotosWrap{
  margin-left:0.5em;
}

#profilePhotosWrap fieldset{
  padding:0;
  margin-bottom:1.3em;
  border-width:0 0 1px;
  border-bottom:1px #13182b solid;
}

#profilePhotosWrap .photoUploadCount{
  clear:both;
}

#profilePhotosWrap .photoUploadCount span{
  color:#13182b;
}

#profilePhotosWrap .warning span{
  color:#13182b;
  font-weight:bold;
}

#profilePhotosWrap form#photoUpload .photoWrap{
  float:left;
  margin:0.3rem;
}

#profilePhotosWrap form#photoUpload .photoWrap a{
  display:block;
  cursor:pointer;
  position:relative;
  z-index:1001;
}

#profilePhotosWrap form#photoUpload .photoWrap a .photoCheckBoxWrap{
  position:absolute;
  bottom:1rem;
  right:1rem;
}

#profilePhotosWrap form#photoUpload .photoWrap a .tick{
  position:absolute;
  z-index:1000;
  top:0;
  left:0;
  display:none;
  background:url("/pics/0/chrome/profileStatusComplete.png") top right no-repeat;
}

#profilePhotosWrap form#photoUpload .photoWrap a .overlay{
  position:absolute;
  top:0;
  left:0;
  display:none;
  background:#000;
  z-index:999;
  filter:alpha(opacity=50);
  opacity:0.5;
}

#profilePhotosWrap form#photoUpload .photoWrap a.selectable img{
  cursor:pointer;
}

#profilePhotosWrap form#photoUpload .photoWrap a.selectable .photoCheckBoxWrap{
  display:none;
}

#profilePhotosWrap form#photoUpload .photoWrap a.selected .tick,
#profilePhotosWrap form#photoUpload .photoWrap a.selected .overlay{
  display:block;
  cursor:pointer;
}

#profilePhotosWrap form#photoUpload .photoWrap a.disabled .overlay{
  background:#fff;
  display:block;
}

#profilePhotosWrap form#photoUpload .photoWrap a.disabled .tick{
  display:none;
}

#profilePhotosWrap form#photoUpload .photoWrap a.mouseOver .tick{
  cursor:pointer;
  display:block;
  background:url("/pics/0/chrome/profileStatusCompleteGreyScale.png") top right no-repeat;
}

#profilePhotosWrap form#photoUpload .submitControls{
  float:right;
  line-height:3rem;
  margin:0 1rem 1rem;
}

#profilePhotosWrap form#photoUpload .submitControls button#photoUploadConfirm{
  padding:0.5rem 1rem;
  margin:0 1rem;
}

#profilePhotosWrap form#photoUpload .navControls{
  float:left;
  line-height:2rem;
}

.photoSection.verifiedPhoto .verified{
  position:relative;
  float:right;
  background:#3f4765;
  padding:0 0.5rem;
  -webkit-border-radius:5rem;
  -moz-border-radius:5rem;
  border-radius:5rem;
  width:2.5rem;
  right:2.5rem;
  bottom:3rem;
}

.photoSection.verifiedPhoto .verified svg{
  fill:#fff;
  width:1rem;
  height:1rem;
}

@media only screen and (min-width: 720px){
  .photoSection.verifiedPhoto .verified svg{
    width:1.5rem;
    height:1.5rem;
  }
}

#find_morePhotos #backToProfile{
  clear:both;
  max-width:80rem;
  margin:0 auto;
}

#find_morePhotos #backToProfile:last-child{
  border-top:0.1rem solid #c0c2ca;
}

#find_morePhotos #backToProfile p{
  display:block;
  text-align:center;
  margin:1rem 0;
}

#find_morePhotos .photoListWrapper{
  display:block;
  max-width:80rem;
  margin:0 auto;
  padding:0 1rem;
}

#find_morePhotos .photoListWrapper .photoSection{
  clear:both;
}

#find_morePhotos .photoListWrapper .photoSection + p{
  border-top:0.1rem solid #c0c2ca;
  clear:both;
  padding-top:1rem;
}

#find_morePhotos .photoListWrapper .photoSection .photoVersions{
  padding-right:0.5rem;
}

#find_morePhotos .photoListWrapper .photoSection .photoVersions + p{
  padding-top:1rem;
}

#find_morePhotos .photoListWrapper ul{
  list-style:none;
  padding:0;
}

#find_morePhotos .photoListWrapper h3,
#find_morePhotos .photoListWrapper h4,
#find_morePhotos .photoListWrapper #private{
  clear:both;
}

#find_profile #photosBox,
#profile_summary #photosBox{
  padding-left:1rem;
}

#find_profile #photosBox img.photoShield,
#profile_summary #photosBox img.photoShield{
  margin-left:-14rem;
  width:14rem;
  height:14rem;
}

@media only screen and (min-width: 720px){
  #find_profile #photosBox img.photoShield,
  #profile_summary #photosBox img.photoShield{
    margin-left:-18rem;
    width:18rem;
    height:18rem;
  }
}

#find_profile ul#photoLinks,
#profile_summary ul#photoLinks{
  list-style:none;
  padding:0;
}

.verifiedCompleteness p:first-child{
  font-weight:bold;
}

.verifiedPhoto p{
  padding-top:1rem;
}

.status{
  font-weight:bold;
}

.photoSection.hidden,
.deletePhoto.hidden{
  display:none;
}

.profileEdit.verifyPage .finePrint{
  display:inline-block;
  font-style:italic;
}

.profileEdit.verifyPage .finePrint.benefit{
  font-style:normal;
}

.profileEdit.verifyPage .helpDescription span{
  background:none;
  padding:0.8rem 0;
}

.profileEdit.verifyPage .helpDescription span.err{
  color:#ee6545;
}

.profileEdit.verifyPage .helpDescription span.pending{
  font-family:"Century Gothic", "Verdana", sans-serif;
  font-weight:normal;
  padding-bottom:1rem;
  font-style:italic;
  display:block;
}

.profileEdit.verifyPage .helpDescription span.strong{
  font-weight:bold;
}

.profileEdit.verifyPage.privacy{
  background-color:#13182b;
  padding:1rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.profileEdit.verifyPage.privacy h5,
.profileEdit.verifyPage.privacy p{
  color:#fff;
}

.profileEdit.verifyPage.privacy h5{
  color:#fff;
  font-weight:normal;
}

.profileEdit.verifyPage.privacy p{
  font-size:1.1rem;
  line-height:1.6rem;
}

@media only screen and (min-width: 320px){
  .profileEdit.verifyPage.privacy p{
    font-size:1.2rem;
    line-height:1.8rem;
  }
}

@media only screen and (min-width: 500px){
  .profileEdit.verifyPage.privacy p{
    font-size:1.3rem;
    line-height:1.9rem;
  }
}

@media only screen and (min-width: 720px){
  .profileEdit.verifyPage.privacy p{
    font-size:1.4rem;
    line-height:2.0rem;
  }
}

.profileEdit.verifyPage .instruction ol,
.profileEdit.verifyPage .instruction ul{
  margin-bottom:1rem;
}

#termsModalWrap{
  position:relative;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  background-color:#e5e8f1;
  padding:0 1rem 1rem;
}

#termsModalWrap.jsOnly{
  display:none;
}

@media only screen and (min-width: 1024px){
  #termsModalWrap{
    margin:0 0 0 1rem;
  }
}

#termsModalWrap .closeModal{
  text-align:right;
}

#termsModalWrap #modalContentWrap{
  overflow:auto;
  width:28rem;
  height:25rem;
}

@media only screen and (min-width: 720px){
  #termsModalWrap #modalContentWrap{
    width:55rem;
    height:40rem;
  }
}

@media only screen and (min-width: 1024px){
  #termsModalWrap #modalContentWrap{
    width:75rem;
    height:60rem;
  }
}

.splashCover{
  background:#e5e8f1 url("/pics/i2/65/chrome/splash_bg_mobile.jpg") no-repeat bottom center scroll;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}

@media only screen and (min-width: 1024px){
  .splashCover{
    background:#e5e8f1 url("/pics/i2/65/chrome/splash_bg.jpg") no-repeat bottom center scroll;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

@media (-o-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi), (min-resolution: 2dppx){
  .splashCover{
    background:#e5e8f1 url("/pics/i2/65/chrome/splash_bg_mobile_2x.jpg") no-repeat bottom center scroll;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px){
  .splashCover{
    background:#e5e8f1 url("/pics/i2/65/chrome/splash_bg_2x.jpg") no-repeat bottom center scroll;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

#splash .joinLoginForm.quickSearch form h3{
  margin-bottom:1rem;
}

.aboutSiteName{
  max-width:50rem;
  margin:0 auto;
}

.aboutSiteName h3{
  text-align:center;
  padding:0 0 2rem;
}

.benefits h3{
  text-align:center;
  margin:0 auto;
  line-height:1.2;
  max-width:36rem;
}

@media only screen and (min-width: 720px){
  .benefits h3{
    max-width:none;
  }
}

.benefits .grid-tl-4{
  padding:0;
}

@media only screen and (min-width: 720px){
  .benefits .grid-tl-4{
    padding:1rem 0;
  }
}

.benefits .icon{
  text-align:center;
}

.benefits .icon svg{
  width:4rem;
  height:4rem;
  fill:#364ea3;
}

.benefits .copy{
  line-height:1.2;
}

#home .joinLoginForm.quickSearch{
  padding-bottom:0;
}

.successStories{
  padding:4rem 0;
}

.successStories h3{
  text-align:center;
  padding:0 0 2rem;
}

.successStories p{
  padding:0 1rem;
}

.successStories .cite{
  font-weight:bold;
}

.successStories .cite span{
  font-weight:normal;
}

.story,
.article{
  border-bottom:0.1rem solid #c0c2ca;
  padding:2rem 0;
}

.story:last-child,
.article:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.story .date,
.article .date{
  font-weight:normal;
}

#author{
  font-weight:bold;
}

.featuredProfilesWrapper{
  margin:0 auto;
  width:30rem;
}

@media only screen and (min-width: 720px){
  .featuredProfilesWrapper{
    width:60rem;
  }
}

@media only screen and (min-width: 1024px){
  .featuredProfilesWrapper{
    width:90rem;
  }
}

.featuredProfilesWrapper h3,
.featuredProfilesWrapper #fpMore{
  text-align:center;
  padding:1rem 0;
}

.featuredProfiles{
  display:inline-block;
  vertical-align:top;
  background:#e5e8f1;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:1rem;
  margin:0.6rem 0.3rem;
}

@media only screen and (min-width: 320px){
  .featuredProfiles{
    margin:0.6rem 0.3rem;
  }
}

@media only screen and (min-width: 500px){
  .featuredProfiles{
    margin:1rem 0.5rem 0.6rem;
  }
}

@media only screen and (min-width: 720px){
  .featuredProfiles{
    margin:1rem 0.5rem 0.6rem;
  }
}

.featuredProfiles .fpWrapperMale,
.featuredProfiles .fpWrapperFemale{
  width:26rem;
  float:left;
}

.featuredProfiles .imgWrapper{
  float:left;
  text-align:center;
  width:9rem;
  height:9rem;
}

@media only screen and (min-width: 500px){
  .featuredProfiles .imgWrapper{
    width:12rem;
    height:12rem;
  }
}

@media only screen and (min-width: 720px){
  .featuredProfiles .imgWrapper{
    width:12rem;
    height:12rem;
  }
}

.featuredProfiles .imgWrapper img{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  margin:0 auto;
  max-width:9rem;
  vertical-align:top;
}

@media only screen and (min-width: 500px){
  .featuredProfiles .imgWrapper img{
    max-width:12rem;
  }
}

@media only screen and (min-width: 720px){
  .featuredProfiles .imgWrapper img{
    max-width:12rem;
    max-height:12rem;
  }
}

.featuredProfiles .imgWrapper img.photoShield{
  width:9rem;
  margin-left:-9rem;
  vertical-align:top;
}

@media only screen and (min-width: 500px){
  .featuredProfiles .imgWrapper img.photoShield{
    width:12rem;
    margin-left:-12rem;
  }
}

@media only screen and (min-width: 720px){
  .featuredProfiles .imgWrapper img.photoShield{
    width:12rem;
    margin-left:-12rem;
  }
}

.featuredProfiles .fpContentWrapper{
  float:left;
  width:15.5rem;
  margin-left:1rem;
}

@media only screen and (min-width: 500px){
  .featuredProfiles .fpContentWrapper{
    width:13rem;
  }
}

.featuredProfiles .title{
  display:block;
  max-width:15.5rem;
  overflow:hidden;
  white-space:nowrap;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  margin-bottom:1rem;
  font-size:1.6rem;
  line-height:1.9rem;
}

@media only screen and (min-width: 320px){
  .featuredProfiles .title{
    font-size:1.6rem;
    line-height:2rem;
  }
}

@media only screen and (min-width: 500px){
  .featuredProfiles .title{
    max-width:13rem;
    font-size:1.5rem;
    line-height:2.1rem;
  }
}

@media only screen and (min-width: 720px){
  .featuredProfiles .title{
    font-size:1.6rem;
    line-height:2.2rem;
  }
}

.featuredProfiles .finePrint.age,
.featuredProfiles .finePrint.location{
  font-size:1.2rem;
  line-height:1.2;
  word-break:break-word;
}

.featuredProfiles .narrative{
  display:none;
}

.featuredProfiles #fpMore{
  float:right;
}

.featuredProfiles .photoSubsOnly{
  position:absolute;
  width:12rem;
}

.promoWrapper{
  background:#7c458a;
  padding-top:0;
}

@media only screen and (min-width: 320px){
  .promoWrapper{
    padding-top:0;
  }
}

@media only screen and (min-width: 500px){
  .promoWrapper{
    padding-top:0;
  }
}

@media only screen and (min-width: 720px){
  .promoWrapper{
    padding-top:0;
  }
}

.featureBannerPanel{
  position:relative;
  background-color:#13182b;
  color:#fff;
  text-align:center;
  padding:0;
}

.featureBannerPanel .dismiss{
  position:relative;
  float:right;
  line-height:0;
}

.featureBannerPanel .dismiss:hover{
  cursor:pointer;
}

.featureBannerPanel .dismiss svg{
  position:absolute;
  right:1rem;
  width:1.2rem;
  height:1.2rem;
  fill:#fff;
}

.featureBannerPanel .dismiss.promoBanner{
  display:none;
}

.featureBannerPanel .featureBannerContent{
  padding:1rem;
}

@media only screen and (min-width: 320px){
  .featureBannerPanel .featureBannerContent{
    padding:1rem;
  }
}

@media only screen and (min-width: 500px){
  .featureBannerPanel .featureBannerContent{
    padding:1rem 2rem;
  }
}

@media only screen and (min-width: 720px){
  .featureBannerPanel .featureBannerContent{
    padding:1rem;
  }
}

.featureBannerPanel .featureBannerContent svg{
  width:5rem;
  height:5rem;
  fill:#fff;
  float:left;
  margin-right:1rem;
}

@media only screen and (min-width: 720px){
  .featureBannerPanel .featureBannerContent svg{
    width:6rem;
    height:6rem;
    margin-right:2rem;
  }
}

.featureBannerPanel h3{
  padding:0;
  font-weight:normal;
}

.featureBannerPanel h3 a,
.featureBannerPanel h3 a:hover,
.featureBannerPanel h3 a:active,
.featureBannerPanel h3 a:visited{
  font-weight:normal !important;
  color:#fff;
}

.featureBannerPanel h3 span{
  display:block;
  font-weight:bold;
  font-family:"Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

.featureBannerPanel h4,
.featureBannerPanel p{
  text-align:left;
  margin:0 1.2rem 0 0;
}

.featureBannerPanel h4 a,
.featureBannerPanel p a{
  color:#ef884e;
}

.featureBannerPanel h4 a:hover,
.featureBannerPanel p a:hover{
  color:#f08c55;
}

.featureBannerPanel .ctaAction{
  text-align:center;
  margin:1rem 0;
}

.featureBannerPanel .imagePromoBanner{
  display:none;
  vertical-align:middle;
  margin:0 auto;
}

.featureBannerPanel .imagePromoBanner a{
  display:block;
  height:100%;
  width:100%;
}

.featureBannerPanel.custom{
  background-color:#d8c7dc;
  color:#13182b;
}

.splashPromo.panel.neutralPanel{
  background:transparent;
}

.promoImage{
  background:transparent;
  height:30.8rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

@media only screen and (min-width: 720px){
  .promoImage{
    background:transparent;
    height:42rem;
    margin-right:1rem;
  }
}

@media only screen and (min-width: 900px){
  .promoImage{
    height:50rem;
    margin-right:1rem;
  }
}

@media only screen and (min-width: 1024px){
  .promoImage{
    height:60rem;
    margin-right:0;
  }
}

@media (-o-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi), (min-resolution: 2dppx){
  .promoImage{
    background:transparent;
    height:30.8rem;
    -webkit-border-radius:0.4rem;
    -moz-border-radius:0.4rem;
    border-radius:0.4rem;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 2) and (min-width: 720px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 720px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 720px), only screen and (min-resolution: 192dpi) and (min-width: 720px), only screen and (min-resolution: 2dppx) and (min-width: 720px){
  .promoImage{
    background:transparent;
    height:42rem;
    margin-right:1rem;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 2) and (min-width: 900px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 900px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 900px), only screen and (min-resolution: 192dpi) and (min-width: 900px), only screen and (min-resolution: 2dppx) and (min-width: 900px){
  .promoImage{
    height:50rem;
    margin-right:1rem;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px){
  .promoImage{
    height:60rem;
    margin-right:0;
  }
}

.joinLoginForm.splash.promo h4{
  text-align:center;
  padding-bottom:2rem;
}

.joinLoginForm.splash.promo h5{
  text-align:center;
}

.joinLoginForm.splash.promo .submit,
.joinLoginForm.splash.promo button.btn{
  margin-top:2rem;
}

.formMessage{
  display:none;
}

.switchPromoFormType a{
  display:block;
  text-align:center;
  width:auto;
}

#promoLoginBox.joinLoginForm.splash form input,
#promoLoginBox.joinLoginForm.splash .dropDownSection{
  float:none;
  width:100%;
}

#promoLoginBox.joinLoginForm.splash .joinLoginForm{
  padding:0;
}

#promoTellFriendBox.joinLoginForm.splash form label,
#promoTellFriendBox.joinLoginForm.splash form .dropDownSection .dropDownWrapper{
  display:block;
  width:100%;
  float:none;
  margin-bottom:0;
}

#promoTellFriendBox.joinLoginForm.splash form label{
  padding:0;
}

#promoTellFriendBox.joinLoginForm.splash form .dropDownSection,
#promoTellFriendBox.joinLoginForm.splash form input{
  width:100%;
}

#promoTellFriendBox.joinLoginForm.splash.promo form .container{
  margin-bottom:0;
}

.container.promoBenefits{
  margin:0 auto;
  text-align:center;
  width:100%;
}

@media only screen and (min-width: 500px){
  .container.promoBenefits{
    width:100%;
  }
}

@media only screen and (min-width: 720px){
  .container.promoBenefits{
    width:50%;
  }
}

@media only screen and (min-width: 720px){
  .container.promoBenefits{
    width:100%;
  }
}

.container.promoBenefits div{
  padding:0 2rem 2rem;
}

.container.promoBenefits h4{
  text-align:center;
  padding:0 2rem 1rem;
}

.promoTerms{
  max-width:50rem;
  margin:0 auto;
  padding:3rem 1rem 4rem;
}

.promoTerms h6{
  text-align:center;
  padding:0 0 2rem;
  color:#3f4765;
  font-weight:bold;
}

.homeProfile h5{
  color:#251529;
  font-size:1.8rem;
  margin-bottom:1rem;
}

@media only screen and (min-width: 720px){
  .homeProfile h5{
    font-size:1.9rem;
    margin-bottom:1.5rem;
  }
}

@media only screen and (min-width: 1024px){
  .homeProfile h5{
    font-size:2rem;
  }
}

.homeProfile h5 span{
  font-size:1.8rem;
  font-weight:bold;
}

@media only screen and (min-width: 720px){
  .homeProfile h5 span{
    font-size:2.6rem;
  }
}

@media only screen and (min-width: 1024px){
  .homeProfile h5 span{
    font-size:2.8rem;
  }
}

.homeProfile .photo{
  position:relative;
  text-align:center;
}

@media only screen and (min-width: 720px){
  .homeProfile .photo{
    max-width:18rem;
    margin-right:3%;
    margin-top:0.5rem;
  }
}

.homeProfile .photo img{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  max-width:14rem;
  max-height:14rem;
}

@media only screen and (min-width: 720px){
  .homeProfile .photo img{
    max-width:18rem;
    max-height:18rem;
  }
}

.homeProfile .photo img.photoShield{
  margin-left:-14rem;
  width:14rem;
  height:14rem;
}

@media only screen and (min-width: 720px){
  .homeProfile .photo img.photoShield{
    margin-left:-18rem;
    width:18rem;
    height:18rem;
  }
}

@media only screen and (min-width: 720px){
  .homeProfile .links{
    width:70%;
  }
}

@media only screen and (min-width: 1024px){
  .homeProfile .links{
    max-width:49rem;
    width:45%;
  }
}

.homeProfile .links .column{
  padding:0;
}

.homeProfile .links .item{
  margin-bottom:0;
  border-top:0.1rem solid #c0c2ca;
}

@media only screen and (min-width: 720px){
  .homeProfile .links .item{
    padding:1.3rem 0;
  }
}

.homeProfile .links .item.compatibility{
  border-bottom:0.1rem solid #c0c2ca;
}

@media only screen and (min-width: 720px){
  .homeProfile .links .item{
    margin-bottom:1rem;
    padding:0;
    border-top:none;
  }
  .homeProfile .links .item.compatibility{
    border-bottom:none;
  }
}

.homeProfile .links .item .finePrint{
  display:block;
  font-weight:normal;
}

.homeProfile .links .item a{
  padding:1.3rem 0;
  display:inline-block;
  font-size:1.4rem;
}

@media only screen and (min-width: 720px){
  .homeProfile .links .item a{
    padding:0;
    display:inline;
  }
}

@media only screen and (min-width: 720px){
  .homeProfile .links .item a{
    font-size:1.5rem;
  }
}

@media only screen and (min-width: 1024px){
  .homeProfile .links .item a{
    font-size:1.6rem;
  }
}

.homeProfile .links .item.compatibility a{
  color:#e95b0c;
}

.homeProfile .links .item.compatibility a:hover{
  color:#f08c55;
}

.homeProfile .links .item .icon{
  display:inline-block;
  width:2rem;
  margin-right:0.8rem;
  position:relative;
}

.homeProfile .links .item .icon svg{
  max-width:100%;
  max-height:1.8rem;
  fill:#7c458a;
  vertical-align:text-bottom;
}

.homeProfile .links .item .icon .new{
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background:#e95b0c;
  position:absolute;
  top:0.2rem;
  right:-0.4rem;
  width:0.8rem;
  height:0.8rem;
}

.homeProfile .links .item.mail svg{
  max-height:1.3rem;
}

.homeProfile .links .item.views svg{
  max-height:1.8rem;
}

.homeProfile .links .item.mutual svg, .homeProfile .links .item.fans svg, .homeProfile .links .item.favourites svg{
  max-height:1.5rem;
}

.homeProfile .links p{
  color:#13182b;
  margin-top:0;
  margin-bottom:0;
}

@media only screen and (min-width: 720px){
  .homeProfile .links p{
    margin-top:2rem;
  }
}

.homeProfile .links .btn{
  background:#e95b0c;
  color:#fff;
  font-weight:bold;
  padding:1rem 4rem;
  display:inline-block;
}

.homeProfile .links .btn:hover{
  background:#f08c55;
}

.homeProfile .links .btn:active, .homeProfile .links .btn:focus{
  background:#a34008;
}

.homeProfile .completeness{
  padding-top:0;
}

@media only screen and (min-width: 720px){
  .homeProfile .completeness{
    padding-top:1rem;
  }
}

@media only screen and (min-width: 1024px){
  .homeProfile .completeness{
    float:right;
    width:32%;
  }
}

.container.homeProfile .links .item a{
  color:#263772;
}

.container.homeProfile .links .item a:hover{
  color:#364ea3;
}

.container.homeProfile .links h3{
  display:none;
}

@media only screen and (min-width: 720px){
  .container.homeProfile .links h3{
    display:block;
  }
}

.container.homeProfile .photo h3{
  display:block;
}

@media only screen and (min-width: 720px){
  .container.homeProfile .photo h3{
    display:none;
  }
}

.container.homeProfile .photo .viewProfile{
  text-align:center;
  padding:2rem 0 0;
}

@media only screen and (min-width: 720px){
  .container.homeProfile .photo .viewProfile{
    padding:0;
  }
}

div.textOverImage{
  position:absolute;
  z-index:10;
  text-align:center;
  font-size:1em;
  line-height:1.7rem;
  font-weight:bold;
  margin-bottom:0;
  width:14rem;
  padding:0 3rem;
  top:35%;
  left:27%;
}

@media only screen and (min-width: 320px){
  div.textOverImage{
    line-height:1.8rem;
    top:35%;
    left:27%;
  }
}

@media only screen and (min-width: 400px){
  div.textOverImage{
    top:40%;
    left:31%;
  }
}

@media only screen and (min-width: 500px){
  div.textOverImage{
    line-height:1.9rem;
    top:35%;
    left:37%;
  }
}

@media only screen and (min-width: 720px){
  div.textOverImage{
    line-height:2rem;
    width:18rem;
    top:30%;
    left:0;
  }
}

div.textOverImage svg{
  display:block;
  width:2.5rem;
  height:2.5rem;
  margin:0 auto;
  fill:#364ea3;
}

div.textOverImage svg:hover{
  fill:#7283bf;
}

@media only screen and (max-width: 500px){
  div.textOverImage svg{
    display:none;
  }
}

div.textOverImage a{
  line-height:1.7rem;
}

@media only screen and (min-width: 320px){
  div.textOverImage a{
    line-height:1.8rem;
  }
}

@media only screen and (min-width: 500px){
  div.textOverImage a{
    line-height:1.9rem;
  }
}

@media only screen and (min-width: 720px){
  div.textOverImage a{
    line-height:2rem;
  }
}

@media only screen and (min-width: 500px){
  div.textOverImage.summary{
    left:0;
  }
}

@media only screen and (max-width: 500px){
  div.textOverImage.summary{
    position:static;
    top:0;
    left:0;
    padding:0;
    width:9rem;
  }
}

.homeProfile .completeness .profileCompleteness a,
.homeProfile .completeness .profileCompleteness p,
.homeProfile .completeness .profileCompleteness span{
  font-size:1.5rem;
}

.profileCompleteness{
  background:#ebedf6;
}

.profileCompleteness .title{
  background:#364ea3;
  text-align:center;
  margin-bottom:0;
  padding:0.8rem;
  border:0.1rem solid #364ea3;
  -webkit-border-radius:0.4rem 0.4rem 0 0;
  -moz-border-radius:0.4rem 0.4rem 0 0;
  border-radius:0.4rem 0.4rem 0 0;
  color:#fff;
}

.profileCompleteness .content{
  border:0.1rem solid #364ea3;
  -webkit-border-radius:0 0 0.4rem 0.4rem;
  -moz-border-radius:0 0 0.4rem 0.4rem;
  border-radius:0 0 0.4rem 0.4rem;
  padding:2rem;
}

.profileCompleteness .content .progress{
  line-height:1.5;
}

.profileCompleteness .content .progress .min{
  float:left;
}

.profileCompleteness .content .progress .max{
  float:right;
}

.profileCompleteness .content .progress .progressBar{
  display:block;
  background:#fff;
  height:1.5rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.profileCompleteness .content .progress .progressBar .progressValue{
  background:#fbc43f;
  height:1.5rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.profileCompleteness .content .progress .progressBar .progressValue.green{
  background:#abd449;
}

.profileCompleteness .content .progress .progressBar .progressValue.orange{
  background:#fbc43f;
}

.profileCompleteness .content .progress .progressBar .progressValue.red{
  background:#ee6545;
}

.profileCompleteness .content p{
  margin:1.5rem 0;
}

.profileCompleteness .content ul{
  list-style:none;
  margin:0;
  padding:0;
}

.profileCompleteness .content ul li{
  margin-bottom:2rem;
}

@media only screen and (min-width: 720px){
  .profileCompleteness .content ul li{
    margin-bottom:1.5rem;
  }
}

.narrow{
  padding:0 1rem;
}

@media only screen and (min-width: 1024px){
  .narrow{
    max-width:80rem;
    padding:0;
  }
}

.clearResults{
  position:relative;
  right:7%;
  margin-right:-1.2rem;
  padding-top:0.5rem;
}

@media only screen and (min-width: 720px){
  .clearResults{
    right:3%;
    margin-right:-1.5rem;
  }
}

.clearResults svg{
  width:1.2rem;
  height:1.2rem;
  fill:#c0c2ca;
}

.showHideMsg{
  text-align:center;
}

.unavailableMessages{
  display:block;
  background-color:#f2ecf3;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  margin:1rem;
  max-width:60%;
  padding:1.5rem;
  font-style:italic;
}

.conversationList{
  clear:both;
  margin-bottom:2rem;
}

.conversationList .date{
  text-align:center;
  line-height:1;
  padding:0.5rem 0;
  margin:0;
  border-bottom:0.1rem solid #c0c2ca;
}

.conversationList .date:first-child{
  border-top:0.1rem solid #c0c2ca;
  margin-top:1rem;
}

.conversationList .message{
  padding:1.5rem 2rem 1.5rem 1rem;
  width:auto;
  border-bottom:0.1rem solid #c0c2ca;
  clear:both;
  position:relative;
}

@media only screen and (min-width: 1024px){
  .conversationList .message{
    padding:1rem 2rem 1rem 1rem;
  }
}

.conversationList .message .close{
  position:absolute;
  top:1rem;
  right:1rem;
}

@media only screen and (min-width: 1024px){
  .conversationList .message .close{
    top:2rem;
  }
}

.conversationList .message .close svg{
  width:1.2rem;
  height:1.2rem;
  fill:#3f4765;
  vertical-align:top;
}

.conversationList .message .close:hover{
  cursor:pointer;
}

.conversationList .message .close:hover svg{
  fill:#13182b;
}

.conversationList .message .report{
  position:absolute;
  top:55%;
  right:0.8rem;
}

.conversationList .message .report svg{
  width:1.8rem;
  height:1.8rem;
  fill:#c0c2ca;
  vertical-align:middle;
}

.conversationList .message .report:hover{
  cursor:pointer;
}

.conversationList .message .report:hover svg{
  fill:#e0193a;
}

.conversationList .message .report.flagged svg{
  fill:#e0193a;
}

.conversationList .message .readStatus svg{
  width:1.2rem;
  height:1.7rem;
  fill:#3f4765;
  vertical-align:bottom;
}

.conversationList .message .readStatus.messageRead svg{
  width:2.2rem;
}

.conversationList .message .readStatus.read svg{
  fill:#3f4765;
}

.conversationList .message.read.received{
  background:#f2ecf3;
  padding-left:1rem;
}

.conversationList .message.unread.received{
  background:#d8c7dc;
  padding-left:1rem;
}

.conversationList .message .date{
  text-align:center;
}

.conversationList .message .image{
  padding:0;
  max-width:7.2rem;
  min-width:6rem;
  min-height:6rem;
}

.conversationList .message .image .memberImage{
  position:relative;
}

.conversationList .message .image img{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.conversationList .message .image img.photoShield{
  width:7.2rem;
  height:100%;
  top:0;
  position:absolute;
}

.conversationList .message .image .photoSubsOnly{
  position:absolute;
  text-align:center;
}

.conversationList .message .image .photoSubsOnly p{
  font-size:1rem;
  line-height:1.3;
  font-weight:bold;
  padding:1.5rem 0 0;
}

.conversationList .message .image img.subsOnly{
  max-width:7.2rem;
  max-height:7.2rem;
  min-width:6rem;
  min-height:6rem;
}

.conversationList .message .content{
  padding:0 0 0 1.5rem;
  max-width:73%;
}

@media only screen and (min-width: 720px){
  .conversationList .message .content{
    max-width:88%;
    padding:0 0 0 1.5rem;
  }
}

.conversationList .message .content p{
  color:#13182b;
  font-weight:normal;
  font-size:1.2rem;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  margin:0;
}

@media only screen and (min-width: 320px){
  .conversationList .message .content p{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 500px){
  .conversationList .message .content p{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 720px){
  .conversationList .message .content p{
    font-size:1.6rem;
  }
}

.conversationList .message .content p a{
  color:#13182b;
  font-weight:normal;
}

.conversationList .message .content p.unread.received{
  font-weight:bold;
}

.conversationList .message .content p a .unavailableMsg{
  font-style:italic;
}

.conversationList .message .premiumBenefit{
  font-family:Arial, sans-serif;
  font-size:1.2rem;
  color:#13182b;
  margin:0.5rem 0 0;
}

.conversationList .message .premiumBenefit a{
  color:#13182b;
}

.conversationList .message .premiumBenefit svg{
  width:1.5rem;
  height:1.5rem;
  fill:#13182b;
}

.conversationList .message .time{
  font-size:1rem;
  font-weight:normal;
}

.conversationList .message .time.incoming{
  right:1rem;
}

@media only screen and (min-width: 320px){
  .conversationList .message .time{
    font-size:1.1rem;
  }
}

@media only screen and (min-width: 720px){
  .conversationList .message .time{
    font-size:1.2rem;
  }
}

.conversationList .message .title{
  margin:0 0 0.5rem;
}

.conversationList .message .title .onlineStatus svg{
  float:left;
  margin:0 0.5rem 0 0;
}

@media only screen and (min-width: 500px){
  .conversationList .message .title .onlineStatus svg{
    margin:0.3rem 0.8rem 0 0;
  }
}

.conversationList .message .title h5{
  float:left;
  display:inline-block;
  line-height:1;
  font-size:1.2rem;
}

@media only screen and (min-width: 320px){
  .conversationList .message .title h5{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 500px){
  .conversationList .message .title h5{
    font-size:1.8rem;
  }
}

.conversationList .message .title h5 a{
  line-height:1;
  font-size:1.2rem;
}

@media only screen and (min-width: 320px){
  .conversationList .message .title h5 a{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 500px){
  .conversationList .message .title h5 a{
    font-size:1.8rem;
  }
}

.conversationList .message .title:after{
  content:"";
  display:block;
  clear:both;
  float:inherit;
}

#searchForm{
  margin-top:1rem;
  text-align:left;
}

@media only screen and (min-width: 720px){
  #searchForm{
    text-align:right;
  }
}

.toolWrap{
  text-align:right;
  margin-top:1rem;
}

.initialConversationDate{
  text-align:center;
}

.conversation{
  margin:0 1rem;
}

.conversation .showOlder{
  text-align:center;
  line-height:1;
  margin-bottom:2rem;
  font-size:1.2rem;
}

@media only screen and (min-width: 320px){
  .conversation .showOlder{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 500px){
  .conversation .showOlder{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 720px){
  .conversation .showOlder{
    font-size:1.6rem;
  }
}

.conversation .date{
  text-align:center;
  line-height:1;
  padding:0;
  margin-bottom:0 0 0.5rem 0;
  font-size:1.1rem;
}

@media only screen and (min-width: 320px){
  .conversation .date{
    font-size:1.2rem;
  }
}

@media only screen and (min-width: 500px){
  .conversation .date{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 720px){
  .conversation .date{
    font-size:1.4rem;
  }
}

.conversation .message{
  max-width:80%;
  padding:0.5rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  clear:both;
  margin:0 0 0.5rem;
}

.conversation .message p{
  margin:0;
  font-size:1.2rem;
}

@media only screen and (min-width: 320px){
  .conversation .message p{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 500px){
  .conversation .message p{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 720px){
  .conversation .message p{
    font-size:1.6rem;
  }
}

.conversation .message.incoming{
  float:left;
  background:#f2ecf3;
}

.conversation .message.outgoing{
  float:right;
  background:#e5e8f1;
}

.conversation .time{
  display:block;
  color:#3f4765;
  width:100%;
  padding:0.3rem 0 0;
  margin:0;
  line-height:1;
  float:left;
  font-size:1.1rem;
}

@media only screen and (min-width: 320px){
  .conversation .time{
    font-size:1.2rem;
  }
}

@media only screen and (min-width: 500px){
  .conversation .time{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 720px){
  .conversation .time{
    font-size:1.4rem;
  }
}

.conversation .time.incoming{
  text-align:left;
}

.conversation .time.outgoing{
  text-align:right;
}

.conversation .time .readStatus{
  margin-left:0.5rem;
}

.conversation .time .readStatus svg{
  width:1.2rem;
  height:1.2rem;
  fill:#3f4765;
  vertical-align:text-top;
  margin-top:0.3rem;
}

.conversation .time .readStatus.messageRead svg{
  width:2.8rem;
}

.conversation .time .readStatus.read svg{
  fill:#3f4765;
}

#messageList .messageItem.collapsed,
#messageList .finePrint.collapsed,
.unavailableMessages.collapsed{
  display:none;
}

#messageReply #mailMessage,
#oneLinerReply #mailMessage{
  clear:both;
}

#messageReply textarea,
#oneLinerReply textarea{
  padding:0.5rem;
}

#messageReply .buttons,
#oneLinerReply .buttons{
  clear:both;
  width:auto;
  text-align:right;
  margin:0;
}

@media only screen and (min-width: 720px){
  #messageReply .btn-primary.send,
  #oneLinerReply .btn-primary.send{
    width:95%;
  }
}

#messageReply .submitContainer.grid-3{
  padding:10px 0 0;
}

@media only screen and (min-width: 720px){
  #messageReply .submitContainer.grid-3{
    padding:0;
  }
}

#oneLinerReply .submitContainer.grid-3{
  padding:0;
}

#oneLinerReply button{
  margin:0;
}

#oneLinerReply .dropDownWrapper{
  display:inline-block;
  position:relative;
  margin:0;
}

#oneLinerReply .dropDownWrapper.grid-9{
  padding:0 0 10px;
}

#oneLinerReply .dropDownWrapper select{
  width:100%;
  background:#fff;
}

#oneLinerReply .dropDownWrapper svg{
  position:absolute;
  width:1rem;
  height:1rem;
  fill:#364ea3;
  pointer-events:none;
  right:1rem;
  top:1.5rem;
}

@media only screen and (min-width: 720px){
  #oneLinerReply .dropDownWrapper svg{
    right:1.5rem;
    top:1.5rem;
  }
}

.field.enterToSend{
  display:none;
}

@media only screen and (min-width: 1024px){
  .field.enterToSend{
    display:block;
  }
}

#toggleEnterToSend{
  display:none;
}

@media only screen and (min-width: 1024px){
  #toggleEnterToSend{
    display:block;
    text-align:left;
    margin-left:1rem;
  }
}

#toggleEnterToSend .customCheckbox.disabled{
  background-position:-0.1rem -0.1rem;
}

.profileDisplay table{
  position:relative;
  border-collapse:collapse;
  width:100%;
}

.profileDisplay table tbody,
.profileDisplay table tbody td{
  font-size:1.2rem;
}

@media only screen and (min-width: 320px){
  .profileDisplay table tbody,
  .profileDisplay table tbody td{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 500px){
  .profileDisplay table tbody,
  .profileDisplay table tbody td{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 720px){
  .profileDisplay table tbody,
  .profileDisplay table tbody td{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 1024px){
  .profileDisplay table tbody,
  .profileDisplay table tbody td{
    font-size:1.6rem;
  }
}

.profileDisplay table tbody h6,
.profileDisplay table tbody td h6{
  font-size:1.2rem;
}

@media only screen and (min-width: 320px){
  .profileDisplay table tbody h6,
  .profileDisplay table tbody td h6{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 500px){
  .profileDisplay table tbody h6,
  .profileDisplay table tbody td h6{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 720px){
  .profileDisplay table tbody h6,
  .profileDisplay table tbody td h6{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 1024px){
  .profileDisplay table tbody h6,
  .profileDisplay table tbody td h6{
    font-size:1.6rem;
  }
}

.profileDisplay table tbody tr:nth-child(odd),
.profileDisplay table tbody td tr:nth-child(odd){
  background:#f2ecf3;
}

.profileDisplay table tbody tr td,
.profileDisplay table tbody td tr td{
  padding:1.5rem;
}

.profileDisplay table tbody tr td.checkbox,
.profileDisplay table tbody td tr td.checkbox{
  padding:1.5rem 0 1.5rem 0.5rem;
}

@media only screen and (min-width: 1024px){
  .profileDisplay table tbody tr td.checkbox,
  .profileDisplay table tbody td tr td.checkbox{
    padding:1.5rem 0 1.5rem 1rem;
  }
}

.profileDisplay table tbody tr td.checkbox svg,
.profileDisplay table tbody td tr td.checkbox svg{
  width:1.2rem;
  height:1.2rem;
}

.profileDisplay table tbody tr td.label,
.profileDisplay table tbody td tr td.label{
  text-align:left;
  padding:1.5rem 0 1.5rem 1rem;
  min-width:30%;
}

.profileDisplay table tbody tr td.details,
.profileDisplay table tbody td tr td.details{
  text-align:right;
  padding:1.5rem 0.5rem 1.5rem 0;
}

.profileDisplay table tbody tr td.icon,
.profileDisplay table tbody td tr td.icon{
  text-align:right;
  width:8%;
  padding:1.5rem 1rem 1.5rem 0;
}

.profileDisplay table tbody tr td.icon.matchNo svg,
.profileDisplay table tbody td tr td.icon.matchNo svg{
  fill:#e0193a;
}

.profileDisplay table tbody tr td.icon.matchYes svg,
.profileDisplay table tbody td tr td.icon.matchYes svg{
  fill:#a9d461;
}

.profileDisplay table tbody tr td.icon.matchAsk svg,
.profileDisplay table tbody td tr td.icon.matchAsk svg{
  fill:#46c2fc;
}

.profileDisplay table tbody tr td svg,
.profileDisplay table tbody td tr td svg{
  width:1.2rem;
  height:1.2rem;
  fill:#3f4765;
  vertical-align:middle;
}

@media only screen and (min-width: 320px){
  .profileDisplay table tbody tr td svg,
  .profileDisplay table tbody td tr td svg{
    width:1.3rem;
    height:1.3rem;
  }
}

@media only screen and (min-width: 500px){
  .profileDisplay table tbody tr td svg,
  .profileDisplay table tbody td tr td svg{
    width:1.4rem;
    height:1.4rem;
  }
}

@media only screen and (min-width: 720px){
  .profileDisplay table tbody tr td svg,
  .profileDisplay table tbody td tr td svg{
    width:1.5rem;
    height:1.5rem;
    vertical-align:baseline;
  }
}

.profileDisplay table caption{
  padding:1rem 0;
  text-align:left;
  font-weight:bold;
}

.profileDisplay table .item{
  width:20rem;
}

.importanceLegend ul{
  list-style-type:none;
}

.importanceLegend ul li{
  float:left;
  margin:0 4rem 0 0;
}

.importanceLegend ul svg{
  height:1.5rem;
  width:1.5rem;
  margin-right:0.5rem;
  fill:#3f4765;
}

.profileDisplay .label h6,
#narratives h6{
  font-weight:bold;
}

.profileDisplay .label h6{
  color:#3f4765;
}

table.sqldump td{
  border:0.1rem solid #000;
  padding:0.2rem;
}

.highlight{
  color:#e95b0c;
  font-weight:bold;
  padding:0 0.4em;
}

.commonTitle{
  text-align:right;
}

.headingTabs{
  display:block;
  clear:both;
  background:#7c458a;
  padding:2rem 1rem 1rem;
}

.headingTabs td{
  width:auto;
}

.headingTabs a{
  padding:1.5rem;
  -webkit-border-radius:0.4rem 0.4rem 0 0;
  -moz-border-radius:0.4rem 0.4rem 0 0;
  border-radius:0.4rem 0.4rem 0 0;
  font-size:1.3rem;
  color:#fff;
}

@media only screen and (min-width: 320px){
  .headingTabs a{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 500px){
  .headingTabs a{
    font-size:1.5rem;
  }
}

@media only screen and (min-width: 720px){
  .headingTabs a{
    font-size:1.6rem;
  }
}

.headingTabs a:hover{
  color:#d8c7dc;
}

.headingTabs a.active{
  position:relative;
  top:0;
  background-color:#fff;
  color:#7c458a;
  padding:1.5rem 2rem;
}

.headingTabs a.active:hover{
  color:#a37dad;
}

#find_search .headingTabs a.active{
  background:#e5e8f1;
  color:#7c458a;
}

#find_search .headingTabs a.active:hover{
  color:#a37dad;
}

.tabsContainer{
  background:#7c458a;
  padding:1rem 1rem 0;
}

.tabsContainer .tabs{
  list-style:none;
  margin:0;
  padding:0;
}

.tabsContainer .tabs li{
  display:inline-block;
  line-height:1;
}

.tabsContainer .tabs li a{
  display:block;
  background:transparent;
  padding:1.5rem;
  -webkit-border-radius:0.4rem 0.4rem 0 0;
  -moz-border-radius:0.4rem 0.4rem 0 0;
  border-radius:0.4rem 0.4rem 0 0;
  font-size:1.3rem;
  color:#fff;
}

@media only screen and (min-width: 320px){
  .tabsContainer .tabs li a{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 500px){
  .tabsContainer .tabs li a{
    font-size:1.5rem;
  }
}

@media only screen and (min-width: 720px){
  .tabsContainer .tabs li a{
    font-size:1.6rem;
  }
}

.tabsContainer .tabs li a:hover{
  color:#d8c7dc;
}

.tabsContainer .tabs li a.active{
  background:#e5e8f1;
  color:#7c458a;
}

.tabsContainer .tabs li a.active:hover{
  color:#a37dad;
}

.tabsContainer .tabContent{
  background:#d8c7dc;
  margin:0 -1rem;
  padding:2rem;
}

.tabsContainer .tabContent p{
  font-size:1.2rem;
}

@media only screen and (min-width: 320px){
  .tabsContainer .tabContent p{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 500px){
  .tabsContainer .tabContent p{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 720px){
  .tabsContainer .tabContent p{
    font-size:1.6rem;
  }
}

.headingTabs .paging{
  margin:0;
  text-align:center;
  max-width:70rem;
}

.find .tabsContainer .tabContent{
  background:#e5e8f1;
}

.pagingBox{
  margin:0 1rem;
}

.paging{
  background:transparent;
  font-family:Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif;
  font-size:1.2rem;
  color:#13182b;
}

.paging div, .paging select{
  font-family:Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif;
  color:#13182b;
  font-size:1.2rem;
  line-height:1.4;
}

@media only screen and (min-width: 720px){
  .paging div, .paging select{
    font-size:1.2rem;
    line-height:1.6;
  }
}

.paging div a, .paging select a{
  font-size:1.2rem;
  line-height:1.4;
  padding:0.5rem;
}

@media only screen and (min-width: 720px){
  .paging div a, .paging select a{
    font-size:1.2rem;
    line-height:1.6;
    padding:0;
  }
}

.paging div a:visited, .paging select a:visited{
  color:#364ea3;
}

.paging div a:hover, .paging select a:hover{
  color:#7283bf;
}

.paging .pagingLeft{
  text-align:left;
  padding-top:1.5rem;
}

.paging .pagingCenter{
  text-align:center;
}

.paging .pagingCenter .dropDownWrapper{
  position:relative;
  margin:0;
}

@media only screen and (min-width: 720px){
  .paging .pagingCenter .dropDownWrapper{
    margin:0;
  }
}

.paging .pagingCenter .dropDownWrapper select{
  background:#e5e8f1;
  border:none;
  padding:0.6rem 1.9rem 0.5rem 0.7rem;
  margin-top:0.1rem;
}

.paging .pagingCenter .dropDownWrapper svg{
  position:relative;
  width:0.8rem;
  height:0.8rem;
  fill:#364ea3;
  pointer-events:none;
  right:1.6rem;
  top:0;
}

@media only screen and (min-width: 370px){
  .paging .pagingCenter .dropDownWrapper svg{
    right:1.6rem;
    top:0;
  }
}

@media only screen and (min-width: 720px){
  .paging .pagingCenter .dropDownWrapper svg{
    right:1.6rem;
    top:0;
  }
}

@media only screen and (min-width: 1024px){
  .paging .pagingCenter .dropDownWrapper svg{
    right:1.6rem;
    top:0;
  }
}

.paging .pagingCenter .dropDownWrapper svg:hover{
  fill:#7283bf;
}

.paging .pagingRight{
  text-align:right;
  padding-top:1.5rem;
}

.paging .pagingLeft svg,
.paging .pagingRight svg{
  width:1.5rem;
  height:1.5rem;
  fill:#364ea3;
  pointer-events:none;
  right:7.5rem;
  top:0.9rem;
  vertical-align:text-bottom;
}

.paging .pagingLeft svg:hover,
.paging .pagingRight svg:hover{
  fill:#7283bf;
}

@media only screen and (min-width: 370px){
  .paging .pagingLeft svg,
  .paging .pagingRight svg{
    right:8.5rem;
    top:0.9rem;
    vertical-align:text-bottom;
  }
}

@media only screen and (min-width: 410px){
  .paging .pagingLeft svg,
  .paging .pagingRight svg{
    right:9.5rem;
    top:1rem;
    vertical-align:text-bottom;
  }
}

@media only screen and (min-width: 720px){
  .paging .pagingLeft svg,
  .paging .pagingRight svg{
    right:22.1rem;
    top:1.2rem;
    vertical-align:middle;
  }
}

.paging .pagingLeft .r,
.paging .pagingRight .r{
  margin-right:0.5rem;
}

@media only screen and (min-width: 720px){
  .paging .pagingLeft .r,
  .paging .pagingRight .r{
    margin-right:1.5rem;
  }
}

.paging .pagingLeft .noMobileLabel,
.paging .pagingRight .noMobileLabel{
  display:none;
}

@media only screen and (min-width: 720px){
  .paging .pagingLeft .noMobileLabel,
  .paging .pagingRight .noMobileLabel{
    display:inline-block;
  }
}

#info_buzz .pagingBox{
  margin:0;
}

#info_buzz .paging .pagingCenter,
#find_profile .paging .pagingCenter{
  padding-top:1.5rem;
}

.modal{
  display:none;
  text-align:center;
}

.modal .close svg{
  width:1.2rem;
  height:1.2rem;
  fill:#3f4765;
  position:absolute;
  top:0.8rem;
  right:0.8rem;
}

.modal .close svg:hover{
  cursor:pointer;
  fill:#13182b;
}

.modal .profileCard .close svg{
  top:0.2rem;
  right:0.2rem;
}

@media only screen and (min-width: 720px){
  .modal .profileCard .close svg{
    top:0.8rem;
    right:0.8rem;
  }
}

.ratingModal{
  width:25rem;
  background:#e5e8f1;
  padding:1rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.ratingModal h5{
  padding:1rem 0 1.5rem;
}

.ratingModal .ratings{
  padding:0 0 2rem;
}

.ratingModal .clearRating{
  margin-top:2rem;
}

.ratingModal .clearRating a{
  font-size:1.2rem;
}

@media only screen and (min-width: 720px){
  .ratingModal .clearRating a{
    font-size:1.4rem;
  }
}

.ratingModal textarea{
  width:22rem;
  max-width:22rem;
  border:none;
  background:#fff;
  padding:0.5rem 1rem;
  margin-bottom:1.5rem;
  font-size:1.4rem;
}

.ratingModal p{
  padding:1.5rem 0 0;
}

.lightboxModal{
  width:100%;
  height:100%;
  background:#13182b;
  padding:0 3rem 1.5rem;
}

.lightboxModal .close svg{
  fill:#fff;
  top:0.8rem;
  right:0.8rem;
}

@media only screen and (min-width: 1024px){
  .lightboxModal .close svg{
    top:2rem;
    right:2rem;
  }
}

.lightboxModal .close:hover svg{
  fill:#c0c2ca;
}

.lightboxModal h4{
  color:#fff;
  text-align:left;
  margin-left:-2rem;
  padding:0.5rem 0;
  font-size:2rem;
}

@media only screen and (min-width: 720px){
  .lightboxModal h4{
    font-size:2.2rem;
  }
}

@media only screen and (min-width: 1024px){
  .lightboxModal h4{
    margin-top:2rem;
    padding:0;
    font-size:2.4rem;
  }
}

.lightboxModal p{
  color:#fff;
  margin-bottom:0;
}

.lightboxModal p.count{
  font-size:1.2rem;
  margin-bottom:1rem;
}

.lightboxModal p.narrative{
  font-style:normal;
}

.lightboxModal p.narrative a{
  color:#fff;
  font-weight:normal;
  text-decoration:underline;
}
@media only screen and (max-width: 500px){
  html.modal-open,
  body.modal-open{
    overflow-y:hidden;
  }
}

.modal.previewCard{
  text-align:left;
  width:30rem;
}

@media only screen and (min-width: 500px){
  .modal.previewCard{
    width:49rem;
  }
}

.modal.previewCard .profileCard{
  padding:0.5rem;
  margin:0;
}

@media only screen and (min-width: 500px){
  .modal.previewCard .profileCard{
    padding:1rem;
  }
}

.modal.previewCard .profileCard .close{
  top:0.5rem;
  right:0.5rem;
}

.modal.previewCard .profileCard .content .image{
  padding:0.5rem 0 0;
  max-width:9rem;
}

@media only screen and (min-width: 500px){
  .modal.previewCard .profileCard .content .image{
    max-width:12rem;
  }
}

@media only screen and (min-width: 720px){
  .modal.previewCard .profileCard .content .image{
    max-width:14rem;
  }
}

.modal.previewCard .profileCard .content .image img.photoShield{
  width:9rem;
  margin-left:-9rem;
}

@media only screen and (min-width: 500px){
  .modal.previewCard .profileCard .content .image img.photoShield{
    width:12rem;
    margin-left:-12rem;
  }
}

@media only screen and (min-width: 720px){
  .modal.previewCard .profileCard .content .image img.photoShield{
    width:14rem;
    margin-left:-14rem;
  }
}

.modal.previewCard .profileCard .content .information{
  padding:0 0 0 0.5rem;
  width:68.8%;
  margin-top:-0.5rem;
  text-align:left;
}

@media only screen and (min-width: 500px){
  .modal.previewCard .profileCard .content .information{
    padding:0 0 0 1rem;
    width:70.2%;
    margin-top:0;
  }
}

.modal.previewCard .profileCard .content .information .headline{
  margin:0 0 0.5rem;
  font-size:0.9rem;
  font-style:italic;
  font-weight:bold;
}

@media only screen and (min-width: 250px){
  .modal.previewCard .profileCard .content .information .headline{
    font-size:1rem;
  }
}

@media only screen and (min-width: 320px){
  .modal.previewCard .profileCard .content .information .headline{
    font-size:1.2rem;
  }
}

@media only screen and (min-width: 500px){
  .modal.previewCard .profileCard .content .information .headline{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 720px){
  .modal.previewCard .profileCard .content .information .headline{
    font-size:1.5rem;
  }
}

.modal.previewCard .profileCard .content .information .narrative{
  font-style:normal;
  display:-webkit-box;
  width:auto;
  height:4.8rem;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
}

@media only screen and (min-width: 720px){
  .modal.previewCard .profileCard .content .information .narrative{
    height:6.1rem;
  }
}

.modal.previewCard .profileCard .seeProfileBtn{
  float:right;
  background:#7c458a;
  color:#fff;
  font-weight:bold;
  font-size:1.2rem;
  padding:0.5rem 2rem;
  margin-top:0.4rem;
}

@media only screen and (min-width: 500px){
  .modal.previewCard .profileCard .seeProfileBtn{
    padding:1rem 4rem;
    margin-top:0.4rem;
    font-size:1.4rem;
  }
}

.modal.previewCard .profileCard .seeProfileBtn:hover{
  background:#a37dad;
}

.modal.previewCard .profileCard .seeProfileBtn:active{
  background:#573061;
}

.fixedDialog.socialShareDialog{
  width:50%;
}

div.socialShareDialog{
  height:auto;
  padding:1rem 1rem 1.5rem;
  border:1rem #c0c2ca solid;
  -webkit-box-shadow:0 0 100px #13182b;
  -moz-box-shadow:0 0 100px #13182b;
  box-shadow:0 0 100px #13182b;
  background-color:#fff;
}

div.socialShareDialog .topPanel h3{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}

div.socialShareDialog h4{
  font-weight:bold;
  color:#13182b;
  border-width:0;
  margin:1rem 0.5rem;
  padding:0;
}

div.socialShareDialog p{
  margin:1rem 0.5rem;
  padding-bottom:0.5rem;
  font-size:1.3rem;
  border-bottom:0.1rem #c0c2ca solid;
}

div.socialShareDialog .socialMediumsPanel{
  margin-left:0.5em;
}

div.socialShareDialog .socialMediumsPanel .btn_fbShare{
  background:#fff url("/pics/0/chrome/facebookButton_join.png") center center no-repeat;
  width:130px;
  height:28px;
  cursor:pointer;
  display:inline-block;
  vertical-align:middle;
}

div.socialShareDialog .socialMediumsPanel span{
  display:inline-block;
  font-weight:bold;
  margin-right:1rem;
  vertical-align:middle;
  font-size:1.3rem;
}

div.socialShareDialog .btn_closeDialog{
  position:absolute;
  right:0;
  top:0;
  background:#fff url("/pics/0/chrome/dialog_closeBtn.png") center center no-repeat;
  height:20px;
  width:21px;
  z-index:10000;
  cursor:pointer;
}

div.socialShareDialog .btn_noThanks{
  float:right;
}

.profileDisplay .image{
  position:relative;
  margin-left:1rem;
}

.slick-prev,
.slick-next{
  font-size:0;
  line-height:0;
  position:absolute;
  top:50%;
  display:block;
  width:2rem;
  height:2rem;
  margin-top:-1rem;
  padding:0;
  cursor:pointer;
  color:transparent;
  border:none;
  outline:none;
  background:transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
  color:transparent;
  outline:none;
  background:transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
  opacity:1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
  opacity:0.25;
}

.slick-prev:before,
.slick-next:before{
  font-size:2rem;
  line-height:1;
  opacity:0.75;
  color:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.slick-prev{
  left:-25px;
}

[dir="rtl"] .slick-prev{
  right:-25px;
  left:auto;
}

.slick-prev:before{
  content:"←";
}

[dir="rtl"] .slick-prev:before{
  content:"→";
}

.slick-next{
  right:-25px;
}

[dir="rtl"] .slick-next{
  right:auto;
  left:-25px;
}

.slick-next:before{
  content:"→";
}

[dir="rtl"] .slick-next:before{
  content:"←";
}

.slick-slider{
  margin-bottom:3rem;
}

.slick-dots{
  position:absolute;
  bottom:-4.5rem;
  display:block;
  width:100%;
  padding:0;
  list-style:none;
  text-align:center;
}

.slick-dots li{
  position:relative;
  display:inline-block;
  width:2rem;
  height:2rem;
  margin:0 0.5rem;
  padding:0;
  cursor:pointer;
}

.slick-dots li button{
  font-size:0;
  line-height:0;
  display:block;
  width:2rem;
  height:2rem;
  padding:0.5rem;
  cursor:pointer;
  color:transparent;
  border:0;
  outline:none;
  background:transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus{
  outline:none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
  opacity:1;
}

.slick-dots li button:before{
  font-size:0.6rem;
  line-height:2rem;
  position:absolute;
  top:0;
  left:0;
  width:2rem;
  height:2rem;
  content:"•";
  text-align:center;
  opacity:0.25;
  color:#000;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.slick-dots li.slick-active button:before{
  opacity:0.75;
  color:#000;
}

.slick-slider .prev,
.slick-slider .next{
  position:absolute;
  top:0;
  width:3rem;
  height:100%;
  background:#263772;
  opacity:0.7;
  text-align:center;
  z-index:79;
}

.slick-slider .prev svg,
.slick-slider .next svg{
  fill:#fff;
  width:1.6rem;
  height:1.6rem;
  margin-top:7.6rem;
}

.slick-slider .prev:hover,
.slick-slider .next:hover{
  cursor:pointer;
}

.slick-slider .prev{
  left:0;
}

.slick-slider .next{
  right:0;
}

#profileCarousel{
  margin:0 1rem;
  border-bottom:0.1rem solid #fff;
  display:none;
}

.js #profileCarousel{
  display:block;
}

#profileCarousel .slick-slide{
  margin:0 1rem 0 0;
}

#profileCarousel .prev,
#profileCarousel .next{
  height:100%;
}

#profileCarousel a:hover{
  cursor:pointer;
}

#profileCarousel div img{
  max-height:15rem;
}

#profileCarousel img.photoShield{
  width:100%;
  height:100%;
  margin-top:-15rem;
  display:block;
}

.finePrint.carouselAdminCaption{
  display:block;
  text-align:center;
}

.lightboxCarousel{
  margin:0 auto 0.5rem;
}

.lightboxCarousel .prev,
.lightboxCarousel .next{
  background:transparent;
  position:absolute;
  top:46%;
}

.lightboxCarousel .prev svg,
.lightboxCarousel .next svg{
  fill:#fff;
  margin:0;
  width:1.6rem;
  height:1.6rem;
}

@media only screen and (min-width: 1024px){
  .lightboxCarousel .prev svg,
  .lightboxCarousel .next svg{
    width:4rem;
    height:4rem;
  }
}

.lightboxCarousel .prev{
  margin-left:-3rem;
}

@media only screen and (min-width: 1024px){
  .lightboxCarousel .prev{
    margin-left:10%;
  }
}

.lightboxCarousel .next{
  margin-right:-3rem;
}

@media only screen and (min-width: 1024px){
  .lightboxCarousel .next{
    margin-right:10%;
  }
}

.lightboxCarousel .slick-slide{
  width:38rem;
  outline:none;
}

.lightboxCarousel .slick-slide a{
  display:inline-block;
  margin:0 auto;
}

.lightboxCarousel .slick-slide img{
  max-width:100%;
  width:100%;
}

#help_faq .accordion-toggle:after{
  content:'';
  display:block;
  width:0;
  height:0;
  position:absolute;
  top:17px;
  right:0px;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-right:8px solid transparent;
  border-left:8px solid #7c458a;
}

#help_faq .accordion-toggle.active:after{
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-bottom:8px solid transparent;
  border-top:8px solid #7c458a;
}

.accordion .accordion-toggle{
  background:#e5e8f1;
  cursor:pointer;
  position:relative;
  margin-top:0.1rem;
  font-size:1.4rem;
}

@media only screen and (min-width: 320px){
  .accordion .accordion-toggle{
    font-size:1.5rem;
  }
}

@media only screen and (min-width: 500px){
  .accordion .accordion-toggle{
    font-size:1.6rem;
  }
}

@media only screen and (min-width: 720px){
  .accordion .accordion-toggle{
    font-size:1.8rem;
  }
}

.accordion .accordion-toggle a{
  display:inline-block;
  padding:1rem 3.5rem 1rem 1.5rem;
  font-size:1.4rem;
}

@media only screen and (min-width: 320px){
  .accordion .accordion-toggle a{
    font-size:1.5rem;
  }
}

@media only screen and (min-width: 500px){
  .accordion .accordion-toggle a{
    font-size:1.6rem;
  }
}

@media only screen and (min-width: 720px){
  .accordion .accordion-toggle a{
    font-size:1.8rem;
  }
}

.accordion .accordion-toggle svg{
  width:1.2rem;
  height:1.2rem;
  position:absolute;
  top:1.7rem;
  right:2.5rem;
  fill:#263772;
}

.accordion .accordion-toggle.active svg{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  -webkit-transform-origin:center;
  -moz-transform-origin:center;
  -ms-transform-origin:center;
  -o-transform-origin:center;
  transform-origin:center;
}

.accordion .accordion-toggle.active svg:not(:root){
  overflow:visible;
}

.accordion .accordion-toggle .finePrint.editProfile a{
  font-size:1.2rem;
  line-height:1.4;
  color:#364ea3;
  padding:1rem 2rem 1rem 0;
}

.accordion .accordion-toggle .finePrint.editProfile a:active, .accordion .accordion-toggle .finePrint.editProfile a:visited{
  color:#263772;
}

.accordion .accordion-toggle .finePrint.editProfile a:hover{
  color:#7283bf;
}

@media only screen and (min-width: 720px){
  .accordion .accordion-toggle .finePrint.editProfile a{
    font-size:1.4rem;
    line-height:1.4;
  }
}

.accordion .accordion-content{
  display:none;
  background:#e5e8f1;
  padding:0 1.5rem 1rem;
}

.accordion .accordion-content.default{
  display:block;
}

.accordion .accordion-content p{
  font-size:1.3rem;
}

@media only screen and (min-width: 320px){
  .accordion .accordion-content p{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 500px){
  .accordion .accordion-content p{
    font-size:1.5rem;
  }
}

@media only screen and (min-width: 720px){
  .accordion .accordion-content p{
    font-size:1.6rem;
  }
}

h4.myPhotos{
  color:#573061;
  font-weight:bold;
  font-size:1.3rem;
  padding-left:1rem;
}

@media only screen and (min-width: 320px){
  h4.myPhotos{
    font-size:1.4rem;
  }
}

@media only screen and (min-width: 500px){
  h4.myPhotos{
    font-size:1.5rem;
  }
}

@media only screen and (min-width: 720px){
  h4.myPhotos{
    font-size:1.8rem;
  }
}

h4.myPhotos .editProfile{
  margin-left:1rem;
}

p.myPhotos{
  padding-left:1rem;
}

.help .accordion .accordion-toggle,
.profileDisplay .accordion .accordion-toggle{
  background:#fff;
  margin-top:0;
  border-top:0.1rem solid #e5e8f1;
}

.help .accordion .accordion-toggle a,
.profileDisplay .accordion .accordion-toggle a{
  color:#7c458a;
}

.help .accordion .accordion-toggle a:hover,
.profileDisplay .accordion .accordion-toggle a:hover{
  color:#a37dad;
}

.help .accordion .accordion-toggle svg,
.profileDisplay .accordion .accordion-toggle svg{
  fill:#7c458a;
}

.help .accordion .accordion-toggle svg:hover,
.profileDisplay .accordion .accordion-toggle svg:hover{
  color:#a37dad;
}

.help .accordion .accordion-content,
.profileDisplay .accordion .accordion-content{
  background:#fff;
}

.profileDisplay .accordion .accordion-toggle a{
  padding:1rem 1rem 1rem 1.5rem;
}

body:not(:-moz-handler-blocked) .accordion .accordion-toggle.active svg{
  -moz-transform:rotate(45deg);
  transform:rotate(45deg);
}

body:not(:-moz-handler-blocked) #breadCrumb .separator svg{
  -moz-transform:rotate(135deg);
  transform:rotate(135deg);
}

.tipsy{
  font-size:1rem;
  position:absolute;
  padding:0.5rem;
  z-index:100000;
  max-width:80%;
}

@media only screen and (min-width: 720px){
  .tipsy{
    max-width:25%;
  }
}

.tipsy-inner{
  background-color:#fff;
  color:"Arial", "Helvetica", "Nimbus Sans L", sans-serif;
  max-width:auto;
  padding:0.6rem 0.8rem;
  text-align:left;
}
.tipsy-inner{
  border:0.1rem solid #c0c2ca;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}
.tipsy-arrow{
  position:absolute;
  width:0;
  height:0;
  line-height:0;
  border:0.5rem dashed #13182b;
}
.tipsy-arrow-n{
  border-bottom-color:#c0c2ca;
}

.tipsy-arrow-s{
  border-top-color:#c0c2ca;
}

.tipsy-arrow-e{
  border-left-color:#c0c2ca;
}

.tipsy-arrow-w{
  border-right-color:#c0c2ca;
}

.tipsy-n .tipsy-arrow{
  top:0px;
  left:50%;
  margin-left:-0.5rem;
  border-bottom-style:solid;
  border-top:none;
  border-left-color:transparent;
  border-right-color:transparent;
}

.tipsy-nw .tipsy-arrow{
  top:0;
  left:1rem;
  border-bottom-style:solid;
  border-top:none;
  border-left-color:transparent;
  border-right-color:transparent;
}

.tipsy-ne .tipsy-arrow{
  top:0;
  right:1rem;
  border-bottom-style:solid;
  border-top:none;
  border-left-color:transparent;
  border-right-color:transparent;
}

.tipsy-s .tipsy-arrow{
  bottom:0;
  left:50%;
  margin-left:-0.5rem;
  border-top-style:solid;
  border-bottom:none;
  border-left-color:transparent;
  border-right-color:transparent;
}

.tipsy-sw .tipsy-arrow{
  bottom:0;
  left:1rem;
  border-top-style:solid;
  border-bottom:none;
  border-left-color:transparent;
  border-right-color:transparent;
}

.tipsy-se .tipsy-arrow{
  bottom:0;
  right:1rem;
  border-top-style:solid;
  border-bottom:none;
  border-left-color:transparent;
  border-right-color:transparent;
}

.tipsy-e .tipsy-arrow{
  right:0;
  top:50%;
  margin-top:-0.5rem;
  border-left-style:solid;
  border-right:none;
  border-top-color:transparent;
  border-bottom-color:transparent;
}

.tipsy-w .tipsy-arrow{
  left:0;
  top:50%;
  margin-top:-0.5rem;
  border-right-style:solid;
  border-left:none;
  border-top-color:transparent;
  border-bottom-color:transparent;
}

body.info{
  background:transparent;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  color:#13182b;
  margin:0;
  padding:0;
}

.info h5 a{
  font-size:1.8rem;
  line-height:2.4rem;
  font-weight:bold;
  font-family:"Arial", "Helvetica", "Nimbus Sans L", sans-serif;
  color:#3f4765;
}

@media only screen and (min-width: 320px){
  .info h5 a{
    font-size:1.8rem;
    line-height:2.4rem;
  }
}

@media only screen and (min-width: 500px){
  .info h5 a{
    font-size:2rem;
    line-height:2.6rem;
  }
}

@media only screen and (min-width: 720px){
  .info h5 a{
    font-size:2.2rem;
    line-height:2.8rem;
  }
}

.info h5 .date{
  font-weight:normal;
}

.terms h5{
  margin-top:2rem;
}

.photoDonts{
  margin-top:1rem;
}

#photoCriteria h6{
  font-weight:bold;
}

#photoCriteria h3{
  padding-top:2rem;
}

.help .profileEdit section,
#login_forgotten .profileEdit section,
#profile_clone .profileEdit section{
  border-bottom:0;
}

.help .profileEdit form .submitContainer .btn-submit,
#login_forgotten .profileEdit form .submitContainer .btn-submit,
#profile_clone .profileEdit form .submitContainer .btn-submit{
  margin:0 0 1rem;
}

.tabContent.profileEdit{
  padding:0;
}

.tabContent.profileEdit section{
  border-bottom:0;
  padding:0;
}

#geographicmatching,
#postCodeAndRadius{
  border-bottom:0;
}

.field.mPostCode{
  margin-top:1.3rem;
}

#login_forgotten .profileEdit section{
  padding-bottom:0;
}

.splash .dropDownWrapper p,
.help .dropDownWrapper p,
.find .dropDownWrapper p,
.profile .dropDownWrapper p,
.partners .dropDownWrapper p{
  padding-top:0;
}

@media only screen and (min-width: 720px){
  .splash .dropDownWrapper p,
  .help .dropDownWrapper p,
  .find .dropDownWrapper p,
  .profile .dropDownWrapper p,
  .partners .dropDownWrapper p{
    margin-top:0.8rem;
  }
}

ol.definitionList.helpMore{
  padding:0;
}

ol.definitionList.helpMore li{
  margin-bottom:1rem;
}

ol.definitionList.helpMore li p.overview{
  padding:0;
}

.profileEdit .confirmEmailContent form section{
  border-bottom:0;
}

.profileEdit .confirmEmailContent form section button{
  margin-top:2rem;
}

@media only screen and (min-width: 1024px){
  .profileEdit .confirmEmailContent form section button{
    margin-top:0;
  }
}

.profile .dropDownWrapper p.cloneTerms{
  float:right;
  width:90%;
}

@media only screen and (min-width: 720px){
  .profile .dropDownWrapper p.cloneTerms{
    width:96%;
    margin-top:0;
  }
}

#help_tellFriend legend,
#find_tellFriend legend{
  color:#3f4765;
  font-size:1.6rem;
  font-weight:bold;
}

#help_tellFriend section,
#find_tellFriend section{
  border-bottom:0.1rem solid #c0c2ca;
  padding:2rem 0;
}

#help_tellFriend .btn.btn-submit{
  margin-top:2rem;
}

.tafCta span{
  font-weight:bold;
}

@media only screen and (max-width: 719px){
  #help_contact .grid-9.field .dropDownWrapper select#type + svg,
  .tabContent.profileEdit .grid-9.field .dropDownWrapper select#type + svg{
    top:3.5rem;
  }
}

@media only screen and (min-width: 720px){
  #help_contact .grid-9.field .dropDownWrapper select.inlineSelect,
  .tabContent.profileEdit .grid-9.field .dropDownWrapper select.inlineSelect{
    display:inline-block;
    width:91%;
  }
  #help_contact .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  .tabContent.profileEdit .grid-9.field .dropDownWrapper select.inlineSelect + svg{
    right:1.7rem;
  }
}

@media only screen and (min-width: 720px){
  #help_contact .es .grid-9.field .dropDownWrapper select.inlineSelect,
  #help_contact .de .grid-9.field .dropDownWrapper select.inlineSelect,
  .tabContent.profileEdit .es .grid-9.field .dropDownWrapper select.inlineSelect,
  .tabContent.profileEdit .de .grid-9.field .dropDownWrapper select.inlineSelect{
    width:90%;
  }
  #help_contact .es .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  #help_contact .de .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  .tabContent.profileEdit .es .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  .tabContent.profileEdit .de .grid-9.field .dropDownWrapper select.inlineSelect + svg{
    right:1.7rem;
  }
}

@media only screen and (min-width: 720px){
  #help_contact .fr .grid-9.field .dropDownWrapper select.inlineSelect,
  #help_contact .pl .grid-9.field .dropDownWrapper select.inlineSelect,
  .tabContent.profileEdit .fr .grid-9.field .dropDownWrapper select.inlineSelect,
  .tabContent.profileEdit .pl .grid-9.field .dropDownWrapper select.inlineSelect{
    width:89%;
  }
  #help_contact .fr .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  #help_contact .pl .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  .tabContent.profileEdit .fr .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  .tabContent.profileEdit .pl .grid-9.field .dropDownWrapper select.inlineSelect + svg{
    right:1.8rem;
  }
}

@media only screen and (min-width: 720px){
  #help_contact .nl .grid-9.field .dropDownWrapper select.inlineSelect,
  #help_contact .af .grid-9.field .dropDownWrapper select.inlineSelect,
  .tabContent.profileEdit .nl .grid-9.field .dropDownWrapper select.inlineSelect,
  .tabContent.profileEdit .af .grid-9.field .dropDownWrapper select.inlineSelect{
    width:93%;
  }
  #help_contact .nl .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  #help_contact .af .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  .tabContent.profileEdit .nl .grid-9.field .dropDownWrapper select.inlineSelect + svg,
  .tabContent.profileEdit .af .grid-9.field .dropDownWrapper select.inlineSelect + svg{
    right:1.5rem;
  }
}

ul#notification{
  position:fixed;
  top:0;
  right:0;
  z-index:9999;
}

ul#notification li{
  display:block;
  float:right;
  clear:both;
  list-style-type:none;
  padding:0.4em 0.7em 0.4em 2.5em;
}

ul#notification li#activityIndicator{
  color:#13182b;
  background:#fef3d9 url("/pics/i2/0/ajaxActivity.gif") 0.5em 0.4em no-repeat;
  border:1px solid #fbc43f;
}

li.successful{
  color:#13182b;
  background:#eef6db url("/pics/i2/0/prf/tick.png") 0.5em 0.5em no-repeat;
  border:1px solid #abd449;
}

li.unsuccessful{
  color:#13182b;
  background:#fce0da url("/pics/i2/0/prf/cross.png") 0.6em 0.6em no-repeat;
  border:1px solid #ee6545;
}

#adminBox,
#partnerBox{
  margin:0 1rem;
  font-size:1.1rem;
}

@media only screen and (min-width: 320px){
  #adminBox,
  #partnerBox{
    font-size:1.1rem;
  }
}

@media only screen and (min-width: 500px){
  #adminBox,
  #partnerBox{
    font-size:1.2rem;
  }
}

@media only screen and (min-width: 720px){
  #adminBox,
  #partnerBox{
    font-size:1.4rem;
  }
}

body#subscribe_rates #modalWrap{
  min-height:10rem;
  position:relative;
  text-align:center;
}

.noConnection{
  background-color:#13182b;
  color:#fff;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:4rem;
  padding:0.5rem;
  z-index:1000;
}

.noConnection p{
  display:inline;
  line-height:3rem;
}

.noConnection a{
  float:right;
  padding:0.5rem;
}

table.basic{
  width:100%;
  text-align:left;
}

table.basic caption{
  background-color:#573061;
  color:#fff;
  font-weight:bold;
  padding:0.8rem 1.5rem 0.7rem;
}

table.basic tr{
  border:0.1rem solid #f2ecf3;
}

table.basic th,
table.basic td{
  padding:0.8rem 1.5rem 0.7rem;
}

table.basic th{
  font-weight:bold;
  background:#7c458a;
}

table.basic th.h1, table.basic th.h2{
  color:#fff;
}

table.basic th.h3{
  background:#f2ecf3;
}

table.zebra tr:nth-child(even){
  background:#f2ecf3;
}

@media only screen and (min-width: 1024px){
  table.zebra tr:nth-child(even){
    border:none;
    border-left:0.1rem solid #f2ecf3;
    border-right:0.1rem solid #f2ecf3;
  }
}

table.zebra tr:nth-child(odd){
  background:#fff;
}

@media only screen and (min-width: 1024px){
  table.zebra tr:nth-child(odd){
    border:0.1rem solid #f2ecf3;
  }
  table.zebra tr:nth-child(odd) td{
    border-top:0.1rem solid #f2ecf3;
  }
}

table.paymentDetails tr{
  border:none;
}

table.paymentDetails td{
  border:0.2rem solid #fff;
  padding:1rem;
}

table.paymentDetails td:first-child{
  font-weight:bold;
  background:#e5e8f1;
}

table.paymentDetails td span{
  font-weight:bold;
}

table.paymentDetails .emphasis{
  color:#e95b0c;
}

table.responsive{
  width:100%;
  clear:both;
}

table.responsive caption{
  width:100%;
}

table.responsive tbody td,
table.responsive tbody th{
  padding-top:0.8rem;
  padding-bottom:0.8rem;
}

table.responsive tbody td.small-padding{
  padding-top:0.8rem;
  padding-bottom:0.7rem;
}

table.responsive tbody td{
  padding-left:30%;
  padding-right:1rem;
}

@media only screen and (min-width: 1024px){
  table.responsive tbody td{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
}

@media only screen and (min-width: 1024px){
  table.responsive tbody th{
    padding:0.8rem 1.5rem 0.7rem;
    text-align:left;
    font-weight:bold;
  }
}

table.responsive tbody th a{
  color:#fff;
}

table.responsive tbody tr:nth-child(even){
  background:#f2ecf3;
}

@media only screen and (min-width: 1024px){
  table.responsive tbody tr:nth-child(even){
    border:none;
    border-left:0.1rem solid #f2ecf3;
    border-right:0.1rem solid #f2ecf3;
  }
}

table.responsive tbody tr:nth-child(odd){
  background:#fff;
}

@media only screen and (min-width: 1024px){
  table.responsive tbody tr:nth-child(odd){
    border:0.1rem solid #f2ecf3;
  }
  table.responsive tbody tr:nth-child(odd) td{
    border-top:0.1rem solid #f2ecf3;
  }
}

table.responsive tbody tr.header{
  background:#7c458a;
  color:#fff;
}

@media only screen and (min-width: 1024px){
  table.responsive tbody tr.header{
    border:none;
    border-left:0.1rem solid #7c458a;
    border-right:0.1rem solid #7c458a;
  }
  table.responsive tbody tr.header th{
    border-top:0.1rem solid #f2ecf3;
  }
}

@media (max-width: 1024px){
  table.responsive tbody tr{
    border-color:#f2ecf3;
    border-width:0.1rem 0.1rem 0;
    margin-bottom:2rem;
  }
  table.responsive tbody tr:nth-child(even), table.responsive tbody tr:nth-child(odd){
    background:transparent;
  }
  table.responsive tbody td{
    border-bottom:0.1rem solid #f2ecf3;
  }
  table.responsive tbody td:before{
    height:100%;
    width:27%;
    background:#7c458a;
    color:#fff;
    font-weight:bold;
    top:0;
    left:0;
    padding:0.8rem 0.8rem 0.7rem 1rem;
  }
  table.responsive tbody td:nth-child(odd){
    background:#f2ecf3;
  }
}

table.responsive.noZebra tbody tr:nth-child(even), table.responsive.noZebra tbody tr:nth-child(odd){
  background:transparent;
}

.sessionExpiredNote{
  padding:1rem;
}

#sessionExpiredCTA{
  margin:0 1rem;
}

@media only screen and (max-width: 840px){
  .r-tabs .grid-9,
  .r-tabs .grid-3{
    width:100%;
  }
}

.r-tabs .r-tabs-nav{
  padding:1rem 1rem 0;
  background:#7c458a;
  line-height:1;
}

.r-tabs .r-tabs-nav .r-tabs-tab a{
  padding:1.5rem;
  -webkit-border-radius:0.4rem 0.4rem 0 0;
  -moz-border-radius:0.4rem 0.4rem 0 0;
  border-radius:0.4rem 0.4rem 0 0;
  display:block;
}

.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active a{
  background:#fff;
  color:#7c458a;
}

.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-default a{
  color:#fff;
}

.r-tabs .r-tabs-panel{
  background:#e5e8f1;
  padding:0;
}

@media only screen and (min-width: 841px){
  .r-tabs .r-tabs-panel{
    background:#fff;
    padding:2rem;
  }
}

.r-tabs .r-tabs-accordion-title{
  position:relative;
  padding:1rem 0;
  background:#fff;
  border-top:0.1rem solid #e5e8f1;
}

.r-tabs .r-tabs-accordion-title a{
  display:block;
  color:#573061;
  font-size:1.8rem;
  padding:0 1rem;
}

@media only screen and (min-width: 500px){
  .r-tabs .r-tabs-accordion-title a{
    font-size:2rem;
  }
}

@media only screen and (min-width: 720px){
  .r-tabs .r-tabs-accordion-title a{
    font-size:2.2rem;
    padding:0 2rem;
  }
}

.r-tabs .r-tabs-accordion-title:after{
  pointer-events:none;
  content:'';
  position:absolute;
  width:0;
  height:0;
  border-top:0.7rem solid transparent;
  border-bottom:0.7rem solid transparent;
  border-left:0.7rem solid #573061;
  right:1rem;
  top:1.5rem;
}

@media only screen and (min-width: 720px){
  .r-tabs .r-tabs-accordion-title:after{
    right:2rem;
  }
}

@media only screen and (min-width: 1024px){
  .r-tabs .r-tabs-accordion-title:after{
    top:1.6rem;
  }
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active:after{
  pointer-events:none;
  content:'';
  position:absolute;
  width:0;
  height:0;
  border-left:0.7rem solid transparent;
  border-right:0.7rem solid transparent;
  border-top:0.7rem solid #573061;
  right:1rem;
  top:1.8rem;
}

@media only screen and (min-width: 720px){
  .r-tabs .r-tabs-accordion-title.r-tabs-state-active:after{
    right:2rem;
  }
}

@media only screen and (min-width: 1024px){
  .r-tabs .r-tabs-accordion-title.r-tabs-state-active:after{
    top:1.6rem;
  }
}

#subscribe_status #wrapper .container [class*='grid-']{
  padding:0 1rem;
}

table#premiumRates.basic.full.ratesTable.zebra{
  margin-top:2rem;
}

#subscribe_rates #wrapper .container [class*='grid-']{
  padding:0;
}

#subscribe_rates #wrapper .rates .container{
  padding:0 1rem;
}

#subscribe_rates #wrapper .rates .activityAlerts{
  font-size:1.4rem;
  font-weight:bold;
  display:inline-block;
  vertical-align:top;
  padding:0.5rem 1rem;
  -webkit-border-radius:2rem;
  -moz-border-radius:2rem;
  border-radius:2rem;
}

#subscribe_rates #wrapper .benefits{
  padding:0 1rem;
}

#subscribe_rates .footNotes{
  margin:3rem 1rem 4rem;
}

#subscribe_rates .ctaAction{
  margin-bottom:2rem;
}

#subscribe_rates .ctaAction .btn-cta{
  color:#fff;
  margin:1rem;
  padding:1rem 4rem;
}

#subscribe_rates .ctaAction .btn-cta a{
  color:#fff;
}

#subscribe_rates #ctaMemberAccess{
  padding:0 1rem;
}

#subscribe_rates table.premiumAddition{
  border:0.1rem solid #364ea3;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  background:#f2ecf3;
  text-align:center;
  margin:2rem 0 0;
}

@media only screen and (min-width: 1024px){
  #subscribe_rates table.premiumAddition{
    margin:0;
  }
}

#subscribe_rates table.premiumAddition tbody th{
  background:#364ea3;
  text-align:center;
}

#subscribe_rates table.premiumAddition tbody tr{
  border-color:#364ea3;
  background:#ebedf6;
}

#subscribe_rates table.premiumAddition tbody tr .rate{
  color:#364ea3;
  font-weight:bold;
  font-size:3rem;
}

#subscribe_rates table th{
  color:#fff;
}

@media only screen and (min-width: 1024px){
  #subscribe_rates .grid-tl-9 table{
    width:98%;
  }
}

#subscribe_rates table.benefitsTable tbody th{
  width:20%;
}

#subscribe_rates table.benefitsTable tbody th:first-child{
  width:40%;
}

#subscribe_rates table.benefitsTable tbody th .text{
  display:none;
}

@media only screen and (min-width: 1024px){
  #subscribe_rates table.benefitsTable tbody th .text{
    display:block;
  }
}

#subscribe_rates table.benefitsTable tbody th .textAbb{
  display:block;
}

@media only screen and (min-width: 1024px){
  #subscribe_rates table.benefitsTable tbody th .textAbb{
    display:none;
  }
}

#subscribe_rates table.benefitsTable tbody svg{
  width:1.1rem;
  height:1.1rem;
  vertical-align:middle;
  fill:#a9d461;
}

@media only screen and (min-width: 320px){
  #subscribe_rates table.benefitsTable tbody svg{
    width:1.2rem;
    height:1.2rem;
  }
}

@media only screen and (min-width: 500px){
  #subscribe_rates table.benefitsTable tbody svg{
    width:1.3rem;
    height:1.3rem;
  }
}

@media only screen and (min-width: 720px){
  #subscribe_rates table.benefitsTable tbody svg{
    width:1.4rem;
    height:1.4rem;
    vertical-align:baseline;
  }
}

#subscribe_status #content,
#subscribe_rates #content{
  margin:2rem 0 3rem;
}

@media only screen and (min-width: 720px){
  #subscribe_status #content,
  #subscribe_rates #content{
    margin:3rem 0 4rem;
  }
}

@media only screen and (min-width: 1024px){
  #subscribe_status #content,
  #subscribe_rates #content{
    margin:4rem 0 5rem;
  }
}

#subscribe_status h5,
#subscribe_rates h5{
  margin:2rem 0 0;
}

@media only screen and (min-width: 720px){
  #subscribe_status h5,
  #subscribe_rates h5{
    margin:3rem 0 0;
  }
}

@media only screen and (min-width: 1024px){
  #subscribe_status h5,
  #subscribe_rates h5{
    margin:4rem 0 0;
  }
}

.ui-widget-overlay{
  background:#222;
  opacity:0.7;
}

.ui-widget{
  font-family:"Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button{
  font-family:"Arial", "Helvetica", "Nimbus Sans L", sans-serif;
}

.ui-dialog{
  padding:0;
  border:0;
  background:#fff;
  z-index:8887 !important;
}

.ui-dialog .ui-dialog-titlebar{
  display:none;
}

.ui-dialog .ui-dialog-content{
  padding:0;
  position:relative;
}

.ui-dialog .closeModal{
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:8888;
}

@media only screen and (min-width: 720px){
  .ui-dialog .closeModal{
    right:2rem;
  }
}

.ui-dialog .closeModal svg{
  width:1rem;
  height:1rem;
  fill:#3f4765;
  cursor:pointer;
}

.ui-dialog .closeModal svg:hover{
  fill:#13182b;
}

.ui-dialog #subscribeHeading{
  background:#d8c7dc;
  padding:3rem 0 0;
}

.ui-dialog #subscribeHeading h4,
.ui-dialog #subscribeHeading p,
.ui-dialog #subscribeHeading h5{
  width:90%;
  padding:0 1rem;
}

@media only screen and (min-width: 720px){
  .ui-dialog #subscribeHeading h4,
  .ui-dialog #subscribeHeading p,
  .ui-dialog #subscribeHeading h5{
    padding:0 2rem;
  }
}

.ui-dialog #subscribeHeading h4{
  font-weight:bold;
}

.ui-dialog #subscribeHeading h5{
  padding:0 1rem 1rem;
}

@media only screen and (min-width: 720px){
  .ui-dialog #subscribeHeading h5{
    padding:0 2rem 2rem;
  }
}

.ui-dialog .userHasRecurringSubs{
  padding:2rem;
}

#modalWrap .container [class*='grid-']{
  padding:0;
}

#modalWrap .dropDownWrapper{
  display:inline-block;
  position:relative;
}

#modalWrap .dropDownWrapper svg{
  position:absolute;
  right:1rem;
  top:1.3rem;
  width:1rem;
  height:1rem;
  fill:#263772;
  pointer-events:none;
}

#modalWrap select{
  width:100%;
  background:#fff;
  border:none;
  font-weight:bold;
  padding:0.8rem 2.5rem 0.8rem 0.8rem;
  width:100%;
}

@media only screen and (min-width: 720px){
  #modalWrap select{
    padding:0.8rem 2.5rem 0.8rem 0.8rem;
  }
}

#modalWrap label{
  display:block;
  width:100%;
}

#modalWrap p label,
#modalWrap p input{
  display:inline;
}

#modalWrap .day{
  margin-right:5%;
  width:20%;
}

#modalWrap .month{
  margin-right:5%;
  width:40%;
}

#modalWrap .year{
  width:30%;
}

#modalWrap #subscribeOptions{
  background:#fff;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

#modalWrap #subscribeOptions .padder{
  margin:2rem 0;
}

@media only screen and (min-width: 1024px){
  #modalWrap #subscribeOptions .padder{
    margin:3rem 0;
  }
}

#modalWrap #subscribeOptions .padder > div,
#modalWrap #subscribeOptions .padder > p,
#modalWrap #subscribeOptions .padder form > p,
#modalWrap #subscribeOptions .padder form > div{
  padding-left:1rem;
  padding-right:1rem;
}

@media only screen and (min-width: 720px){
  #modalWrap #subscribeOptions .padder > div,
  #modalWrap #subscribeOptions .padder > p,
  #modalWrap #subscribeOptions .padder form > p,
  #modalWrap #subscribeOptions .padder form > div{
    padding-left:2rem;
    padding-right:2rem;
  }
}

#modalWrap #subscribeOptions .padder ol li{
  margin-bottom:1rem;
}

#modalWrap #subscribeOptions .padder #subsCardBan .cardBanReasonCode{
  font-weight:bold;
  margin:1rem 3rem;
}

#modalWrap #subscribeOptions .padder #giftEnvelope{
  font-weight:bold;
}

#modalWrap #subscribeOptions .padder .subsTerms .checkboxWrapper,
#modalWrap #subscribeOptions .padder .subsTerms .labelWrapper{
  display:inline-block;
  vertical-align:top;
}

#modalWrap #subscribeOptions .padder .subsTerms .checkboxWrapper{
  width:2.3rem;
}

#modalWrap #subscribeOptions .padder .subsTerms .labelWrapper{
  width:88%;
}

@media only screen and (min-width: 720px){
  #modalWrap #subscribeOptions .padder .subsTerms .labelWrapper{
    width:94%;
  }
}

#modalWrap #subscribeOptions .padder .subsTerms .labelWrapper label{
  display:inline-block;
}

#modalWrap #subscribeOptions h4{
  margin:0 0 2rem;
  font-weight:bold;
}

#modalWrap #subscribeOptions h5{
  color:#13182b;
  padding:0 !important;
}

#modalWrap #subscribeOptions a{
  color:#263772;
}

#modalWrap #subscribeOptions a:visited, #modalWrap #subscribeOptions a:hover, #modalWrap #subscribeOptions a:active{
  color:#364ea3;
}

#modalWrap #subscribeOptions .billingDetails{
  background:#d8c7dc;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:2rem !important;
  margin:2rem 1rem 0;
}

@media only screen and (min-width: 720px){
  #modalWrap #subscribeOptions .billingDetails{
    margin:2rem 2rem 0;
  }
}

#modalWrap #subscribeOptions .billingDetails select{
  font-weight:normal;
}

#modalWrap #subscribeOptions .billingDetails h6{
  font-weight:bold;
  color:#3f4765;
  margin-bottom:0.5rem;
}

#modalWrap #subscribeOptions .billingDetails .premiumSubscription{
  margin:1rem 0 0;
}

#modalWrap #subscribeOptions .billingDetails .premiumSubscription .checkboxWrapper,
#modalWrap #subscribeOptions .billingDetails .premiumSubscription .labelWrapper{
  display:inline-block;
  vertical-align:top;
}

#modalWrap #subscribeOptions .billingDetails .premiumSubscription .checkboxWrapper{
  width:2.3rem;
}

#modalWrap #subscribeOptions .billingDetails .premiumSubscription .labelWrapper{
  width:88%;
}

@media only screen and (min-width: 720px){
  #modalWrap #subscribeOptions .billingDetails .premiumSubscription .labelWrapper{
    width:94%;
  }
}

#modalWrap #subscribeOptions .billingDetails .premiumSubscription .labelWrapper span{
  font-weight:bold;
}

#modalWrap #subscribeOptions .billingDetails .subscribePackageDetailsWrapper{
  margin:2rem 0 0;
}

#modalWrap #subscribeOptions .billingDetails .subscribePackageDetailsWrapper p.upgrade,
#modalWrap #subscribeOptions .billingDetails .subscribePackageDetailsWrapper p.upgradeCalculation{
  margin:1rem 0 0;
}

#modalWrap #subscribeOptions .billingDetails #subscribePackageDetails{
  margin:0;
}

@media only screen and (max-width: 840px){
  #modalWrap #subscribeOptions .billingDetails #subscribePackageDetails{
    text-align:right;
  }
}

@media only screen and (min-width: 841px){
  #modalWrap #subscribeOptions .billingDetails #subscribePackageDetails{
    padding:1rem 0 2rem;
    text-align:right;
  }
}

#modalWrap #subscribeOptions .billingDetails #subscribePackageDetails .subscribePackageDetailsInner{
  padding:1rem;
  background:#f2ecf3;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  font-weight:bold;
}

@media only screen and (max-width: 840px){
  #modalWrap #subscribeOptions .billingDetails #subscribePackageDetails .subscribePackageDetailsInner{
    display:inline-block;
    vertical-align:top;
    text-align:left;
  }
}

#modalWrap #subscribeOptions .billingDetails + #paymentMethodDepend{
  margin:2rem 0 0;
}

#modalWrap #subscribeOptions .billingDetails .dropDownWrapper{
  float:none;
  width:100%;
}

#modalWrap #subscribeOptions .billingDetails .dropDownWrapper select{
  margin-top:0;
  font-weight:normal;
}

#modalWrap #subscribeOptions #voucherCodeWrap{
  clear:both;
  margin:2rem 0;
}

#modalWrap #subscribeOptions #voucherCodeWrap #voucherCodeInput{
  background:#e5e8f1;
  padding:2rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

#modalWrap #subscribeOptions #voucherCodeWrap #voucherCodeInput input.success{
  background:#fff;
  border:0.2rem solid #fff;
  color:#13182b;
}

#modalWrap #subscribeOptions #voucherCodeWrap + h5{
  padding:0 1rem !important;
}

@media only screen and (min-width: 720px){
  #modalWrap #subscribeOptions #voucherCodeWrap + h5{
    padding:0 2rem !important;
  }
}

#modalWrap #subscribeOptions #paymentMethodDepend ul{
  padding:0;
}

#modalWrap #subscribeOptions #paymentMethodDepend ul li{
  display:inline-block;
  vertical-align:top;
  background:#e5e8f1;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0.5rem;
  margin:0 1rem 2rem 0;
  text-align:center;
}

#modalWrap #subscribeOptions #paymentMethodDepend ul li label,
#modalWrap #subscribeOptions #paymentMethodDepend ul li input{
  display:block;
  margin:0 auto;
}

#modalWrap #subscribeOptions select{
  margin-top:0.7rem;
}

#modalWrap #subscribeOptions .profileEdit{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

#modalWrap #subscribeOptions .profileEdit section{
  padding:0;
  border-bottom:none;
}

#modalWrap #subscribeOptions .profileEdit section label{
  display:block;
  color:#3f4765;
  font-weight:bold;
  margin:2rem 0 0;
}

#modalWrap #subscribeOptions .profileEdit section label span.note{
  font-weight:normal;
}

#modalWrap #subscribeOptions .profileEdit section .dropDownWrapper.day{
  width:20%;
}

@media only screen and (min-width: 720px){
  #modalWrap #subscribeOptions .profileEdit section .dropDownWrapper.day{
    width:20%;
  }
}

#modalWrap #subscribeOptions .profileEdit section .dropDownWrapper.month{
  width:40%;
}

@media only screen and (min-width: 720px){
  #modalWrap #subscribeOptions .profileEdit section .dropDownWrapper.month{
    width:40%;
  }
}

#modalWrap #subscribeOptions .profileEdit section .dropDownWrapper.year{
  width:26%;
}

@media only screen and (min-width: 720px){
  #modalWrap #subscribeOptions .profileEdit section .dropDownWrapper.year{
    width:28%;
  }
}

#modalWrap #subscribeOptions .profileEdit .dropDownWrapper{
  float:none;
  width:100%;
}

#modalWrap #subscribeOptions .profileEdit .dropDownWrapper select{
  margin-top:0;
  font-weight:normal;
}

#modalWrap #subscribeOptions .profileEdit .multiline td label{
  font-weight:normal;
}

#modalWrap #subscribeOptions .profileEdit button{
  margin:2rem 0 0;
}

@media only screen and (max-width: 480px){
  #modalWrap #subscribeOptions .profileEdit button{
    width:100%;
  }
}

#modalWrap #subscribeOptions #paymentConfirmation > div > p{
  margin:2rem 0 0;
}

#modalWrap #subscribeOptions .instructionCTA{
  display:block;
}

#modalWrap #subscribeOptions .instructionCTA button,
#modalWrap #subscribeOptions .instructionCTA button + div,
#modalWrap #subscribeOptions .instructionCTA + p.notice{
  margin:2rem 0 0;
}

#modalWrap #subscribeOptions .paymentInstructionNotes{
  margin:2rem 0;
}

#modalWrap #subscribeOptions .paymentInstructionNotes ul li{
  margin:0 0 1rem;
}

#modalWrap #subscribeOptions .paymentInstructionNotes ul li span.directURL{
  display:none;
}

#modalWrap #subscribeOptions table + p{
  margin:2rem 0;
}

#modalWrap #subscribeOptions table + h5{
  margin:2rem 0;
}

#modalWrap #subscribeOptions p#payButton{
  margin:2rem 2rem 2rem 0;
}

#modalWrap #subscribeOptions p#payButton.card_logo{
  background:transparent url("/pics/0/chrome/worldPay.gif") bottom right no-repeat;
}

#modalWrap #subscribeOptions p#payButton.payPal_logo{
  background:transparent url("/pics/0/chrome/payPal.png") bottom right no-repeat;
}

#modalWrap #subscribeOptions p#payButton.easypay_logo{
  background:transparent url("/pics/0/chrome/easyPay.png") bottom right no-repeat;
}

#modalWrap #subscribeOptions p#payButton.post_logo{
  background:transparent url("/pics/0/chrome/postOffice.png") bottom right no-repeat;
}

#modalWrap #subscribeOptions p#payButton.mobile_logo{
  background:transparent url("/pics/0/chrome/fortumo.png") bottom right no-repeat;
}

#modalWrap .giftHow{
  margin-bottom:2rem;
}

#modalWrap p.strong{
  font-weight:bold;
}

#paymentMethods #direct .depositSlip_standard{
  position:relative;
}

#paymentMethods #direct .depositSlip_standard .depositSlip{
  background:url("/pics/0/chrome/depositSlip_mobile.png") 0 0 no-repeat;
  width:23rem;
  height:37rem;
}

@media only screen and (min-width: 720px){
  #paymentMethods #direct .depositSlip_standard .depositSlip{
    background:url("/pics/0/chrome/depositSlip.png") 0 0 no-repeat;
    width:60rem;
    height:27.8rem;
  }
}

#paymentMethods #direct .depositSlip_standard span{
  font-family:"Courier New", "Nimbus Mono", monospace;
  font-size:1rem;
  color:#333;
  position:absolute;
  font-weight:bold;
  letter-spacing:0.10rem;
  z-index:1000;
}

#paymentMethods #direct .depositSlip_standard span#depositSlip_accountName{
  top:4.6rem;
  left:4.7rem;
  width:15rem;
}

@media only screen and (min-width: 720px){
  #paymentMethods #direct .depositSlip_standard span#depositSlip_accountName{
    top:3.6rem;
    left:4.7rem;
  }
}

#paymentMethods #direct .depositSlip_standard span#depositSlip_accountNumber{
  top:8.8rem;
  left:0.4rem;
}

@media only screen and (min-width: 720px){
  #paymentMethods #direct .depositSlip_standard span#depositSlip_accountNumber{
    top:7.2rem;
    left:0.4rem;
  }
}

#paymentMethods #direct .depositSlip_standard span#depositSlip_beneficiaryRef{
  top:19.4rem;
  left:0.4rem;
  z-index:1000;
}

@media only screen and (min-width: 720px){
  #paymentMethods #direct .depositSlip_standard span#depositSlip_beneficiaryRef{
    top:17.7rem;
    left:0.4rem;
  }
}

#paymentMethods #direct .depositSlip_standard span#depositSlip_amount{
  top:22.7rem;
  left:12.4rem;
}

@media only screen and (min-width: 720px){
  #paymentMethods #direct .depositSlip_standard span#depositSlip_amount{
    top:23.4rem;
    left:49.8rem;
  }
}

#paymentMethods #mobile .billingDetails{
  padding:0 2rem 2rem;
}

#paymentMethods #mobile .billingDetails h5{
  padding:2rem 0 0;
  color:#3f4765;
}

#paymentMethods #mobile .billingDetails h6{
  margin:2rem 0 0;
}

#paymentMethods #mobile .billingDetails h6:first-child{
  margin:0;
}

#paymentMethods #easypay #subscribeOptions .easypayAmountDue{
  display:inline-block;
  vertical-align:top;
  margin:0 0 0 1rem;
  font-weight:bold;
}

@media only screen and (min-width: 841px){
  #paymentMethods #easypay #subscribeOptions .easypayAmountDue{
    margin:0 0 0 2rem;
  }
}

#paymentMethods #easypay #subscribeOptions #table10{
  margin:0 2rem;
}

#paymentMethods #easypay #subscribeOptions .easypayNum{
  display:block;
  margin-top:-2rem;
  font-size:2rem;
  font-weight:bold;
}

#paymentMethods #easypay #subscribeOptions h5.hideFromPrint{
  padding-left:1rem !important;
  padding-right:1rem !important;
}

@media only screen and (min-width: 720px){
  #paymentMethods #easypay #subscribeOptions h5.hideFromPrint{
    padding-left:2rem !important;
    padding-right:2rem !important;
  }
}

#paymentMethods #fax table#table5.basic{
  margin-bottom:1.5rem;
  background-color:#fff;
  border-bottom:0.1rem solid #f2ecf3;
  border-left:0.1rem solid #f2ecf3;
}

#paymentMethods #fax table#table5.basic caption{
  padding:0.5rem;
  color:#fff;
  background-color:#e95b0c;
}

#paymentMethods #fax table#table5.basic th{
  padding:0.5rem;
  border-top:0.1rem solid #f2ecf3;
  border-right:0.1rem solid #f2ecf3;
}

#paymentMethods #fax table#table5.basic th.h1{
  color:#fff;
  background-color:red;
}

#paymentMethods #fax table#table5.basic th.h2{
  color:#fff;
  background-color:#525252;
}

#paymentMethods #fax table#table5.basic th.h3{
  background-color:#7c458a;
  color:#fff;
}

#paymentMethods #fax table#table5.basic td{
  padding:0.3rem 0.4rem;
  border-top:0.1rem solid #f2ecf3;
  border-right:0.1rem solid #f2ecf3;
}

.padder #paymentMethods #fax table#table5.basic td{
  padding-bottom:0.5rem;
}

#paymentMethods #fax table#table5.basic.ratesTable td,
#paymentMethods #fax table#table5.basic.benefitsTable td{
  padding:1rem 0.5rem;
}

@media only screen and (min-width: 1200px){
  .billingDetails .dropDownWrapper svg{
    display:none;
  }
}

#accordionSideBar{
  margin:2rem 1rem 0;
}

@media only screen and (min-width: 841px){
  #accordionSideBar{
    margin:5rem 2rem 0 0;
  }
}

.js #accordionSideBar{
  border:0.1rem solid transparent;
  overflow:hidden;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

#accordionSideBar #whySubscribe_content,
#accordionSideBar #paymentTerms_content{
  border:0.1rem solid #364ea3;
}

#accordionSideBar #accordionWhySubscribe h5:first-child{
  margin:0;
}

#accordionSideBar h3.h5{
  position:relative;
  background:#364ea3;
  line-height:1;
  padding:1rem;
  color:#fff;
  font-size:1.8rem;
  line-height:2.4rem;
}

.nonJS #accordionSideBar h3.h5{
  -webkit-border-top-left-radius:0.4rem;
  -moz-border-radius-topleft:0.4rem;
  border-top-left-radius:0.4rem;
  -webkit-border-top-right-radius:0.4rem;
  -moz-border-radius-topright:0.4rem;
  border-top-right-radius:0.4rem;
}

.nonJS #accordionSideBar h3.h5 + div{
  -webkit-border-bottom-left-radius:0.4rem;
  -moz-border-radius-bottomleft:0.4rem;
  border-bottom-left-radius:0.4rem;
  -webkit-border-bottom-right-radius:0.4rem;
  -moz-border-radius-bottomright:0.4rem;
  border-bottom-right-radius:0.4rem;
}

#accordionSideBar h3.h5:after{
  pointer-events:none;
  content:'';
  position:absolute;
  width:0;
  height:0;
  border-left:0.7rem solid #fff;
  border-top:0.7rem solid transparent;
  border-bottom:0.7rem solid transparent;
  right:0;
  top:0;
  z-index:999;
  margin:1.8rem 1rem 0 0;
}

#accordionSideBar h3.h5.on:after{
  pointer-events:none;
  content:'';
  position:absolute;
  width:0;
  height:0;
  border-top:0.7rem solid #fff;
  border-left:0.7rem solid transparent;
  border-right:0.7rem solid transparent;
  right:0;
  top:0;
  z-index:999;
  margin:1.8rem 1rem 0 0;
}

#accordionSideBar h3.h5 a{
  color:#fff;
  display:inline-block;
  max-width:92%;
  font-size:1.8rem;
  line-height:2.4rem;
}

#accordionSideBar h5,
#accordionSideBar h5 a{
  font-weight:bold;
  color:#13182b;
}

#accordionSideBar h5 + div > p,
#accordionSideBar h5 a + div > p{
  margin:0 0 2rem;
  font-size:1.3rem;
}

#accordionSideBar h5{
  position:relative;
  margin:2rem 0 0;
}

#accordionSideBar h5:after{
  pointer-events:none;
  content:'';
  position:absolute;
  width:0;
  height:0;
  border-left:0.7rem solid #573061;
  border-top:0.7rem solid transparent;
  border-bottom:0.7rem solid transparent;
  right:0;
  top:0;
  z-index:999;
  margin:0.5rem 0 0;
}

#accordionSideBar h5.on:after{
  pointer-events:none;
  content:'';
  position:absolute;
  width:0;
  height:0;
  border-top:0.7rem solid #573061;
  border-left:0.7rem solid transparent;
  border-right:0.7rem solid transparent;
  right:0;
  top:0;
  z-index:999;
  margin:0.5rem 0 0;
}

#accordionSideBar h5 a{
  display:inline-block;
  max-width:92%;
}

#accordionSideBar #paymentTerms_content h5:after{
  border:none;
}

#accordionSideBar #paymentTerms_content p + p{
  margin:1rem 0 0;
}

#accordionSideBar .accContent{
  padding:1rem 1rem 2rem;
  display:none;
}

#accordionSideBar .accContent.expanded{
  display:block;
}

#accordionSideBar .accContent p{
  font-size:1.4rem;
  line-height:2rem;
}

#accordionSideBar .accContent .accContent{
  padding:0;
}

.js #accordionSideBar .accContent p{
  margin:0;
}

.js #accordionSideBar .accContent p.gift_sub{
  margin:0 0 1rem;
}

#voucherCodeHeading .emphasis{
  color:#e95b0c;
}

#voucherCodeHeading h5,
#voucherCodeHeading p{
  display:inline;
}

#voucherCodeWrap #voucherCodeInput{
  display:none;
}

#voucherCodeWrap label{
  display:block;
  font-weight:bold;
}

#voucherCodeWrap input,
#voucherCodeWrap button{
  display:inline-block;
}

#voucherCodeWrap input{
  line-height:1.6;
  width:54%;
  margin:0 1% 0 0;
}

#voucherCodeWrap button{
  width:30%;
}

#voucherCodeWrap table{
  margin:1rem 0 0;
}

#voucherCodeWrap .voucher{
  background:#fff;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  margin-top:1rem;
  padding:1rem;
}

#voucherCodeWrap .voucher.applied{
  background:#abd449;
}

#voucherCodeWrap .voucher .radioBtn{
  width:8%;
  display:inline-block;
  vertical-align:top;
}

@media only screen and (min-width: 720px){
  #voucherCodeWrap .voucher .radioBtn{
    width:6%;
  }
}

#voucherCodeWrap .voucher .infoWrapper{
  width:90%;
  display:inline-block;
  vertical-align:top;
}

#voucherCodeWrap .voucher .infoWrapper .name,
#voucherCodeWrap .voucher .infoWrapper .desc,
#voucherCodeWrap .voucher .infoWrapper .expiry,
#voucherCodeWrap .voucher .infoWrapper .status{
  display:block;
}

@media only screen and (min-width: 720px){
  #voucherCodeWrap .voucher .infoWrapper .name,
  #voucherCodeWrap .voucher .infoWrapper .desc,
  #voucherCodeWrap .voucher .infoWrapper .expiry,
  #voucherCodeWrap .voucher .infoWrapper .status{
    display:inline-block;
    vertical-align:top;
    margin:0 10% 0 0;
  }
}

#voucherCodeWrap .voucher .infoWrapper .name label,
#voucherCodeWrap .voucher .infoWrapper .name a,
#voucherCodeWrap .voucher .infoWrapper .desc label,
#voucherCodeWrap .voucher .infoWrapper .desc a,
#voucherCodeWrap .voucher .infoWrapper .expiry label,
#voucherCodeWrap .voucher .infoWrapper .expiry a,
#voucherCodeWrap .voucher .infoWrapper .status label,
#voucherCodeWrap .voucher .infoWrapper .status a{
  font-weight:normal;
  color:#13182b;
  cursor:default;
}

#voucherCodeWrap .voucher .infoWrapper .expiry{
  clear:right;
}

#voucherCodeWrap .voucher .infoWrapper .status{
  font-weight:bold;
}

#modalWrap{
  position:relative;
}

#modalWrap.loading #modalAjaxLoader{
  width:10rem;
  height:10rem;
  top:50%;
  left:50%;
  margin:-5rem 0 0 -5rem;
  position:absolute;
  z-index:99999;
  display:block;
}

#modalWrap.loading #modalAjaxLoader svg{
  width:10rem;
  height:10rem;
  fill:#7c458a;
}

#modalWrap.loading #subscribeHeading h5,
#modalWrap.loading > .container{
  display:none;
}

#modalWrap #modalAjaxLoader,
#modalWrap button.nonJSFallback{
  display:none;
}

#modalWrap.nonJS .accContent{
  display:block;
}

#modalWrap.nonJS .grid-3{
  width:100%;
}

#modalWrap.nonJS .grid-3 #whySubscribe_content{
  margin:0 0 2rem;
}

#modalWrap.nonJS #accordionSideBar{
  margin:2rem 0 0;
}

#modalWrap.nonJS #accordionSideBar h3:after,
#modalWrap.nonJS #accordionSideBar h5:after{
  display:none;
}

#modalWrap.nonJS .accordionWrap a{
  cursor:default;
}

#modalWrap.nonJS .accordionWrap span{
  display:none;
}

#modalWrap.nonJS .closeModal,
#modalWrap.nonJS button#printDetails{
  display:none;
}

#modalWrap.nonJS button.nonJSFallback{
  display:inline;
  margin-top:0;
}

#modalWrap.nonJS a.triggerToolTip{
  cursor:default;
  text-decoration:none;
}

#modalWrap.nonJS ul#tabsNavModal{
  list-style:none;
  padding:0;
}

#modalWrap.nonJS #voucherCodeWrap #voucherCodeInput.expanded{
  display:block;
}

.closeModal a.close{
  padding:1rem;
  cursor:pointer;
}

.errorPage{
  text-align:center;
  padding:1rem 0;
  margin:5rem 0;
}

@media only screen and (min-width: 320px){
  .errorPage{
    margin:5rem 0;
  }
}

@media only screen and (min-width: 500px){
  .errorPage{
    margin:10rem 0;
  }
}

@media only screen and (min-width: 720px){
  .errorPage{
    margin:15rem 0;
  }
}

.errorPage svg{
  height:8rem;
  fill:#7c458a;
}

.errorPage h3{
  text-transform:uppercase;
}

.joinNow,
.joinLater{
  padding:2rem 1rem;
}

@media only screen and (min-width: 320px){
  .joinNow,
  .joinLater{
    padding:2rem 1rem;
  }
}

@media only screen and (min-width: 500px){
  .joinNow,
  .joinLater{
    padding:3rem 2rem;
  }
}

@media only screen and (min-width: 720px){
  .joinNow,
  .joinLater{
    padding:4rem 2rem;
  }
}

#joinLaterForm section{
  border-bottom:0;
}

.profileEdit form .submitContainer.tdlConnect_line{
  border-bottom:0.1rem solid #c0c2ca;
}

.profileEdit form .submitContainer.tdlConnect_line .btn-submit{
  margin:4rem 0;
}

.tdlConnect_logout{
  margin:1rem auto 0;
  width:100%;
  max-width:32rem;
  text-align:center;
}

.tdlConnect_logout .tdlConnect_logo{
  background:#fff;
  width:8.5rem;
  margin:1rem auto;
  padding:1rem;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.tdlConnect_logout .tdlConnect_logo svg{
  width:6rem;
  height:6rem;
}

@media (max-width: 1024px){
  #recaptcha_area, #recaptcha_table{
    width:20.5rem !important;
  }
  .recaptchatable #recaptcha_image,
  .recaptchatable #recaptcha_challenge_image{
    margin:0 !important;
    width:20rem !important;
  }
  .recaptchatable .recaptcha_r1_c1,
  .recaptchatable .recaptcha_r3_c1,
  .recaptchatable .recaptcha_r3_c2,
  .recaptchatable .recaptcha_r7_c1,
  .recaptchatable .recaptcha_r8_c1,
  .recaptchatable .recaptcha_r3_c3,
  .recaptchatable .recaptcha_r2_c1,
  .recaptchatable .recaptcha_r2_c2,
  .recaptchatable .recaptcha_r4_c1,
  .recaptchatable .recaptcha_r4_c2,
  .recaptchatable .recaptcha_r4_c4,
  .recaptchatable .recaptcha_image_cell{
    background:none !important;
  }
}

#footer{
  clear:both;
  background-color:#251529;
  color:#f2ecf3;
}

#footer .finePrint{
  color:#f2ecf3;
}

#footer a{
  font-weight:bold;
  text-decoration:none;
}

#footer a:link, #footer a:visited{
  color:#7c458a;
  text-decoration:none;
}

#footer a:hover, #footer a:active{
  color:#a37dad;
  text-decoration:none;
}

#footer .footerLinks{
  background-color:#7c458a;
  color:#fff;
}

#footer .footerLinks a:link, #footer .footerLinks a:visited{
  color:#fff;
  text-decoration:none;
}

#footer .footerLinks a:hover, #footer .footerLinks a:active{
  color:#d8c7dc;
  text-decoration:none;
}

#footer ul.rwd2015-footerLinks{
  width:100%;
  margin:0;
}

#footer ul.rwd2015-footerLinks li{
  margin:0;
  padding:0;
  list-style-type:none;
  float:left;
  padding:0.5rem 1.5rem;
}

@media only screen and (min-width: 420px) and (max-width: 719px){
  #footer ul.rwd2015-footerLinks li.grid-12{
    width:50%;
  }
}

#footer ul.rwd2015-footerLinks li a{
  display:block;
  float:left;
}

#footer .separator{
  border-color:#d8c7dc;
  border-style:solid;
  border-width:0.1rem 0;
  margin:0;
  width:100%;
  height:auto;
}

#footer .dbuzzInternational div{
  display:inline-block;
  vertical-align:top;
  width:49.5%;
  margin:0;
  padding-bottom:2rem;
}

@media only screen and (min-width: 320px){
  #footer .dbuzzInternational div{
    width:49.5%;
  }
}

@media only screen and (min-width: 720px){
  #footer .dbuzzInternational div{
    width:33%;
  }
}

@media only screen and (min-width: 1024px){
  #footer .dbuzzInternational div{
    width:16%;
  }
}

#footer .dbuzzInternational div li{
  list-style-type:none;
}

#footer .dbuzzInternational div li.international{
  margin-bottom:0.7em;
  line-height:1.3em;
}

#footer .dbuzzInternational div li.international span{
  display:inline-block;
  width:2.4rem;
  height:1.6rem;
}

#footer .dbuzzInternational div li.international a{
  padding-left:0.5rem;
}

#footer .dbuzzInternational div li a{
  font-weight:normal;
}

#footer .footerContent{
  margin-top:0.2rem;
}

#footer .socialMedia{
  padding:0 0 0 1.5rem;
}

#footer .socialMedia ul{
  margin:0.3rem 0 0;
  padding:0;
}

#footer .socialMedia ul li{
  display:inline-block;
  vertical-align:bottom;
  margin:0 0.3rem;
  list-style-type:none;
}

#footer .socialMedia ul li a{
  display:inline-block;
  width:3.5rem;
  height:3.5rem;
}

#footer .socialMedia ul li svg{
  fill:#f2ecf3;
  width:3.5rem;
  height:3.5rem;
}

#footer .socialMedia ul li svg:hover, #footer .socialMedia ul li svg:active{
  fill:#fff;
}

#footer .attribution{
  color:#d8c7dc;
}

#footer .poweredBy{
  text-align:right;
}

#footer .poweredBy svg{
  fill:#fff;
  height:3.5rem;
  width:20rem;
}

@media only screen and (min-width: 720px){
  #footer .poweredBy svg{
    height:5.5rem;
    width:26rem;
  }
}

#footer .customLogo{
  text-align:right;
}

#footer .customLogo img{
  margin-right:0.5rem;
}

#footer p{
  margin:0 0 1rem;
  padding:0 0 0 1.5rem;
}

#footer p.copyright{
  font-size:1.4rem;
}

#footer p.finePrint{
  font-size:1.2rem;
}

@media only screen and (min-width: 1024px){
  .customLogo.grid-m-12.grid-tl-6{
    padding:0;
  }
}

#cookiesdirective{
  text-align:left !important;
  background-color:#333 !important;
  opacity:0.95 !important;
  font-family:Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif !important;
  font-size:1.2rem !important;
}

#cookiesdirective div,
#cookiesdirective a,
#cookiesdirective input{
  font-size:1.2rem !important;
}

@media only screen and (min-width: 720px){
  #cookiesdirective div,
  #cookiesdirective a,
  #cookiesdirective input{
    font-size:1.4rem !important;
  }
}

#cookiesdirective .siteTitle{
  font-weight:600;
  font-size:1.2rem;
}

@media only screen and (min-width: 720px){
  #cookiesdirective .siteTitle{
    font-size:1.4rem;
  }
}

#cookiesdirective .cookiesDescription{
  font-size:1.2rem;
}

@media only screen and (min-width: 720px){
  #cookiesdirective .cookiesDescription{
    font-size:1.4rem;
  }
}

#cookiesdirective a{
  color:#364ea3 !important;
}

#cookiesdirective a:hover{
  color:#7283bf !important;
}

.partnerLogo,
.oda{
  vertical-align:top;
}

#odaFooter{
  clear:both;
  display:block;
  position:relative;
  margin:0 auto;
  padding:0.5rem 1rem 0.5rem 9rem;
  background-color:#fff;
  border:0.1rem solid #c2c2c2;
  color:#777;
  max-width:120rem;
}

#odaFooter img{
  position:absolute;
  top:1.1rem;
  left:1rem;
}

#odaFooter p{
  margin:0 0 0.5rem;
  font:normal 1rem/1.2rem Arial;
}

#odaFooter a:link{
  font:normal 1rem/1.2rem Arial;
}

span.oda{
  display:inline-block;
  height:4rem;
  background:transparent url("/pics/i2/0/chrome/oda-logo_sml.png") right no-repeat;
}

span.oda a{
  display:block;
  float:right;
  outline:none;
  width:5rem;
  height:5rem;
}

@media (max-width: 720px){
  #footer .customLogo,
  #footer .poweredBy{
    text-align:center;
  }
}

@media (max-width: 1200px){
  #footer ul.rwd2015-footerLinks{
    width:99%;
  }
  #footer #odaFooter{
    margin:0 0.3rem;
  }
  #footer span#oda{
    background:transparent url("/pics/i2/0/chrome/oda-logo_sml.png") 50% no-repeat;
  }
}

.ad{
  margin:0 auto;
  text-align:center;
  display:none;
}

@media only screen and (min-width: 720px){
  .ad{
    display:block;
  }
}

#adSlot_home.ad{
  display:block;
  padding:2rem 1rem;
}

@media only screen and (min-width: 320px){
  #adSlot_home.ad{
    padding:2rem 1rem;
  }
}

@media only screen and (min-width: 500px){
  #adSlot_home.ad{
    padding:3rem 2rem;
  }
}

@media only screen and (min-width: 720px){
  #adSlot_home.ad{
    padding:4rem 1rem;
  }
}

@media only screen and (min-width: 720px){
  #adSlot_secondary.ad{
    padding:1rem 0;
  }
}

#adSlot_panel{
  text-align:center;
}

@media only screen and (min-width: 720px){
  #adSlot_panel{
    text-align:right;
  }
}

.panel.adSlotPanel{
  padding:0;
}

img.adPlaceholder{
  background:#757575 url("/pics/0/banner.gif") repeat;
}

img.adPlaceholder:hover{
  background-color:#999;
}

.graphics .third{
  width:33.3%;
}

.graphics .shrink{
  width:32rem;
  height:4.1rem;
}

@media only screen and (min-width: 720px){
  .graphics .shrink{
    width:46.8rem;
    height:6rem;
  }
}

.affiliates table.basic,
.partners table.basic,
.admin table.basic{
  margin:2rem 0;
}

.affiliates table.basic th.h1,
.partners table.basic th.h1,
.admin table.basic th.h1{
  background-color:#573061;
  color:#fff;
}

.affiliates .profileEdit section,
.partners .profileEdit section,
.admin .profileEdit section{
  border-bottom:0;
}

#partners_emails .profileEdit form#form2{
  max-width:1100px;
}

.partners fieldset.single,
.admin fieldset.single{
  margin-bottom:1rem;
}

.partners table input,
.partners table textarea,
.admin table input,
.admin table textarea{
  background:#e5e8f1;
}

.partners .profileEdit form section input.autoWidth,
.partners .profileEdit .container section input.autoWidth,
.admin .profileEdit form section input.autoWidth,
.admin .profileEdit .container section input.autoWidth{
  width:auto;
}

.partners .messageLookup,
.admin .messageLookup{
  padding:0 1rem;
}

@media only screen and (min-width: 320px){
  .partners .messageLookup,
  .admin .messageLookup{
    padding:0 1rem;
  }
}

@media only screen and (min-width: 500px){
  .partners .messageLookup,
  .admin .messageLookup{
    padding:0 2rem;
  }
}

@media only screen and (min-width: 720px){
  .partners .messageLookup,
  .admin .messageLookup{
    padding:0 2rem;
  }
}

@media only screen and (min-width: 1024px){
  .partners table.responsive tbody tr:nth-child(even){
    border-left:0.1rem solid #d8c7dc;
    border-right:0.1rem solid #d8c7dc;
  }
}

@media only screen and (min-width: 1024px){
  .partners table.responsive tbody tr:nth-child(odd){
    border:0.1rem solid #d8c7dc;
  }
  .partners table.responsive tbody tr:nth-child(odd) td{
    border-top:0.1rem solid #d8c7dc;
  }
}

@media only screen and (min-width: 1024px){
  .partners table.responsive tbody tr.header{
    border-left:0.1rem solid #7c458a;
    border-right:0.1rem solid #7c458a;
  }
  .partners table.responsive tbody tr.header th{
    border-top:0.1rem solid #d8c7dc;
  }
}

@media (max-width: 1024px){
  .partners table.responsive tbody tr{
    border-color:#d8c7dc;
  }
  .partners table.responsive tbody td{
    border-bottom:0.1rem solid #d8c7dc;
  }
}

.partners .responsive td input{
  width:100%;
}

.partners .responsive td textarea{
  width:100%;
  height:25rem;
}

.partners .profileEdit section legend{
  font-weight:bold;
}

.admin .container.submitContainer{
  text-align:right;
}

.admin .container.submitContainer .buttons,
.admin .container.submitContainer form{
  display:inline;
}

.admin .submitContainer.inlineButton{
  float:right;
  margin-left:1rem;
}

.admin li.proofOfID{
  list-style-type:none;
  margin:1rem 0;
  font-size:2.2rem;
  font-weight:bold;
  color:green;
}

.admin ul.compact li,
.admin ol.compact li{
  list-style-type:none;
  margin:0 0 0.1rem;
}

.admin ul.compact li{
  margin-bottom:0;
}

.admin ul.compact li input{
  border:0.1rem solid #c0c2ca;
}

.admin ol.notes li{
  margin-bottom:1rem;
}

.admin p.unavailable{
  font-weight:bold;
  color:#c00;
  background-color:#ffeded;
}

.admin p.serious{
  font-weight:bold;
  color:#c00;
}

.admin li span.serious{
  color:#fff;
  background-color:#c00;
  font-weight:bold;
}

.admin li span.moderate{
  color:#000;
  background-color:#c60;
  font-weight:bold;
}

.admin div#messageInfoBox{
  margin-left:2rem;
}

.admin div#messageInfoBox li a{
  text-decoration:none;
  font-style:normal;
  font-weight:normal;
  color:#000;
}

.admin .evationTactic{
  margin-top:1rem;
}

.admin .previousHistory{
  background-color:#ffeded;
}

.admin div#vettingNotes{
  color:#c00;
}

.admin .highlight{
  color:#13182b;
  background-color:#ff0;
}

.admin a.pdfVerification{
  display:block;
  background:#fff url("/pics/i2/0/chrome/file_pdf.gif") 0 0;
  height:18rem;
  width:18rem;
}

div.dbuzz_calendar{
  display:none;
  position:absolute;
  z-index:1;
}

table.calendar{
  background-color:#fff;
  border:0.1rem solid #999;
}

table.calendar td{
  padding:0.4rem;
}

table.calendar tr.monthYear{
  background-color:#757575;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  font-size:1.3rem;
}

table.calendar tr.days{
  background-color:#999;
  color:#fff;
}

table.calendar td.today{
  background-color:#708090;
  color:#fff;
  cursor:pointer;
}

table.calendar td.todayHover{
  background-color:#525252;
  color:#fff;
  cursor:pointer;
}

table.calendar td.noDate{
  background-color:#757575;
}

table.calendar td.selectedDate{
  background-color:#c9c9c9;
  cursor:pointer;
  font-weight:bold;
}

table.calendar td.date{
  border:0.1rem solid #c9c9c9;
  border-top:none;
  cursor:pointer;
}

table.calendar .input{
  width:5.1rem;
  text-align:center;
}

table.calendar td.week{
  background-color:#000;
  color:#fff;
  text-align:center;
}

table.calendar td.weekend{
  color:#999;
  text-align:center;
  cursor:pointer;
}

table.calendar td.dateHover{
  background-color:#c9c9c9;
  cursor:pointer;
}

table.calendar td.weekendHover{
  background-color:#c9c9c9;
  cursor:pointer;
}

table.calendar td.navigation{
  font-weight:bold;
  color:#fff;
  cursor:pointer;
}

table.calendar td.navigationHover{
  color:#000;
  cursor:pointer;
}

.no-js #profile #header .headerFoldout,
#header .headerFoldout.setVisible,
.profileEdit form section .multiCheckWrapper .collapsible.setVisible{
  display:block;
}

.no-js .profileEdit form section .multiCheckWrapper .collapsible{
  display:inline-block;
}

.no-js .profileEdit form section input{
  width:auto;
}

.no-js .joinLoginForm form input{
  width:auto;
}

.no-js .showPassword{
  display:none;
}

.no-js #profileCarousel .photo{
  float:left;
  width:auto;
  min-height:15rem;
}

.no-js .accordion .accordion-content{
  display:block !important;
}

.no-js div.rangeSlider{
  display:none;
}

.no-js #profile_photos h3,
.no-js #find_morePhotos h3{
  border-top:0.1rem solid #c0c2ca;
  clear:both;
}

.showNonJsPaymentNote{
  display:none;
}

.no-js .showNonJsPaymentNote{
  display:block;
}

#mailSortOptions{
  margin-bottom:2rem;
}

input:active,
textarea:active,
button:active,
select:active,
a:active{
  -webkit-tap-highlight-color:transparent;
}

.stickyHeaderSpacer{
  position:relative;
}

.fixed-supported .stickyHeader{
  left:0;
  top:0;
  width:100%;
  z-index:2002;
  -webkit-transition:top 400ms;
  -moz-transition:top 400ms;
  -o-transition:top 400ms;
  transition:top 400ms;
}

@media only screen and (min-width: 500px){
  .fixed-supported .stickyHeader.stickyHeaderFoldOut{
    position:fixed;
  }
}

.fixed-supported .stickyHeader.stickyHeaderFixed{
  position:fixed;
}

.fixed-supported .stickyFooter{
  position:fixed !important;
  left:0;
  bottom:-51px;
  width:100%;
  z-index:98;
  -webkit-transition:bottom 400ms;
  -moz-transition:bottom 400ms;
  -o-transition:bottom 400ms;
  transition:bottom 400ms;
  background:#fff;
}

.fixed-supported .stickyFooter.stickyFooterHide{
  bottom:-51px;
}

.fixed-supported .stickyFooter.stickyFooterShow{
  bottom:0 !important;
}

.fixed-supported .pagingNavBar{
  bottom:-51px;
  -webkit-transition:bottom 400ms;
  -moz-transition:bottom 400ms;
  -o-transition:bottom 400ms;
  transition:bottom 400ms;
}

.pagingLoadMore{
  display:none;
  text-align:center;
}

.pagingLoadMore .pagingTab{
  background:#7c458a;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  padding:0.75rem;
  height:3rem;
  margin:0 1rem 0 0;
  position:relative;
}

@media only screen and (min-width: 720px){
  .pagingLoadMore .pagingTab{
    display:inline-block;
    padding:1rem;
    height:4rem;
  }
}

.pagingLoadMore .pagingTab:hover{
  background:#a37dad;
}

.pagingLoadMore .pagingTab .text{
  vertical-align:top;
  line-height:1.2;
  color:#fff;
  font-weight:bold;
}

@media only screen and (min-width: 720px){
  .pagingLoadMore .pagingTab .text{
    display:inline-block;
    font-size:1.6rem;
    margin:0 1rem;
  }
}

#pagingSearchResults .pagingPageMode{
  display:block;
}

.intl-tel-input{
  position:relative;
  display:inline-block;
}

.intl-tel-input .hide{
  display:none;
}

.intl-tel-input .flag-dropdown{
  position:absolute;
  top:0;
  bottom:0;
}

.intl-tel-input .flag-dropdown .selected-flag{
  z-index:1;
  position:relative;
}

.intl-tel-input .flag-dropdown .country-list{
  position:absolute;
  z-index:2;
}

.intl-tel-input .country-list{
  list-style:none;
}

.intl-tel-input .country-list .flag{
  display:inline-block;
}

.intl-tel-input .flag-dropdown:hover{
  cursor:pointer;
}

.intl-tel-input input[disabled] + .flag-dropdown:hover{
  cursor:default;
}

.intl-tel-input input{
  position:relative;
  z-index:0;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.intl-tel-input.pretty *{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
}

.intl-tel-input.pretty .flag-dropdown:hover .selected-flag{
  background-color:#000;
  background-color:rgba(0,0,0,.05);
}

.intl-tel-input.pretty input[disabled] + .flag-dropdown:hover .selected-flag{
  background-color:transparent;
}

.intl-tel-input.pretty .flag-dropdown .selected-flag{
  width:38px;
  height:100%;
  padding:0 16px 0 6px;
}

.intl-tel-input.pretty .flag-dropdown .selected-flag .flag{
  position:absolute;
  top:50%;
  margin-top:-5.5px;
}

.intl-tel-input.pretty .flag-dropdown .selected-flag .arrow{
  top:3.5px;
  position:relative;
  left:20px;
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid #000;
}

.intl-tel-input.pretty .flag-dropdown .selected-flag .arrow.up{
  border-top:none;
  border-bottom:4px solid #000;
}

.intl-tel-input.pretty .flag-dropdown .country-list{
  padding:0;
  margin:0 0 0 -1px;
  -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.2);
  -moz-box-shadow:1px 1px 4px rgba(0,0,0,.2);
  box-shadow:1px 1px 4px rgba(0,0,0,.2);
  background-color:#fff;
  border:1px solid #ccc;
  width:420px;
  max-height:200px;
  overflow-y:scroll;
}

.intl-tel-input.pretty .flag-dropdown .country-list .divider{
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px solid #ccc;
}

.intl-tel-input.pretty .flag-dropdown .country-list .country{
  line-height:11px;
  padding:7px 10px;
}

.intl-tel-input.pretty .flag-dropdown .country-list .country .dial-code{
  color:#999;
}

.intl-tel-input.pretty .flag-dropdown .country-list .country.highlight{
  background-color:#000;
  background-color:rgba(0,0,0,.05);
}

.intl-tel-input.pretty .flag-dropdown .country-list .flag, .intl-tel-input.pretty .flag-dropdown .country-list .country-name{
  margin-right:6px;
}

.intl-tel-input.inside .flag-dropdown{
  padding:1px;
}

.intl-tel-input.inside input{
  padding-left:47px;
  margin-left:0;
}

.intl-tel-input.outside input{
  border:none;
  margin-left:38px;
}
.intl-tel-input .flag{
  width:16px;
  height:11px;
  background:url("/pics/0/flags.png");
}

.intl-tel-input .zw{
  background-position:0px 0px;
}

.intl-tel-input .zm{
  background-position:-16px 0px;
}

.intl-tel-input .za{
  background-position:0px -11px;
}

.intl-tel-input .yt{
  background-position:-16px -11px;
}

.intl-tel-input .ye{
  background-position:-32px 0px;
}

.intl-tel-input .ws{
  background-position:-32px -11px;
}

.intl-tel-input .wf{
  background-position:0px -22px;
}

.intl-tel-input .vu{
  background-position:-32px -22px;
}

.intl-tel-input .vn{
  background-position:0px -33px;
}

.intl-tel-input .vi{
  background-position:-16px -33px;
}

.intl-tel-input .vg{
  background-position:-32px -33px;
}

.intl-tel-input .ve{
  background-position:-48px 0px;
}

.intl-tel-input .vc{
  background-position:-48px -11px;
}

.intl-tel-input .va{
  background-position:-48px -22px;
}

.intl-tel-input .uz{
  background-position:-48px -33px;
}

.intl-tel-input .uy{
  background-position:0px -44px;
}

.intl-tel-input .us{
  background-position:-16px -44px;
}

.intl-tel-input .um{
  background-position:-16px -44px;
}

.intl-tel-input .ug{
  background-position:-32px -44px;
}

.intl-tel-input .ua{
  background-position:-48px -44px;
}

.intl-tel-input .tz{
  background-position:-64px 0px;
}

.intl-tel-input .tw{
  background-position:-64px -11px;
}

.intl-tel-input .tv{
  background-position:-64px -22px;
}

.intl-tel-input .tt{
  background-position:-64px -33px;
}

.intl-tel-input .tr{
  background-position:-64px -44px;
}

.intl-tel-input .to{
  background-position:0px -55px;
}

.intl-tel-input .tn{
  background-position:-16px -55px;
}

.intl-tel-input .tm{
  background-position:-32px -55px;
}

.intl-tel-input .tl{
  background-position:-48px -55px;
}

.intl-tel-input .tk{
  background-position:-64px -55px;
}

.intl-tel-input .tj{
  background-position:0px -66px;
}

.intl-tel-input .th{
  background-position:-16px -66px;
}

.intl-tel-input .tg{
  background-position:-32px -66px;
}

.intl-tel-input .tf{
  background-position:-48px -66px;
}

.intl-tel-input .td{
  background-position:-64px -66px;
}

.intl-tel-input .tc{
  background-position:-80px 0px;
}

.intl-tel-input .sz{
  background-position:-80px -11px;
}

.intl-tel-input .sy{
  background-position:-80px -22px;
}

.intl-tel-input .sx{
  background-position:-80px -33px;
}

.intl-tel-input .sv{
  background-position:-80px -44px;
}

.intl-tel-input .st{
  background-position:-80px -55px;
}

.intl-tel-input .ss{
  background-position:-80px -66px;
}

.intl-tel-input .sr{
  background-position:0px -77px;
}

.intl-tel-input .so{
  background-position:-16px -77px;
}

.intl-tel-input .sn{
  background-position:-32px -77px;
}

.intl-tel-input .sm{
  background-position:-48px -77px;
}

.intl-tel-input .sl{
  background-position:-64px -77px;
}

.intl-tel-input .sk{
  background-position:-80px -77px;
}

.intl-tel-input .si{
  background-position:-96px 0px;
}

.intl-tel-input .sh{
  background-position:-96px -11px;
}

.intl-tel-input .sg{
  background-position:-96px -22px;
}

.intl-tel-input .se{
  background-position:-96px -33px;
}

.intl-tel-input .sd{
  background-position:-96px -44px;
}

.intl-tel-input .sc{
  background-position:-96px -66px;
}

.intl-tel-input .sb{
  background-position:-96px -77px;
}

.intl-tel-input .sa{
  background-position:0px -88px;
}

.intl-tel-input .rw{
  background-position:-16px -88px;
}

.intl-tel-input .ru{
  background-position:-32px -88px;
}

.intl-tel-input .rs{
  background-position:-48px -88px;
}

.intl-tel-input .ro{
  background-position:-64px -88px;
}

.intl-tel-input .qa{
  background-position:-80px -88px;
}

.intl-tel-input .py{
  background-position:-96px -88px;
}

.intl-tel-input .pw{
  background-position:0px -99px;
}

.intl-tel-input .pt{
  background-position:-16px -99px;
}

.intl-tel-input .ps{
  background-position:-32px -99px;
}

.intl-tel-input .pr{
  background-position:-48px -99px;
}

.intl-tel-input .pn{
  background-position:-64px -99px;
}

.intl-tel-input .pm{
  background-position:-80px -99px;
}

.intl-tel-input .pl{
  background-position:-96px -99px;
}

.intl-tel-input .pk{
  background-position:-112px 0px;
}

.intl-tel-input .ph{
  background-position:-112px -11px;
}

.intl-tel-input .pg{
  background-position:-112px -22px;
}

.intl-tel-input .pf{
  background-position:-112px -33px;
}

.intl-tel-input .pe{
  background-position:-112px -44px;
}

.intl-tel-input .pa{
  background-position:-112px -55px;
}

.intl-tel-input .om{
  background-position:-112px -66px;
}

.intl-tel-input .nz{
  background-position:-112px -77px;
}

.intl-tel-input .nu{
  background-position:-112px -88px;
}

.intl-tel-input .nr{
  background-position:-112px -99px;
}

.intl-tel-input .no{
  background-position:0px -110px;
}

.intl-tel-input .bv{
  background-position:0px -110px;
}

.intl-tel-input .sj{
  background-position:0px -110px;
}

.intl-tel-input .nl{
  background-position:-16px -110px;
}

.intl-tel-input .ni{
  background-position:-32px -110px;
}

.intl-tel-input .ng{
  background-position:-48px -110px;
}

.intl-tel-input .nf{
  background-position:-64px -110px;
}

.intl-tel-input .ne{
  background-position:-80px -110px;
}

.intl-tel-input .nc{
  background-position:-96px -110px;
}

.intl-tel-input .na{
  background-position:-112px -110px;
}

.intl-tel-input .mz{
  background-position:-128px 0px;
}

.intl-tel-input .my{
  background-position:-128px -11px;
}

.intl-tel-input .mx{
  background-position:-128px -22px;
}

.intl-tel-input .mw{
  background-position:-128px -33px;
}

.intl-tel-input .mv{
  background-position:-128px -44px;
}

.intl-tel-input .mu{
  background-position:-128px -55px;
}

.intl-tel-input .mt{
  background-position:-128px -66px;
}

.intl-tel-input .ms{
  background-position:-128px -77px;
}

.intl-tel-input .mr{
  background-position:-128px -88px;
}

.intl-tel-input .mq{
  background-position:-128px -99px;
}

.intl-tel-input .mp{
  background-position:-128px -110px;
}

.intl-tel-input .mo{
  background-position:0px -121px;
}

.intl-tel-input .mn{
  background-position:-16px -121px;
}

.intl-tel-input .mm{
  background-position:-32px -121px;
}

.intl-tel-input .ml{
  background-position:-48px -121px;
}

.intl-tel-input .mk{
  background-position:-64px -121px;
}

.intl-tel-input .mh{
  background-position:-80px -121px;
}

.intl-tel-input .mg{
  background-position:-96px -121px;
}

.intl-tel-input .me{
  background-position:0px -132px;
  height:12px;
}

.intl-tel-input .md{
  background-position:-112px -121px;
}

.intl-tel-input .mc{
  background-position:-128px -121px;
}

.intl-tel-input .ma{
  background-position:-16px -132px;
}

.intl-tel-input .ly{
  background-position:-32px -132px;
}

.intl-tel-input .lv{
  background-position:-48px -132px;
}

.intl-tel-input .lu{
  background-position:-64px -132px;
}

.intl-tel-input .lt{
  background-position:-80px -132px;
}

.intl-tel-input .ls{
  background-position:-96px -132px;
}

.intl-tel-input .lr{
  background-position:-112px -132px;
}

.intl-tel-input .lk{
  background-position:-128px -132px;
}

.intl-tel-input .li{
  background-position:-144px 0px;
}

.intl-tel-input .lc{
  background-position:-144px -11px;
}

.intl-tel-input .lb{
  background-position:-144px -22px;
}

.intl-tel-input .la{
  background-position:-144px -33px;
}

.intl-tel-input .kz{
  background-position:-144px -44px;
}

.intl-tel-input .ky{
  background-position:-144px -55px;
}

.intl-tel-input .kw{
  background-position:-144px -66px;
}

.intl-tel-input .kr{
  background-position:-144px -77px;
}

.intl-tel-input .kp{
  background-position:-144px -88px;
}

.intl-tel-input .kn{
  background-position:-144px -99px;
}

.intl-tel-input .km{
  background-position:-144px -110px;
}

.intl-tel-input .ki{
  background-position:-144px -121px;
}

.intl-tel-input .kh{
  background-position:-144px -132px;
}

.intl-tel-input .kg{
  background-position:0px -144px;
}

.intl-tel-input .ke{
  background-position:-16px -144px;
}

.intl-tel-input .jp{
  background-position:-32px -144px;
}

.intl-tel-input .jo{
  background-position:-48px -144px;
}

.intl-tel-input .jm{
  background-position:-64px -144px;
}

.intl-tel-input .je{
  background-position:-80px -144px;
}

.intl-tel-input .it{
  background-position:-96px -144px;
}

.intl-tel-input .is{
  background-position:-112px -144px;
}

.intl-tel-input .ir{
  background-position:-128px -144px;
}

.intl-tel-input .iq{
  background-position:-144px -144px;
}

.intl-tel-input .io{
  background-position:-160px 0px;
}

.intl-tel-input .in{
  background-position:-160px -11px;
}

.intl-tel-input .im{
  background-position:-160px -22px;
  height:9px;
}

.intl-tel-input .il{
  background-position:-160px -31px;
}

.intl-tel-input .ie{
  background-position:-160px -42px;
}

.intl-tel-input .id{
  background-position:-160px -53px;
}

.intl-tel-input .hu{
  background-position:-160px -64px;
}

.intl-tel-input .ht{
  background-position:-160px -75px;
}

.intl-tel-input .hr{
  background-position:-160px -86px;
}

.intl-tel-input .hn{
  background-position:-160px -97px;
}

.intl-tel-input .hk{
  background-position:-160px -108px;
}

.intl-tel-input .gy{
  background-position:-160px -119px;
}

.intl-tel-input .gw{
  background-position:-160px -130px;
}

.intl-tel-input .gu{
  background-position:-160px -141px;
}

.intl-tel-input .gt{
  background-position:0px -155px;
}

.intl-tel-input .gs{
  background-position:-16px -155px;
}

.intl-tel-input .gr{
  background-position:-32px -155px;
}

.intl-tel-input .gq{
  background-position:-48px -155px;
}

.intl-tel-input .gp{
  background-position:-64px -155px;
}

.intl-tel-input .gn{
  background-position:-80px -155px;
}

.intl-tel-input .gm{
  background-position:-96px -155px;
}

.intl-tel-input .gl{
  background-position:-112px -155px;
}

.intl-tel-input .gi{
  background-position:-128px -155px;
}

.intl-tel-input .gh{
  background-position:-144px -155px;
}

.intl-tel-input .gg{
  background-position:-160px -155px;
}

.intl-tel-input .ge{
  background-position:-176px 0px;
}

.intl-tel-input .gd{
  background-position:-176px -11px;
}

.intl-tel-input .gb, .intl-tel-input .uk{
  background-position:-176px -22px;
}

.intl-tel-input .ga{
  background-position:-176px -33px;
}

.intl-tel-input .fr{
  background-position:-176px -44px;
}

.intl-tel-input .gf{
  background-position:-176px -44px;
}

.intl-tel-input .re{
  background-position:-176px -44px;
}

.intl-tel-input .mf{
  background-position:-176px -44px;
}

.intl-tel-input .bl{
  background-position:-176px -44px;
}

.intl-tel-input .fo{
  background-position:-176px -55px;
}

.intl-tel-input .fm{
  background-position:-176px -66px;
}

.intl-tel-input .fk{
  background-position:-176px -77px;
}

.intl-tel-input .fj{
  background-position:-176px -88px;
}

.intl-tel-input .fi{
  background-position:-176px -99px;
}

.intl-tel-input .eu{
  background-position:-176px -121px;
}

.intl-tel-input .et{
  background-position:-176px -132px;
}

.intl-tel-input .es{
  background-position:-176px -143px;
}

.intl-tel-input .er{
  background-position:-176px -154px;
}

.intl-tel-input .eh{
  background-position:-16px -166px;
}

.intl-tel-input .eg{
  background-position:-32px -166px;
}

.intl-tel-input .ee{
  background-position:-48px -166px;
}

.intl-tel-input .ec{
  background-position:-64px -166px;
}

.intl-tel-input .dz{
  background-position:-80px -166px;
}

.intl-tel-input .do{
  background-position:-96px -166px;
}

.intl-tel-input .dm{
  background-position:-112px -166px;
}

.intl-tel-input .dk{
  background-position:-128px -166px;
}

.intl-tel-input .dj{
  background-position:-144px -166px;
}

.intl-tel-input .de{
  background-position:-160px -166px;
}

.intl-tel-input .cz{
  background-position:-176px -166px;
}

.intl-tel-input .cy{
  background-position:0px -177px;
}

.intl-tel-input .cx{
  background-position:-16px -177px;
}

.intl-tel-input .cw{
  background-position:-32px -177px;
}

.intl-tel-input .cv{
  background-position:-48px -177px;
}

.intl-tel-input .cu{
  background-position:-64px -177px;
}

.intl-tel-input .cs{
  background-position:-80px -177px;
}

.intl-tel-input .cr{
  background-position:-96px -177px;
}

.intl-tel-input .co{
  background-position:-112px -177px;
}

.intl-tel-input .cn{
  background-position:-128px -177px;
}

.intl-tel-input .cm{
  background-position:-144px -177px;
}

.intl-tel-input .cl{
  background-position:-160px -177px;
}

.intl-tel-input .ck{
  background-position:-176px -177px;
}

.intl-tel-input .ci{
  background-position:-192px 0px;
}

.intl-tel-input .cg{
  background-position:-192px -11px;
}

.intl-tel-input .cf{
  background-position:-192px -22px;
}

.intl-tel-input .cd{
  background-position:-192px -33px;
}

.intl-tel-input .cc{
  background-position:-192px -44px;
}

.intl-tel-input .ca{
  background-position:-192px -66px;
}

.intl-tel-input .bz{
  background-position:-192px -77px;
}

.intl-tel-input .by{
  background-position:-192px -88px;
}

.intl-tel-input .bw{
  background-position:-192px -99px;
}

.intl-tel-input .bt{
  background-position:-192px -110px;
}

.intl-tel-input .bs{
  background-position:-192px -121px;
}

.intl-tel-input .br{
  background-position:-192px -132px;
}

.intl-tel-input .bq{
  background-position:-192px -143px;
}

.intl-tel-input .bo{
  background-position:-192px -154px;
}

.intl-tel-input .bn{
  background-position:-192px -165px;
}

.intl-tel-input .bm{
  background-position:-192px -176px;
}

.intl-tel-input .bj{
  background-position:0px -188px;
}

.intl-tel-input .bi{
  background-position:-16px -188px;
}

.intl-tel-input .bh{
  background-position:-32px -188px;
}

.intl-tel-input .bg{
  background-position:-48px -188px;
}

.intl-tel-input .bf{
  background-position:-64px -188px;
}

.intl-tel-input .be{
  background-position:-80px -188px;
}

.intl-tel-input .bd{
  background-position:-96px -188px;
}

.intl-tel-input .bb{
  background-position:-112px -188px;
}

.intl-tel-input .ba{
  background-position:-128px -188px;
}

.intl-tel-input .az{
  background-position:-144px -188px;
}

.intl-tel-input .ax{
  background-position:-160px -188px;
}

.intl-tel-input .aw{
  background-position:-176px -188px;
}

.intl-tel-input .au{
  background-position:-192px -188px;
}

.intl-tel-input .hm{
  background-position:-192px -188px;
}

.intl-tel-input .at{
  background-position:-208px 0px;
}

.intl-tel-input .as{
  background-position:-208px -11px;
}

.intl-tel-input .ar{
  background-position:-208px -22px;
}

.intl-tel-input .ao{
  background-position:-208px -33px;
}

.intl-tel-input .an{
  background-position:-208px -44px;
}

.intl-tel-input .am{
  background-position:-208px -55px;
}

.intl-tel-input .al{
  background-position:-208px -66px;
}

.intl-tel-input .ai{
  background-position:-208px -77px;
}

.intl-tel-input .ag{
  background-position:-208px -88px;
}

.intl-tel-input .af{
  background-position:-208px -99px;
}

.intl-tel-input .ae{
  background-position:-208px -110px;
}

.intl-tel-input .ad{
  background-position:-208px -121px;
}

.intl-tel-input .np{
  background-position:-208px -132px;
}

.intl-tel-input .ch{
  background-position:-208px -143px;
}

#thirdPartyHeader{
  display:none;
}

@media only screen and (min-width: 1024px){
  #thirdPartyHeader{
    display:block;
  }
}

#thirdPartyHeader .container{
  padding:0 1rem 1rem;
}

#thirdPartyHeader .container [class*="grid-"]{
  padding:0;
}

#thirdPartyHeader div#headerTimes{
  background-color:#fff;
  border:0.1em solid #13182b;
  -webkit-border-radius:0 0 0.8em 0.8em;
  -moz-border-radius:0 0 0.8em 0.8em;
  border-radius:0 0 0.8em 0.8em;
  margin:0;
  padding:0;
  padding:7px 0 8px 10px;
}

#thirdPartyHeader div#headerTimes ul{
  list-style-type:none;
  margin:0;
  padding:0;
}

#thirdPartyHeader div#headerTimes ul li{
  font-family:"Georgia", "Times new Roman", serif;
  font-size:12px;
  display:inline;
  border-right:solid 1px #000;
  padding:0 10px;
}

#thirdPartyHeader div#headerTimes ul li#link3{
  font-family:"Georgia", "Times new Roman", serif;
  font-size:12px;
  display:inline;
  border-right:none;
  padding:0 10px;
}

#thirdPartyHeader div#headerTimes ul li a{
  text-decoration:none;
  color:#000;
  font-weight:normal;
}

#thirdPartyHeader div#headerTimes ul li a:hover{
  text-decoration:underline;
  color:#404954;
}

#header{
  background:#fff;
}

#header .logoWrapper a{
  background:transparent url("/pics/i2/65/chrome/logo_65.svg") 0 0 no-repeat;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  display:block;
  width:15.65rem;
  height:3rem;
}

@media only screen and (min-width: 720px){
  #header .logoWrapper a{
    width:31.3rem;
    height:6rem;
  }
}

.no-svg #header .logoWrapper a{
  background:transparent url("/pics/i2/65/chrome/logo_65.png") 0 0 no-repeat;
}

@media only screen and (min-width: 720px){
  #header #loginBox .loginTab{
    margin:1rem 0;
  }
}

@media only screen and (min-width: 720px){
  #header #languageBox .languageTab{
    margin:1rem 1rem 1rem 0;
  }
}

@media only screen and (min-width: 720px){
  #header #subscribeBox{
    height:6rem;
  }
  #header #subscribeBox .subscribeTab{
    margin-top:1rem;
  }
}

#header #joinBox{
  height:6rem;
}

#header #joinBox .joinTab{
  margin-top:1rem;
}

.joinLoginForm.splash{
  float:none;
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash{
    float:left;
  }
}

.splashCover{
  background:#e5e8f1 url("/pics/i2/65/chrome/splash_bg_mobile.jpg") no-repeat top center scroll;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  min-height:80rem;
}

@media only screen and (min-width: 1024px){
  .splashCover{
    background:#e5e8f1 url("/pics/i2/65/chrome/splash_bg.jpg") no-repeat top center scroll;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    min-height:80rem;
  }
}

@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 120dpi), (min-resolution: 1.25dppx){
  .splashPic{
    background:transparent url("/pics/i2/65/chrome/splash_bg_2x.jpg") center no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    height:30.8rem;
    min-height:80rem;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 720px), only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 720px), only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 720px), only screen and (min-resolution: 120dpi) and (min-width: 720px), only screen and (min-resolution: 1.25dppx) and (min-width: 720px){
  .splashPic{
    background:transparent url("/pics/i2/65/chrome/splash_bg_2x.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    min-height:80rem;
    margin-right:1rem;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 900px), only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 900px), only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 900px), only screen and (min-resolution: 120dpi) and (min-width: 900px), only screen and (min-resolution: 1.25dppx) and (min-width: 900px){
  .splashPic{
    min-height:80rem;
    margin-right:1rem;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 5 / 4) and (min-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1024px), only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 1024px), only screen and (min-resolution: 120dpi) and (min-width: 1024px), only screen and (min-resolution: 1.25dppx) and (min-width: 1024px){
  .splashPic{
    min-height:80rem;
    margin-right:0;
  }
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash{
    max-width:38rem;
    padding:1rem;
  }
  .joinLoginForm.splash form{
    max-width:30rem;
  }
  .joinLoginForm.splash form h3{
    line-height:1.2;
    font-size:2.4rem;
  }
  .joinLoginForm.splash form .dob .dropDownWrapper.day{
    margin-right:0;
    width:19%;
  }
  .joinLoginForm.splash form .dob .dropDownWrapper.month{
    margin-right:0;
    width:19%;
  }
  .joinLoginForm.splash form .dob .dropDownWrapper.year{
    width:18%;
  }
  .joinLoginForm.splash form .container{
    margin-bottom:0.5rem;
  }
  .joinLoginForm.splash form .container label{
    font-size:1.3rem;
    line-height:2rem;
  }
  .joinLoginForm.splash form label{
    width:39%;
  }
  .joinLoginForm.splash form select,
  .joinLoginForm.splash form input{
    font-size:1.4rem;
  }
  .joinLoginForm.splash form input,
  .joinLoginForm.splash form .dropDownSection{
    width:61%;
  }
}

@media only screen and (min-width: 720px) and (min-width: 1024px){
  .joinLoginForm.splash form .dropDownSection.range span{
    font-size:1.3rem;
  }
}

@media only screen and (min-width: 720px){
  .joinLoginForm.splash form .checkboxContainer.terms .finePrint, .joinLoginForm.splash form .checkboxContainer.enforceStrongerPasswords .finePrint{
    width:88%;
    font-size:1.2rem;
    line-height:1.8;
  }
  .joinLoginForm.splash form .checkboxContainer.terms .finePrint a, .joinLoginForm.splash form .checkboxContainer.enforceStrongerPasswords .finePrint a{
    font-size:1.2rem;
  }
  .joinLoginForm.splash form .forgotPassword a{
    font-size:1.4rem;
  }
}

.partnerLogo{
  display:inline-block;
  width:10.6rem;
  height:3.2rem;
  margin-right:2rem;
  background:transparent url("/pics/i2/65/chrome/footer_logo.svg") no-repeat;
  margin-top:0.4rem;
}

.no-svg .partnerLogo{
  background:transparent url("/pics/i2/65/chrome/footer_logo.png") no-repeat;
}

.partnerLogo a{
  display:block;
  outline:none;
  width:10.6rem;
  height:3.2rem;
}

.panel.neutralPanel.benefits{
  background-color:#fff;
}

.joinLoginForm{
  margin:0 2rem;
}

body#promo #wrapper .featureBannerPanel.promo_203{
  background-color:#364ea3;
}

body#promo #wrapper .promoWrapper.promo_203{
  background:#c3cae3;
}

body#promo .promoImage.promo_203{
  margin-right:2rem;
  background:transparent url("/pics/i2/65/chrome/promo_bg.jpg") center no-repeat;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
}

@media only screen and (min-width: 720px){
  body#promo .promoImage.promo_203{
    background:transparent url("/pics/i2/65/chrome/promo_bg.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

@media (-o-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi), (min-resolution: 2dppx){
  body#promo .promoImage.promo_203{
    background:transparent url("/pics/i2/65/chrome/promo_bg_2x.jpg") center no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 2) and (min-width: 720px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 720px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 720px), only screen and (min-resolution: 192dpi) and (min-width: 720px), only screen and (min-resolution: 2dppx) and (min-width: 720px){
  body#promo .promoImage.promo_203{
    background:transparent url("/pics/i2/65/chrome/promo_bg_2x.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

body#promo #promoJoinBox .promo_203 .switchPromoFormType #tellFriendCta{
  display:block;
}

body#promo #promoLoginBox .promo_203 .switchPromoFormType #tellFriendCta{
  display:block;
}

body#promo #wrapper .featureBannerPanel.promo_213{
  background-color:#364ea3;
}

body#promo #wrapper .promoWrapper.promo_213{
  background:url("/pics/i2/65/chrome/pattern_bg.png") repeat;
}

body#promo .promoImage.promo_213{
  margin-right:2rem;
  background:transparent url("/pics/i2/65/chrome/promo_213_bg.jpg") center no-repeat;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
}

@media only screen and (min-width: 720px){
  body#promo .promoImage.promo_213{
    background:transparent url("/pics/i2/65/chrome/promo_213_bg.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

@media (-o-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi), (min-resolution: 2dppx){
  body#promo .promoImage.promo_213{
    background:transparent url("/pics/i2/65/chrome/promo_213_bg_2x.jpg") center no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 2) and (min-width: 720px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 720px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 720px), only screen and (min-resolution: 192dpi) and (min-width: 720px), only screen and (min-resolution: 2dppx) and (min-width: 720px){
  body#promo .promoImage.promo_213{
    background:transparent url("/pics/i2/65/chrome/promo_213_bg_2x.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

body#promo #promoJoinBox .promo_213 .switchPromoFormType #tellFriendCta{
  display:none;
}

body#promo #promoLoginBox .promo_213 .switchPromoFormType #tellFriendCta{
  display:none;
}

body#promo #wrapper .featureBannerPanel.promo_214{
  background-color:#364ea3;
}

body#promo #wrapper .promoWrapper.promo_214{
  background:url("/pics/i2/65/chrome/pattern_bg.png") repeat;
}

body#promo .promoImage.promo_214{
  margin-right:2rem;
  background:transparent url("/pics/i2/65/chrome/promo_214_bg.jpg") center no-repeat;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
}

@media only screen and (min-width: 720px){
  body#promo .promoImage.promo_214{
    background:transparent url("/pics/i2/65/chrome/promo_214_bg.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

@media (-o-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi), (min-resolution: 2dppx){
  body#promo .promoImage.promo_214{
    background:transparent url("/pics/i2/65/chrome/promo_214_bg_2x.jpg") center no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
  }
}

@media only screen and (-o-min-device-pixel-ratio: 2) and (min-width: 720px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 720px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 720px), only screen and (min-resolution: 192dpi) and (min-width: 720px), only screen and (min-resolution: 2dppx) and (min-width: 720px){
  body#promo .promoImage.promo_214{
    background:transparent url("/pics/i2/65/chrome/promo_214_bg_2x.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

body#promo #promoJoinBox .promo_214 .switchPromoFormType #tellFriendCta{
  display:none;
}

body#promo #promoLoginBox .promo_214 .switchPromoFormType #tellFriendCta{
  display:none;
}

.leftWrapper{
  float:left;
  width:100%;
}

@media only screen and (min-width: 1024px){
  .leftWrapper{
    width:60%;
  }
}

@media print{
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line{
    background:transparent !important;
    color:#000 !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
  a,
  a:visited{
    text-decoration:underline;
  }
  a[href]:after{
    content:" (" attr(href) ")";
  }
  abbr[title]:after{
    content:" (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after{
    content:"";
  }
  pre,
  blockquote{
    border:1px solid #999;
    page-break-inside:avoid;
  }
  thead{
    display:table-header-group;
  }
  tr,
  img{
    page-break-inside:avoid;
  }
  img{
    max-width:100% !important;
  }
  p,
  h2,
  h3{
    orphans:3;
    widows:3;
  }
  h2,
  h3{
    page-break-after:avoid;
  }
  .profileMiniBar{
    display:none;
  }
  select,
  input,
  textarea{
    border:0.1rem solid #ccc;
  }
}