@charset "UTF-8";
/*! $Id: 4.css 24272 2016-11-18 13:32:09Z 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:#de0d5b;
  -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 #de0d5b;
  -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:#c4c4c4;
  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:#c4c4c4;
}

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

[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:#1c1c21;
  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:"Times New Roman", Times, serif;
}

h2,
h2 a,
.pageTitle{
  font-size:3rem;
  line-height:3.6rem;
  font-weight:normal;
  font-family:"Times New Roman", Times, 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:"Times New Roman", Times, 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:"Times New Roman", Times, 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:#525252;
}

@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:#fce7ef;
  color:#525252;
  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:#de0d5b;
  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:#9b0940;
  text-decoration:none;
  font-weight:bold;
}

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

a:active{
  color:#9b0940;
  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:#c4c4c4;
  opacity:1;
}

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

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

*:-ms-input-placeholder{
  color:#c4c4c4;
  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:#1c1c21;
}

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 #c4c4c4;
  background-color:#c4c4c4;
}

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:#ebebeb;
  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:#ebebeb;
  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:#de0d5b;
  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%, #525252 50%), -webkit-linear-gradient(315deg, #525252 50%, transparent 50%), -webkit-linear-gradient(left, #fff, #fff);
  background-image:-moz-linear-gradient(45deg, transparent 50%, #525252 50%), -moz-linear-gradient(315deg, #525252 50%, transparent 50%), -moz-linear-gradient(left, #fff, #fff);
  background-image:-o-linear-gradient(45deg, transparent 50%, #525252 50%), -o-linear-gradient(315deg, #525252 50%, transparent 50%), -o-linear-gradient(left, #fff, #fff);
  background-image:linear-gradient(45deg, transparent 50%, #525252 50%), linear-gradient(135deg, #525252 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, #525252 50%, transparent 50%), -webkit-linear-gradient(315deg, transparent 50%, #525252 50%), -webkit-linear-gradient(left, #fff, #fff);
  background-image:-moz-linear-gradient(45deg, #525252 50%, transparent 50%), -moz-linear-gradient(315deg, transparent 50%, #525252 50%), -moz-linear-gradient(left, #fff, #fff);
  background-image:-o-linear-gradient(45deg, #525252 50%, transparent 50%), -o-linear-gradient(315deg, transparent 50%, #525252 50%), -o-linear-gradient(left, #fff, #fff);
  background-image:linear-gradient(45deg, #525252 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #525252 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:#525252;
}

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

@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:#9b0940;
  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:#848686;
}

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

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

.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:#dadbdb;
  border-color:#dadbdb;
}

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

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

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

.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:#cebdda;
  border-color:#cebdda;
}

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

.buttons{
  margin:1rem 0;
}

.panel{
  background-color:#dadbdb;
  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:#ebebeb;
}

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

.panel .transparentBg{
  background:transparent;
}

.nobgPanel{
  background-color:#fff;
}

.find .neutralPanel{
  padding:0;
}

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

.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:#f3f3f3;
}

.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 #c4c4c4;
  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:#5c2482;
  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:#1c1c21;
}

.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:#dadbdb;
  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:#848686;
  -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:#a9aaaa;
}

#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:#f3f3f3;
  padding:1rem 0;
}

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

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

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

#header #languageBox .languageTab .languageDropdown ul li a:hover{
  background:#848686;
  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 #f3f3f3;
}

#header #loginBox{
  float:right;
}

#header #loginBox .loginTab{
  background:#848686;
  -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:#a9aaaa;
}

#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:#5c2482;
  -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:#8d66a8;
}

#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 #ebebeb;
}

#header .headerFoldout div.box{
  background:#ebebeb;
  color:#f3f3f3;
  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:#1c1c21;
  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:#1c1c21;
}

#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:#f3f3f3;
}

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

.subscribeTab{
  background:#5c2482;
  -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:#8d66a8;
}

.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:#1c1c21;
  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:#848686;
}

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:#848686;
}

.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:#dadbdb;
}

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

.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:#dadbdb;
}

.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 #f3f3f3;
  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:#f3f3f3;
  border-bottom:0.5rem solid #848686;
  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:#282828;
  font-weight:bold;
}

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

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

.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 #dadbdb;
  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:#de0d5b;
  white-space:nowrap;
  font-weight:bold;
}

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

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

.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:#de0d5b;
}

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

.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:#de0d5b;
}

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

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

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

.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:#9b0940;
}

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

.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:#9b0940;
}

.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:#525252;
  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:#848686;
  }
  .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 #dadbdb;
    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:#5c5e5e;
  }
  .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:#c4c4c4;
  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:#de0d5b;
}

.onlineStatus svg{
  width:1rem;
  height:1rem;
  fill:#ebebeb;
  stroke:#525252;
  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:#525252;
}

.imp_banner{
  padding:0.4rem;
  color:#fff;
  text-align:center;
  background:#1c1c21;
  -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:#de0d5b;
  width:100%;
  padding:0;
  text-align:left;
}

.profileEdit form section #savedSearchOptions input#editSearchButton:hover, .profileEdit form section #savedSearchOptions input#deleteSearchButton:hover{
  border:none;
  color:#e8568c;
}

.profileEdit form section #savedSearchOptions input#deleteSearchButton{
  text-align:right;
}

.ctaPrimary{
  padding:1rem 1rem 3rem;
}

#ctaContent h5{
  margin-top:1rem;
  margin-bottom:1rem;
  color:#525252;
}

@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:#ebebeb;
  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:#5c5e5e;
}

.profileCard a:hover{
  color:#848686;
  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:#525252;
}

.profileCard .close:hover svg{
  fill:#1c1c21;
}

.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:#1c1c21;
  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:#ebebeb;
  -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:#525252;
  font-weight:bold;
  vertical-align:top;
}

.profileCard .content .image .photos svg{
  width:1.6rem;
  height:1.6rem;
  fill:#525252;
}

.profileCard .content .image .verified{
  position:absolute;
  background:#525252;
  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:#de0d5b;
}

.profileCard .content .information h5 a:visited{
  color:#9b0940;
}

.profileCard .content .information h5 a:hover{
  color:#e8568c;
}

.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:#848686;
  -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:#a9aaaa;
}

.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:#a9aaaa;
}

.profileCard .toolbar .tools a.more-info svg:active{
  background:#848686;
}

.profileCard .match .percentage{
  text-align:center;
  color:#1c1c21;
  background:#fff;
  border:0.1rem solid #fff;
  border-bottom:0.1rem solid #ebebeb;
  -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:#1c1c21;
  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:#5c2482;
  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:#de0d5b;
}

.profileCard .match .percentage a:hover{
  color:#e8568c;
}

.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:#525252;
}

.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:#ebebeb;
}

@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:#5c2482;
}

.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:#1c1c21 !important;
}

.twowayMatchBarInner.noMatch{
  background:#ebebeb !important;
}

.profileSummary .match .value{
  color:#1c1c21;
}

.profileSummary .match .value.noMatch{
  background:#ebebeb !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:#ebebeb;
  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:#848686;
  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:#a9aaaa;
}

.profileMiniBar .tools a svg:active{
  fill:#5c5e5e;
}

.profileMiniBar .tools a span{
  display:none;
}

.profileMiniBar .tools a:hover{
  cursor:pointer;
}

.profileMiniBar .tools a:hover svg{
  fill:#a9aaaa;
}

.profileMiniBar .tools a:hover span{
  color:#a9aaaa;
}

.profileMiniBar .tools .moreBox{
  top:2rem;
  right:-0.7rem;
}

#mail_conversation .profileMiniBar .tools a.more{
  display:inline-block;
}

.profileSummary{
  background:#f3f3f3;
  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:#9b0940;
}

.profileSummary a:hover{
  color:#de0d5b;
  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:#848686;
  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:#848686;
  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:#a9aaaa;
}

.profileSummary .information .toolbar a:hover span{
  color:#a9aaaa;
}

.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:#1c1c21;
  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:#5c2482;
  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:#848686;
  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 #ebebeb;
}

.profileSummary .match .matchContent .finePrint .percentage{
  font-weight:bold;
  color:#848686;
}

.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 #ebebeb;
}

.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:#525252;
}

.profileSummary .match .details p.fanStatus svg, .profileSummary .match .details p.matchContact svg, .profileSummary .match .details p.noContact svg{
  fill:#525252;
}

.profileSummary .match .details p .matcheeContact{
  display:block;
  margin-left:2.3rem;
}

.profileSummary .match .details p.noContact{
  color:#5c2482;
}

.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:#dadbdb;
  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:#1c1c21;
  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:#848686;
}

.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:#848686;
}

.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:#848686;
}

.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:#848686;
}

.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:#848686;
}

.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:#848686;
}

.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:#525252;
  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:#525252;
}

.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:#525252;
  font-weight:normal;
}

.profileMiniBar .moreBox .box ul li p.noMessages,
.profileSummary .toolbar div.moreBox .box ul li p.noMessages{
  color:#525252;
  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:#525252;
}

.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 #dadbdb;
}

#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 #1c1c21;
  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:#1c1c21;
  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:#1c1c21;
}

#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:#1c1c21;
}

#progressIndicator a.icons:hover svg{
  fill:#fff;
}

#progressIndicator label a{
  display:block;
  font-family:Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif;
  color:#1c1c21;
  font-size:1rem;
  font-weight:bold;
}

#progressIndicator label a:hover{
  color:#de0d5b;
}

@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:#1c1c21;
}

.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:#ebebeb;
  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:#1c1c21;
}

@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:#525252;
}

.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:#9b0940;
  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:#525252;
}

.joinLoginForm form .container{
  margin-bottom:1.3rem;
}

.joinLoginForm form .container label{
  margin-bottom:0.7rem;
  display:inline-block;
  font-weight:bold;
  color:#525252;
  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:#525252;
}

.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:#5c2482;
  color:#fff;
  margin-bottom:2rem;
}

.joinLoginForm form .joinSubmitBtn:hover{
  background:#8d66a8;
}

.joinLoginForm form .joinSubmitBtn:active{
  background:#40195b;
}

.joinLoginForm form .loginSubmitBtn{
  background:#5c2482;
  color:#fff;
  margin-bottom:2rem;
}

.joinLoginForm form .loginSubmitBtn:hover{
  background:#8d66a8;
}

.joinLoginForm form .loginSubmitBtn:active{
  background:#40195b;
}

.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:#525252;
}

.joinLoginForm.splash{
  margin:0 auto;
  max-width:29rem;
  padding:1rem;
  background:#ebebeb;
  background:hsla(0,0%,92%,.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:#525252;
}

.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:#525252;
  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:#5c2482;
}

.joinLoginForm.quickSearch form .btn:hover{
  background:#8d66a8;
}

.joinLoginForm.quickSearch form .btn:active{
  background:#40195b;
}

.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:#ebebeb;
  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 #c4c4c4;
  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:#525252;
}

.profileEdit form section .label, .profileEdit .adminContainer section .label{
  color:#525252;
  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:#525252;
}

.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:#9b0940;
  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:#c4c4c4;
  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:#848686;
  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:#848686;
}

.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:#848686;
  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:#a9aaaa;
}

.profileEdit form .submitContainer .btn-submit:active, .profileEdit .adminContainer .submitContainer .btn-submit:active{
  background:#5c5e5e;
}

.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:#525252;
}

@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 #c4c4c4;
  -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 #c4c4c4;
  -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:#525252;
}

.rangeSlider span svg{
  height:1.5rem;
  width:1.5rem;
  fill:#525252;
}

.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 #c4c4c4;
  cursor:pointer;
  display:inline-block;
  width:3rem;
  height:3rem;
  position:absolute;
  background:#9b0940;
  -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:#848686 !important;
}

.select2-container--default .select2-results__option[aria-selected=true]{
  background:#c4c4c4 !important;
  color:#000 !important;
}

li.select2-selection__choice{
  padding:0.3rem 0.5rem !important;
  background:#c4c4c4 !important;
  border:none !important;
  color:#000;
}

li.select2-selection__choice span{
  float:right;
  margin:0 0 0 0.5rem !important;
  color:#858585 !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:#de0d5b;
  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 #c4c4c4;
}

.photoVisibility ul li:first-child{
  border-top:0.1rem solid #c4c4c4;
}

@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 #c4c4c4;
}

@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 #c4c4c4;
  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:#848686;
}

#profile_photos h4.photoLimitWarning{
  padding-left:0;
  background:#fff;
  color:#1c1c21;
  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 #1c1c21 solid;
}

#profilePhotosWrap .photoUploadCount{
  clear:both;
}

#profilePhotosWrap .photoUploadCount span{
  color:#1c1c21;
}

#profilePhotosWrap .warning span{
  color:#1c1c21;
  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:#525252;
  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 #c4c4c4;
}

#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 #c4c4c4;
  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:"Times New Roman", Times, 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:#1c1c21;
  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:#ebebeb;
  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:#ebebeb url("/pics/i2/4/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:#ebebeb url("/pics/i2/4/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:#ebebeb url("/pics/i2/4/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:#ebebeb url("/pics/i2/4/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:#de0d5b;
}

.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 #c4c4c4;
  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:#ebebeb;
  -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:#848686;
  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:#1c1c21;
  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:#b9a0c8;
}

.featureBannerPanel h4 a:hover,
.featureBannerPanel p a:hover{
  color:#ad91bf;
}

.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:#dadbdb;
  color:#1c1c21;
}

.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:#525252;
  font-weight:bold;
}

.homeProfile h5{
  color:#282828;
  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 #c4c4c4;
}

@media only screen and (min-width: 720px){
  .homeProfile .links .item{
    padding:1.3rem 0;
  }
}

.homeProfile .links .item.compatibility{
  border-bottom:0.1rem solid #c4c4c4;
}

@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:#5c2482;
}

.homeProfile .links .item.compatibility a:hover{
  color:#8d66a8;
}

.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:#848686;
  vertical-align:text-bottom;
}

.homeProfile .links .item .icon .new{
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background:#5c2482;
  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:#1c1c21;
  margin-top:0;
  margin-bottom:0;
}

@media only screen and (min-width: 720px){
  .homeProfile .links p{
    margin-top:2rem;
  }
}

.homeProfile .links .btn{
  background:#5c2482;
  color:#fff;
  font-weight:bold;
  padding:1rem 4rem;
  display:inline-block;
}

.homeProfile .links .btn:hover{
  background:#8d66a8;
}

.homeProfile .links .btn:active, .homeProfile .links .btn:focus{
  background:#40195b;
}

.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:#9b0940;
}

.container.homeProfile .links .item a:hover{
  color:#de0d5b;
}

.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:#de0d5b;
}

div.textOverImage svg:hover{
  fill:#e8568c;
}

@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:#fce7ef;
}

.profileCompleteness .title{
  background:#de0d5b;
  text-align:center;
  margin-bottom:0;
  padding:0.8rem;
  border:0.1rem solid #de0d5b;
  -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 #de0d5b;
  -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:#c4c4c4;
}

.showHideMsg{
  text-align:center;
}

.unavailableMessages{
  display:block;
  background-color:#f3f3f3;
  -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 #c4c4c4;
}

.conversationList .date:first-child{
  border-top:0.1rem solid #c4c4c4;
  margin-top:1rem;
}

.conversationList .message{
  padding:1.5rem 2rem 1.5rem 1rem;
  width:auto;
  border-bottom:0.1rem solid #c4c4c4;
  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:#525252;
  vertical-align:top;
}

.conversationList .message .close:hover{
  cursor:pointer;
}

.conversationList .message .close:hover svg{
  fill:#1c1c21;
}

.conversationList .message .report{
  position:absolute;
  top:55%;
  right:0.8rem;
}

.conversationList .message .report svg{
  width:1.8rem;
  height:1.8rem;
  fill:#c4c4c4;
  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:#525252;
  vertical-align:bottom;
}

.conversationList .message .readStatus.messageRead svg{
  width:2.2rem;
}

.conversationList .message .readStatus.read svg{
  fill:#525252;
}

.conversationList .message.read.received{
  background:#f3f3f3;
  padding-left:1rem;
}

.conversationList .message.unread.received{
  background:#dadbdb;
  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:#1c1c21;
  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:#1c1c21;
  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:#1c1c21;
  margin:0.5rem 0 0;
}

.conversationList .message .premiumBenefit a{
  color:#1c1c21;
}

.conversationList .message .premiumBenefit svg{
  width:1.5rem;
  height:1.5rem;
  fill:#1c1c21;
}

.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:#f3f3f3;
}

.conversation .message.outgoing{
  float:right;
  background:#ebebeb;
}

.conversation .time{
  display:block;
  color:#525252;
  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:#525252;
  vertical-align:text-top;
  margin-top:0.3rem;
}

.conversation .time .readStatus.messageRead svg{
  width:2.8rem;
}

.conversation .time .readStatus.read svg{
  fill:#525252;
}

#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:#de0d5b;
  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:#f3f3f3;
}

.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:#525252;
  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:#525252;
}

.profileDisplay .label h6,
#narratives h6{
  font-weight:bold;
}

.profileDisplay .label h6{
  color:#525252;
}

table.sqldump td{
  border:0.1rem solid #000;
  padding:0.2rem;
}

.highlight{
  color:#5c2482;
  font-weight:bold;
  padding:0 0.4em;
}

.commonTitle{
  text-align:right;
}

.headingTabs{
  display:block;
  clear:both;
  background:#848686;
  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:#dadbdb;
}

.headingTabs a.active{
  position:relative;
  top:0;
  background-color:#fff;
  color:#848686;
  padding:1.5rem 2rem;
}

.headingTabs a.active:hover{
  color:#a9aaaa;
}

#find_search .headingTabs a.active{
  background:#ebebeb;
  color:#848686;
}

#find_search .headingTabs a.active:hover{
  color:#a9aaaa;
}

.tabsContainer{
  background:#848686;
  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:#dadbdb;
}

.tabsContainer .tabs li a.active{
  background:#ebebeb;
  color:#848686;
}

.tabsContainer .tabs li a.active:hover{
  color:#a9aaaa;
}

.tabsContainer .tabContent{
  background:#dadbdb;
  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:#ebebeb;
}

.pagingBox{
  margin:0 1rem;
}

.paging{
  background:transparent;
  font-family:Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif;
  font-size:1.2rem;
  color:#1c1c21;
}

.paging div, .paging select{
  font-family:Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif;
  color:#1c1c21;
  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:#de0d5b;
}

.paging div a:hover, .paging select a:hover{
  color:#e8568c;
}

.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:#ebebeb;
  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:#de0d5b;
  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:#e8568c;
}

.paging .pagingRight{
  text-align:right;
  padding-top:1.5rem;
}

.paging .pagingLeft svg,
.paging .pagingRight svg{
  width:1.5rem;
  height:1.5rem;
  fill:#de0d5b;
  pointer-events:none;
  right:7.5rem;
  top:0.9rem;
  vertical-align:text-bottom;
}

.paging .pagingLeft svg:hover,
.paging .pagingRight svg:hover{
  fill:#e8568c;
}

@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:#525252;
  position:absolute;
  top:0.8rem;
  right:0.8rem;
}

.modal .close svg:hover{
  cursor:pointer;
  fill:#1c1c21;
}

.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:#ebebeb;
  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:#1c1c21;
  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:#c4c4c4;
}

.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:#848686;
  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:#a9aaaa;
}

.modal.previewCard .profileCard .seeProfileBtn:active{
  background:#5c5e5e;
}

.fixedDialog.socialShareDialog{
  width:50%;
}

div.socialShareDialog{
  height:auto;
  padding:1rem 1rem 1.5rem;
  border:1rem #c4c4c4 solid;
  -webkit-box-shadow:0 0 100px #1c1c21;
  -moz-box-shadow:0 0 100px #1c1c21;
  box-shadow:0 0 100px #1c1c21;
  background-color:#fff;
}

div.socialShareDialog .topPanel h3{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}

div.socialShareDialog h4{
  font-weight:bold;
  color:#1c1c21;
  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 #c4c4c4 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:#9b0940;
  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 #848686;
}

#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 #848686;
}

.accordion .accordion-toggle{
  background:#ebebeb;
  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:#9b0940;
}

.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:#de0d5b;
  padding:1rem 2rem 1rem 0;
}

.accordion .accordion-toggle .finePrint.editProfile a:active, .accordion .accordion-toggle .finePrint.editProfile a:visited{
  color:#9b0940;
}

.accordion .accordion-toggle .finePrint.editProfile a:hover{
  color:#e8568c;
}

@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:#ebebeb;
  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:#5c5e5e;
  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 #ebebeb;
}

.help .accordion .accordion-toggle a,
.profileDisplay .accordion .accordion-toggle a{
  color:#848686;
}

.help .accordion .accordion-toggle a:hover,
.profileDisplay .accordion .accordion-toggle a:hover{
  color:#a9aaaa;
}

.help .accordion .accordion-toggle svg,
.profileDisplay .accordion .accordion-toggle svg{
  fill:#848686;
}

.help .accordion .accordion-toggle svg:hover,
.profileDisplay .accordion .accordion-toggle svg:hover{
  color:#a9aaaa;
}

.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 #c4c4c4;
  -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 #1c1c21;
}
.tipsy-arrow-n{
  border-bottom-color:#c4c4c4;
}

.tipsy-arrow-s{
  border-top-color:#c4c4c4;
}

.tipsy-arrow-e{
  border-left-color:#c4c4c4;
}

.tipsy-arrow-w{
  border-right-color:#c4c4c4;
}

.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:#1c1c21;
  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:#525252;
}

@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:#525252;
  font-size:1.6rem;
  font-weight:bold;
}

#help_tellFriend section,
#find_tellFriend section{
  border-bottom:0.1rem solid #c4c4c4;
  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:#1c1c21;
  background:#fef3d9 url("/pics/i2/0/ajaxActivity.gif") 0.5em 0.4em no-repeat;
  border:1px solid #fbc43f;
}

li.successful{
  color:#1c1c21;
  background:#eef6db url("/pics/i2/0/prf/tick.png") 0.5em 0.5em no-repeat;
  border:1px solid #abd449;
}

li.unsuccessful{
  color:#1c1c21;
  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:#1c1c21;
  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:#5c5e5e;
  color:#fff;
  font-weight:bold;
  padding:0.8rem 1.5rem 0.7rem;
}

table.basic tr{
  border:0.1rem solid #f3f3f3;
}

table.basic th,
table.basic td{
  padding:0.8rem 1.5rem 0.7rem;
}

table.basic th{
  font-weight:bold;
  background:#848686;
}

table.basic th.h1, table.basic th.h2{
  color:#fff;
}

table.basic th.h3{
  background:#f3f3f3;
}

table.zebra tr:nth-child(even){
  background:#f3f3f3;
}

@media only screen and (min-width: 1024px){
  table.zebra tr:nth-child(even){
    border:none;
    border-left:0.1rem solid #f3f3f3;
    border-right:0.1rem solid #f3f3f3;
  }
}

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 #f3f3f3;
  }
  table.zebra tr:nth-child(odd) td{
    border-top:0.1rem solid #f3f3f3;
  }
}

table.paymentDetails tr{
  border:none;
}

table.paymentDetails td{
  border:0.2rem solid #fff;
  padding:1rem;
}

table.paymentDetails td:first-child{
  font-weight:bold;
  background:#ebebeb;
}

table.paymentDetails td span{
  font-weight:bold;
}

table.paymentDetails .emphasis{
  color:#5c2482;
}

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:#f3f3f3;
}

@media only screen and (min-width: 1024px){
  table.responsive tbody tr:nth-child(even){
    border:none;
    border-left:0.1rem solid #f3f3f3;
    border-right:0.1rem solid #f3f3f3;
  }
}

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 #f3f3f3;
  }
  table.responsive tbody tr:nth-child(odd) td{
    border-top:0.1rem solid #f3f3f3;
  }
}

table.responsive tbody tr.header{
  background:#848686;
  color:#fff;
}

@media only screen and (min-width: 1024px){
  table.responsive tbody tr.header{
    border:none;
    border-left:0.1rem solid #848686;
    border-right:0.1rem solid #848686;
  }
  table.responsive tbody tr.header th{
    border-top:0.1rem solid #f3f3f3;
  }
}

@media (max-width: 1024px){
  table.responsive tbody tr{
    border-color:#f3f3f3;
    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 #f3f3f3;
  }
  table.responsive tbody td:before{
    height:100%;
    width:27%;
    background:#848686;
    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:#f3f3f3;
  }
}

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:#848686;
  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:#848686;
}

.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-default a{
  color:#fff;
}

.r-tabs .r-tabs-panel{
  background:#ebebeb;
  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 #ebebeb;
}

.r-tabs .r-tabs-accordion-title a{
  display:block;
  color:#5c5e5e;
  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 #5c5e5e;
  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 #5c5e5e;
  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 #de0d5b;
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
  background:#f3f3f3;
  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:#de0d5b;
  text-align:center;
}

#subscribe_rates table.premiumAddition tbody tr{
  border-color:#de0d5b;
  background:#fce7ef;
}

#subscribe_rates table.premiumAddition tbody tr .rate{
  color:#de0d5b;
  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:#525252;
  cursor:pointer;
}

.ui-dialog .closeModal svg:hover{
  fill:#1c1c21;
}

.ui-dialog #subscribeHeading{
  background:#dadbdb;
  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:#9b0940;
  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:#1c1c21;
  padding:0 !important;
}

#modalWrap #subscribeOptions a{
  color:#9b0940;
}

#modalWrap #subscribeOptions a:visited, #modalWrap #subscribeOptions a:hover, #modalWrap #subscribeOptions a:active{
  color:#de0d5b;
}

#modalWrap #subscribeOptions .billingDetails{
  background:#dadbdb;
  -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:#525252;
  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:#f3f3f3;
  -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:#ebebeb;
  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:#1c1c21;
}

#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:#ebebeb;
  -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:#525252;
  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:#525252;
}

#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 #f3f3f3;
  border-left:0.1rem solid #f3f3f3;
}

#paymentMethods #fax table#table5.basic caption{
  padding:0.5rem;
  color:#fff;
  background-color:#5c2482;
}

#paymentMethods #fax table#table5.basic th{
  padding:0.5rem;
  border-top:0.1rem solid #f3f3f3;
  border-right:0.1rem solid #f3f3f3;
}

#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:#848686;
  color:#fff;
}

#paymentMethods #fax table#table5.basic td{
  padding:0.3rem 0.4rem;
  border-top:0.1rem solid #f3f3f3;
  border-right:0.1rem solid #f3f3f3;
}

.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 #de0d5b;
}

#accordionSideBar #accordionWhySubscribe h5:first-child{
  margin:0;
}

#accordionSideBar h3.h5{
  position:relative;
  background:#de0d5b;
  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:#1c1c21;
}

#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 #5c5e5e;
  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 #5c5e5e;
  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:#5c2482;
}

#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:#1c1c21;
  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:#848686;
}

#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:#848686;
}

.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 #c4c4c4;
}

.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:#282828;
  color:#f3f3f3;
}

#footer .finePrint{
  color:#f3f3f3;
}

#footer a{
  font-weight:bold;
  text-decoration:none;
}

#footer a:link, #footer a:visited{
  color:#848686;
  text-decoration:none;
}

#footer a:hover, #footer a:active{
  color:#a9aaaa;
  text-decoration:none;
}

#footer .footerLinks{
  background-color:#848686;
  color:#fff;
}

#footer .footerLinks a:link, #footer .footerLinks a:visited{
  color:#fff;
  text-decoration:none;
}

#footer .footerLinks a:hover, #footer .footerLinks a:active{
  color:#dadbdb;
  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:#dadbdb;
  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:#f3f3f3;
  width:3.5rem;
  height:3.5rem;
}

#footer .socialMedia ul li svg:hover, #footer .socialMedia ul li svg:active{
  fill:#fff;
}

#footer .attribution{
  color:#dadbdb;
}

#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:#de0d5b !important;
}

#cookiesdirective a:hover{
  color:#e8568c !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:#5c5e5e;
  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:#ebebeb;
}

.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 #dadbdb;
    border-right:0.1rem solid #dadbdb;
  }
}

@media only screen and (min-width: 1024px){
  .partners table.responsive tbody tr:nth-child(odd){
    border:0.1rem solid #dadbdb;
  }
  .partners table.responsive tbody tr:nth-child(odd) td{
    border-top:0.1rem solid #dadbdb;
  }
}

@media only screen and (min-width: 1024px){
  .partners table.responsive tbody tr.header{
    border-left:0.1rem solid #848686;
    border-right:0.1rem solid #848686;
  }
  .partners table.responsive tbody tr.header th{
    border-top:0.1rem solid #dadbdb;
  }
}

@media (max-width: 1024px){
  .partners table.responsive tbody tr{
    border-color:#dadbdb;
  }
  .partners table.responsive tbody td{
    border-bottom:0.1rem solid #dadbdb;
  }
}

.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 #c4c4c4;
}

.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:#1c1c21;
  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 #c4c4c4;
  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:#848686;
  -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:#a9aaaa;
}

.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;
}

select,
input,
textarea{
  border:0.1rem solid #848686;
  background:#fff;
}

.joinLoginForm form select,
.joinLoginForm form input,
.joinLoginForm form textarea,
.findFilter form section select,
.findFilter form section input,
.findFilter form section textarea,
.single .dropDownWrapper select,
.single .dropDownWrapper input,
.single .dropDownWrapper textarea,
.paging .c .dropDownWrapper select,
.paging .c .dropDownWrapper input,
.paging .c .dropDownWrapper textarea,
.sortStatus .dropDownWrapper select,
.sortStatus .dropDownWrapper input,
.sortStatus .dropDownWrapper textarea,
#modalWrap select,
#modalWrap input,
#modalWrap textarea{
  border:0.1rem solid #848686;
  background:#fff;
}

.joinLoginForm form select,
.joinLoginForm form .select2-selection--multiple,
.findFilter form section select,
.findFilter form section .select2-selection--multiple,
.single .dropDownWrapper select,
.single .dropDownWrapper .select2-selection--multiple,
.paging .c .dropDownWrapper select,
.paging .c .dropDownWrapper .select2-selection--multiple,
.sortStatus .dropDownWrapper select,
.sortStatus .dropDownWrapper .select2-selection--multiple,
#modalWrap select,
#modalWrap .select2-selection--multiple{
  border:0.1rem solid #848686 !important;
}

.joinLoginForm form .select2-selection--multiple,
.findFilter form section .select2-selection--multiple,
.single .dropDownWrapper .select2-selection--multiple,
.paging .c .dropDownWrapper .select2-selection--multiple,
.sortStatus .dropDownWrapper .select2-selection--multiple,
#modalWrap .select2-selection--multiple{
  -webkit-border-radius:0.4rem;
  -moz-border-radius:0.4rem;
  border-radius:0.4rem;
}

.joinLoginForm form .select2-container--default .select2-results__option--highlighted[aria-selected="true"],
.findFilter form section .select2-container--default .select2-results__option--highlighted[aria-selected="true"],
.single .dropDownWrapper .select2-container--default .select2-results__option--highlighted[aria-selected="true"],
.paging .c .dropDownWrapper .select2-container--default .select2-results__option--highlighted[aria-selected="true"],
.sortStatus .dropDownWrapper .select2-container--default .select2-results__option--highlighted[aria-selected="true"],
#modalWrap .select2-container--default .select2-results__option--highlighted[aria-selected="true"]{
  background:#848686 !important;
}

.joinLoginForm form .select2-container--default .select2-results__option[aria-selected="true"],
.findFilter form section .select2-container--default .select2-results__option[aria-selected="true"],
.single .dropDownWrapper .select2-container--default .select2-results__option[aria-selected="true"],
.paging .c .dropDownWrapper .select2-container--default .select2-results__option[aria-selected="true"],
.sortStatus .dropDownWrapper .select2-container--default .select2-results__option[aria-selected="true"],
#modalWrap .select2-container--default .select2-results__option[aria-selected="true"]{
  background:#848686 !important;
}

.joinLoginForm form li.select2-selection__choice,
.findFilter form section li.select2-selection__choice,
.single .dropDownWrapper li.select2-selection__choice,
.paging .c .dropDownWrapper li.select2-selection__choice,
.sortStatus .dropDownWrapper li.select2-selection__choice,
#modalWrap li.select2-selection__choice{
  background:#848686 !important;
}

.joinLoginForm form li.select2-selection__choice span,
.findFilter form section li.select2-selection__choice span,
.single .dropDownWrapper li.select2-selection__choice span,
.paging .c .dropDownWrapper li.select2-selection__choice span,
.sortStatus .dropDownWrapper li.select2-selection__choice span,
#modalWrap li.select2-selection__choice span{
  color:#454646 !important;
}

.joinLoginForm form li.select2-selection__choice[aria-selected="true"],
.findFilter form section li.select2-selection__choice[aria-selected="true"],
.single .dropDownWrapper li.select2-selection__choice[aria-selected="true"],
.paging .c .dropDownWrapper li.select2-selection__choice[aria-selected="true"],
.sortStatus .dropDownWrapper li.select2-selection__choice[aria-selected="true"],
#modalWrap li.select2-selection__choice[aria-selected="true"]{
  background:#848686 !important;
}

#header{
  background:#fff;
}

#header .logoWrapper a{
  background:transparent url("/pics/i2/4/chrome/logo_4.svg") 0 0 no-repeat;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  display:block;
  width:13.6rem;
  height:3rem;
}

@media only screen and (min-width: 720px){
  #header .logoWrapper a{
    width:27.2rem;
    height:6rem;
  }
}

.no-svg #header .logoWrapper a{
  background:transparent url("/pics/i2/4/chrome/logo_4.png") 0 0 no-repeat;
}

#header #loginBox .loginTab{
  background:#5c2482;
}

#header #loginBox .loginTab:hover{
  background:#8d66a8;
}

@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;
}

.splashCover{
  background:#ebebeb url("/pics/i2/4/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:#ebebeb url("/pics/i2/4/chrome/splash_bg.jpg") no-repeat bottom center scroll;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

.splashCover .joinLoginForm,
.splashCover .joinLoginForm .or span{
  background:transparent;
}

.splashCover hr{
  display:none;
}

@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/4/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;
    -webkit-border-radius:0.4rem;
    -moz-border-radius:0.4rem;
    border-radius:0.4rem;
  }
}

@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/4/chrome/splash_bg_2x.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    height:50rem;
    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{
    height:62.8rem;
    margin-right:0;
  }
}

#splash .noUi-background{
  background:#c4c4c4;
}

@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;
  }
}

.joinLoginForm.splash{
  margin:0 auto;
}

@media only screen and (min-width: 1024px){
  .joinLoginForm.splash{
    float:left;
  }
}

.joinLoginForm.splash form .fbPromise{
  color:#1c1c21;
}

.joinLoginForm.splash .joinSubmitBtn{
  background:#848686;
}

#footer{
  background:#3d4749;
}

.panel.nobgPanel.fp{
  background-color:#fff;
}

.panel.nobgPanel.fp .profile p.age,
.panel.nobgPanel.fp .profile p.location{
  display:inline-block;
  vertical-align:top;
  font-size:1.3rem;
}

#splash .joinLoginForm.quickSearch{
  background-color:#fff;
}

#splash .joinLoginForm.quickSearch .joinSubmitBtn{
  background:#848686;
}

#splash .panel.nobgPanel.fp,
#splash .joinLoginForm.quickSearch,
#splash .panel.splashAbout,
#splash .panel.neutralPanel.benefits{
  border-bottom:0.5rem solid #848686;
}

.partnerLogo{
  display:inline-block;
  width:14.5rem;
  height:3.2rem;
  margin-right:2rem;
  background:transparent url("/pics/i2/4/chrome/footer_logo.svg") no-repeat;
  margin-top:0.4rem;
}

.no-svg .partnerLogo{
  background:transparent url("/pics/i2/4/chrome/footer_logo.png") no-repeat;
}

.partnerLogo a{
  display:block;
  outline:none;
  width:14.5rem;
  height:3.2rem;
}
@media only screen and (min-width: 720px){
  .joinLoginForm.splash.promo,
  .joinLoginForm.splash.promo .joinLoginForm.fbLoginOn,
  .joinLoginForm.splash.promo .joinLoginForm.splash{
    float:none;
  }
}
body#promo #wrapper .featureBannerPanel.promo_206{
  background-color:#de0e5c;
}

body#promo #wrapper .promoWrapper.promo_206{
  background-color:#f6b8cf;
}

body#promo .promoImage.promo_206{
  background:transparent url("/pics/i2/4/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_206{
    background:transparent url("/pics/i2/4/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_206{
    background:transparent url("/pics/i2/4/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_206{
    background:transparent url("/pics/i2/4/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 #wrapper .featureBannerPanel.promo_211{
  background-color:#2682a9;
}

body#promo #wrapper .promoWrapper.promo_211{
  background-color:#bedae6;
}

body#promo .promoImage.promo_211{
  background:transparent url("/pics/i2/4/chrome/promo_211_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_211{
    background:transparent url("/pics/i2/4/chrome/promo_211_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_211{
    background:transparent url("/pics/i2/4/chrome/promo_211_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_211{
    background:transparent url("/pics/i2/4/chrome/promo_211_bg_2x.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

body#promo #wrapper .featureBannerPanel.promo_212{
  background-color:#2682a9;
}

body#promo #wrapper .promoWrapper.promo_212{
  background-color:#bedae6;
}

body#promo .promoImage.promo_212{
  background:transparent url("/pics/i2/4/chrome/promo_212_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_212{
    background:transparent url("/pics/i2/4/chrome/promo_212_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_212{
    background:transparent url("/pics/i2/4/chrome/promo_212_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_212{
    background:transparent url("/pics/i2/4/chrome/promo_212_bg_2x.jpg") center bottom no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
  }
}

.leftWrapper{
  float:left;
  width:100%;
}

@media only screen and (min-width: 1024px){
  .leftWrapper{
    width:60%;
  }
}

.socialMedia{
  padding-left:0.5rem;
}

@media only screen and (min-width: 1024px){
  .socialMedia{
    padding-left:0;
  }
}

.clearResults{
  right:8%;
}

@media only screen and (min-width: 720px){
  .clearResults{
    right:4%;
  }
}

.conversation .message.outgoing{
  background:#bda1d4;
}

@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;
  }
}