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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/*---system.base.css---*/
/**
 * @file
 * Generic theme-independent base styles.
 */
/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}

#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
}

/* Animated throbber */
html.js input.form-autocomplete {
  /*background-image: url(../../misc/throbber.gif);*/
  background-position: 100% 2px;
  /* LTR */
  background-repeat: no-repeat;
}

html.js input.throbbing {
  background-position: 100% -18px;
  /* LTR */
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}

html.js fieldset.collapsed .fieldset-wrapper {
  display: none;
}

fieldset.collapsible {
  position: relative;
}

fieldset.collapsible .fieldset-legend {
  display: block;
}

/**
 * Resizable textareas.
 *
 * @see textarea.js
 */
.form-textarea-wrapper textarea {
  display: block;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.resizable-textarea .grippie {
  /*background: #eee url(../../misc/grippie.png) no-repeat center 2px;*/
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
body.drag {
  cursor: move;
}

.draggable a.tabledrag-handle {
  cursor: move;
  float: left;
  /* LTR */
  height: 1.7em;
  margin: -0.4em 0 -0.4em -0.5em;
  /* LTR */
  padding: 0.42em 1.5em 0.42em 0.5em;
  /* LTR */
  text-decoration: none;
}

a.tabledrag-handle:hover {
  text-decoration: none;
}

a.tabledrag-handle .handle {
  /*background: url(../../misc/draggable.png) no-repeat 0 0;*/
  height: 13px;
  margin-top: 4px;
  width: 13px;
}

a.tabledrag-handle-hover .handle {
  background-position: 0 -20px;
}

div.indentation {
  float: left;
  /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em;
  /* LTR */
  padding: 0.42em 0 0.42em 0.6em;
  /* LTR */
  width: 20px;
}

div.tree-child {
  /*background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}

div.tree-child-last {
  /*background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}

div.tree-child-horizontal {
  /*background: url(../../misc/tree.png) no-repeat -11px center;*/
}

.tabledrag-toggle-weight-wrapper {
  text-align: right;
  /* LTR */
}

/**
 * TableHeader behavior.
 *
 * @see tableheader.js
 */
table.sticky-header {
  background-color: #fff;
  margin-top: 0;
}

/**
 * Progress behavior.
 *
 * @see progress.js
 */
/* Bar */
.progress .bar {
  background-color: #fff;
  border: 1px solid;
}

.progress .filled {
  background-color: #000;
  height: 1.5em;
  width: 5px;
}

.progress .percentage {
  float: right;
  /* LTR */
}

.progress-disabled {
  float: left;
  /* LTR */
}

/* Throbber */
.ajax-progress {
  float: left;
  /* LTR */
}

.ajax-progress .throbber {
  /*background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;*/
  float: left;
  /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}

tr .ajax-progress .throbber {
  margin: 0 2px;
}

.ajax-progress-bar {
  width: 16em;
}

/**
 * Inline items.
 */
.container-inline div,
.container-inline label {
  display: inline;
}

/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
  display: block;
}

/**
 * Prevent text wrapping.
 */
.nowrap {
  white-space: nowrap;
}

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
html.js .js-hide {
  display: none;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */
* html .clearfix {
  height: 1%;
}

/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}

/*---end system.base.css---*/
/*---system.admin.css---*/
/**
 * @file
 * Styles for administration pages.
 */
/**
 * Administration blocks.
 */
div.admin-panel {
  margin: 0;
  padding: 5px 5px 15px 5px;
}

div.admin-panel .description {
  margin: 0 0 3px;
  padding: 2px 0 3px 0;
}

div.admin-panel .body {
  padding: 0 4px 2px 8px;
  /* LTR */
}

div.admin {
  padding-top: 15px;
}

div.admin .left {
  float: left;
  /* LTR */
  width: 47%;
  margin-left: 1em;
  /* LTR */
}

div.admin .right {
  float: right;
  /* LTR */
  width: 47%;
  margin-right: 1em;
  /* LTR */
}

div.admin .expert-link {
  text-align: right;
  /* LTR */
  margin-right: 1em;
  /* LTR */
  padding-right: 4px;
  /* LTR */
}

/**
 * Markup generated by theme_system_compact_link().
 */
.compact-link {
  margin: 0 0 0.5em 0;
}

/**
 * Quick inline admin links.
 */
small .admin-link:before {
  content: '[';
}

small .admin-link:after {
  content: ']';
}

/**
 * Modules page.
 */
#system-modules div.incompatible {
  font-weight: bold;
}

div.admin-requirements,
div.admin-required {
  font-size: 0.9em;
  color: #444;
}

span.admin-disabled {
  color: #800;
}

span.admin-enabled {
  color: #080;
}

span.admin-missing {
  color: #f00;
}

a.module-link {
  display: block;
  padding: 1px 0 1px 20px;
  /* LTR */
  white-space: nowrap;
}

a.module-link-help {
  /*background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
}

a.module-link-permissions {
  /*background: url(../../misc/permissions.png) 0 50% no-repeat; /* LTR */
}

a.module-link-configure {
  /*background: url(../../misc/configure.png) 0 50% no-repeat; /* LTR */
}

.module-help {
  margin-left: 1em;
  /* LTR */
  float: right;
  /* LTR */
}

/**
 * Status report.
 */
table.system-status-report td {
  padding: 6px;
  vertical-align: middle;
}

table.system-status-report tr.merge-up td {
  padding: 0 6px 8px 28px;
  /* LTR */
}

table.system-status-report td.status-icon {
  width: 16px;
  padding-right: 0;
  /* LTR */
}

table.system-status-report td.status-icon div {
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

table.system-status-report tr.error td.status-icon div {
  /*background-image: url(../../misc/message-16-error.png);*/
}

table.system-status-report tr.warning td.status-icon div {
  /*background-image: url(../../misc/message-16-warning.png);*/
}

tr.merge-down,
tr.merge-down td {
  border-bottom-width: 0 !important;
}

tr.merge-up,
tr.merge-up td {
  border-top-width: 0 !important;
}

/**
 * Theme settings.
 */
.theme-settings-left {
  float: left;
  width: 49%;
}

.theme-settings-right {
  float: right;
  width: 49%;
}

.theme-settings-bottom {
  clear: both;
}

/**
 * Appearance page.
 */
table.screenshot {
  margin-right: 1em;
  /* LTR */
}

.theme-info h2 {
  margin-bottom: 0;
}

.theme-info p {
  margin-top: 0;
}

.system-themes-list {
  margin-bottom: 20px;
}

.system-themes-list-disabled {
  border-top: 1px solid #cdcdcd;
  padding-top: 20px;
}

.system-themes-list h2 {
  margin: 0;
}

.theme-selector {
  padding-top: 20px;
}

.theme-selector .screenshot,
.theme-selector .no-screenshot {
  border: 1px solid #e0e0d8;
  padding: 2px;
  vertical-align: bottom;
  width: 294px;
  height: 219px;
  line-height: 219px;
  text-align: center;
}

.theme-default .screenshot {
  border: 1px solid #aaa;
}

.system-themes-list-enabled .theme-selector .screenshot,
.system-themes-list-enabled .theme-selector .no-screenshot {
  float: left;
  /* LTR */
  margin: 0 20px 0 0;
  /* LTR */
}

.system-themes-list-disabled .theme-selector .screenshot,
.system-themes-list-disabled .theme-selector .no-screenshot {
  width: 194px;
  height: 144px;
  line-height: 144px;
}

.theme-selector h3 {
  font-weight: normal;
}

.theme-default h3 {
  font-weight: bold;
}

.system-themes-list-enabled .theme-selector h3 {
  margin-top: 0;
}

.system-themes-list-disabled .theme-selector {
  width: 300px;
  float: left;
  /* LTR */
  padding: 20px 20px 20px 0;
  /* LTR */
}

.system-themes-list-enabled .theme-info {
  max-width: 940px;
}

.system-themes-list-disabled .theme-info {
  min-height: 170px;
}

.theme-selector .incompatible {
  margin-top: 10px;
  font-weight: bold;
}

.theme-selector .operations {
  margin: 10px 0 0 0;
  padding: 0;
}

.theme-selector .operations li {
  float: left;
  /* LTR */
  margin: 0;
  padding: 0 0.7em;
  list-style-type: none;
  border-right: 1px solid #cdcdcd;
  /* LTR */
}

.theme-selector .operations li.last {
  padding: 0 0 0 0.7em;
  /* LTR */
  border-right: none;
  /* LTR */
}

.theme-selector .operations li.first {
  padding: 0 0.7em 0 0;
  /* LTR */
}

#system-themes-admin-form {
  clear: left;
}

/**
 * Exposed filters.
 */
.exposed-filters .filters {
  float: left;
  /* LTR */
  margin-right: 1em;
  /* LTR */
  width: 25em;
  /* IE6 */
}

.exposed-filters .form-item {
  margin: 0 0 0.1em 0;
  padding: 0;
}

.exposed-filters .form-item label {
  float: left;
  /* LTR */
  font-weight: normal;
  width: 10em;
}

.exposed-filters .form-select {
  width: 14em;
}

/* Current filters */
.exposed-filters .current-filters {
  margin-bottom: 1em;
}

.exposed-filters .current-filters .placeholder {
  font-style: normal;
  font-weight: bold;
}

.exposed-filters .additional-filters {
  float: left;
  /* LTR */
  margin-right: 1em;
  /* LTR */
}

/*---end system.admin.css---*/
/*---system.menus.css---*/
/**
 * @file
 * Styles for menus and navigation markup.
 */
/**
 * Markup generated by theme_menu_tree().
 */
ul.menu {
  border: none;
  list-style: none;
  text-align: left;
  /* LTR */
}

ul.menu li {
  margin: 0 0 0 0.5em;
  /* LTR */
}

ul li.expanded {
  /*list-style-image: url(../../misc/menu-expanded.png);*/
  list-style-type: circle;
}

ul li.collapsed {
  /*list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  /* list-style-image: url(../../misc/menu-leaf.png);*/
  list-style-type: square;
}

li.expanded,
li.collapsed,
li.leaf {
  padding: 0.2em 0.5em 0 0;
  /* LTR */
  margin: 0;
}

li a.active {
  color: #000;
}

td.menu-disabled {
  background: #ccc;
}

/**
 * Markup generated by theme_links().
 */
ul.inline,
ul.links.inline {
  display: inline;
  padding-left: 0;
}

ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

/**
 * Markup generated by theme_breadcrumb().
 */
.breadcrumb {
  padding-bottom: 0.5em;
}

/**
 * Markup generated by theme_menu_local_tasks().
 */
ul.primary {
  border-bottom: 1px solid #bbb;
  border-collapse: collapse;
  height: auto;
  line-height: normal;
  list-style: none;
  margin: 5px;
  padding: 0 0 0 1em;
  /* LTR */
  white-space: nowrap;
}

ul.primary li {
  display: inline;
}

ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-style: solid solid none solid;
  border-width: 1px;
  height: auto;
  margin-right: 0.5em;
  /* LTR */
  padding: 0 1em;
  text-decoration: none;
}

ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}

ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}

ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}

ul.secondary li {
  border-right: 1px solid #ccc;
  /* LTR */
  display: inline;
  padding: 0 1em;
}

ul.secondary a {
  padding: 0;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: 4px solid #999;
}

/*---end system.menus.css---*/
/*---system.messages.css---*/
/**
 * @file
 * Styles for system messages.
 */
div.messages {
  background-position: 8px 8px;
  /* LTR */
  background-repeat: no-repeat;
  border: 1px solid;
  margin: 6px 0;
  padding: 10px 10px 10px 50px;
  /* LTR */
}

div.status {
  /*background-image: url(../../misc/message-24-ok.png);*/
  border-color: #be7;
}

div.status,
.ok {
  color: #234600;
}

div.status,
table tr.ok {
  background-color: #f8fff0;
}

div.warning {
  /*background-image: url(../../misc/message-24-warning.png);*/
  border-color: #ed5;
}

div.warning,
.warning {
  color: #840;
}

div.warning,
table tr.warning {
  background-color: #fffce5;
}

div.error {
  /*background-image: url(../../misc/message-24-error.png);*/
  border-color: #ed541d;
}

div.error,
.error {
  color: #8c2e0b;
}

div.error,
table tr.error {
  background-color: #fef5f1;
}

div.error p.error {
  color: #333;
}

div.messages ul {
  margin: 0 0 0 1em;
  /* LTR */
  padding: 0;
}

div.messages ul li {
  list-style-image: none;
}

/*---end system.messages.css---*/
/*---system.theme.css---*/
/**
 * @file
 * Basic styling for common markup.
 */
/**
 * HTML elements.
 */
fieldset {
  margin-bottom: 1em;
  padding: 0.5em;
}

form {
  margin: 0;
  padding: 0;
}

hr {
  border: 1px solid gray;
  height: 1px;
}

img {
  border: 0;
}

table {
  border-collapse: collapse;
}

th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em;
  /* LTR */
  text-align: left;
  /* LTR */
}

tbody {
  border-top: 1px solid #ccc;
}

tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

/**
 * Markup generated by theme_tablesort_indicator().
 */
th.active img {
  display: inline;
}

td.active {
  background-color: #ddd;
}

/**
 * Markup generated by theme_item_list().
 */
.item-list .title {
  font-weight: bold;
}

.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}

.item-list ul li {
  margin: 0 0 0.25em 1.5em;
  /* LTR */
  padding: 0;
}

/**
 * Markup generated by Form API.
 */
.form-item,
.form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}

tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}

.form-item .description {
  font-size: 0.85em;
}

label {
  display: block;
  font-weight: bold;
}

label.option {
  display: inline;
  font-weight: normal;
}

.form-checkboxes .form-item,
.form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}

input.form-checkbox,
input.form-radio {
  vertical-align: middle;
}

.marker,
.form-required {
  color: #f00;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid red;
}

/**
 * Inline items.
 */
.container-inline .form-actions,
.container-inline.form-actions {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * Markup generated by theme_more_link().
 */
.more-link {
  text-align: right;
  /* LTR */
}

/**
 * Markup generated by theme_more_help_link().
 */
.more-help-link {
  text-align: right;
  /* LTR */
}

.more-help-link a {
  /*background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
  padding: 1px 0 1px 20px;
  /* LTR */
}

/**
 * Markup generated by theme_pager().
 */
.item-list .pager {
  clear: both;
  text-align: center;
}

.item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0.5em;
}

.pager-current {
  font-weight: bold;
}

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list */
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js fieldset.collapsible .fieldset-legend {
  /*background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */
  padding-left: 15px;
  /* LTR */
}

html.js fieldset.collapsed .fieldset-legend {
  /*background-image: url(../../misc/menu-collapsed.png); /* LTR */
  background-position: 5px 50%;
  /* LTR */
}

.fieldset-legend span.summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

.tabledrag-toggle-weight {
  font-size: 0.9em;
}

body div.tabledrag-changed-warning {
  margin-bottom: 0.5em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
*/
tr.selected td {
  background: #ffc;
}

td.checkbox,
th.checkbox {
  text-align: center;
}

/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold;
}

.progress .bar {
  background: #ccc;
  border-color: #666;
  margin: 0 0.2em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.progress .filled {
  /*background: #0072b9 url(../../misc/progress.gif);*/
}

/*---end system.theme.css---*/
@font-face {
  font-family: 'FGStdDemiXC';
  src: url("../fonts/itcfranklingothicstd-dmxcp-webfont.eot");
  src: url("../fonts/itcfranklingothicstd-dmxcp-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/itcfranklingothicstd-dmxcp-webfont.woff") format("woff"), url("../fonts/itcfranklingothicstd-dmxcp-webfont.ttf") format("truetype"), url("../fonts/itcfranklingothicstd-dmxcp-webfont.svg#FGStdDemiXC") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FGStdDemiCd';
  src: url("../fonts/itcfranklingothicstd-mdcd-webfont.eot");
  src: url("../fonts/itcfranklingothicstd-mdcd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/itcfranklingothicstd-mdcd-webfont.woff") format("woff"), url("../fonts/itcfranklingothicstd-mdcd-webfont.ttf") format("truetype"), url("../fonts/itcfranklingothicstd-mdcd-webfont.svg#FGStdDemiC") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FGStdDemiC';
  src: url("../fonts/itcfranklingothicstd-dmcp-webfont.eot");
  src: url("../fonts/itcfranklingothicstd-dmcp-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/itcfranklingothicstd-dmcp-webfont.woff") format("woff"), url("../fonts/itcfranklingothicstd-dmcp-webfont.ttf") format("truetype"), url("../fonts/itcfranklingothicstd-dmcp-webfont.svg#FGStdDemiXC") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'amatic_scregular';
  src: url("../fonts/amaticsc-regular-webfont.eot");
  src: url("../fonts/amaticsc-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/amaticsc-regular-webfont.woff") format("woff"), url("../fonts/amaticsc-regular-webfont.ttf") format("truetype"), url("../fonts/amaticsc-regular-webfont.svg#amatic_scregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'amaticbold';
  src: url("../fonts/amatic-bold-webfont.eot");
  src: url("../fonts/amatic-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/amatic-bold-webfont.woff") format("woff"), url("../fonts/amatic-bold-webfont.ttf") format("truetype"), url("../fonts/amatic-bold-webfont.svg#amaticbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ag_book_roundedregular';
  src: url("../fonts/agbookrounded-regular-webfont.eot");
  src: url("../fonts/agbookrounded-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/agbookrounded-regular-webfont.woff") format("woff"), url("../fonts/agbookrounded-regular-webfont.ttf") format("truetype"), url("../fonts/agbookrounded-regular-webfont.svg#ag_book_roundedregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'antoniobold';
  src: url("../fonts/antonio-bold-webfont.eot");
  src: url("../fonts/antonio-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/antonio-bold-webfont.woff") format("woff"), url("../fonts/antonio-bold-webfont.ttf") format("truetype"), url("../fonts/antonio-bold-webfont.svg#antoniobold") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

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

* {
  outline: 0;
}

textarea {
  resize: none;
}

/*--main styles--*/
html,
body {
  min-width: 1000px;
  height: 100%;
}

em {
  font-style: italic;
}

body {
  margin: 0;
  padding: 0;
  font: 13px/15px Arial, Helvetica, sans-serif;
  color: #38444a;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  background: #f4fbfc url("../images/bgs/bg-body.png") no-repeat 50% 0;
}

form,
fieldset {
  margin: 0;
  padding: 0;
}

caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
  font-family: Arial, Helvetica, sans-serif;
}

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 1px;
  line-height: 0;
  margin-bottom: -1px;
}

a,
a.active,
li a.active {
  text-decoration: underline;
  color: #fe4888;
}

a:hover {
  text-decoration: none;
}

i {
  font-style: italic;
}

b,
strong {
  font-weight: bold;
}

.span-h1,
.span-h2,
.span-h3,
.span-h4,
.span-h5,
.span-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 36px;
  line-height: 120%;
  padding-right: 2px;
  padding-left: 2px;
  font-family: "FGStdDemiXC";
  font-weight: normal;
  color: #0f7ba4;
  text-transform: uppercase;
  display: block;
}
.span-h1 span,
.span-h2 span,
.span-h3 span,
.span-h4 span,
.span-h5 span,
.span-h6 span,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-size: 35px;
  font-family: Georgia;
  font-weight: bold;
  font-style: italic;
  text-transform: none;
  color: #fe4888;
}
.site-ru .span-h1 span, .site-ru
.span-h2 span, .site-ru
.span-h3 span, .site-ru
.span-h4 span, .site-ru
.span-h5 span, .site-ru
.span-h6 span, .site-ru
h1 span, .site-ru
h2 span, .site-ru
h3 span, .site-ru
h4 span, .site-ru
h5 span, .site-ru
h6 span {
  font-size: 34px;
  letter-spacing: -1px;
}
.span-h1 sup,
.span-h2 sup,
.span-h3 sup,
.span-h4 sup,
.span-h5 sup,
.span-h6 sup,
h1 sup,
h2 sup,
h3 sup,
h4 sup,
h5 sup,
h6 sup {
  font-size: 60%;
  position: relative;
  top: -10px;
}

.span-h3,
.span-h4,
h3,
h4 {
  font-size: 24px;
  line-height: 24px;
}

.span-h5,
h5 {
  font-size: 20px;
  line-height: 20px;
}

.span-h6,
h6 {
  font-size: 16px;
  line-height: 16px;
}

.span-h1,
.span-h2 {
  margin-bottom: 23px;
}

.span-h3,
.span-h4 {
  margin-bottom: 20px;
}

.span-h5,
.span-h6 {
  margin-bottom: 16px;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.3em;
}

sub {
  bottom: -0.25em;
}

/* Custom style start */
.bg-variant-2 {
  background: #eff9fb url("../images/bgs/bg-body-variant-2.png") repeat-x 50% 0;
}

.bg-variant-3 {
  background: #eff9fb url("../images/bgs/bg-body-variant-3.png") repeat-x 50% 0;
}

.bg-variant-4 {
  background: #eff9fb url("../images/bgs/bg-body-variant-4.png") repeat-x 50% 0;
}

.bg-variant-5 {
  background: #eff9fb url("../images/bgs/bg-body-variant-5.png") repeat-x 50% 0;
}

.hide-desktop {
  display: none !important;
}

.product-info ul {
  list-style: disc;
  padding: 0 0 8px 38px;
}
.product-info ul li {
  margin-bottom: 5px;
}
.product-info ol {
  list-style: decimal;
  padding: 0 0 8px 40px;
}
.product-info ol li {
  margin-bottom: 5px;
}

.ajax-loader {
  width: 31px;
  height: 31px;
  margin: 30px auto 0;
  background: url(../images/ajax-loader.gif) no-repeat 0 0;
  display: none;
}
.ajax-loader.ajax-loader-loading {
  display: block;
}

.page {
  width: 934px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  padding-bottom: 180px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Header start */
header {
  padding: 10px 0;
  position: relative;
  z-index: 800;
}
header:after {
  content: "";
  display: block;
  clear: both;
}
header section:after {
  content: "";
  display: block;
  clear: both;
}
header .top {
  margin: 0 0 -15px 192px;
  height: 27px;
  padding-bottom: 15px;
  position: relative;
  z-index: 10;
}
header .list {
  display: inline-block;
  margin: 6px 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
header .list li {
  float: left;
  margin: 0 10px 0 0;
}
header .list li a {
  text-decoration: none;
  color: #0f7ba4;
}
header .list li a:hover {
  color: #fe4888;
}
.splash-screen header .top {
  margin: -50px 31% 0 0;
  overflow: hidden;
  float: right;
}

.logo {
  float: left;
  width: 98px;
  margin: 33px 0 0 0;
}
.logo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.search-form {
  float: left;
  width: 242px;
  margin: 0 37px 0 0;
}
.search-form .text-input {
  background: #c7e9ee;
  border: 1px solid #c7e9ee;
  padding: 0 4px 0 12px;
  position: relative;
  height: 24px;
  border-radius: 0;
  box-shadow: none;
}
.search-form .text-input input[type="text"], .search-form .calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .forgotten-password-block .create-new-calendar .search-form .text-input input[type="password"], .search-form .calendar-account .restart-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .restart-password-block .create-new-calendar .search-form .text-input input[type="password"], .search-form .text-input input[type="password"] {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  background: none;
  width: 195px;
  font-size: 11px;
  line-height: 14px;
  height: 14px;
  color: #238db5;
  padding: 5px 0;
}
.search-form .text-input.parent-active {
  border-color: #00b4cb;
  background: #c3e9ef;
}
.search-form .text-input.parent-active input[type="submit"] {
  background-position: -2px -19px;
}
.search-form .text-input .input-placeholder-text {
  position: absolute;
  left: 12px;
  top: 5px;
  font-size: 11px;
  line-height: 14px;
}
.search-form input[type="submit"] {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  background: none;
  float: right;
  width: 15px;
  height: 15px;
  margin: 5px 0 0;
  background: url("../images/sprite.png") no-repeat -2px -2px;
  text-indent: -9999px;
  cursor: pointer;
}
.search-form input[type="submit"]:hover {
  background-position: -2px -19px;
}

.social-list {
  float: left;
  margin: 0 27px 0 0;
  padding: 0;
  list-style: none;
}
.social-list li {
  float: left;
  margin: 0 10px 0 0;
}
.social-list li a {
  display: block;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -23px -2px;
}
.social-list .facebook a:hover {
  background-position: -23px -30px;
}
.site-ru .social-list .facebook a {
  background-position: -175px -108px;
}
.site-ru .social-list .facebook a:hover {
  background-position: -175px -108px;
}
.social-list .twitter a {
  background-position: -59px -2px;
}
.social-list .twitter a:hover {
  background-position: -59px -30px;
}
.social-list .youtube a {
  background-position: -144px -108px;
}
.social-list .youtube a:hover {
  background-position: -144px -136px;
}

.teen {
  display: inline-block;
  margin: 5px 25px 0 0;
  padding: 0 14px 4px;
  color: #0f7ba4;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  border-bottom: 1px solid #8fdde7;
  vertical-align: top;
}
.teen:hover {
  border-color: #ff9bb6;
  color: #fe4888;
}

.language-switcher {
  display: none;
  width: 31px;
  margin: 0 0 0 8px;
}
.language-switcher select {
  margin: 0;
  padding: 0;
  width: 31px;
}
.language-switcher .select-area {
  border: 0;
  box-shadow: none;
  border-radius: 2px;
  background: #00b5ca;
  height: 27px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 27px;
  text-align: center;
}
.language-switcher .select-area .center {
  padding: 0;
}
.language-switcher .select-area .select-opener {
  height: 27px;
  background: none;
}
.language-switcher .select-area.select-active {
  border-radius: 2px 2px 0 0;
}

.select-options {
  z-index: 10000;
}
.select-options.drop-lang-sel .drop-holder {
  color: #fff;
  font-size: 14px;
  border: 0;
  background: #00b5ca;
  text-align: center;
}
.select-options.drop-lang-sel ul {
  text-transform: uppercase;
}
.select-options.drop-lang-sel ul li a {
  color: #fff;
  padding: 2px 0;
}
.select-options.drop-lang-sel ul li a span {
  float: none;
  display: block;
}
.select-options.drop-lang-sel .item-selected a {
  background: #fe4888;
}

nav {
  position: relative;
  z-index: 9;
}
nav .nav-mobile {
  display: none;
}
nav .mobile-drop .search-form {
  display: none;
}
nav i {
  font-style: normal;
  text-transform: lowercase;
}
nav ul {
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  font: 20px/17px "FGStdDemiXC";
}
nav ul li {
  float: left;
  background: url("../images/bgs/sep-001.png") no-repeat 100% 50%;
  width: 116px;
  padding: 30px 18px;
  height: 37px;
  display: table;
  position: relative;
}
.site-de nav ul li, .site-nl nav ul li, .site-da nav ul li, .site-sv nav ul li, .site-fi nav ul li, .site-nb nav ul li {
  padding: 30px 6px;
}
nav ul li.sub-list ul {
  display: none;
}
nav ul li a {
  display: table-cell;
  vertical-align: bottom;
  text-decoration: none;
  color: #008db8;
  position: relative;
  z-index: 2;
}
nav ul li:hover a {
  color: #fe4888;
}
nav ul li:hover ul {
  display: block;
}
nav ul li:hover ul li a {
  color: #008db8;
}
nav ul li:hover ul li:hover a {
  color: #fe4888;
}
nav ul li:hover ul li:hover ul {
  display: block;
}
nav ul li:hover ul li:hover ul li a {
  color: #008db8;
  background: none !important;
}
nav ul li:hover ul li:hover ul li:hover a {
  color: #fe4888;
}
nav ul li:hover ul li:hover.sub-nav a {
  background: url("../images/bgs/bullet-012.png") no-repeat 100% 3px;
}
nav ul li:hover ul ul {
  display: none;
}
nav ul li.active a {
  color: #fe4888;
}
nav ul li:first-child {
  width: 80px;
}
nav ul li.last {
  background: none;
  padding-right: 0;
  width: 94px;
}
nav ul ul {
  display: none;
  background: url("../images/bgs/bg-drop-nav.png");
  position: absolute;
  left: 0;
  top: 72px;
  font-size: 19px;
  text-align: center;
  padding: 10px 0 5px;
  z-index: 1;
}
nav ul ul li {
  width: 151px;
  padding: 20px 0 13px 0;
  display: block;
  float: none;
  height: auto;
  background: url("../images/bgs/sep-017.png") no-repeat 50% 0;
  position: relative;
  word-wrap: break-word;
}
.site-de nav ul ul li, .site-nl nav ul ul li, .site-da nav ul ul li, .site-sv nav ul ul li, .site-fi nav ul ul li, .site-nb nav ul ul li {
  padding: 20px 0 13px 0;
}
nav ul ul li:first-child {
  width: 151px;
  background: none;
}
nav ul ul li a {
  display: block;
  text-align: center;
  color: #008db8;
  padding: 0 10px;
}
nav ul ul ul {
  width: 210px;
  display: none;
  top: -10px;
  left: 151px;
  background: none;
  padding: 0 12px;
}
nav ul ul ul li {
  width: auto;
  background: url("../images/bgs/sep-018.png") no-repeat 0 8px;
  padding: 0 0 13px 6px;
}
.site-de nav ul ul ul li, .site-nl nav ul ul ul li, .site-da nav ul ul ul li, .site-sv nav ul ul ul li, .site-fi nav ul ul ul li, .site-nb nav ul ul ul li {
  padding: 0 0 13px 6px;
  width: auto;
}
nav ul ul ul li:first-child {
  background: url("../images/bgs/sep-018.png") no-repeat 0 8px;
}
.site-de nav ul ul ul li:first-child, .site-nl nav ul ul ul li:first-child, .site-da nav ul ul ul li:first-child, .site-sv nav ul ul ul li:first-child, .site-fi nav ul ul ul li:first-child, .site-nb nav ul ul ul li:first-child {
  width: auto;
}
nav ul ul ul li a {
  padding: 0;
  text-align: left;
}

.language-switcher-desktop {
  display: inline-block;
  padding: 0 0 0 18px;
}
.language-switcher-desktop select {
  margin: 0;
  padding: 0;
  float: left;
  width: 160px;
}
.language-switcher-desktop .select-area {
  height: 24px;
  line-height: 24px;
  border-radius: 0;
  box-shadow: none;
  background: #c7e9ee;
  border-color: #c7e9ee;
  color: #008db8;
}
.language-switcher-desktop .select-area .center {
  padding: 0 20px 0 10px;
}
.language-switcher-desktop .select-area .select-opener {
  height: 24px;
  background: url("../images/bgs/btn-sel-dt.png") no-repeat 100% 0;
}
.language-switcher-desktop .select-area.select-active {
  border-radius: 0;
}
.language-switcher-desktop .select-area.select-active .select-opener {
  background-position: 100% -24px;
}

.select-options.drop-lang-sel-dt .drop-holder {
  border-color: #c7e9ee;
}
.select-options.drop-lang-sel-dt .drop-holder ul li a {
  padding: 2px 10px;
}
.select-options.drop-lang-sel-dt .item-selected a {
  background: #c7e9ee;
}

/* Header end */
/* Home gallery start */
.home-gallery {
  position: relative;
  width: 766px;
  padding: 0 49px;
  margin: 41px 0 100px 35px;
}
.home-gallery .slider {
  overflow: hidden;
  height: 243px;
}
.home-gallery .slider .slide {
  width: 766px;
  height: 243px;
  line-height: 243px;
  overflow: hidden;
}
.ie8 .home-gallery .slider .slide {
  z-index: -1 !important;
}
.ie8 .home-gallery .slider .slide .desc h2 span {
  text-shadow: 0 1px 1px #238db5;
}
.home-gallery .slider .slide .img {
  width: 476px;
  float: left;
  padding: 8px;
  background: #fff;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.home-gallery .slider .slide .img img {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.home-gallery .slider .slide .desc {
  overflow: hidden;
  padding: 0 0 0 25px;
  max-height: 221px;
  display: inline-block;
  width: 249px;
}
.home-gallery .slider .slide .desc h2 {
  word-wrap: break-word;
  font-size: 29px;
  line-height: 29px;
}
.home-gallery .slider .slide .desc h2 a {
  text-decoration: none;
  color: #0f7ba4;
}
.home-gallery .slider .slide .desc h2 span {
  font-size: 27px;
  display: inline-block;
  line-height: 108%;
}
.home-gallery .prev, .home-gallery .next, .home-gallery .pager li.prev, .pager .home-gallery li.prev, .home-gallery .article-gallery .switcher .next, .article-gallery .switcher .home-gallery .next {
  position: absolute;
  left: 0;
  top: 102px;
  width: 19px;
  height: 39px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -91px -2px;
}
.home-gallery .next, .home-gallery .pager li.prev, .pager .home-gallery li.prev, .pager .home-gallery li.next, .home-gallery .pager li.next {
  background-position: -119px -2px;
  right: 0;
  left: auto;
}
.home-gallery .cycle-pager {
  display: none;
}

/* Home gallery end */
.btn-link {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 28px;
  height: 29px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -141px -2px;
  /*&:hover{
		background-position: -141px -32px;
	}*/
}

.block-holder {
  overflow: hidden;
  background: url("../images/bgs/sep-002.png") no-repeat 50% 0;
  width: 924px;
  padding: 34px 0 8px 5px;
}
.block-holder .block-holder {
  width: auto;
  float: left;
  padding: 0;
  background: none;
}
.block-holder .block {
  float: left;
  width: 250px;
  padding: 0 29px;
}
.block-holder .block h3 {
  font-size: 20px;
  line-height: 24px;
  color: #9ec1d3;
  min-height: 80px;
}
.block-holder .block h3 strong {
  font-weight: normal;
  font-size: 24px;
  color: #0f7ba4;
  display: block;
}
.block-holder .block .img {
  background: #afdfe6;
  padding: 8px;
  margin-bottom: 23px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.block-holder .block .img img {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.block-holder .block .button {
  text-align: center;
  padding-bottom: 23px;
}

.read-more, .cancel, .menstrual-calendar .days-list .menstrual-period .read-more, .menstrual-calendar .days-list .read-more {
  min-width: 104px;
  padding: 8px 11px 4px 16px;
  display: inline-block;
  position: relative;
  background: #eee4f2;
  border-bottom: 3px solid #eee4f2;
  text-transform: uppercase;
  font: 16px/16px "FGStdDemiC";
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.read-more:hover, .cancel:hover, .menstrual-calendar .days-list .read-more:hover {
  border-color: #ed75a1;
}
.read-more span, .cancel span, .menstrual-calendar .days-list .menstrual-period .read-more span, .menstrual-calendar .days-list .read-more span {
  display: block;
  padding: 0 19px 0 0;
  background: url("../images/bgs/bullet-001.png") no-repeat 100% 50%;
}

.cancel {
  background: #c3e9ef;
  color: #107fa3;
  float: left;
  margin: 0 7px 0 0;
  border-color: #c3e9ef;
  text-align: center;
  padding: 8px 11px 4px;
  min-width: 108px;
}
.cancel:hover {
  border-color: #107fa3;
}

.ob-delete-account {
  position: relative;
  padding: 4px 0 7px;
  width: 364px;
  overflow: hidden;
}
.ob-delete-account h3 {
  margin-bottom: 11px;
}
.ob-delete-account p {
  margin: 0 0 17px;
}
.ob-delete-account .read-more, .ob-delete-account .cancel, .ob-delete-account .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .ob-delete-account .read-more {
  padding: 8px 11px 4px;
  float: left;
}
.ob-delete-account .btn-list {
  overflow: hidden;
}
.ob-delete-account .btn-list li {
  float: left;
}

.ob-privacy-policy {
  overflow: hidden;
}
.ob-privacy-policy h3 {
  margin: 0 0 10px;
}
.ob-privacy-policy p {
  margin: 0 0 15px;
  line-height: 16px;
}

.privacy-policy-scroll {
  height: 490px;
  width: 600px;
  overflow: auto;
}

.product-scroll {
  height: 220px;
  overflow: auto;
  margin-bottom: 23px;
}
.product-scroll ul {
  margin: 0;
  padding: 10px 10px 5px;
  list-style: none;
  font: 14px/18px "FGStdDemiCd";
}
.product-scroll ul li {
  overflow: hidden;
  margin: 0 0 5px;
}
.product-scroll ul li a {
  color: #238db5;
  text-decoration: none;
}
.product-scroll ul li span {
  display: block;
  overflow: hidden;
  padding: 20px 0 5px 2px;
}
.product-scroll ul li .product-img {
  float: left;
  width: 110px;
  padding: 0 0 3px;
}
.product-scroll ul li .product-img img {
  display: block;
  max-width: 100%;
}

/* breadcrumbs start */
.breadcrumbs {
  overflow: hidden;
  font-size: 12px;
  line-height: 15px;
  color: #0f7ba4;
  padding: 25px 0 13px 0;
}
.breadcrumbs a {
  float: left;
  color: #0f7ba4;
  text-decoration: none;
  margin: 0 4px;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs span {
  float: left;
  padding: 0 4px;
}

/* breadcrumbs end */
/* Main-content start */
.brand-wrapp {
  position: relative;
  padding: 0 5px;
}
.brand-wrapp h1 {
  margin-bottom: 25px;
}
.brand-wrapp .brand-block {
  overflow: hidden;
  position: relative;
}
.brand-wrapp .brand-block .row {
  overflow: hidden;
  margin: 0 -25px 40px;
  position: relative;
}

.brand-info {
  width: 435px;
  float: left;
  margin: 0 25px;
}
.brand-info .img {
  overflow: hidden;
  border-radius: 2px;
  background: #fff;
  position: relative;
  padding: 8px;
  margin: 0 0 40px;
}
.brand-info .img img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.brand-info h2 {
  font-size: 39px;
  line-height: 39px;
  margin: 0 0 40px;
}
.brand-info h2 a {
  color: #0f7ba4;
  text-decoration: none;
}
.brand-info .desc {
  overflow: hidden;
  padding: 0 25px 0 0;
  margin: 0 0 22px;
}
.brand-info p {
  margin: 0 0 17px;
  font-size: 14px;
  line-height: 17px;
}
.brand-info p strong {
  display: block;
}

.main {
  width: 100%;
  padding: 0 0 40px;
}
.main:after {
  content: "";
  display: block;
  clear: both;
}
.main:hover {
  position: relative;
  z-index: 1000;
}
.main .category-wrapp {
  overflow: hidden;
  margin: 0 -20px 22px;
}
.main .title {
  overflow: hidden;
  padding: 0 5px 25px;
}

/*category-block start*/
.category-block {
  display: inline-block;
  vertical-align: top;
  width: 272px;
  margin: 0 25px 26px;
}
.category-block .img {
  margin: 0 0 33px;
  padding: 9px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
}
.category-block .img img {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.category-block .ttl {
  min-height: 70px;
}
.category-block h2 {
  line-height: 34px;
  margin: 0 0 10px;
}
.category-block h2 a {
  color: #0f7ba4;
  text-decoration: none;
}
.category-block h2 span {
  font-size: 32px;
}
.category-block .desc {
  overflow: hidden;
}
.category-block .text-box {
  padding-bottom: 15px;
  overflow: hidden;
}
.category-block p {
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 17px;
}

/*category-block end*/
/* calendar-wrapp start */
.calendar-wrapp {
  margin: 0 5px 22px;
  background: #eff9fb url("../images/bgs/bg-menstrual-calendar.png") repeat-x 0 50%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 30px;
}
.calendar-wrapp .block {
  padding: 24px 28px;
  background: white url("../images/bgs/bg-menstrual-calendar-block.png") no-repeat 100% 0;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.calendar-wrapp .img {
  float: left;
  width: 386px;
  margin: 5px 30px 8px 0;
}
.calendar-wrapp .img img {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.calendar-wrapp .desc {
  overflow: hidden;
  padding: 0 0 15px;
}
.calendar-wrapp h2 {
  margin: 0 0 12px;
}
.calendar-wrapp h2 a {
  color: #0f7ba4;
  text-decoration: none;
}
.calendar-wrapp p {
  margin: 0 0 28px;
  font-size: 14px;
  line-height: 17px;
}

/* calendar-wrapp end */
/*category-info start*/
.category-info {
  margin: -7px 0 0;
  position: relative;
  padding: 0 5px 0px;
  overflow: hidden;
  min-height: 330px;
}
.category-info ul {
  list-style: disc;
  padding: 0 0 8px 38px;
}
.category-info ul li {
  margin-bottom: 5px;
}
.category-info ol {
  list-style: decimal;
  padding: 0 0 8px 40px;
}
.category-info ol li {
  margin-bottom: 5px;
}
.category-info .img {
  padding: 10px;
  margin: 4px 50px 4px 0;
  background: #fff;
  float: left;
  width: 442px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.category-info .img img {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.category-info .desc {
  overflow: hidden;
}
.category-info .desc p {
  margin: 0 0 17px;
  font-size: 14px;
  line-height: 17px;
}
.category-info .desc h2 {
  line-height: 38px;
  margin: 0 0 16px;
}
.category-info .desc h2 a {
  color: #0f7ba4;
  text-decoration: none;
  line-height: 38px;
}

/*category-info end*/
/*post-list start*/
.post-list {
  padding: 0 7px 120px;
}

.post {
  margin-bottom: -130px;
  overflow: hidden;
  padding: 205px 0 0;
  background: url("../images/bgs/post-sep-1.png") no-repeat 50% 0;
}
.post:first-child {
  background: none;
  padding: 0;
}
.post.even {
  background: url("../images/bgs/post-sep-2.png") no-repeat 50% 0;
}
.post .img {
  background: #afdfe6;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 6px;
  width: 256px;
  float: right;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.post .img img {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.post .desc {
  overflow: hidden;
  padding: 0 326px 0 0;
  position: relative;
  min-height: 226px;
}
.post .desc p {
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 17px;
}
.post .desc .text-box {
  overflow: hidden;
  min-height: 138px;
}
.post .desc h2 {
  margin: 0 0 18px;
  line-height: 42px;
}
.post .desc h2 a {
  color: #0f7ba4;
  text-decoration: none;
}

/*post-list end*/
/*content start*/
.content {
  float: right;
  width: 616px;
  margin: 0 -20px 0 0;
}
.content .title {
  padding: 3px 25px 25px;
}
.content .title h1 {
  margin: 0;
  font-size: 40px;
  line-height: 40px;
}
.content .title h1 span {
  font-size: 36px;
}
.content .page-info {
  padding: 0 24px 11px;
  position: relative;
  z-index: 20;
  min-height: 280px;
}
.content .page-info .img {
  background: url(../images/bgs/bg-product-gallery-obteen.png) no-repeat 0 99%;
  width: 550px;
  margin: 0 0 9px;
  border: 10px solid #fff;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.content .page-info .img img {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.content .page-info .social-info {
  overflow: hidden;
  padding: 0 1px;
}
.content .page-info .social-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
.content .page-info .social-info ul li {
  float: left;
  margin: 0 0 0 11px;
}
.content .page-info .social-info ul li a {
  display: block;
}
.content .page-info .social-info ul li a img {
  display: block;
}
.content .page-desc {
  margin: -16px 0 30px;
  position: relative;
  z-index: 10;
}
.content .page-desc .block {
  background: url("../images/bgs/bg-page-desc-block.png") no-repeat 0 100%;
  min-height: 500px;
  padding: 80px 22px 15px;
  overflow: hidden;
}
.content .page-desc em {
  font-style: italic;
}
.content .page-desc h2 {
  margin: 0 0 23px;
}
.content .page-desc p {
  margin: 0 0 16px;
  line-height: 16px;
}
.content .page-desc p .span-h2 {
  padding-top: 13px;
}
.content .page-desc img {
  float: left;
  margin: 5px 40px 10px 10px;
}
.content .page-desc ul {
  padding: 0 0 8px 38px;
  list-style: disc;
}
.content .page-desc ul li {
  padding-bottom: 8px;
}
.content .page-desc ol {
  padding: 0 0 8px;
}
.content .page-desc ol li {
  position: relative;
  overflow: hidden;
  padding: 0 0 8px 22px;
}
.content .page-desc ol li span {
  display: inline-block;
  width: 18px;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
}
.content .page-desc .notes {
  display: block;
  font-size: 10px;
  line-height: 13px;
  color: #8e9193;
}

.table {
  background: #fff;
  padding: 6px;
  margin: 0 0 18px;
}
.table table {
  width: 100%;
}
.table table tr {
  margin: 0;
  padding: 0;
}
.table table th {
  text-transform: uppercase;
  font: 18px/18px "FGStdDemiXC";
  color: #0f7ba4;
  background: #c7e9ee;
  border: 1px solid #fff;
  text-align: center;
  padding: 3px 0;
  margin: 0;
}
.table table td {
  text-align: center;
  margin: 0;
  padding: 14px 10px;
  background: #f8fcfd;
  border: 1px solid #fff;
}

.btn-faq {
  overflow: hidden;
  padding: 0 22px;
}
.btn-faq .read-more, .btn-faq .cancel, .btn-faq .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .btn-faq .read-more {
  text-transform: none;
}

/*content end*/
/*sidebar start*/
.sidebar {
  width: 250px;
  padding: 32px 29px 5px;
  margin: 6px 0 0 5px;
  float: left;
  background: white url("../images/bgs/bg-sidebar.png") repeat-x;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.sidebar h3 {
  font-size: 20px;
  line-height: 24px;
  color: #9ec1d3;
  margin: 0 0 31px;
}
.sidebar h3 strong {
  font-weight: normal;
  font-size: 24px;
  color: #0f7ba4;
  display: block;
}
.sidebar > div.first h3 {
  color: #C8E3F0;
}
.sidebar .push-block .img {
  background: #afdfe6;
  padding: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.sidebar .side-list {
  font: 20px/20px "FGStdDemiXC";
  text-transform: uppercase;
  padding: 8px 8px 7px;
  background: #fff;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 0 0 25px;
  list-style: none;
}
.sidebar .side-list.multi-list {
  margin-bottom: 54px;
}
.sidebar .side-list.multi-list li.active a {
  background: #eff9fb url("../images/bgs/bullet-005.png") no-repeat 100% 50%;
}
.sidebar .side-list.multi-list li.active ul li a {
  background: #eff9fb;
}
.sidebar .side-list li a {
  display: block;
  padding: 12px 25px 11px 20px;
  background: #c7e9ee url("../images/bgs/bullet-004.png") no-repeat 100% 50%;
  color: #10759b;
  text-decoration: none;
  margin-bottom: 1px;
}
.sidebar .side-list li a span {
  text-transform: lowercase;
  color: #fe4888;
}
.sidebar .side-list li:hover a {
  color: #fe4888;
  background-color: #eff9fb;
}
.sidebar .side-list li:hover a.logout {
  background: url("../images/bgs/ico-logout.png") no-repeat 38px 50% !important;
}
.sidebar .side-list li:hover ul li a {
  color: #10759b;
  background: #eff9fb;
}
.sidebar .side-list li:hover ul li a:hover {
  color: #fe4888;
  font-weight: bold;
}
.sidebar .side-list li:hover ul li.active a {
  color: #fe4888;
  font-weight: bold;
}
.sidebar .side-list li.active a {
  color: #fe4888;
  background: #eff9fb url("../images/bgs/bullet-004.png") no-repeat 100% 50%;
}
.sidebar .side-list li.active a.logout {
  background: #eff9fb url("../images/bgs/ico-logout.png") no-repeat 38px 50% !important;
  padding-left: 60px;
}
.sidebar .side-list li.active ul {
  display: block;
}
.sidebar .side-list li.active ul li a {
  color: #10759b;
  background: #eff9fb;
}
.sidebar .side-list li.active ul li a:hover {
  color: #fe4888;
  font-weight: bold;
}
.sidebar .side-list li.active ul li.active a {
  color: #fe4888;
  font-weight: bold;
}
.sidebar .side-list li ul {
  text-transform: none;
  font: 12px/14px Arial, Helvetica, sans-serif;
  display: none;
}
.sidebar .side-list li ul li a {
  padding: 13px 60px 12px 40px;
}
.sidebar .side-list.faq-side-list li a:hover {
  background: #c7e9ee url("../images/bgs/bullet-004.png") no-repeat 100% 50%;
}
.sidebar .side-list.faq-side-list li.active a {
  background: #c7e9ee url("../images/bgs/bullet-004.png") no-repeat 100% 50%;
}
.sidebar .most-popular {
  margin-bottom: 58px;
}
.sidebar .most-popular .tag-cloud img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.sidebar .block-holder {
  padding: 0;
  width: 100%;
}
.sidebar .block-holder .block {
  padding: 0;
  float: none;
}
.sidebar .reg-form {
  padding-bottom: 20px;
  float: none;
  width: auto;
  margin: 0 0 20px;
  background: white url("../images/bgs/bg-sidebar-reg-form.png") no-repeat 100% 0;
}
.sidebar .reg-form h3 {
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 24px;
  color: #007ca6;
}
.sidebar .reg-form p {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 16px;
}
.sidebar .reg-form .info-message {
  margin: 10px 0 0;
  padding: 8px 18px 6px;
  text-align: center;
}
.sidebar .reg-form .info-message p {
  margin: 0;
}
.sidebar .create-new-calendar {
  margin: 0 0 20px;
  float: none;
  background: #fff;
  width: auto;
  padding: 16px 18px 27px;
}
.sidebar .create-new-calendar h3 {
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 24px;
  color: #007ca6;
}

.tag-cloud {
  background: #fe4888;
  padding: 45px 15px;
}
.tag-cloud ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  line-height: 21px;
  font-weight: bold;
  text-align: center;
}
.tag-cloud ul li a {
  color: #fff;
  text-decoration: none;
}
.tag-cloud ul li a:hover {
  text-decoration: underline;
}

/*sidebar end*/
/*product-gallery start*/
.product-gallery {
  width: 909px;
  background: url("../images/bgs/bg-product-gallery.png") no-repeat 0 100%;
  margin: 6px 0 100px 4px;
  padding: 8px;
  position: relative;
  overflow: hidden;
}
.product-gallery .switcher {
  overflow: hidden;
  margin: 0;
  padding: 0 0 21px;
  list-style: none;
  font: 20px/43px "ag_book_roundedregular";
  font-size: 20px;
  line-height: 43px;
}
.product-gallery .switcher li {
  float: left;
  margin: 0 0 0 1px;
}
.product-gallery .switcher li:first-child {
  margin: 0;
}
.product-gallery .switcher li a {
  display: block;
  height: 43px;
  text-align: center;
  overflow: hidden;
  background: #c7e9ee;
  text-decoration: none;
  color: #10759b;
}
.product-gallery .switcher li a:hover {
  background-color: #eff9fb;
  color: #fe4888;
}
.product-gallery .switcher li.active a {
  color: #fe4888;
  background-color: #eff9fb;
  font-style: italic;
}
.product-gallery .switcher em {
  font-style: italic;
}
.product-gallery .switcher .tm {
  position: relative;
  font-size: 4px;
  top: -12px;
}
.product-gallery .switcher .pro-comfort {
  font-style: italic;
}
.product-gallery .switcher .flexia {
  font-style: italic;
}
.product-gallery .product-slider {
  position: relative;
  margin: 0 59px 0px;
  overflow: hidden;
}
.product-gallery .product-slider .slider {
  width: 99999px;
  position: relative;
  overflow: hidden;
}
.product-gallery .product-slider .slide {
  width: 791px;
  float: left;
}
.product-gallery .product-slider .slide h1, .product-gallery .product-slider .slide h2 {
  text-transform: none;
  font: 32px/36px Helvetica, Arial, sans-serif;
  text-align: center;
  letter-spacing: -1px;
}
.product-gallery .product-slider .slide h1 a, .product-gallery .product-slider .slide h2 a {
  text-decoration: none;
  color: #0f7ba4;
}
.product-gallery .product-slider .slide h1 em, .product-gallery .product-slider .slide h2 em {
  font-style: italic;
}
.product-gallery .product-slider .slide .img {
  float: left;
  width: 465px;
  margin: 0 53px 0 0;
  position: relative;
}
.product-gallery .product-slider .slide .img a {
  display: block;
  position: relative;
  text-decoration: none;
}
.product-gallery .product-slider .slide .img img {
  display: block;
  max-width: 100%;
}
.product-gallery .product-slider .slide .desc {
  overflow: hidden;
  padding: 7px 0 0;
}
.product-gallery .product-slider .slide .desc p {
  line-height: 16px;
  margin: 0 0 13px;
}
.product-gallery .product-slider .slide .desc .tm {
  position: relative;
  font-size: 5px;
  line-height: 8px;
  text-transform: uppercase;
  color: #0f7ba4;
  top: -20px;
  left: 3px;
}
.product-gallery .prev, .product-gallery .next, .product-gallery .pager li.prev, .pager .product-gallery li.prev, .product-gallery .article-gallery .switcher .next, .article-gallery .switcher .product-gallery .next {
  position: absolute;
  left: 31px;
  top: 134px;
  width: 19px;
  height: 39px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -91px -2px;
}
.product-gallery .next, .product-gallery .pager li.prev, .pager .product-gallery li.prev, .pager .product-gallery li.next, .product-gallery .pager li.next {
  background-position: -119px -2px;
  right: 31px;
  left: auto;
}
.product-gallery .img-desc {
  display: block;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  padding: 10px 30px;
  text-decoration: none;
}

/*product-gallery end*/
/*product-filter start*/
.product-filter {
  padding: 0 5px;
  margin-bottom: 3px;
}
.product-filter .ttl {
  overflow: hidden;
  padding: 0 27px 22px;
}
.product-filter h3 {
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  margin: 0 0 49px;
}
.product-filter h3 sup {
  top: -8px;
}

.product-filter-form {
  background: url("../images/bgs/sep-003.png") no-repeat 50% 0;
  overflow: hidden;
  padding: 41px 0 0;
  /*.over-form-top{
		background: url("../images/bgs/sep-006.png") no-repeat 0 50%;
	}*/
}
.product-filter-form .cols {
  float: left;
  width: 152px;
  position: relative;
  background: url("../images/bgs/sep-004.png") no-repeat 100% 70px;
}
.product-filter-form .cols.active .over-transparent {
  display: none;
}
.product-filter-form .cols.last {
  background: none;
}
.product-filter-form .disabled .form-type-radio {
  position: relative;
}
.product-filter-form .disabled .over-transparent-inner {
  display: block;
}
.product-filter-form .row {
  overflow: hidden;
}
.product-filter-form label {
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: #10759b;
  font-weight: normal;
  cursor: pointer;
}
.product-filter-form .jcf-label-active {
  color: #fe4888;
}
.product-filter-form .stage {
  width: 154px;
}
.product-filter-form .stage .row {
  padding: 16px 7px 7px 0;
  background: url("../images/bgs/sep-005.png") no-repeat 50% 0;
}
.product-filter-form .stage .row:first-child {
  padding-top: 5px;
  background: none;
}
.product-filter-form .stage .with-kids {
  padding-bottom: 8px;
}
.product-filter-form .stage .pre-menopausal {
  padding-top: 14px;
}
.product-filter-form .your-flow .over-form {
  background: url("../images/bgs/bg-your-flow-over-form.png") no-repeat 1px 4px;
}
.product-filter-form .your-flow .row {
  float: left;
  background: none;
  width: 64px;
}
.product-filter-form .your-flow .dont-flow {
  height: 86px;
  padding: 17px 4px;
}
.product-filter-form .your-flow .light-flow {
  height: 64px;
  padding: 28px 4px;
}
.product-filter-form .your-flow .medium-flow {
  padding: 26px 5px 0 3px;
  height: 74px;
}
.product-filter-form .your-flow .heavy-flow {
  padding: 26px 8px 0;
  width: 55px;
  height: 74px;
}
.product-filter-form .tampon-info {
  width: 154px;
}
.product-filter-form .tampon-info .row {
  float: left;
  padding: 78px 0;
  background: url("../images/bgs/sep-007.png") no-repeat 0 50%;
}
.product-filter-form .tampon-info .row:first-child {
  background: none;
}
.product-filter-form .tampon-info .rad-area {
  position: absolute;
  left: -9999px;
  top: 0;
}
.product-filter-form .tampon-info .over-form {
  padding: 32px 0 0;
  min-height: 194px;
}
.product-filter-form .tampon-info .yes {
  padding-right: 14px;
  width: 56px;
}
.product-filter-form .tampon-info .yes label {
  text-align: right;
}
.product-filter-form .tampon-info .no {
  padding-left: 31px;
  width: 53px;
}
.product-filter-form .tampon-info .no label {
  text-align: left;
}
.product-filter-form .applicator-info {
  width: 154px;
}
.product-filter-form .applicator-info .over-form-top {
  background: url("../images/bgs/sep-008.png") no-repeat 22px 90px;
}
.product-filter-form .applicator-info .unknown {
  float: none;
  width: 100%;
  padding: 76px 0 27px;
}
.product-filter-form .applicator-info .unknown .rad-area {
  background-position: -178px -188px;
  width: 14px;
  height: 29px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
}
.product-filter-form .applicator-info .unknown .rad-checked {
  background-position: -178px -228px;
}
.product-filter-form .applicator-info .row {
  float: left;
}
.product-filter-form .applicator-info .yes {
  padding-right: 14px;
  width: 56px;
}
.product-filter-form .applicator-info .yes label {
  text-align: right;
}
.product-filter-form .applicator-info .no {
  padding-left: 31px;
  width: 53px;
}
.product-filter-form .applicator-info .no label {
  text-align: left;
}
.product-filter-form .specific-needs .over-form {
  background-position: 0 50%;
}
.product-filter-form .specific-needs .row {
  background: url("../images/bgs/sep-005.png") no-repeat 50% 0;
}
.product-filter-form .specific-needs .row:first-child {
  background: none;
}
.product-filter-form .usage .over-form {
  background: url("../images/bgs/bg-usage-over-form.png") no-repeat 56px 20px;
}
.product-filter-form .over-form {
  min-height: 226px;
  overflow: hidden;
}
.product-filter-form .rad-area {
  background: url("../images/sprite.png") no-repeat -9999px -9999px;
  cursor: pointer;
}
.product-filter-form .young-woman .rad-area {
  background-position: -2px -196px;
  width: 14px;
  height: 21px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 4px;
}
.product-filter-form .young-woman .rad-checked {
  background-position: -2px -236px;
}
.product-filter-form .without-kids .rad-area {
  background-position: -43px -196px;
  width: 14px;
  height: 21px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 4px;
}
.product-filter-form .without-kids .rad-checked {
  background-position: -43px -236px;
}
.product-filter-form .with-kids .rad-area {
  background-position: -84px -196px;
  width: 22px;
  height: 21px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 2px;
}
.product-filter-form .with-kids .rad-checked {
  background-position: -84px -236px;
}
.product-filter-form .pre-menopausal .rad-area {
  background-position: -136px -196px;
  width: 14px;
  height: 21px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 3px;
}
.product-filter-form .pre-menopausal .rad-checked {
  background-position: -136px -236px;
}
.product-filter-form .dont-flow .rad-area {
  background-position: -178px -188px;
  width: 14px;
  height: 29px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 22px;
}
.product-filter-form .dont-flow .rad-checked {
  background-position: -178px -228px;
}
.product-filter-form .light-flow .rad-area {
  background-position: -218px -198px;
  width: 24px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 31px 26px;
}
.product-filter-form .light-flow .rad-checked {
  background-position: -218px -238px;
}
.product-filter-form .medium-flow .rad-area {
  background-position: -269px -198px;
  width: 36px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 31px 18px;
}
.product-filter-form .medium-flow .rad-checked {
  background-position: -269px -238px;
}
.product-filter-form .heavy-flow .rad-area {
  background-position: -323px -198px;
  width: 48px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 31px 4px;
}
.product-filter-form .heavy-flow .rad-checked {
  background-position: -323px -238px;
}
.product-filter-form .unknown {
  padding: 41px 42px 0;
}
.product-filter-form .unknown .rad-area {
  background-position: -10px -290px;
  width: 52px;
  height: 28px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0;
}
.product-filter-form .unknown .rad-checked {
  background-position: -10px -330px;
}
.product-filter-form .day {
  padding: 16px 44px 0;
}
.product-filter-form .day .rad-area {
  background-position: -88px -291px;
  width: 59px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0;
}
.product-filter-form .day .rad-checked {
  background-position: -88px -331px;
}
.product-filter-form .night {
  padding: 8px 41px 0;
}
.product-filter-form .night .rad-area {
  background-position: -159px -278px;
  width: 56px;
  height: 36px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0;
}
.product-filter-form .night .rad-checked {
  background-position: -159px -318px;
}
.product-filter-form .insertion-spec {
  padding: 19px 30px 10px 35px;
}
.product-filter-form .insertion-spec .rad-area {
  background-position: -398px -194px;
  width: 20px;
  height: 23px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 6px;
}
.product-filter-form .insertion-spec .rad-checked {
  background-position: -398px -234px;
}
.product-filter-form .slipping-spec {
  padding: 10px 15px 10px 20px;
}
.product-filter-form .slipping-spec .rad-area {
  background-position: -441px -188px;
  width: 26px;
  height: 29px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 6px;
}
.product-filter-form .slipping-spec .rad-checked {
  background-position: -441px -228px;
}
.product-filter-form .none-spec {
  padding: 28px 30px 10px 35px;
}
.product-filter-form .none-spec .rad-area {
  position: absolute;
  left: -99999px;
  top: 0;
}
.product-filter-form .button {
  width: 100%;
  clear: both;
  overflow: hidden;
  padding: 36px 0;
}

.btn-submit, .btn-refresh {
  position: relative;
  float: right;
  overflow: hidden;
}
.btn-submit a, .btn-refresh a {
  float: left;
  border: solid #cce9f1;
  border-width: 1px 0;
  font: 30px/29px "FGStdDemiXC";
  text-transform: uppercase;
  height: 29px;
  min-width: 232px;
  color: #10759b;
  text-decoration: none;
  text-align: center;
}
.btn-submit a span, .btn-refresh a span {
  background: url("../images/bgs/bullet-006.png") no-repeat 100% 50%;
  padding: 0 36px 0 26px;
}
.btn-submit a:hover, .btn-refresh a:hover {
  color: #fe4888;
  border-color: #ffdce7;
}
.btn-submit a:hover span, .btn-refresh a:hover span {
  background: url("../images/bgs/bullet-007.png") no-repeat 100% 50%;
}
.btn-submit.active .over-transparent, .active.btn-refresh .over-transparent {
  display: none;
}

.btn-refresh {
  margin: 4px 0 0;
}
.btn-refresh a {
  padding: 0 20px 0 15px;
  min-width: 197px;
}
.btn-refresh a span {
  background: url("../images/bgs/bullet-refresh.png") no-repeat 100% 50%;
  padding: 0 40px 0 0;
}
.btn-refresh a:hover span {
  background: url("../images/bgs/bullet-refresh-hover.png") no-repeat 100% 50%;
}

/*product-filter end*/
/*search-result start*/
.search-result {
  background: url("../images/bgs/sep-003.png") no-repeat 50% 0;
  padding: 36px 5px 40px;
}
.search-result .ttl {
  padding: 0 2px 31px 30px;
  overflow: hidden;
}
.search-result .ttl h2 {
  float: left;
}
.search-result .cols-wrapp {
  overflow: hidden;
  position: relative;
}
.search-result .prev, .search-result .next, .search-result .pager li.prev, .pager .search-result li.prev, .search-result .article-gallery .switcher .next, .article-gallery .switcher .search-result .next {
  display: none;
}
.search-result .col {
  float: left;
  width: 231px;
}
.search-result .col .product-logo {
  height: 23px;
  margin: 0 0 17px;
  overflow: hidden;
  text-align: center;
  font-size: 20px;
  line-height: 23px;
  color: #2c86a7;
}
.search-result .col .product-logo img {
  vertical-align: top;
}
.search-result .col .product-logo em {
  font-style: italic;
}
.search-result .col .product-logo .tm {
  font-size: 4px;
  line-height: 7px;
  position: relative;
  top: -13px;
}
.search-result .col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  line-height: 15px;
}
.search-result .col ul li {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 0 0 1px;
  background: #fff;
  padding: 28px 32px 23px;
}
.search-result .col ul li a {
  display: block;
  text-decoration: none;
  color: #0f7ba4;
}
.search-result .col ul li a span {
  display: block;
  padding-bottom: 15px;
}
.search-result .col ul li a .img {
  padding: 0;
  height: 130px;
}
.search-result .col ul li a .img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.search-result .over-transparent {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/bgs/over-transparent.png");
  z-index: 200;
}
.search-result .over-transparent:hover {
  background: url("../images/bgs/over-transparent.png");
}

.over-transparent, .over-transparent-inner {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/bgs/over-transparent.png");
  z-index: 200;
}

.over-transparent-inner {
  display: none;
}

/*search-result end*/
.shadow-line {
  position: absolute;
  left: 219px;
  top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 277px 0 237px;
  width: 12px;
}
.shadow-line .center {
  background: url("../images/bgs/shadow-line-center.png") repeat-y;
  width: 100%;
  height: 100%;
}
.shadow-line .top {
  position: absolute;
  left: 0;
  top: 0;
  height: 277px;
  width: 12px;
  background: url("../images/bgs/shadow-line-top.png") no-repeat 0 100%;
}
.shadow-line .bottom {
  height: 237px;
  width: 12px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../images/bgs/shadow-line-bottom.png") no-repeat;
}
.shadow-line.var-3 {
  left: 681px;
}
.shadow-line.var-2 {
  left: 462px;
}
.shadow-line.var-2 .top {
  background: url("../images/bgs/shadow-line-top-var-2.png") no-repeat 0 100%;
}
.shadow-line.var-2 .center {
  background: url("../images/bgs/shadow-line-center-var-2.png") repeat-y;
}
.shadow-line.var-2 .bottom {
  background: url("../images/bgs/shadow-line-bottom-var-2.png") no-repeat;
}

.faq-wrapp {
  overflow: hidden;
  padding: 0 5px;
}

.faq-box {
  float: left;
  margin: 0 0 31px;
  text-align: center;
  width: 250px;
  padding: 28px 29px;
  background: #fff;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.faq-box h3 {
  margin: 0 0 27px;
  text-align: left;
}
.faq-box .img {
  margin-bottom: 24px;
}
.faq-box .img img {
  display: block;
  max-width: 100%;
}

/*product-detail start*/
.flow-detail {
  overflow: hidden;
  margin-bottom: 9px;
}
.flow-detail span {
  float: left;
  font-size: 12px;
  line-height: 17px;
  color: #0f7ba4;
  padding: 6px 3px 0 0;
}
.flow-detail .ico {
  float: left;
  width: 43px;
  height: 26px;
  background: url("../images/sprite.png") no-repeat -251px -33px;
}
.flow-detail .ico.flow-2 {
  width: 43px;
  background-position: -543px -33px;
}
.flow-detail .ico.flow-3 {
  width: 57px;
  background-position: -301px -33px;
}
.flow-detail .ico.flow-4 {
  width: 70px;
  background-position: -372px -33px;
}
.flow-detail .ico.flow-5 {
  width: 86px;
  background-position: -452px -33px;
}
.flow-detail .ico.flow-6 {
  width: 101px;
  background-position: -251px -66px;
}

.product-detail {
  background: url("../images/bgs/sep-003.png") no-repeat 50% 0;
  padding: 52px 5px 45px;
  overflow: hidden;
}
.product-detail .product-box {
  float: left;
  width: 308px;
  padding: 19px 45px 0 0;
}
.product-detail .product-box .box, .product-detail .product-box .push-block {
  margin-bottom: 29px;
  padding: 17px 29px;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
}
.product-detail .product-box .box h3, .product-detail .product-box .push-block h3 {
  font-size: 20px;
  line-height: 24px;
  color: #9ec1d3;
  margin: 0 0 15px;
}
.product-detail .product-box .box h3 strong, .product-detail .product-box .push-block h3 strong {
  font-weight: normal;
  font-size: 24px;
  color: #0f7ba4;
  display: block;
}
.product-detail .product-box .box h3 a, .product-detail .product-box .push-block h3 a {
  text-decoration: none;
  color: #9ec1d3;
}
.product-detail .product-box .box .img, .product-detail .product-box .push-block .img {
  overflow: hidden;
  margin: 0 0 13px;
}
.product-detail .product-box .box .img img, .product-detail .product-box .push-block .img img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.product-detail .product-info {
  float: right;
  padding: 0 6px;
  width: 559px;
}
.product-detail .product-info .ttl {
  overflow: hidden;
  padding: 0 0 35px;
  position: relative;
  margin: 0 0 0 -6px;
}
.product-detail .product-info .product-logo {
  margin: 0 13px 0 0;
  float: left;
  position: relative;
}
.product-detail .product-info .product-logo img {
  float: left;
}
.product-detail .product-info .product-logo h3 {
  float: left;
  font: 34px/37px Arial, Helvetica, sans-serif;
  text-transform: none;
  margin: 16px 0 -2px 15px;
  position: relative;
}
.product-detail .product-info .product-logo h3 .tm {
  font: bold 6px/8px Arial, Helvetica, sans-serif;
  position: relative;
  right: -2px;
  top: -20px;
  color: #0f7ba4;
}
.product-detail .product-info .product-logo h3 em {
  font-style: italic;
}
.product-detail .product-info .type {
  float: left;
  font-size: 20px;
  line-height: 24px;
  color: #10759b;
  padding: 27px 13px 0 0;
}
.product-detail .product-info .info {
  padding: 0 0 22px;
  overflow: hidden;
}
.product-detail .product-info .info .img {
  width: 308px;
  float: left;
  margin: 6px 38px 0 0;
}
.product-detail .product-info .info .img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.product-detail .product-info .detail {
  overflow: hidden;
  padding: 0 55px 0 0;
}
.product-detail .product-info .detail p {
  font-size: 14px;
  line-height: 17px;
  color: #0f7ba4;
  margin: 0 0 6px;
}
.product-detail .product-info .detail .flow-detail {
  margin-right: -30px;
}
.product-detail .product-info .detail .when-to-use {
  overflow: hidden;
  margin: 0 0 13px;
}
.product-detail .product-info .detail .when-to-use span {
  float: left;
  font-size: 12px;
  line-height: 17px;
  color: #0f7ba4;
  margin: 0 8px 0 0;
}
.product-detail .product-info .detail .when-to-use .ico {
  float: left;
  height: 17px;
  width: 34px;
  background: url("../images/sprite.png") no-repeat -254px 0;
}
.product-detail .product-info .detail .when-to-use .ico.only-day {
  width: 15px;
  background-position: -297px 0;
}
.product-detail .product-info .detail .when-to-use .ico.only-night {
  width: 14px;
  background-position: -318px 0;
}
.product-detail .product-info .detail .quantity-info {
  overflow: hidden;
}
.product-detail .product-info .detail .quantity-info .box, .product-detail .product-info .detail .quantity-info .product-box .push-block, .product-detail .product-box .product-info .detail .quantity-info .push-block {
  margin: 0 8px 0 0;
  color: #0f7ba4;
  padding: 0 4px 0 8px;
  font-size: 12px;
  line-height: 23px;
  background: #eff9fb;
  float: left;
  height: 23px;
  border: 1px solid #badae4;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 1px #badae4;
  -moz-box-shadow: 0 0 1px #badae4;
  -ms-box-shadow: 0 0 1px #badae4;
  box-shadow: 0 0 1px #badae4;
}
.product-detail .product-info .detail .quantity-info .box span, .product-detail .product-info .detail .quantity-info .product-box .push-block span, .product-detail .product-box .product-info .detail .quantity-info .push-block span {
  float: left;
  margin: 0 7px 0 0;
}
.product-detail .product-info .detail .quantity-info .box ul, .product-detail .product-info .detail .quantity-info .product-box .push-block ul, .product-detail .product-box .product-info .detail .quantity-info .push-block ul {
  margin: 0;
  padding: 4px 0 0;
  list-style: none;
  float: left;
}
.product-detail .product-info .detail .quantity-info .box ul li, .product-detail .product-info .detail .quantity-info .product-box .push-block ul li, .product-detail .product-box .product-info .detail .quantity-info .push-block ul li {
  float: left;
  margin: 0 2px 0 0;
}
.product-detail .product-info .detail .quantity-info .box ul li img, .product-detail .product-info .detail .quantity-info .product-box .push-block ul li img, .product-detail .product-box .product-info .detail .quantity-info .push-block ul li img {
  display: block;
}
.product-detail .product-info .desc {
  overflow: hidden;
  margin: 0 0 17px;
  min-height: 125px;
}
.product-detail .product-info .desc p {
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 17px;
}

.order-samples .order,
.doemeewin .order {
  line-height: 27px;
  font-family: "FGStdDemiXC";
  text-decoration: none;
  text-align: center;
}

.order-samples .order {
  margin: 0 auto;
  width: 87px;
  height: 85px;
  padding: 29px 13px 0;
  display: block;
  background: url("../images/sprite.png") no-repeat -509px -180px;
  font-size: 20px;
}
.order-samples .order:hover {
  background-position: -639px -180px;
}

.doemeewin {
  margin: -15px 0 0 180px;
}
.doemeewin .order {
  margin: 0 auto;
  width: 87px;
  height: 72px;
  padding: 60px 15px 0 38px;
  display: block;
  background: url("../images/sprite.png") no-repeat -482px -328px;
  color: #fff;
  font-size: 22px;
}
.doemeewin .order:hover {
  background-position: -635px -328px;
}

/*product-detail end*/
.faq-content {
  float: right;
  width: 618px;
  margin: 6px -19px -9px 0;
  background: #eff9fb url("../images/bgs/bg-faq.png") no-repeat;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.no-sidebar .faq-content {
  width: 100%;
  margin: 6px -6px 0 0;
  background: #eff9fb url("../images/bgs/bg-faq-full.png") no-repeat;
}
.no-sidebar .faq-content .w1 {
  padding: 30px 29px;
  background: url("../images/bgs/bg-faq-2-full.png") no-repeat 0 100%;
}
.no-sidebar .faq-content .block {
  background: #ecf0f5 url("../images/bgs/bg-faq-3-full.png") no-repeat;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.no-sidebar .faq-content .w2 {
  background: url("../images/bgs/bg-faq-4-full.png") no-repeat 0 100%;
  padding: 0px 29px 43px;
}
.faq-content h1 {
  text-transform: none;
}
.faq-content em {
  font-style: italic;
}
.faq-content .w1 {
  padding: 30px 29px;
  background: url("../images/bgs/bg-faq-2.png") no-repeat 0 100%;
}
.faq-content .block {
  background: #ecf0f5 url("../images/bgs/bg-faq-3.png") no-repeat;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.faq-content .w2 {
  background: url("../images/bgs/bg-faq-4.png") no-repeat 0 100%;
  padding: 24px 29px 43px;
}
.faq-content .faq-category-list {
  padding: 30px 16px 30px 30px;
  position: relative;
}
.faq-content .ttl {
  background: url("../images/bgs/bg-shadow.png") no-repeat 50% 100%;
  margin: 0 0 22px;
  padding: 0 0 31px;
}
.faq-content .ttl.nobg {
  background: none;
  margin: 0;
}
.faq-content .ttl h1 {
  font-size: 40px;
  line-height: 40px;
}
.faq-content .ttl h1 span {
  font-size: 36px;
}
.faq-content .desc-info {
  background: url("../images/bgs/bg-shadow.png") no-repeat 50% 100%;
  overflow: hidden;
  padding: 0 0 33px;
  margin: 0 0 27px;
}
.faq-content .desc-info .img {
  float: left;
  width: 207px;
  margin: 5px 40px 0 0;
}
.faq-content .desc-info .img img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.faq-content .desc-info .desc {
  overflow: hidden;
}
.faq-content .desc-info .desc p {
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 16px;
}
.faq-content .category-list {
  width: 100%;
  height: 460px;
  overflow: auto;
  position: relative;
}
.faq-content .category-list .video-popup-wrapp {
  width: auto;
}
.faq-content .category-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 18px/18px "FGStdDemiXC";
  text-transform: uppercase;
}
.faq-content .category-list ul li {
  background: url("../images/bgs/bg-shadow-2.png") no-repeat 50% 100%;
  padding: 16px 0 15px;
}
.faq-content .category-list ul li:first-child {
  padding-top: 0;
}
.faq-content .category-list ul a {
  display: block;
  color: #10759b;
  text-decoration: none;
  padding: 0 0 0 22px;
  background: url("../images/bgs/bullet-004.png") no-repeat 0 50%;
}
.faq-content .category-list ul a:hover {
  color: #fe4888;
}
.faq-content .category-list .desc {
  padding: 20px 0 54px;
  overflow: hidden;
}
.faq-content .category-list .desc p {
  font-size: 14px;
  line-height: 17px;
}
.faq-content .category-list .desc img {
  float: right;
  margin: 17px 19px 0 10px;
}
.faq-content .category-list .desc ul {
  overflow: hidden;
  padding: 16px 0 8px 38px;
  list-style: disc;
  font: 14px/15px Arial, Helvetica, sans-serif;
  text-transform: none;
}
.faq-content .category-list .desc ul li {
  padding: 0 0 8px;
  background: none;
}
.faq-content .category-list .desc ol {
  padding: 16px 0 8px 41px;
  font: 14px/15px Arial, Helvetica, sans-serif;
  text-transform: none;
  list-style: decimal;
}
.faq-content .category-list .desc ol li {
  padding: 0 0 8px;
}
.faq-content .category-list .back-question {
  overflow: hidden;
  padding: 0 18px;
}
.faq-content .category-list .back-question .read-more, .faq-content .category-list .back-question .cancel {
  float: right;
}
.faq-content .related-block {
  margin: 0 18px 30px 0;
  position: relative;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 14px 20px 6px;
}
.faq-content .related-block h3 {
  font-size: 21px;
  line-height: 21px;
  margin: 0 0 15px;
}
.faq-content .related-block h3 span {
  font-size: 20px;
}
.faq-content .related-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 18px/18px "FGStdDemiXC";
  text-transform: uppercase;
}
.faq-content .related-block ul li {
  padding: 0 0 10px;
  background: none;
}
.faq-content .related-block ul li:first-child {
  padding-top: 0;
}
.faq-content .related-block ul a {
  display: block;
  color: #10759b;
  text-decoration: none;
  padding: 0 0 0 18px;
  background: url("../images/bgs/bullet-004.png") no-repeat 0 50%;
}
.faq-content .related-block ul a:hover {
  color: #fe4888;
}
.faq-content .category-ttl {
  width: 500px;
  margin: 0;
  padding: 0 0 17px;
  z-index: 200;
  background: #ddecf3 url("../images/bgs/bg-shadow-2.png") no-repeat 50% 100%;
}
.faq-content .category-ttl h1, .faq-content .category-ttl h2 {
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
}
.faq-content .category-ttl h1 span, .faq-content .category-ttl h2 span {
  font-size: 28px;
}

.btn-arrow {
  display: inline-block;
  font: 21px/21px "FGStdDemiXC";
  text-transform: uppercase;
  color: #0f7ba4;
  text-decoration: none;
  background: url("../images/bgs/bullet-009.png") no-repeat 0 50%;
  padding: 0 0 0 23px;
  margin-bottom: 15px;
}
.btn-arrow:hover {
  color: #fe4888;
  background: url("../images/bgs/bullet-010.png") no-repeat 0 50%;
}

/* calendar-content start*/
.calendar-content {
  width: 586px;
  float: right;
  margin: 0 -13px 0 0;
  padding: 3px 0 0;
}
.calendar-content .title {
  padding: 0 3px 25px;
}
.calendar-content h1 {
  font-size: 40px;
  line-height: 40px;
}
.calendar-content h1 span {
  font-size: 36px;
}
.calendar-content .info-message {
  margin-left: -15px;
}

.calendar-block {
  position: relative;
  padding: 0 48px 31px;
}
.calendar-block .prev, .calendar-block .next, .calendar-block .pager li.prev, .pager .calendar-block li.prev, .calendar-block .article-gallery .switcher .next, .article-gallery .switcher .calendar-block .next {
  position: absolute;
  left: 0;
  top: 214px;
  width: 19px;
  height: 39px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -91px -2px;
}
.calendar-block .next, .calendar-block .pager li.prev, .pager .calendar-block li.prev, .pager .calendar-block li.next, .calendar-block .pager li.next {
  background-position: -119px -2px;
  right: 0;
  left: auto;
}

.menstrual-calendar {
  text-align: center;
}
.menstrual-calendar h3 {
  margin: 0 0 8px;
}
.menstrual-calendar .calendar {
  background: #fff;
  padding: 9px 10px 9px 11px;
}
.menstrual-calendar .days-week {
  overflow: hidden;
  margin: 0;
  padding: 2px 0 8px;
  list-style: none;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
  color: #318db5;
}
.menstrual-calendar .days-week li {
  float: left;
  width: 67px;
}
.menstrual-calendar .days-week li a {
  color: #318db5;
  text-decoration: none;
}
.menstrual-calendar .days-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.menstrual-calendar .days-list:after {
  content: "";
  display: block;
  clear: both;
}
.menstrual-calendar .days-list li {
  float: left;
  border: 1px solid #fff;
  margin: -1px 0 0 -1px;
  width: 66px;
  height: 66px;
  position: relative;
  background: #eff9fb;
}
.menstrual-calendar .days-list li a:first-child {
  display: block;
  height: 24px;
  padding: 21px 0;
  width: 100%;
  position: relative;
  background: #c7e9ee;
  color: #0f7ba4;
  text-decoration: none;
}
.menstrual-calendar .days-list li:hover {
  z-index: 5;
}
.menstrual-calendar .days-list li:hover .calendar-tooltip {
  left: -120px;
}
.menstrual-calendar .days-list .menstrual-period a:first-child,
.menstrual-calendar .days-list .intermenstrual-period a:first-child {
  color: #fff;
}
.menstrual-calendar .days-list .intermenstrual-period a:first-child {
  background: url("../images/bgs/bg-intermenstrual-period.png") no-repeat;
}
.menstrual-calendar .days-list .menstrual-period a:first-child {
  background: #fe4888;
}
.menstrual-calendar .days-list .menstrual-period .cancel, .menstrual-calendar .days-list .menstrual-period .read-more {
  color: #fe4888;
  width: 182px;
  height: auto;
  text-align: center;
}
.menstrual-calendar .days-list .menstrual-period .cancel span, .menstrual-calendar .days-list .menstrual-period .read-more span {
  display: inline-block;
}
.menstrual-calendar .days-list .next-period a:first-child {
  background: url("../images/bgs/next-period.png");
}
.menstrual-calendar .days-list .cancel, .menstrual-calendar .days-list .menstrual-period .read-more, .menstrual-calendar .days-list .read-more {
  color: #fe4888;
  width: 182px;
  height: auto;
  text-align: center;
}
.menstrual-calendar .days-list .cancel span, .menstrual-calendar .days-list .menstrual-period .read-more span, .menstrual-calendar .days-list .read-more span {
  display: inline-block;
}
.menstrual-calendar .ico {
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 23px;
  height: 23px;
}
.menstrual-calendar .ico.appointment {
  left: auto;
  right: 0;
  top: 0;
}
.menstrual-calendar .ico.bleeding {
  left: auto;
  right: 4px;
  top: auto;
  bottom: 5px;
  height: 15px;
  width: 12px;
}
.menstrual-calendar .ico.bleeding.medium {
  width: 27px;
}
.menstrual-calendar .ico.bleeding.strong {
  width: 42px;
}
.menstrual-calendar .ico.notes {
  width: 26px;
  height: 26px;
  bottom: 0;
  left: 0;
  top: auto;
}
.menstrual-calendar .ico.fertile-days {
  width: 27px;
  height: 27px;
  left: auto;
  right: -3px;
  bottom: 18px;
  top: auto;
}
.menstrual-calendar .ico .img-calendar {
  display: block;
  width: 100%;
  height: auto;
}

.calendar-tooltip {
  text-align: left;
  position: absolute;
  left: -99999px;
  bottom: 50px;
  background: #eef9fb;
  width: 209px;
  padding: 14px 20px 20px;
  box-shadow: 0 0 16px #005b79;
  border-radius: 10px;
}
.calendar-tooltip:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -25px;
  width: 35px;
  height: 25px;
  background: url("../images/temp/tooltip-arrow.png") no-repeat;
  margin: 0 0 0 -17px;
}
.calendar-tooltip.over-bottom {
  bottom: auto;
  top: 50px;
}
.calendar-tooltip.over-bottom:before {
  top: -25px;
  bottom: auto;
  background: url("../images/temp/tooltip-arrow-top.png") no-repeat;
}
.calendar-tooltip h3 {
  margin: 0 0 9px;
  text-align: center;
}
.calendar-tooltip .scroll-text {
  height: 130px;
  overflow: auto;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 17px;
  word-wrap: break-word;
  width: 100%;
}
.calendar-tooltip .scroll-text p {
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 16px;
  word-wrap: break-word;
}
.calendar-tooltip .scroll-text .jspPane {
  width: 194px !important;
}
.calendar-tooltip .detail-list {
  color: #028eb7;
  font-size: 12px;
  line-height: 19px;
  overflow: hidden;
  padding: 10px 0 0;
}
.calendar-tooltip .detail-list dt {
  float: left;
  width: 45px;
}
.calendar-tooltip .detail-list dd {
  display: block;
  overflow: hidden;
  padding: 0 0 11px;
}
.calendar-tooltip .detail-list img {
  display: block;
}
.calendar-tooltip .time-info {
  text-align: center;
  border: solid #bfe4ee;
  border-width: 1px 0;
  font-size: 16px;
  line-height: 19px;
  color: #ff5187;
  margin: 0 -11px 13px;
  padding: 6px 0 4px;
}
.calendar-tooltip .doctor-info {
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  color: #007ca6;
  margin: 0 0 18px;
}
.calendar-tooltip .doctor-info img {
  vertical-align: top;
  margin: 0 5px;
}

.calendar-detail {
  background: url("../images/bgs/sep-009.png") repeat-x;
  padding: 0 48px;
}
.calendar-detail .block {
  background: #fff;
  padding: 13px 1px 0;
  margin: 0 0 11px;
}
.calendar-detail .col-block {
  overflow: hidden;
  padding: 0 0 9px;
}
.calendar-detail .col {
  float: left;
  margin: 0 8px;
  width: 146px;
}
.calendar-detail h3 {
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  border-bottom: 1px solid #75cddd;
  padding: 0 0 5px;
  margin: 0 0 12px;
}
.calendar-detail h3 span {
  font-size: 15px;
}
.calendar-detail dl {
  padding: 0 4px;
  overflow: hidden;
  font-size: 11px;
  line-height: 19px;
  color: #318db5;
}
.calendar-detail dl dt {
  float: left;
  margin: 0 10px 0 0;
}
.calendar-detail dl dt.size {
  width: 44px;
}
.calendar-detail dl dd {
  display: block;
  overflow: hidden;
  min-height: 19px;
  padding: 0 0 6px;
}
.calendar-detail dl img {
  display: block;
}

.calendar-print-message-text {
  font-size: 14px;
  line-height: 17px;
}
.calendar-print-message-text .title-calendar-print-message {
  color: #0f7ba4;
  display: block;
  font-family: "amaticbold";
  font-size: 40px;
  line-height: 33px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.option-info {
  padding: 0 8px;
}
.option-info .line {
  border-top: 1px solid #75cddd;
  overflow: hidden;
  padding: 16px 0 13px;
}
.option-info span {
  margin: 0 0 0 43px;
  min-width: 155px;
  float: left;
  font: 18px/19px "FGStdDemiXC";
  text-transform: uppercase;
  color: #0f7ba4;
  padding: 1px 0 0 30px;
}
.option-info span.estimated-next-period {
  background: url("../images/temp/ico-estimated-next-period.png") no-repeat;
}
.option-info span.estimated-fertile-days {
  background: url("../images/temp/ico-estimated-fertile-days.png") no-repeat;
}
.option-info span.doctor-appointment {
  background: url("../images/temp/ico-doctor-appointment.png") no-repeat;
}
.option-info span.notes {
  background: url("../images/temp/ico-notes.png") no-repeat;
}

.calculate-forecast {
  display: block;
  background: #ff5187;
  color: #fff;
  font: 16px/40px "FGStdDemiC";
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 11px;
}
.calculate-forecast span {
  display: inline-block;
  padding: 0 23px;
  background: url("../images/bgs/bullet-011.png") no-repeat 100% 50%;
}

.button-box {
  overflow: hidden;
  padding: 9px 15px 6px;
  margin: 0 0 11px;
  background: #eee5f2 url("../images/bgs/bg-button-box.png") no-repeat 0 50%;
}
.button-box a {
  float: left;
  font: 16px/25px "FGStdDemiC";
  text-transform: uppercase;
  color: #ff5187;
  padding: 0 0 0 30px;
  text-decoration: none;
  margin: 0 0 0 15px;
}
.button-box .remind-me {
  background: url("../images/temp/ico-remind-me.png") no-repeat;
  margin: 0;
}
.button-box .how-it-works {
  background: url("../images/temp/ico-how-it-works.png") no-repeat;
}
.button-box .print {
  background: url("../images/temp/ico-print.png") no-repeat;
}

.page-desc-info {
  padding: 2px 2px 4px;
  overflow: hidden;
}
.page-desc-info p {
  margin: 0 0 10px;
}

.calendar-account {
  width: 600px;
  position: relative;
  margin: 0 0 0 -15px;
}
.calendar-account .block {
  background: url("../images/bgs/sep-010.png") repeat-x 0 50%;
  padding: 0 15px;
  margin: 0 0 108px;
  position: relative;
}
.calendar-account .app-calendar-info {
  margin: 0 0 26px;
  background: url("../images/bgs/sep-015.png") repeat-x;
}
.calendar-account .forgotten-password-block {
  padding: 20px 15px;
  background: #d3eef3 url("../images/bgs/sep-016.png") repeat-x;
}
.calendar-account .forgotten-password-block .reg-form {
  min-height: 138px;
}
.calendar-account .forgotten-password-block .reg-form h3 {
  margin: 0 0 9px;
}
.calendar-account .forgotten-password-block .calendar-reg-form {
  padding: 0;
  background: white url("../images/bgs/bg-forgotten-password-block.png") no-repeat 100% 0;
}
.calendar-account .forgotten-password-block .create-new-calendar {
  padding: 49px 37px 42px;
  float: left;
  background: none;
  height: 138px;
}
.calendar-account .forgotten-password-block .create-new-calendar .row {
  padding-bottom: 11px;
}
.calendar-account .forgotten-password-block .create-new-calendar .text-input {
  height: 33px;
}
.calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="text"], .calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="password"] {
  padding: 9px 0;
}
.calendar-account .forgotten-password-block .create-new-calendar .text-input .input-placeholder-text {
  top: 9px;
}
.calendar-account .restart-password-block {
  padding: 20px 15px;
  background: #d3eef3 url("../images/bgs/sep-016.png") repeat-x;
}
.calendar-account .restart-password-block .reg-form {
  min-height: 178px;
}
.calendar-account .restart-password-block .reg-form h3 {
  margin: 0 0 9px;
}
.calendar-account .restart-password-block .calendar-reg-form {
  padding: 0;
  background: white url("../images/bgs/bg-forgotten-password-block.png") no-repeat 100% 0;
  position: relative;
}
.calendar-account .restart-password-block .create-new-calendar {
  padding: 22px 27px;
  background: none;
  float: left;
}
.calendar-account .restart-password-block .create-new-calendar .required_fields {
  position: absolute;
  right: 30px;
  top: 50px;
}
.calendar-account .restart-password-block .create-new-calendar .row {
  padding-bottom: 11px;
}
.calendar-account .restart-password-block .create-new-calendar .text-input {
  height: 33px;
}
.calendar-account .restart-password-block .create-new-calendar .text-input input[type="text"], .calendar-account .restart-password-block .create-new-calendar .text-input input[type="password"] {
  padding: 9px 0 !important;
}
.calendar-account .restart-password-block .create-new-calendar .text-input .input-placeholder-text {
  top: 9px;
}
.calendar-account label {
  display: block;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  color: #2b7ca6;
  padding: 0 6px 5px;
}

.calendar-reg-form {
  overflow: hidden;
}

.reg-form {
  background: white url("../images/bgs/bg-reg-form.png") no-repeat 100% 55px;
  float: left;
  width: 240px;
  padding: 19px 18px 10px;
}
.reg-form h3 {
  margin: 0 0 6px;
}
.reg-form .row {
  overflow: hidden;
  padding-bottom: 8px;
}
.reg-form .read-more, .reg-form .cancel, .reg-form .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .reg-form .read-more {
  display: block;
  text-align: center;
  margin: 3px 2px 2px;
}
.reg-form .read-more span, .reg-form .cancel span, .reg-form .menstrual-calendar .days-list .read-more span, .menstrual-calendar .days-list .reg-form .read-more span {
  display: inline-block;
}

.text-input {
  border: 1px solid #cedfe1;
  overflow: hidden;
  background: #fff;
  height: 28px;
  padding: 0 19px;
  border-radius: 16px;
  position: relative;
  margin: 0;
  box-shadow: inset 0 5px 5px 0 rgba(0, 0, 0, 0.04);
}
.text-input .input-placeholder-text {
  font-size: 12px;
  line-height: 15px;
  height: 15px;
  top: 7px;
  left: 19px;
}
.text-input input[type="text"], .calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .restart-password-block .create-new-calendar .text-input input[type="password"], .text-input input[type="password"], .reg-my-account .text-input input[type="password"] {
  margin: 0;
  padding: 7px 0;
  border: 0;
  background: none;
  width: 100%;
  float: left;
  color: #318db5;
  font-size: 12px;
  line-height: 15px;
  height: 15px;
}
.text-input.error {
  border-color: #ff5086;
  background: #fff;
}

.forgotten-password {
  text-align: center;
}
.forgotten-password a {
  font-size: 11px;
  line-height: 14px;
  text-decoration: none;
}
.forgotten-password a:hover {
  text-decoration: underline;
}

.login-desc {
  padding: 0 16px;
  overflow: hidden;
  color: #0f7ba4;
}
.login-desc p {
  font-size: 11px;
  line-height: 14px;
  margin: 0 0 14px;
}

.create-new-calendar {
  float: right;
  width: 238px;
  padding: 19px 19px 29px;
  background: white url("../images/bgs/bg-create-new-calendar.png") no-repeat;
}
.create-new-calendar h3 {
  margin: 0 0 84px;
}
.create-new-calendar .read-more, .create-new-calendar .cancel, .create-new-calendar .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .create-new-calendar .read-more {
  display: block;
  text-align: center;
}
.create-new-calendar .read-more span, .create-new-calendar .cancel span, .create-new-calendar .menstrual-calendar .days-list .read-more span, .menstrual-calendar .days-list .create-new-calendar .read-more span {
  display: inline-block;
}

.app-calendar {
  padding: 22px 250px 20px 18px;
  background: white url("../images/bgs/bg-app-calendar.png") no-repeat 100% 0;
  min-height: 180px;
}
.app-calendar-sans-ovulation{
  padding: 22px 250px 20px 18px;
  background: white url("../images/bgs/bg-app-calendar-sa.jpeg") no-repeat 100% 0;
  min-height: 180px;
}
.app-calendar h3 {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 30px;
}
.app-calendar h3 span {
  font-size: 24px;
}
.app-calendar h3 img {
  vertical-align: top;
}
.app-calendar .btn-over {
  overflow: hidden;
}
.app-calendar .read-more, .app-calendar .cancel, .app-calendar .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .app-calendar .read-more {
  float: left;
  padding: 7px 13px 2px;
  width: 105px;
  margin: 0 16px 0 0;
  line-height: 19px;
}
.app-calendar .read-more span, .app-calendar .cancel span, .app-calendar .menstrual-calendar .days-list .read-more span, .menstrual-calendar .days-list .app-calendar .read-more span {
  display: inline;
}

.sep-or {
  width: 60px;
  height: 63px;
  position: absolute;
  left: 50%;
  top: -78px;
  margin-left: -30px;
  background: url("../images/bgs/bg-sep-or.png") no-repeat;
  font: 27px/60px "FGStdDemiXC";
  color: #fe4888;
  text-transform: uppercase;
  text-align: center;
}

.info-message {
  border: 1px solid #fff;
  padding: 17px 17px 15px;
  margin: 0 0 19px;
  position: relative;
  background: #fff;
}
.info-message.error-message {
  color: #fe4888;
  border-color: #fe4888;
  font-weight: bold;
}
.info-message.success-message {
  color: #2da669;
  border-color: #2da669;
  font-weight: bold;
}

.reg-my-account {
  background: #b4e3ed url("../images/bgs/bg-reg-my-account.png") no-repeat 0 100%;
  padding: 18px 15px;
  margin-bottom: 17px;
}
.reg-my-account .select-area.error {
  border-color: #FF5086;
}
.reg-my-account .my-account {
  background: #fff;
  padding: 19px 17px 14px;
  margin-bottom: 18px;
}
.reg-my-account .my-account h3 {
  margin: 0 0 18px;
}
.reg-my-account .my-account .row {
  overflow: hidden;
  margin: 0 0 12px;
}
.reg-my-account .my-account .row.check {
  margin: 0;
  padding: 30px 0;
}
.reg-my-account .my-account .col {
  float: left;
  width: 240px;
  margin: 0 25px;
}
.reg-my-account .my-account .col.check label {
  font-weight: normal;
  padding: 0;
  overflow: hidden;
}
.reg-my-account .my-account .col.check input[type="checkbox"] {
  margin-right: 9px;
}
.reg-my-account .my-account .info {
  overflow: hidden;
  padding: 0 0 22px;
}
.reg-my-account .my-account .info p {
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  color: #2b7ca6;
}
.reg-my-account .my-account .form-type-select.error {
  background: none;
}
.reg-my-account .my-account .form-type-select.error .date-year .select-area {
  border-color: #FF5086;
  background: #fff;
}
.reg-my-account .my-account .chk-area.error {
  background-position: -641px -34px;
}
.reg-my-account .my-account .chk-area.chk-focus {
  background-position: -641px -51px;
}
.reg-my-account .my-account .chk-area.chk-checked {
  background-position: -641px -17px;
}
.reg-my-account input[type="file"] {
  margin: 0;
  padding: 0;
  width: 232px;
}
.reg-my-account .account-form {
  overflow: hidden;
}
.reg-my-account .account-form .column {
  float: left;
  width: 45%;
  padding-right: 5%;
}
.reg-my-account .account-form .note {
  display: block;
  font-size: 11px;
  line-height: 13px;
  color: #39444a;
  padding: 0 5px 12px;
}
.reg-my-account .account-form .read-more, .reg-my-account .account-form .cancel {
  padding: 8px 16px 4px;
}
.reg-my-account label {
  padding: 0 3px 4px;
}
.reg-my-account .check-row {
  overflow: hidden;
  margin: 0 0 23px;
}
.reg-my-account .check-row label {
  padding: 0;
  font-weight: normal;
  overflow: hidden;
}
.reg-my-account input[type="checkbox"] {
  float: left;
  width: 13px;
  height: 13px;
  margin: 2px 11px 0 1px;
  padding: 0;
}
.reg-my-account .text-input {
  height: 33px;
}
.reg-my-account .text-input .input-placeholder-text {
  top: 9px;
}
.reg-my-account .text-input input[type="text"], .reg-my-account .calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .forgotten-password-block .create-new-calendar .reg-my-account .text-input input[type="password"], .reg-my-account .calendar-account .restart-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .restart-password-block .create-new-calendar .reg-my-account .text-input input[type="password"], .reg-my-account .text-input input[type="password"] {
  padding: 9px 0;
}
.reg-my-account .flipswitch input[type="checkbox"] {
  margin: 7px 0 0 23px;
}

.c-sel {
  margin: 0;
  padding: 0;
  width: 114px;
}

.my-reminders {
  background: #fff;
  padding: 22px 20px 21px;
  margin-bottom: 17px;
}
.my-reminders h3 {
  margin: 0 0 12px;
}
.my-reminders label {
  padding: 8px 20px 0 0;
  float: left;
  color: #2B7CA6;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  max-width: 65%;
}
.my-reminders .reminders-over {
  overflow: hidden;
  margin: 0 -3px;
}
.my-reminders .cols {
  float: left;
  width: 240px;
}
.my-reminders .cols:first-child {
  margin: 0 50px 0 0;
}

.btn-save {
  text-align: center;
}
.btn-save .read-more, .btn-save .cancel, .btn-save .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .btn-save .read-more {
  padding: 8px 0 4px;
  text-align: center;
  min-width: 238px;
}

.flipswitch {
  float: left;
  width: 60px;
  height: 26px;
  position: relative;
}
.flipswitch .chk-area {
  width: 60px;
  height: 26px;
  margin: 0;
  background: url("../images/sprite.png") no-repeat 0 -76px;
  cursor: pointer;
}
.flipswitch .chk-checked {
  background-position: 0 -102px;
}

.delete-my-account {
  overflow: hidden;
  background: #e2f4f9;
  padding: 18px 35px 28px;
}
.delete-my-account h3 {
  margin: 0 0 9px;
}
.delete-my-account p {
  font-size: 13px;
  line-height: 16px;
}

/*calendar-content end*/
.desc-404 {
  overflow: hidden;
  min-height: 473px;
  padding: 26px 0 0;
}
.desc-404 p {
  line-height: 16px;
  margin-bottom: 16px;
}
.desc-404 ul {
  padding: 0 0 8px 15px;
  list-style: disc;
}
.desc-404 ul li {
  padding-bottom: 8px;
}

.site-map-list {
  margin: 0;
  padding: 25px 0 16px;
  list-style: none;
  font: 16px/18px "FGStdDemiXC";
  text-transform: uppercase;
  color: #0f7ba4;
  min-height: 450px;
}
.site-map-list li {
  padding-bottom: 9px;
}
.site-map-list li a {
  color: #0f7ba4;
  text-decoration: none;
}
.site-map-list li a:hover {
  color: #fe4888;
}
.site-map-list li ul {
  font-size: 14px;
  line-height: 18px;
  padding: 5px 0 5px 5px;
}
.site-map-list li ul li {
  padding: 0 0 0 14px;
  background: url("../images/bgs/bullet-004.png") no-repeat 0 3px;
}
.site-map-list .tm {
  font-size: 8px;
  left: 2px;
  line-height: 12px;
  position: relative;
  text-transform: uppercase;
  top: -7px;
}

.pager-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  font: 16px/21px "FGStdDemiXC";
  color: #75ccd9;
}
.pager-list li {
  vertical-align: top;
  display: inline-block;
  padding: 0 1px 0 0;
}
.pager-list li a {
  text-decoration: none;
}
.pager-list .prev, .pager-list .next, .pager-list .pager li.prev, .pager .pager-list li.prev, .pager-list .article-gallery .switcher .next, .article-gallery .switcher .pager-list .next {
  text-transform: uppercase;
  font-size: 20px;
  padding: 0;
}
.pager-list .prev a, .pager-list .next a, .pager-list .article-gallery .switcher .next a, .article-gallery .switcher .pager-list .next a, .pager-list .article-gallery .switcher .pager li.prev a, .article-gallery .switcher .pager .pager-list li.prev a, .pager-list .pager .article-gallery .switcher li.prev a, .pager .article-gallery .switcher .pager-list li.prev a {
  color: #75ccd9;
}
.pager-list .prev-arrow a, .pager-list .next-arrow a {
  width: 7px;
  height: 11px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -678px 0;
  display: block;
  margin: 4px 5px 0 15px;
}
.pager-list .next-arrow a {
  background-position: -690px 0;
  margin: 4px 15px 0 5px;
}

.contact-wrapp {
  padding: 27px 0 0;
}
.contact-wrapp .desc {
  overflow: hidden;
  padding: 0 0 7px;
}
.contact-wrapp .desc p {
  line-height: 16px;
  margin: 0 0 15px;
}

.contact-form {
  padding: 0 31px 0 0;
}
.contact-form h3 {
  margin: 0 0 14px;
}
.contact-form p {
  line-height: 16px;
  margin: 0 0 35px;
}
.contact-form .accepted-row {
  overflow: hidden;
  padding: 0 0 22px;
}
.contact-form .accepted-row label {
  float: none;
  display: block;
  overflow: hidden;
  font-weight: normal;
  padding: 1px 0 0 9px;
}
.contact-form .fields-info {
  overflow: hidden;
  padding: 0 0 20px;
}
.contact-form .fields-info p {
  margin: 0 0 15px;
}
.contact-form .row {
  overflow: hidden;
  padding: 0 93px 8px 0;
}
.contact-form .row label {
  float: left;
  text-align: right;
  font-weight: normal;
  color: #39444a;
  width: 114px;
  padding: 5px 20px 0 0;
}
.contact-form .sel-box {
  overflow: hidden;
}
.contact-form .sel-box select {
  margin: 0;
  padding: 0;
  width: 208px;
}
.contact-form .sel-box.size {
  width: 20%;
  float: left;
}
.contact-form .sel-box.day {
  margin: 0 9px 0 0;
}
.contact-form .sel-box.year {
  float: right;
}
.contact-form .sel-box .select-area {
  width: 100% !important;
  height: 26px;
  background: #c7e9ee;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 11px;
  line-height: 25px;
  color: #238db5;
}
.contact-form .sel-box .select-area .center {
  padding: 0 31px 0 13px;
  height: 24px;
  border: 1px solid #c7e9ee;
}
.contact-form .sel-box .select-area .select-opener {
  height: 26px;
  background: url("../images/bgs/new--select-opener.png") no-repeat 100% 50%;
}
.contact-form .text-input {
  border-radius: 0;
  box-shadow: none;
  border: 0;
  height: 24px;
  padding: 0 12px;
  background: #c7e9ee;
  border: 1px solid #c7e9ee;
}
.contact-form .text-input input[type="text"], .contact-form .calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .forgotten-password-block .create-new-calendar .contact-form .text-input input[type="password"], .contact-form .calendar-account .restart-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .restart-password-block .create-new-calendar .contact-form .text-input input[type="password"], .contact-form .text-input input[type="password"] {
  font-size: 11px;
  line-height: 14px;
  height: 14px;
  padding: 5px 0;
}
.contact-form .area {
  overflow: hidden;
  height: 138px;
  resize: none;
  padding: 6px 6px 6px 12px;
  background: #c7e9ee;
  border: 1px solid #c7e9ee;
}
.contact-form .area textarea {
  height: 140px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #238db5;
  font-size: 11px;
  line-height: 14px;
}
.contact-form .check-row {
  overflow: hidden;
  padding: 7px 0 25px 134px;
}
.contact-form .check-row label {
  float: none;
  display: block;
  overflow: hidden;
  font-weight: normal;
  padding: 1px 0 0 9px;
}
.contact-form .chk-area {
  width: 16px;
  height: 16px;
  margin: 0;
  background: url("../images/sprite.png") no-repeat -871px 0;
}
.contact-form .chk-area.chk-checked {
  background-position: -871px -19px;
}
.contact-form .captcha-row {
  padding: 7px 0 9px;
}
.contact-form .captcha-row label {
  float: left;
  text-align: right;
  font-weight: normal;
  color: #39444a;
  width: 114px;
  padding: 5px 20px 0 0;
}
.contact-form .captcha-box {
  overflow: hidden;
}
.contact-form .captcha-box .captcha {
  float: left;
  width: 116px;
  height: 46px;
  background: #c7e9ee;
  margin: 0 8px 0 0;
}
.contact-form .captcha-box .captcha img {
  display: block;
}
.contact-form .captcha-box .info {
  overflow: hidden;
  padding: 2px 0;
}
.contact-form .captcha-box .info p {
  margin: 0;
  color: #39444a;
  font-size: 11px;
  line-height: 14px;
}
.contact-form .button {
  overflow: hidden;
  padding: 28px 0 0;
}
.contact-form .error-block {
  margin: 0 0 26px;
}
.contact-form .error {
  background: none;
}
.contact-form .error label {
  color: #fe4888;
}
.contact-form .error .sel-box .select-area .center,
.contact-form .error .area,
.contact-form .error .text-input {
  border-color: #fe4888;
}
.contact-form.sample-form .error-block {
  margin-bottom: 13px;
}
.contact-form.sample-form .fields-info {
  padding: 0 0 7px;
}
.contact-form.sample-form .accepted-row {
  padding-bottom: 36px;
}
.contact-form .red-note {
  display: block;
  font-size: 13px;
  line-height: 16px;
  color: #fe4888;
  padding: 0 0 18px 135px;
}
.contact-form .check-post {
  padding: 8px 0 25px;
}
.contact-form .check-post .check-ttl {
  overflow: hidden;
  padding: 0 0 14px;
}
.contact-form .check-post label {
  display: block;
  overflow: hidden;
  font: 22px/26px "FGStdDemiXC";
  color: #2e7aa2;
}
.contact-form .check-post .chk-area {
  margin: 5px 9px 0 0;
}
.contact-form .check-post .text-box {
  overflow: hidden;
}
.contact-form .check-post .img {
  float: left;
  width: 100px;
  margin: 0 18px 0 24px;
}
.contact-form .check-post .img img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.contact-form .check-post .detail {
  overflow: hidden;
}
.contact-form .check-post p {
  margin: 0;
}
.contact-form .radio-group {
  overflow: hidden;
}
.contact-form .rad-area {
  float: left;
  width: 16px;
  height: 16px;
  margin: 5px 9px 0 0;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -871px -37px;
}
.contact-form .rad-area.rad-checked {
  background-position: -871px -55px;
}

.select-options.drop-csel .drop-holder {
  border: 0;
  background: #c7e9ee;
  color: #238db5;
  font-size: 11px;
}
.select-options.drop-csel ul a {
  padding: 2px 13px;
}
.select-options.drop-csel .item-selected a {
  color: #fff;
  background: #fe4888;
}

.error-block {
  border: 1px solid #fe4888;
  padding: 10px 10px 9px;
  margin: 19px 0 -13px;
}
.error-block p {
  margin: 0;
  color: #fe4888;
}
.error-block h4 {
  font: 13px/16px Arial, Helvetica, sans-serif;
  color: #fe4888;
  text-transform: none;
  margin: 0 0 14px;
}

.glossary-list {
  margin: 0 -29px 27px 0;
  padding: 0 0 0 2px;
  list-style: none;
  color: #92b9ce;
  font: 38px/43px "FGStdDemiXC";
  text-transform: uppercase;
  overflow: hidden;
}
.glossary-list li {
  float: left;
  margin: 0 7px 0 0;
}
.glossary-list li a {
  color: #0f7ba4;
  text-decoration: none;
}
.glossary-list li a:hover {
  color: #fe4888;
  text-decoration: underline;
}
.glossary-list li.active a {
  color: #fe4888;
  text-decoration: underline;
}

.glossary-block {
  height: 970px;
  overflow: auto;
  margin: 0 -14px 0 0;
}
.glossary-block .box, .glossary-block .product-detail .product-box .push-block, .product-detail .product-box .glossary-block .push-block {
  padding: 22px 15px 0 0;
}
.glossary-block .box:first-child, .glossary-block .product-detail .product-box .push-block:first-child, .product-detail .product-box .glossary-block .push-block:first-child {
  padding-top: 0;
}
.glossary-block .box p, .glossary-block .product-detail .product-box .push-block p, .product-detail .product-box .glossary-block .push-block p {
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 20px;
}
.glossary-block .box p a, .glossary-block .product-detail .product-box .push-block p a, .product-detail .product-box .glossary-block .push-block p a {
  color: #38444a;
}
.glossary-block .box p a:hover, .glossary-block .product-detail .product-box .push-block p a:hover, .product-detail .product-box .glossary-block .push-block p a:hover {
  color: #fe4888;
}

.glossary-detail {
  margin: -4px 0 43px;
  overflow: hidden;
}
.glossary-detail h1, .glossary-detail h2 {
  margin: 0 0 24px;
  line-height: 42px;
}
.glossary-detail p {
  margin: 0 0 15px;
  line-height: 16px;
}
.glossary-detail ul {
  overflow: hidden;
  padding: 0 0 8px 38px;
  list-style: disc;
}
.glossary-detail ul li {
  padding-bottom: 8px;
}
.glossary-detail ol {
  padding: 0 0 8px 41px;
  list-style: decimal;
}
.glossary-detail ol li {
  padding-bottom: 8px;
}

.glossary-wrapp .related-block {
  margin: 0 -14px;
  padding: 15px 23px 0;
}
.glossary-wrapp .related-block ul li {
  padding: 0 0 14px;
}
.glossary-wrapp .related-block ul li a {
  padding: 0 0 0 13px;
}
.glossary-wrapp .related-block h3 {
  font-size: 24px;
  line-height: 24px;
}
.glossary-wrapp .related-block h3 span {
  font-size: 23px;
}
.glossary-wrapp .desc {
  overflow: hidden;
  padding: 0 0 10px;
}
.glossary-wrapp .desc p {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 17px;
}
.glossary-wrapp h1, .glossary-wrapp h2 {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.search-product h1 {
  font-size: 40px;
  line-height: 40px;
  margin: 0 0 24px;
}
.search-product p {
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 24px;
}
.search-product h2 {
  font-size: 40px;
  line-height: 40px;
  margin: 0 0 34px;
}
.search-product .w2 {
  padding-bottom: 4px;
  min-height: 480px;
}

.product-list {
  overflow: hidden;
  margin: 0 -30px 0 0;
}

.product-info-box {
  width: 234px;
  display: inline-block;
  vertical-align: top;
  margin: 0 26px 26px 0;
}
.product-info-box h3 {
  margin: 0 0 20px;
  overflow: hidden;
  font: 20px/25px Arial, Helvetica, sans-serif;
  text-transform: none;
}
.product-info-box h3 a {
  color: #0f7ba4;
  text-decoration: none;
}
.product-info-box h3 em {
  font-style: italic;
  display: block;
  overflow: hidden;
}
.product-info-box h3 img {
  float: left;
  margin: 0 8px 0 0;
}
.product-info-box h3 span {
  display: block;
  font: 20px/25px Arial, Helvetica, sans-serif;
  color: #0f7ba4;
  padding: 8px 0 0;
}
.product-info-box h3 .tm {
  position: relative;
  font-size: 4px;
  line-height: 4px;
  top: -12px;
  display: inline;
  padding: 0;
}
.product-info-box .img {
  width: 100%;
  overflow: hidden;
  margin: 0 0 24px;
}
.product-info-box .img img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.category-result {
  margin: 0 -30px 25px 0;
  overflow: hidden;
  padding: 0 0 15px;
  background: url("../images/bgs/sep-012.png") no-repeat 50% 100%;
}
.category-result p {
  margin: 0 0 39px;
}
.category-result .category-block {
  margin: 0 26px 26px 0;
  float: none;
  width: 234px;
  display: inline-block;
  vertical-align: top;
}
.category-result .category-block .ttl {
  background: none;
  margin: 0;
  padding: 0 0 7px;
}
.category-result .category-block h2 {
  margin: 0;
  font-size: 36px;
  line-height: 30px;
}
.category-result .category-block p {
  margin: 0 0 15px;
}
.category-result .category-block .img {
  margin: 0 0 35px;
}

.search-global h2 {
  margin: 0 0 14px;
}
.search-global .product-result {
  background: url("../images/bgs/sep-012.png") no-repeat 50% 100%;
  margin: 0 0 25px;
  padding: 0 0 13px;
}
.search-global .product-list {
  padding: 12px 0 0;
}
.search-global .last {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.search-global .w2 {
  padding-bottom: 18px;
}

.glossary-result {
  background: url("../images/bgs/sep-012.png") no-repeat 50% 100%;
  margin: 0 0 27px;
  padding: 0 0 27px;
}
.glossary-result .glossary-block {
  margin: 0;
  height: auto;
  padding: 10px 0;
}

.faq-result {
  background: url("../images/bgs/sep-012.png") no-repeat 50% 100%;
  margin: 0 0 29px;
  padding: 0 0 23px;
}

.faq-block {
  padding: 9px 0 14px;
}
.faq-block h3 {
  margin: 0 0 12px;
}
.faq-block h3 a {
  color: #0f7ba4;
  text-decoration: none;
}
.faq-block p {
  margin: 0 0 23px;
}

.video-result {
  background: url("../images/bgs/sep-012.png") no-repeat 50% 100%;
  margin: 0 -30px 29px 0;
  padding: 0 0 23px;
}

.video-block {
  display: inline-block;
  width: 235px;
  vertical-align: top;
  padding: 11px 27px 11px 0;
}
.video-block h2 {
  margin: 0 0 20px;
  font-size: 36px;
  line-height: 30px;
}
.video-block h2 a {
  color: #0f7ba4;
  text-decoration: none;
}
.video-block .img {
  width: 100%;
  overflow: hidden;
  margin: 0 0 40px;
}
.video-block .img img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.cookie-policy {
  padding: 24px 0 0;
}
.cookie-policy ul {
  padding: 0 0 8px 38px;
  list-style: disc;
}
.cookie-policy ul li {
  padding-bottom: 8px;
}
.cookie-policy p {
  margin: 0 0 15px;
  line-height: 16px;
}
.cookie-policy .privacy-policy-scroll {
  width: 100% !important;
}
.cookie-policy .privacy-policy-scroll .jspContainer {
  width: 100% !important;
}
.cookie-policy .privacy-policy-scroll .jspPane {
  width: 97% !important;
}
.cookie-policy ol {
  padding: 0 0 8px;
}
.cookie-policy ol li {
  position: relative;
  overflow: hidden;
  padding: 0 0 8px 22px;
}
.cookie-policy ol li span {
  display: inline-block;
  width: 18px;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
}

.table-box {
  background: url("../images/bgs/bg-table-box.png") no-repeat 50% 0;
  padding: 39px 0 0;
  width: 508px;
  color: #0f7ba4;
}
.table-box ul {
  font: 20px/20px "FGStdDemiXC";
  color: #0f7ba4;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  text-align: center;
}
.table-box p {
  font: 12px/18px Arial, Helvetica, sans-serif;
  margin: 0;
}
.table-box .col1, .table-box .col2, .table-box .col3, .table-box .col4, .table-box .col5 {
  padding: 15px 12px;
  float: left;
  width: 79px;
}
.table-box .col2 {
  width: 41px;
}
.table-box .col3 {
  width: 80px;
}
.table-box .col4 {
  width: 74px;
}
.table-box .col5 {
  width: 114px;
}
.table-box .cols-box {
  position: relative;
}
.table-box .rows {
  overflow: hidden;
  background: url("../images/bgs/sep-013.png") no-repeat 50% 0;
}
.table-box .line {
  background: url("../images/bgs/sep-013.png") no-repeat 50% 0;
  text-align: center;
  padding: 17px 0 16px;
}
.table-box .dotted {
  background: url("../images/bgs/sep-014.png") no-repeat 6px 0;
}
.table-box .shadow-line {
  left: 92px;
}
.table-box .shadow-line.var-2 {
  left: 170px;
}
.table-box .shadow-line.var-2.var-4 {
  left: 372px;
}
.table-box .shadow-line.var-3 {
  left: 265px;
}

/* Main-content end */
/* Footer start */
footer {
  overflow: hidden;
  padding-bottom: 25px;
  width: 944px;
  margin: 0 auto;
}
footer .social-list {
  display: none;
}
footer .list-block {
  padding: 0 0 11px;
  margin: 0;
  overflow: hidden;
}
footer .list-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
}
footer .list-block ul li {
  margin: 0 26px 9px;
  float: left;
  width: 259px;
}
footer .list-block ul li a {
  padding: 7px 0;
  text-align: center;
  display: block;
  color: #238db5;
  text-decoration: none;
  border-bottom: 1px solid #81cddc;
}
footer .list-block ul li a:hover {
  border-color: #fe4888;
  color: #fe4888;
}
footer .list-block ul li.active a {
  border-color: #fe4888;
  color: #fe4888;
}
footer .copy {
  overflow: hidden;
  margin: 0 0 15px;
  text-align: center;
}
footer .copy p {
  margin: 0;
  font-size: 11px;
  line-height: 13px;
  color: #238db5;
}

/* Footer end */
/* Custom style end */
/* Popup start */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  text-shadow: none;
  border-radius: 10px;
  background: #eff9fb;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 0 12px #043a4e;
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: visible !important;
  height: auto !important;
}

.fancybox-inner .logo img {
  height: 60px;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 8040;
  background: url("../images/bgs/fancybox-close.png") no-repeat;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/bgs/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/* Popup end */
.send-to-friend, .video-popup {
  box-shadow: none;
  background: #eff9fb url("../images/bgs/bg-faq.png") no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.send-to-friend .fancybox-skin, .video-popup .fancybox-skin {
  background: url("../images/bgs/bg-faq-2.png") no-repeat 0 100%;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none;
}
.send-to-friend .fancybox-outer, .video-popup .fancybox-outer {
  background: #ecf0f5 url("../images/bgs/bg-faq-3.png") no-repeat;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.send-to-friend .fancybox-inner, .video-popup .fancybox-inner {
  background: url("../images/bgs/bg-faq-4.png") no-repeat 0 100%;
}
.send-to-friend .fancybox-close, .video-popup .fancybox-close {
  display: none;
}

.send-to-friend-form, .video-popup-wrapp {
  padding: 26px 29px;
  width: 502px;
}
.send-to-friend-form h1, .video-popup-wrapp h1 {
  text-transform: none;
  font-size: 36px;
  line-height: 36px;
}
.send-to-friend-form h1 span, .video-popup-wrapp h1 span {
  font-size: 36px;
}
.send-to-friend-form form, .video-popup-wrapp form,
.send-to-friend-form fieldset,
.video-popup-wrapp fieldset {
  width: 502px !important;
}
.send-to-friend-form .ttl, .video-popup-wrapp .ttl {
  overflow: hidden;
  background: url("../images/bgs/bg-send-to-friend-ttl.png") no-repeat 50% 100%;
  padding-bottom: 32px;
  margin: 0 0 24px;
}
.send-to-friend-form .desc, .video-popup-wrapp .desc {
  background: url("../images/bgs/bg-send-to-friend-ttl.png") no-repeat 50% 100%;
  padding: 0 0 17px;
  margin: 0 0 30px;
}
.send-to-friend-form .desc h2, .video-popup-wrapp .desc h2 {
  font-size: 22px;
  line-height: 22px;
  margin: 0 0 8px;
}
.send-to-friend-form .desc .top, .video-popup-wrapp .desc .top {
  overflow: hidden;
  padding-bottom: 32px;
}
.send-to-friend-form .desc .title, .video-popup-wrapp .desc .title {
  overflow: hidden;
}
.send-to-friend-form .desc .title p, .video-popup-wrapp .desc .title p {
  font-size: 14px;
  line-height: 18px;
}
.send-to-friend-form .desc .title p a, .video-popup-wrapp .desc .title p a {
  color: #38444a;
  text-decoration: none;
}
.send-to-friend-form .desc .logo, .video-popup-wrapp .desc .logo {
  float: right;
  margin: 0;
}
.send-to-friend-form .desc .text-box, .video-popup-wrapp .desc .text-box {
  overflow: hidden;
}
.send-to-friend-form .desc .text-box p, .video-popup-wrapp .desc .text-box p {
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 16px;
}
.send-to-friend-form .contact-form .check-row, .video-popup-wrapp .contact-form .check-row {
  padding: 2px 0 21px 0;
}
.send-to-friend-form .contact-form .check-row input[type="checkbox"], .video-popup-wrapp .contact-form .check-row input[type="checkbox"] {
  float: left;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
.send-to-friend-form .contact-form .row, .video-popup-wrapp .contact-form .row {
  padding: 0 0 23px;
}
.send-to-friend-form .contact-form .row label, .video-popup-wrapp .contact-form .row label {
  display: block;
  float: none;
  padding: 0 0 6px;
  text-align: left;
  width: 100%;
}
.send-to-friend-form .contact-form .col, .video-popup-wrapp .contact-form .col {
  width: 243px;
  float: left;
  margin: 0 0 0 16px;
}
.send-to-friend-form .contact-form .col:first-child, .video-popup-wrapp .contact-form .col:first-child {
  margin: 0;
}
.send-to-friend-form .contact-form .col p, .video-popup-wrapp .contact-form .col p {
  margin: 0 0 7px;
  font-size: 11px;
}
.send-to-friend-form .contact-form input[type="text"], .video-popup-wrapp .contact-form input[type="text"], .send-to-friend-form .contact-form .calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .forgotten-password-block .create-new-calendar .text-input .send-to-friend-form .contact-form input[type="password"], .video-popup-wrapp .contact-form .calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .forgotten-password-block .create-new-calendar .text-input .video-popup-wrapp .contact-form input[type="password"], .send-to-friend-form .contact-form .calendar-account .restart-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .restart-password-block .create-new-calendar .text-input .send-to-friend-form .contact-form input[type="password"], .video-popup-wrapp .contact-form .calendar-account .restart-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .restart-password-block .create-new-calendar .text-input .video-popup-wrapp .contact-form input[type="password"], .send-to-friend-form .contact-form .text-input input[type="password"], .text-input .send-to-friend-form .contact-form input[type="password"], .video-popup-wrapp .contact-form .text-input input[type="password"], .text-input .video-popup-wrapp .contact-form input[type="password"] {
  margin: 0;
  padding: 5px 0;
  border: 0;
  background: none;
  width: 100%;
  float: left;
  color: #318db5;
  font-size: 12px;
  line-height: 15px;
  height: 15px;
}
.send-to-friend-form .contact-form .captcha, .video-popup-wrapp .contact-form .captcha {
  width: 116px;
}
.send-to-friend-form .contact-form .captcha img, .video-popup-wrapp .contact-form .captcha img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.send-to-friend-form .contact-form .form-info, .video-popup-wrapp .contact-form .form-info {
  padding: 9px 0 20px;
  overflow: hidden;
}
.send-to-friend-form .contact-form .form-info p, .video-popup-wrapp .contact-form .form-info p {
  line-height: 16px;
  margin: 0 0 16px;
}
.send-to-friend-form .contact-form .button, .video-popup-wrapp .contact-form .button {
  padding: 0;
  text-align: center;
}
.send-to-friend-form .contact-form .button .btn-submit, .video-popup-wrapp .contact-form .button .btn-submit, .send-to-friend-form .contact-form .button .btn-refresh, .video-popup-wrapp .contact-form .button .btn-refresh {
  margin: 0 4px;
  float: none;
  display: inline-block;
}

.video-popup .fancybox-close {
  display: block;
  width: 28px;
  height: 29px;
  background: url("../images/bgs/fancybox-close2.png") no-repeat;
  top: 36px;
  right: 32px;
}

.video-popup-wrapp {
  padding-bottom: 33px;
}
.video-popup-wrapp h1 {
  margin: 0 0 25px;
}
.video-popup-wrapp .desc {
  background: none;
  margin: 0;
  padding: 0;
}
.video-popup-wrapp .desc p {
  line-height: 16px;
  margin: 0 0 17px;
}
.video-popup-wrapp .video-box {
  overflow: hidden;
}
.video-popup-wrapp .video-box img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.alert-popup-wrapp {
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  color: #ff5187;
  padding: 30px 0;
  width: 565px;
}
.alert-popup-wrapp p {
  margin: 0;
}

.reminders-popup-wrapp {
  width: 570px;
  overflow: hidden;
  padding: 22px 0 0;
}

.how-it-works-block {
  width: 831px;
  height: 740px;
}
.how-it-works-block h2 {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 8px;
}
.how-it-works-block h3 {
  font: bold 13px/16px Arial, Helvetica, sans-serif;
  margin: 0;
  text-transform: none;
}
.how-it-works-block .pink {
  color: #ff5187;
}
.how-it-works-block .img-box {
  overflow: hidden;
  margin: 0 0 0 -26px;
  padding: 5px 0 33px;
  position: relative;
}
.how-it-works-block .img-box img {
  float: left;
  margin: 0 0 0 26px;
}

.calendar-impression-page {
  background: white url("../images/bgs/bg-calendar-impression.png") no-repeat 50% 0;
}
.calendar-impression-page .page {
  width: 1450px;
}
.calendar-impression-page header {
  padding: 63px 78px 202px;
}
.calendar-impression-page .logo {
  margin: 0;
}
.calendar-impression-page .calendar-content {
  margin: 0;
  width: 100%;
  float: none;
  padding: 0;
  background: #fff;
}
.calendar-impression-page .calendar-block {
  padding: 0 0 157px;
  overflow: hidden;
  margin: 0 -20px 0 0;
  text-align: center;
}
.calendar-impression-page .calendar-detail {
  padding: 0;
  background: none;
}
.calendar-impression-page .calendar-detail .block {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.calendar-impression-page .calendar-detail .col-block {
  border-top: 1px solid #75cddd;
  padding: 10px 5px;
  margin: 0 -20px 0 0;
}
.calendar-impression-page .calendar-detail .col {
  width: auto;
  margin: 0;
  padding: 10px 0 10px 20px;
  border-left: 1px solid #75cddd;
}
.calendar-impression-page .calendar-detail .col:first-child {
  border: 0;
  padding-left: 0;
}
.calendar-impression-page .calendar-detail h3 {
  margin: 0 17px 0 0;
  padding: 0;
  border: 0;
  float: left;
  font-size: 25px;
  line-height: 25px;
}
.calendar-impression-page .calendar-detail dl {
  float: left;
  padding: 4px 0 0;
  font-size: 15px;
  line-height: 19px;
}
.calendar-impression-page .calendar-detail dl dt {
  margin: 0 12px 0 0;
}
.calendar-impression-page .calendar-detail dl dd {
  float: left;
  padding: 0 16px 0 0;
}
.calendar-impression-page .menstrual-calendar {
  display: inline-block;
  width: 467px;
  margin: 0 10px 80px;
}
.calendar-impression-page .menstrual-calendar h3 {
  font-size: 35px;
  line-height: 35px;
  margin: 0 0 42px;
}
.calendar-impression-page .menstrual-calendar .calendar {
  padding: 0;
}
.calendar-impression-page .menstrual-calendar .days-week {
  font-size: 17px;
  line-height: 20px;
  padding: 0 0 9px;
}
.calendar-impression-page .menstrual-calendar .days-week li {
  width: 66px;
}
.calendar-impression-page .menstrual-calendar .days-list {
  font-size: 20px;
  line-height: 23px;
}
.calendar-impression-page .menstrual-calendar .days-list li {
  width: 65px;
  height: 93px;
}
.calendar-impression-page .menstrual-calendar .days-list li a {
  padding: 35px 0 34px;
}
.calendar-impression-page .menstrual-calendar .days-list .intermenstrual-period a {
  background: url("../images/bgs/bg-intermenstrual-period2.png") no-repeat 0 100%;
}
.calendar-impression-page h1 {
  text-align: center;
  font-size: 60px;
  line-height: 60px;
  margin: 0 0 104px;
}
.calendar-impression-page h1 span {
  font-size: 60px;
}
.calendar-impression-page .option-info {
  overflow: hidden;
  padding: 0;
  border: solid #75cddd;
  border-width: 1px 0;
  text-align: center;
  padding: 17px 0 11px;
}
.calendar-impression-page .option-info .line {
  float: none;
  display: inline-block;
  padding: 0;
  border: 0;
}
.calendar-impression-page .option-info span {
  font-size: 25px;
  line-height: 26px;
  padding: 1px 0 0 32px;
  float: none;
  display: inline-block;
  min-width: 0;
  text-align: left;
  margin: 0 28px;
  background-position: 0 50%;
}

.edit-calendar {
  width: 410px;
  overflow: hidden;
}
.edit-calendar h2 {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 14px;
}
.edit-calendar h3 {
  font-size: 22px;
  line-height: 22px;
}
.edit-calendar h4 {
  font: bold 13px/16px Arial, Helvetica, sans-serif;
  text-transform: none;
  margin: 0 0 9px;
}
.edit-calendar .rad-area {
  width: 12px;
  height: 12px;
  float: left;
  background: url("../images/sprite.png") no-repeat -898px 0;
  text-transform: none;
}
.edit-calendar .error {
  background: none;
  border: 0;
}
.edit-calendar .error .rad-area {
  background-position: -898px -33px;
}
.edit-calendar .error .rad-checked {
  background-position: -898px -16px;
}
.edit-calendar .error label {
  color: #FF5086 !important;
}
.edit-calendar .rad-checked {
  background-position: -898px -16px;
}
.edit-calendar .row {
  border-top: 1px solid #65cdde;
  padding: 5px 0 4px;
}
.edit-calendar .type-of-bleeding {
  border-top: 1px solid #65cdde;
  padding: 16px 0 15px;
}
.edit-calendar .type-of-bleeding .radio-list {
  margin: 0;
}
.edit-calendar .type-of-bleeding .radio-list .over-type {
  padding: 0 15px 0px 0;
}
.edit-calendar input[type="radio"] {
  float: left;
  width: 13px;
  height: 13px;
  margin: 1px 6px 0 0;
}
.edit-calendar .radio-list {
  overflow: hidden;
  padding: 0 0 13px;
  margin: 0 -50px 0 0;
}
.edit-calendar .radio-list .over-type {
  float: left;
  width: auto;
  padding-right: 10px;
}
.edit-calendar .radio-list label {
  float: left;
  font-weight: normal;
  color: #39444a;
}
.edit-calendar .radio-list .rad-area {
  margin: 2px 7px 0 0;
}
.edit-calendar .notes h4 {
  color: #ff5187;
  margin: 0;
  padding: 0;
}
.edit-calendar .notes p {
  color: #ff5187;
  line-height: 16px;
  margin: 0;
}
.edit-calendar .length-bleeding {
  border-top: 1px solid #65cdde;
  overflow: hidden;
  padding: 12px 0;
}
.edit-calendar .length-bleeding label {
  float: left;
  font-size: 13px;
  line-height: 16px;
  color: #028eb7;
  margin: 2px 15px 0 0;
}
.edit-calendar .length-bleeding .c-sel-day {
  width: 42px;
  float: left;
  margin: 0 9px 0 0;
}
.edit-calendar .length-bleeding .select-area {
  float: left;
  margin: 0 9px 0 0;
}
.edit-calendar .length-bleeding .select-area .center {
  padding: 0 10px;
  line-height: 19px;
}
.edit-calendar .length-bleeding span {
  display: block;
  overflow: hidden;
  line-height: 21px;
}
.edit-calendar .your-flow {
  border-top: 1px solid #65cdde;
  overflow: hidden;
  padding: 14px 0 9px;
}
.edit-calendar .your-flow label {
  float: left;
}
.edit-calendar .your-flow label span {
  float: left;
  padding: 0 10px 0 0;
}
.edit-calendar .your-flow label img {
  float: left;
  margin: -3px 0 0;
  position: relative;
}
.edit-calendar .your-flow .radio-list {
  padding: 0;
}
.edit-calendar .mood {
  border-top: 1px solid #65cdde;
  overflow: hidden;
  padding: 14px 0 10px;
}
.edit-calendar .mood label {
  float: left;
}
.edit-calendar .mood label span {
  float: left;
  padding: 0 10px 0 0;
}
.edit-calendar .mood label img {
  float: left;
  margin: -3px 0 0;
  position: relative;
}
.edit-calendar .mood .radio-list {
  padding: 5px 0;
}
.edit-calendar .mood h4 {
  margin: 0 0 4px;
}
.edit-calendar .area-block {
  border-top: 1px solid #65cdde;
  padding: 17px 0;
}
.edit-calendar .area {
  background: #fff;
  border: 1px solid #bcf2fb;
  resize: none;
  padding: 6px;
  height: 82px;
}
.edit-calendar .area textarea {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 100%;
  height: 100%;
  font-size: 13px;
  line-height: 16px;
}
.edit-calendar .doctor-info {
  overflow: hidden;
  border-top: 1px solid #65cdde;
  padding: 14px 0;
}
.edit-calendar .doctor-info span {
  float: left;
  line-height: 26px;
  padding: 0 9px 0 10px;
}
.edit-calendar .doctor-info .error {
  background: none;
  border: 0;
}
.edit-calendar .doctor-info .text-input {
  float: left;
  height: 24px;
  border: 1px solid #bcf2fb;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  padding: 0 6px;
  width: 35px;
}
.edit-calendar .doctor-info .text-input input[type="text"], .edit-calendar .doctor-info .calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .forgotten-password-block .create-new-calendar .edit-calendar .doctor-info .text-input input[type="password"], .edit-calendar .doctor-info .calendar-account .restart-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .restart-password-block .create-new-calendar .edit-calendar .doctor-info .text-input input[type="password"], .edit-calendar .doctor-info .text-input input[type="password"] {
  color: #39444a;
  padding: 5px 0 4px;
}
.edit-calendar .doctor-info .text-input.appointment-name {
  width: 200px;
}
.edit-calendar .doctor-info .text-input.error {
  border-color: #FF5086;
  background: #fff;
}
.edit-calendar .button {
  text-align: center;
  overflow: hidden;
}
.edit-calendar .button .read-more, .edit-calendar .button .cancel {
  float: left;
  width: 127px;
  padding: 8px 0 4px;
  margin: 0 14px 0 0;
}
.edit-calendar .button .save {
  margin: 0;
  background: #ff5187;
  color: #fff;
  border-color: #ff5187;
}

.drop-c-sel-day ul li a {
  padding: 2px 10px;
}

.address-info {
  background: #fff;
  margin: 63px 0 -13px;
  overflow: hidden;
  padding: 28px 28px 18px;
}
.address-info ul {
  margin: 0;
  padding: 0 0 13px;
  list-style: none;
  font-size: 13px;
  line-height: 16px;
}

.push-block {
  overflow: hidden;
  width: 250px;
  padding: 26px 0;
}
.push-block h3 {
  margin: 0 0 10px;
}
.push-block .img {
  margin: 0 0 22px;
}
.push-block .img img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.push-block .button {
  text-align: center;
}
.push-block .ob-animations-tag {
  margin: 0 auto;
}

.article-gallery {
  background: #feffff url("../images/bgs/bg-article-gallery.png") no-repeat;
  width: 567px;
  min-height: 580px;
  position: relative;
  padding: 13px 0;
  margin: 16px 2px;
}
.article-gallery .slider {
  margin: 0 53px;
  overflow: hidden;
  position: relative;
}
.article-gallery .slider ul {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 99999px;
}
.article-gallery .slider ul li {
  width: 461px;
  float: left;
}
.article-gallery .img {
  height: 290px;
  margin: 0 0 55px;
}
.article-gallery .img img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  float: none;
}
.article-gallery .desc {
  padding: 0 12px;
}
.article-gallery .desc h3 {
  font: 34px/34px "FGStdDemiXC";
  text-transform: none;
  color: #10759b;
  margin: 0 0 7px;
}
.article-gallery .desc p {
  color: #10759b;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 16px;
}
.article-gallery .prev, .article-gallery .next, .article-gallery .pager li.prev, .pager .article-gallery li.prev, .article-gallery .switcher .next {
  position: absolute;
  left: 19px;
  top: 168px;
  width: 19px;
  height: 39px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/sprite.png") no-repeat -91px -2px;
}
.article-gallery .next, .article-gallery .pager li.prev, .pager .article-gallery li.prev, .pager .article-gallery li.next, .article-gallery .pager li.next {
  background-position: -119px -2px;
  right: 19px;
  left: auto;
}
.article-gallery .switcher {
  position: absolute;
  left: 52px;
  top: 326px;
  overflow: hidden;
}
.article-gallery .switcher .over-list {
  width: 414px;
  overflow: hidden;
  float: left;
}
.article-gallery .switcher ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 12px;
  background: url("../images/bgs/bg-article-switcher.png") repeat-x;
}
.article-gallery .switcher ul li {
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  height: 12px;
  padding: 0;
  cursor: pointer;
}
.article-gallery .switcher ul li.active {
  background: url("../images/bgs/bg-article-switcher-btn.png") no-repeat 50% 0;
}
.article-gallery .switcher ul li span {
  display: block;
  height: 100%;
}
.article-gallery .switcher ul li.first.active {
  background-position: 0 0;
}
.article-gallery .switcher ul li.last.active {
  background-position: 100% 0;
}
.article-gallery .switcher .prev, .article-gallery .switcher .next {
  position: relative;
  float: left;
  width: 24px;
  height: 11px;
  top: 0;
  left: 0;
  cursor: pointer;
  background: url("../images/sprite.png") no-repeat -942px 0;
}
.article-gallery .switcher .prev:hover, .article-gallery .switcher .next:hover {
  background-position: -942px	-30px;
}
.article-gallery .switcher .next, .article-gallery .switcher .pager li.prev, .pager .article-gallery .switcher li.prev {
  float: right;
  background-position: -968px -30px;
}
.article-gallery .switcher .next:hover, .article-gallery .switcher .pager li.prev:hover, .pager .article-gallery .switcher li.prev:hover {
  background-position: -968px 0;
}

.overlay-message-alerte {
  position: absolute;
  left: 0;
  top: 0;
  width: 450px;
  height: 100%;
  z-index: 10000;
  margin: 0 -20px;
}

.ob-message-alerte {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 410px;
  padding: 34px 20px 26px;
  margin: 0 0 -20px;
  overflow: hidden;
  font-weight: bold;
  color: #ff5187;
  box-shadow: 0 0 12px #043a4e;
  border-radius: 10px;
  background: #EFF9FB;
}
.ob-message-alerte p {
  margin: 0 0 16px;
  line-height: 16px;
}
.ob-message-alerte .button {
  padding: 8px 0 0;
}
.ob-message-alerte .button .read-more, .ob-message-alerte .button .cancel {
  text-align: center;
  padding: 8px 16px 4px;
  min-width: 162px;
  margin: 0 0 0 18px;
}
.ob-message-alerte .button .read-more.first-item, .ob-message-alerte .button .first-item.cancel {
  margin: 0;
}

.ob-forum {
  float: right;
  width: 617px;
  margin: 0 -21px 0 0;
  padding: 4px 0 0;
  word-wrap: break-word;
}
.ob-forum .info-message {
  margin: 4px 0 13px;
  padding: 13px 18px 10px;
}
.ob-forum h1 {
  font-size: 40px;
  line-height: 40px;
  margin: 0 0 14px;
}
.ob-forum .desc {
  margin: 0 0 22px;
}
.ob-forum .desc p {
  line-height: 16px;
}
.ob-forum .reg-info {
  overflow: hidden;
  padding: 0 0 15px;
  margin: -15px 0 11px;
  border-bottom: 1px solid #50b1cb;
}
.ob-forum .reg-info p {
  color: #007ca6;
}
.ob-forum .reg-info .read-more, .ob-forum .reg-info .cancel {
  text-align: center;
  margin: 0;
  min-width: 90px;
}

.topic-list {
  margin: 0;
  padding: 2px 0 13px;
  list-style: none;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
}
.topic-list li {
  float: left;
  margin: 0 7px 0 0;
}
.topic-list li a {
  background: url("../images/bgs/bullet-013.png") no-repeat 100% 4px;
  color: #007ca6;
  text-decoration: none;
  padding: 0 10px 0 0;
}
.topic-list li a:hover {
  text-decoration: underline;
}

.forum-topic {
  background: #fff;
  padding: 0 10px 9px;
  margin: 0 0 24px;
}
.forum-topic table {
  width: 597px;
}
.forum-topic table tbody {
  border: 0;
}
.forum-topic table tr {
  background: #c3e9ef;
}
.forum-topic table tr.even {
  background: #eef9fb;
}
.forum-topic table tr.even td {
  border-right-color: #eef9fb;
}
.forum-topic table tr.even td.col4 {
  border-right-color: #fff;
}
.forum-topic table th {
  text-transform: uppercase;
  border: 1px solid #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  color: #008eb7;
  padding: 12px 0 9px;
  background: #fff;
  text-align: center;
}
.forum-topic table th a {
  color: #008eb7;
  background: url(../images/sprite.png) no-repeat 100% -80px;
  padding-right: 20px;
}
.forum-topic table th a.ordered-active.ordered-desc {
  background-position: 100% -99px;
}
.forum-topic table th a.ordered-active.ordered-asc {
  background-position: 100% -118px;
}
.forum-topic table th.col1, .forum-topic table .table-box th.col2, .table-box .forum-topic table th.col2, .forum-topic table .table-box th.col3, .table-box .forum-topic table th.col3, .forum-topic table .table-box th.col4, .table-box .forum-topic table th.col4, .forum-topic table .table-box th.col5, .table-box .forum-topic table th.col5 {
  text-align: left;
  padding: 12px 44px 9px;
  width: 243px;
}
.forum-topic table th.col2 {
  width: 64px;
}
.forum-topic table th.col3 {
  width: 64px;
}
.forum-topic table th.col4 {
  text-align: left;
  padding: 12px 16px 9px;
  width: 103px;
}
.forum-topic table td {
  border: 1px solid #fff;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  padding: 10px 0;
}
.forum-topic table td.col1, .forum-topic table .table-box td.col2, .table-box .forum-topic table td.col2, .forum-topic table .table-box td.col3, .table-box .forum-topic table td.col3, .forum-topic table .table-box td.col4, .table-box .forum-topic table td.col4, .forum-topic table .table-box td.col5, .table-box .forum-topic table td.col5 {
  text-align: left;
  padding: 10px 9px;
  width: 313px;
}
.forum-topic table td.col1 img, .forum-topic table .table-box td.col2 img, .table-box .forum-topic table td.col2 img, .forum-topic table .table-box td.col3 img, .table-box .forum-topic table td.col3 img, .forum-topic table .table-box td.col4 img, .table-box .forum-topic table td.col4 img, .forum-topic table .table-box td.col5 img, .table-box .forum-topic table td.col5 img {
  float: left;
  margin: -6px 14px 0 -7px;
}
.forum-topic table td.col1 a, .forum-topic table .table-box td.col2 a, .table-box .forum-topic table td.col2 a, .forum-topic table .table-box td.col3 a, .table-box .forum-topic table td.col3 a, .forum-topic table .table-box td.col4 a, .table-box .forum-topic table td.col4 a, .forum-topic table .table-box td.col5 a, .table-box .forum-topic table td.col5 a {
  display: inline-block;
  margin-top: 8px;
}
.forum-topic table td.col2 {
  width: 64px;
}
.forum-topic table td.col3 {
  width: 64px;
}
.forum-topic table td.col4 {
  text-align: left;
  padding: 10px 16px;
  width: 103px;
  font-size: 12px;
}
.forum-topic table td.col4 span {
  display: block;
}
.forum-topic table a {
  font-weight: bold;
  color: #007ca6;
  text-decoration: none;
}
.forum-topic table a:hover {
  text-decoration: underline;
}

.topic-info-bar {
  background: white url("../images/bgs/sep-019.png") repeat-x;
}
.topic-info-bar .top {
  border: solid #c9e3ec;
  border-width: 1px 0;
  padding: 10px 19px 15px;
  overflow: hidden;
}
.topic-info-bar .top ul {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 16px;
  color: #007ca6;
}
.topic-info-bar .top ul li {
  float: left;
  margin: 0 25px 0 0;
}
.topic-info-bar .top ul img {
  float: left;
  margin: -6px 11px 0 -7px;
}
.topic-info-bar .top ul span {
  float: left;
  padding: 8px 0 0;
}
.topic-info-bar .top .forum-tools {
  float: right;
}

.forum-tools {
  overflow: hidden;
  padding: 4px 0 0;
}
.forum-tools .c-sel {
  width: 150px;
}

.statistic-info {
  overflow: hidden;
  padding: 12px 20px;
  min-height: 100px;
}
.statistic-info h3 {
  font: 16px/16px "FGStdDemiC";
  color: #fe4888;
  margin: 0 0 5px;
}
.statistic-info .going {
  float: left;
  width: 270px;
  margin: 0 20px 0 0;
}
.statistic-info .going ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  color: #fe4888;
}
.statistic-info .going ul li {
  float: left;
  margin: 0 3px 0 0;
}
.statistic-info .active-user {
  overflow: hidden;
  color: #007ca6;
}
.statistic-info .active-user p {
  line-height: 16px;
  margin: 0;
}
.statistic-info .statistic {
  float: left;
  width: 280px;
}
.statistic-info .statistic ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #007ca6;
}
.statistic-info .statistic ul li {
  float: left;
  margin: 0 3px 0 0;
}

.forum-bar {
  overflow: hidden;
  margin: 0 0 1px;
  background: #c3e9ef;
  padding: 8px 10px;
}

.new-topic, .answer-topic {
  margin: 0 10px 0 0;
  float: left;
  background: #fe4888;
  color: #fff;
  text-decoration: none;
  font: 16px/21px "FGStdDemiC";
  text-transform: uppercase;
  padding: 0 7px;
  border-radius: 4px;
}
.new-topic span, .answer-topic span {
  display: block;
  padding: 0 20px 0 25px;
  background: url("../images/bgs/bullet-014.png") no-repeat 0 50%;
}

.answer-topic span {
  background: url("../images/bgs/bullet-015.png") no-repeat 0 50%;
  padding: 0 28px 0 30px;
}

.sort-bar {
  float: left;
}
.sort-bar .c-sel {
  width: 100px;
}
.sort-bar .select-area {
  float: left;
  margin: 0 10px 0 0;
}
.sort-bar .sort {
  float: left;
  font-size: 12px;
  line-height: 21px;
  color: #007ca6;
  padding: 0 12px;
  border-radius: 4px;
  text-decoration: none;
  background: #eef9fb;
}

.pager {
  float: right;
  margin: 0 12px 0 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 21px;
  color: #fe4888;
  font-weight: bold;
}
.pager li {
  float: left;
  margin: 0 6px;
}
.pager li a {
  color: #007ca6;
  text-decoration: none;
}
.pager li a:hover {
  color: #fe4888;
}
.pager li.next a, .pager li.prev a {
  width: 7px;
  height: 7px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background: url("../images/sprite.png") no-repeat -83px -85px;
  margin-top: 7px;
}
.pager li.prev a, .pager .home-gallery li.next a, .home-gallery .pager li.next a, .pager .product-gallery li.next a, .product-gallery .pager li.next a, .pager .search-result li.next a, .search-result .pager li.next a, .pager .calendar-block li.next a, .calendar-block .pager li.next a, .pager .pager-list li.next a, .pager-list .pager li.next a, .pager .article-gallery li.next a, .article-gallery .pager li.next a, .article-gallery .switcher .pager li.prev a, .pager .article-gallery .switcher li.prev a {
  background-position: -72px -85px;
}

.topic-list-info {
  overflow: hidden;
  background: white url("../images/bgs/sep-019.png") repeat-x;
}
.topic-list-info ul {
  overflow: hidden;
  margin: 0 -200px 0 0;
  padding: 0 0 5px 12px;
  list-style: none;
  color: #007ca6;
  font-size: 13px;
  line-height: 16px;
  border-top: 1px solid #c0d3e2;
}
.topic-list-info ul li {
  float: left;
  width: 198px;
  padding: 0 60px 0 0;
}
.topic-list-info ul li:first-child {
  padding: 0;
}
.topic-list-info ul img {
  float: left;
  margin: 0 10px 0 0;
}
.topic-list-info ul span {
  float: left;
  margin: 13px 0 0;
  width: 155px;
}

.user-info {
  background: #fff;
  padding: 18px 20px 24px;
  margin: 0 0 20px;
  text-align: center;
}
.user-info h3 {
  font: bold 14px/17px Arial, Helvetica, sans-serif;
  color: #007ca6;
  margin: 0 0 15px;
  text-transform: none;
}
.user-info .ava {
  overflow: hidden;
  margin: 0 0 13px;
}
.user-info .ava img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.user-info .status {
  display: inline-block;
  padding: 0 0 0 20px;
  margin: 0 0 9px;
  font-size: 13px;
  line-height: 15px;
  color: #fe4888;
  font-weight: bold;
  background: url("../images/bgs/status-ofline.png") no-repeat 0 50%;
}
.user-info .status.online {
  background: url("../images/bgs/status-online.png") no-repeat 0 50%;
}
.user-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  line-height: 16px;
  color: #007ca6;
}
.user-info ul li {
  border-top: 1px solid #c3e9ef;
  padding: 12px 0 9px;
}
.user-info .read-more, .user-info .cancel, .user-info .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .user-info .read-more {
  display: block;
  margin-bottom: 10px;
}
.user-info .read-more span, .user-info .cancel span, .user-info .menstrual-calendar .days-list .read-more span, .menstrual-calendar .days-list .user-info .read-more span {
  display: inline-block;
}

.topic-post-list {
  overflow: hidden;
  padding: 7px 0 0;
}

.preview-topic {
  background: #c3e9ef;
  border-bottom: 1px solid #96d8e6;
  padding: 10px 10px 10px 15px;
  overflow: hidden;
}
.preview-topic h2 {
  font: bold 14px/18px Arial, Helvetica, sans-serif;
  margin: 0;
  float: left;
  text-transform: none;
}

.go-top {
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  width: 23px;
  height: 18px;
  background: url("../images/sprite.png") no-repeat -72px -102px;
}

.topic-post {
  background: #c3e9ef;
}
.topic-post .title {
  overflow: hidden;
  background: #efe5f3;
  padding: 0 15px;
  color: #fe4888;
}
.topic-post .title h3 {
  color: #fe4888;
  font: bold 14px/40px Arial, Helvetica, sans-serif;
  margin: 0;
  text-transform: none;
  float: left;
}
.topic-post .date {
  float: right;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 40px;
}
.topic-post .holder {
  overflow: hidden;
}
.topic-post .user-info {
  float: left;
  width: 167px;
  padding: 16px 0 0;
  background: #c3e9ef;
  margin: 0;
}
.topic-post .user-info h3 {
  margin: 0 0 8px;
}
.topic-post .user-info ul {
  border-bottom: 1px solid #fff;
}
.topic-post .user-info ul li {
  border-top: 1px solid #fff;
  padding: 9px 0;
}
.topic-post .user-info .status {
  margin: 0 0 5px;
}
.topic-post .post-text {
  background: #fff;
  min-height: 195px;
  overflow: hidden;
  padding: 16px 16px 0;
}
.topic-post .post-text p {
  line-height: 16px;
  margin: 0 0 15px;
}
.topic-post .post-text blockquote {
  border: 1px solid #c3e9ef;
  background: #eef9fb;
  font-size: 13px;
  line-height: 16px;
  color: #007ca6;
  font-style: italic;
  padding: 11px 9px;
  margin: 0 0 14px;
}
.topic-post .post-text blockquote q {
  display: block;
}
.topic-post .button {
  overflow: hidden;
  border-top: 1px solid #eef9fb;
  position: relative;
  margin: 0 -16px;
  padding: 2px;
}
.topic-post .button ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  font: 16px/31px "FGStdDemiC";
  text-transform: uppercase;
}
.topic-post .button ul li {
  float: left;
  margin: 0 0 0 2px;
}
.topic-post .button ul li a {
  display: block;
  border-radius: 2px;
  background: #eef9fb;
  text-decoration: none;
  padding: 0 8px;
  min-width: 70px;
  text-align: center;
}
.topic-post .button .go-top {
  float: left;
  background-position: -97px -102px;
  margin: 7px 0 0 16px;
}
.topic-post .user-write {
  display: block;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  color: #007ca6;
  margin: 0 0 10px;
}

.add-new-topic {
  overflow: hidden;
  background: #c3e9ef;
  margin-top: 21px;
}
.add-new-topic .title {
  padding: 0 12px;
  background: #efe5f3;
}
.add-new-topic .title h3 {
  font: bold 13px/40px Arial, Helvetica, sans-serif;
  color: #fe4888;
  margin: 0;
}
.add-new-topic .new-topic-form {
  padding: 0 1px 2px;
}
.add-new-topic .ttl {
  overflow: hidden;
  border-bottom: 1px solid #c3e9ef;
  background: #80d0e1;
  padding: 0 6px;
}
.add-new-topic .ttl label {
  float: left;
  border-right: 1px solid #c3e9ef;
  padding: 15px 15px 7px;
  margin: 0 6px 0 0;
  font-size: 13px;
  line-height: 16px;
  color: #007ca6;
  font-weight: bold;
  width: 46px;
  text-align: right;
}
.add-new-topic .ttl .text-input {
  height: 24px;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  border-color: #c3e9ef;
  margin: 6px 0;
  padding: 0 10px;
}
.add-new-topic .ttl .text-input input[type="text"], .add-new-topic .ttl .calendar-account .forgotten-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .forgotten-password-block .create-new-calendar .add-new-topic .ttl .text-input input[type="password"], .add-new-topic .ttl .calendar-account .restart-password-block .create-new-calendar .text-input input[type="password"], .calendar-account .restart-password-block .create-new-calendar .add-new-topic .ttl .text-input input[type="password"], .add-new-topic .ttl .text-input input[type="password"] {
  padding: 4px 0 5px;
}
.add-new-topic .message-box {
  overflow: hidden;
  background: #fff;
  margin: 0 0 2px;
}
.add-new-topic .message-box label {
  float: left;
  font-size: 13px;
  line-height: 16px;
  color: #007ca6;
  font-weight: bold;
  padding: 10px 13px 0 0;
  text-align: right;
  width: 69px;
}
.add-new-topic .add-message {
  overflow: hidden;
  margin: 0 0 0 -1px;
  position: relative;
  border-left: 1px solid #c3e9ef;
}
.add-new-topic .bar {
  overflow: hidden;
  background: #f2f1ee;
  margin: 0 0 7px;
}
.add-new-topic .bar img {
  display: block;
}
.add-new-topic .area {
  height: 139px;
  margin: 0 6px 6px;
  border: 1px solid #c3e9ef;
  background: #fff;
  padding: 6px;
}
.add-new-topic .area textarea {
  width: 100%;
  height: 100%;
  resize: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: 12px;
  line-height: 15px;
  color: #318DB5;
}
.add-new-topic .info-message {
  margin: 0 6px 6px;
  padding: 13px 18px 10px;
}
.add-new-topic .button {
  overflow: hidden;
  padding: 0 1px;
}
.add-new-topic .button ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  font: 16px/31px "FGStdDemiC";
  text-transform: uppercase;
}
.add-new-topic .button ul li {
  float: left;
  margin: 0 0 0 2px;
}
.add-new-topic .button ul li a {
  display: block;
  border-radius: 2px;
  background: #eef9fb;
  text-decoration: none;
  padding: 0 8px;
  min-width: 70px;
  text-align: center;
}

.ob-gamme {
  overflow: hidden;
  padding: 3px 0 10px;
}
.ob-gamme .box, .ob-gamme .product-detail .product-box .push-block, .product-detail .product-box .ob-gamme .push-block {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 283px;
  padding: 19px 0;
}
.ob-gamme .box .img, .ob-gamme .product-detail .product-box .push-block .img, .product-detail .product-box .ob-gamme .push-block .img {
  float: left;
  width: 165px;
  margin: 0 10px 0 0;
}
.ob-gamme .box .img img, .ob-gamme .product-detail .product-box .push-block .img img, .product-detail .product-box .ob-gamme .push-block .img img {
  margin: 0;
  float: none;
  display: block;
  max-width: 100%;
  width: 100%;
}
.ob-gamme .box .desc, .ob-gamme .product-detail .product-box .push-block .desc, .product-detail .product-box .ob-gamme .push-block .desc {
  overflow: hidden;
  padding: 9px 6px 0 0;
}
.ob-gamme .box .desc h3, .ob-gamme .product-detail .product-box .push-block .desc h3, .product-detail .product-box .ob-gamme .push-block .desc h3 {
  margin: 0 0 7px;
  padding: 0;
  color: #0f7ba4;
  font: 12px/15px Arial, Helvetica, sans-serif;
  text-transform: none;
}
.ob-gamme .box .desc img, .ob-gamme .product-detail .product-box .push-block .desc img, .product-detail .product-box .ob-gamme .push-block .desc img {
  float: none;
  display: block;
  margin: 0 0 10px;
}
.ob-gamme .bv-cleanslate {
  clear: both !important;
  padding-top: 15px !important;
}

/*.ob-gamme .bv-cleanslate .bv-rating-top-statistic .bv-inline-rating-container .bv-stars-container .bv-rating-ratio-number {
  display: block!important;
}*/
.send-to-friend-mobile {
  display: none;
}

.select-error {
  border-color: #FF5086 !important;
}

.maintenance-page #page {
  width: 934px;
  margin: 0 auto;
}
.maintenance-page #header {
  padding: 43px 0;
  overflow: hidden;
}
.maintenance-page #logo {
  float: left;
  margin: 0 20px 0 0;
}
.maintenance-page #logo img {
  display: block;
}
.maintenance-page #name-and-slogan {
  display: block;
  overflow: hidden;
  padding: 17px 0;
}
.maintenance-page #name-and-slogan a {
  text-decoration: none;
}
.maintenance-page #main {
  overflow: hidden;
}
.maintenance-page #main h1 {
  margin: 0 0 17px;
}
.maintenance-page #main p {
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 17px;
}

/* Custom Scroll start */
.scroll-pane {
  /* Yuk! CSS Hack for IE6 3 pixel bug :( */
}
.scroll-pane .jspContainer {
  overflow: hidden;
  position: relative;
}
.scroll-pane .jspPane {
  position: absolute;
}
.scroll-pane .jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 100%;
}
.scroll-pane .jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
  display: none;
}
.scroll-pane .jspCap {
  display: none;
}
.scroll-pane .jspHorizontalBar .jspCap {
  float: left;
}
.scroll-pane .jspTrack {
  background: url("../images/bgs/bullet-002.png") repeat-y 50% 0;
  position: relative;
}
.scroll-pane .jspDrag {
  background: url("../images/bgs/bullet-003.png") no-repeat 50% 50%;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.scroll-pane .jspHorizontalBar .jspTrack,
.scroll-pane .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.scroll-pane .jspArrow {
  background: url("../images/sprite.png") no-repeat -201px -2px;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.scroll-pane .jspArrow:hover {
  background-position: -171px -2px;
}
.scroll-pane .jspArrow.jspDisabled {
  cursor: default;
}
.scroll-pane .jspArrow.jspArrowDown {
  background-position: -171px -27px;
}
.scroll-pane .jspArrow.jspArrowDown:hover {
  background-position: -201px -27px;
}
.scroll-pane .jspVerticalBar .jspArrow {
  height: 25px;
}
.scroll-pane .jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.scroll-pane .jspVerticalBar .jspArrow:focus {
  outline: none;
}
.scroll-pane .jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
.scroll-pane * html .jspCorner {
  margin: 0 -3px 0 0;
}

/* Custom Scroll end */
.popup-cookie-notice-wrap {
  position: fixed;
  left: 0;
  bottom: 12px;
  width: 100%;
  min-width: 100%;
  z-index: 1000;
}
.popup-cookie-notice-wrap .popup-cookie-notice {
  position: relative;
  border-radius: 10px;
  background: #eff9fb;
  box-shadow: 0 0 12px #043a4e;
  padding: 12px;
  max-width: 910px;
  margin: 0 auto;
}
.popup-cookie-notice-wrap h3 {
  margin: 0 0 17px;
}
.popup-cookie-notice-wrap p {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 17px;
}
.popup-cookie-notice-wrap .close {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 8040;
  background: url("../images/bgs/fancybox-close.png") no-repeat;
}
.popup-cookie-notice-wrap .buttons {
  overflow: hidden;
}
.popup-cookie-notice-wrap .buttons .button {
  float: right;
  margin: 0 0 0 15px;
}
.popup-cookie-notice-wrap .buttons .button a {
  padding: 8px 11px 4px 16px;
  display: inline-block;
  position: relative;
  background: #eee4f2;
  border-bottom: 3px solid #eee4f2;
  text-transform: uppercase;
  font: 16px/16px "FGStdDemiC";
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.popup-cookie-notice-wrap .buttons .button a:hover {
  border-color: #ed75a1;
}
.popup-cookie-notice-wrap .buttons .button a span {
  display: block;
  padding: 0 19px 0 0;
  background: url("../images/bgs/bullet-001.png") no-repeat 100% 50%;
}
.popup-cookie-notice-wrap .buttons .button-link {
  overflow: hidden;
}
.popup-cookie-notice-wrap .buttons .button-link a {
  float: right;
  font-size: 14px;
  line-height: 31px;
}

#eu-cookie-compliance-container {
  background: #fff;
  padding: 6px;
  margin: 0 0 180px;
}
#eu-cookie-compliance-container table {
  width: 100%;
}
#eu-cookie-compliance-container table tr {
  margin: 0;
  padding: 0;
}
#eu-cookie-compliance-container table th {
  color: #0f7ba4;
  background: #c7e9ee;
  border: 1px solid #fff;
  text-align: center;
  padding: 3px 0;
  margin: 0;
}
#eu-cookie-compliance-container table td {
  text-align: center;
  margin: 0;
  padding: 14px 0;
  background: #f8fcfd;
  border: 1px solid #fff;
}

.product-gamma-page .page-info {
  padding-bottom: 30px;
}
.product-gamma-page .page-info .img {
  background: white url("../images/bgs/bg-range.png") no-repeat 50% 50%;
}

.product-filter-form-mobile {
  display: none;
}

.splash-screen {
  background: white url("../images/bgs/bg-splashscreen.png") no-repeat 50% 0;
}
.splash-screen:after {
  display: none;
}
.splash-screen .page {
  padding: 0;
  width: auto;
  margin: 0 auto;
  overflow: hidden;
}
.splash-screen .logo {
  display: block;
  width: 118px;
  float: none;
  margin: 0 auto;
}
.splash-screen .splash-main {
  min-height: 350px;
  overflow: hidden;
  padding: 156px 0 30px;
}
.splash-screen .go-girl {
  float: left;
  width: 47%;
  text-align: right;
}
.splash-screen .go-girl h2 {
  font-size: 48px;
  font-family: "amaticbold";
  line-height: 33px;
  color: #e82398;
  text-transform: none;
  padding: 0 0 10px;
  margin: 0 0 17px;
}
.splash-screen .go-girl h2 span {
  font-family: "amaticbold";
  font-style: normal;
  font-size: 48px;
  line-height: 52px;
  display: block;
  color: #fff;
  text-shadow: 1px 3px 1px #238db5;
  position: relative;
  z-index: 1;
  margin-top: -9px;
  top: 5px;
}
.ie8 .splash-screen .go-girl h2 span {
  text-shadow: 1px 1px 1px #238db5;
}
.splash-screen .go-girl .read-more, .splash-screen .go-girl .cancel {
  background: #fe4888;
  color: #fff;
  border-color: #fe4888;
}
.splash-screen .go-girl .read-more span, .splash-screen .go-girl .cancel span {
  background: url("../images/bgs/bullet-018.png") no-repeat 100% 50%;
}
.splash-screen .go-woman {
  width: 47%;
  padding: 14px 0 0;
  float: right;
}
.splash-screen .go-woman h2 {
  font: 48px/34px "FGStdDemiXC";
  color: #0f7ba4;
  text-transform: uppercase;
  padding: 0 0 10px;
  margin: 0 0 11px;
}
.splash-screen .go-woman h2 span {
  display: block;
  font-size: 39px;
  color: #fe4888;
  text-transform: none;
  font-family: Georgia;
  font-style: italic;
  font-weight: bold;
}
.splash-screen .go-woman .read-more, .splash-screen .go-woman .cancel {
  background: #0099ac;
  color: #fff;
  border-color: #0099ac;
}
.splash-screen .go-woman .read-more span, .splash-screen .go-woman .cancel span {
  background: url("../images/bgs/bullet-018.png") no-repeat 100% 50%;
}
.splash-screen footer {
  overflow: hidden;
  color: #238db5;
}
.splash-screen footer .copy {
  float: left;
  margin: 0;
  text-align: left;
  width: 200px;
}
.splash-screen footer p {
  font-size: 10px;
  line-height: 12px;
  margin: 0;
}
.splash-screen footer .desc {
  float: left;
  width: 300px;
  padding: 0 12px 0;
}
.splash-screen footer .footer-link {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  width: 420px;
}
.splash-screen footer .footer-link li {
  vertical-align: top;
  margin: 0 2%;
  width: 45%;
  float: left;
}
.splash-screen footer .footer-link li a {
  color: #238db5;
  display: block;
  border-bottom: 1px solid #81cddc;
  text-decoration: none;
  min-width: 100px;
  padding: 0 10px 5px;
}
.splash-screen footer .footer-link li a:hover {
  color: #fe4888;
  border-color: #fe4888;
}

.ob-fancy.fancybox-opened .fancybox-skin {
  box-shadow: none;
}
.ob-fancy .fancybox-close {
  top: 12px;
  right: -12px;
}
.ob-fancy .fancybox-skin {
  background: none;
  border-radius: none;
  padding: 0 !important;
}
.ob-fancy .breadcrumbs,
.ob-fancy .sidebar {
  display: none;
}

.ui-text-shadow, .ui-text-shadow-original {
  position: relative;
}

.ui-text-shadow-original {
  z-index: 1;
}

.ui-text-shadow-copy {
  position: absolute;
  z-index: 0;
  line-height: 110.74235%;
  /* fixes #9 */
  /* default positioning */
  left: 0;
  top: 0;
  zoom: 1;
  /* fixes #8 in IE7 and below */
  /* turn off selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.page .bv-cleanslate .bv-shared button.bv-write-review,
.page .bv-cleanslate .bv-shared button.bv-read-review,
.page .bv-cleanslate .bv-shared button.bv-ask-question,
.page .bv-cleanslate .bv-shared .bv-button {
  font-size: 13px !important;
}

.page .bv-cleanslate .bv-shared button.bv-write-review:hover,
.page .bv-cleanslate .bv-shared button.bv-read-review:hover,
.page .bv-cleanslate .bv-shared button.bv-ask-question:hover,
.page .bv-cleanslate .bv-shared .bv-button:hover {
  font-size: 13px !important;
}

.preview-img img {
  max-width: 100%;
}

.shop .inner {
  padding: 20px;
}
.shop h3 {
  margin: 0 0 10px 0;
}
.shop h3 sup {
  font-size: 30px;
  top: 3px;
}
.shop p {
  margin-bottom: 20px;
}
.shop ul {
  overflow: hidden;
  *zoom: 1;
}
.shop ul li {
  float: left;
  margin: 0 10px 10px 0;
}
.shop ul li.last {
  margin-right: 0;
}
.shop ul li a {
  background: #fff;
  padding: 22px;
  display: block;
}
.shop ul li img {
  max-width: 100%;
}

/*************************************************************************************************************************************************************************************

                                                                Style for the PL, SR, HR, HU language clones

*************************************************************************************************************************************************************************************/
/* main styles for the clones */
.site-sr .span-h1,
.site-sr .span-h2,
.site-sr .span-h3,
.site-sr .span-h4,
.site-sr .span-h5,
.site-sr .span-h6,
.site-sr h1,
.site-sr h2,
.site-sr h3,
.site-sr h4,
.site-sr h5,
.site-sr h6,
.site-sr nav ul,
.site-sr .block-holder .block h3,
.site-sr .sidebar h3,
.site-sr .product-filter h3,
.site-sr .btn-submit a,
.site-sr .btn-refresh a,
.site-sr .product-detail .product-box .box h3,
.site-sr .product-detail .product-box .push-block h3,
.site-sr .faq-content .category-list ul,
.site-sr .faq-content .related-block ul,
.site-sr .order,
.site-sr .btn-arrow,
.site-sr .option-info span,
.site-sr .sep-or,
.site-sr .site-map-list,
.site-sr .pager-list,
.site-sr .glossary-list,
.site-sr .table-box ul,
.site-sr .push-block h3,
.site-sr .article-gallery .desc h3,
.site-sr .splash-screen .go-woman h2,
.site-sr .sidebar .side-list li a,
.site-sr .delete-my-account h3,
.site-sr .ob-delete-account h3,
.site-sr .create-new-calendar h3,
.site-sr .reg-form h3,
.site-sr .button-box a,
.site-sr .edit-calendar h3,
.site-sr .contact-form .check-post label,
.site-sr .calculate-forecast, .site-hr .span-h1,
.site-hr .span-h2,
.site-hr .span-h3,
.site-hr .span-h4,
.site-hr .span-h5,
.site-hr .span-h6,
.site-hr h1,
.site-hr h2,
.site-hr h3,
.site-hr h4,
.site-hr h5,
.site-hr h6,
.site-hr nav ul,
.site-hr .block-holder .block h3,
.site-hr .sidebar h3,
.site-hr .product-filter h3,
.site-hr .btn-submit a,
.site-hr .btn-refresh a,
.site-hr .product-detail .product-box .box h3,
.site-hr .product-detail .product-box .push-block h3,
.site-hr .faq-content .category-list ul,
.site-hr .faq-content .related-block ul,
.site-hr .order,
.site-hr .btn-arrow,
.site-hr .option-info span,
.site-hr .sep-or,
.site-hr .site-map-list,
.site-hr .pager-list,
.site-hr .glossary-list,
.site-hr .table-box ul,
.site-hr .push-block h3,
.site-hr .article-gallery .desc h3,
.site-hr .splash-screen .go-woman h2,
.site-hr .sidebar .side-list li a,
.site-hr .delete-my-account h3,
.site-hr .ob-delete-account h3,
.site-hr .create-new-calendar h3,
.site-hr .reg-form h3,
.site-hr .button-box a,
.site-hr .edit-calendar h3,
.site-hr .contact-form .check-post label,
.site-hr .calculate-forecast, .site-pl .span-h1,
.site-pl .span-h2,
.site-pl .span-h3,
.site-pl .span-h4,
.site-pl .span-h5,
.site-pl .span-h6,
.site-pl h1,
.site-pl h2,
.site-pl h3,
.site-pl h4,
.site-pl h5,
.site-pl h6,
.site-pl nav ul,
.site-pl .block-holder .block h3,
.site-pl .sidebar h3,
.site-pl .product-filter h3,
.site-pl .btn-submit a,
.site-pl .btn-refresh a,
.site-pl .product-detail .product-box .box h3,
.site-pl .product-detail .product-box .push-block h3,
.site-pl .faq-content .category-list ul,
.site-pl .faq-content .related-block ul,
.site-pl .order,
.site-pl .btn-arrow,
.site-pl .option-info span,
.site-pl .sep-or,
.site-pl .site-map-list,
.site-pl .pager-list,
.site-pl .glossary-list,
.site-pl .table-box ul,
.site-pl .push-block h3,
.site-pl .article-gallery .desc h3,
.site-pl .splash-screen .go-woman h2,
.site-pl .sidebar .side-list li a,
.site-pl .delete-my-account h3,
.site-pl .ob-delete-account h3,
.site-pl .create-new-calendar h3,
.site-pl .reg-form h3,
.site-pl .button-box a,
.site-pl .edit-calendar h3,
.site-pl .contact-form .check-post label,
.site-pl .calculate-forecast, .site-hu .span-h1,
.site-hu .span-h2,
.site-hu .span-h3,
.site-hu .span-h4,
.site-hu .span-h5,
.site-hu .span-h6,
.site-hu h1,
.site-hu h2,
.site-hu h3,
.site-hu h4,
.site-hu h5,
.site-hu h6,
.site-hu nav ul,
.site-hu .block-holder .block h3,
.site-hu .sidebar h3,
.site-hu .product-filter h3,
.site-hu .btn-submit a,
.site-hu .btn-refresh a,
.site-hu .product-detail .product-box .box h3,
.site-hu .product-detail .product-box .push-block h3,
.site-hu .faq-content .category-list ul,
.site-hu .faq-content .related-block ul,
.site-hu .order,
.site-hu .btn-arrow,
.site-hu .option-info span,
.site-hu .sep-or,
.site-hu .site-map-list,
.site-hu .pager-list,
.site-hu .glossary-list,
.site-hu .table-box ul,
.site-hu .push-block h3,
.site-hu .article-gallery .desc h3,
.site-hu .splash-screen .go-woman h2,
.site-hu .sidebar .side-list li a,
.site-hu .delete-my-account h3,
.site-hu .ob-delete-account h3,
.site-hu .create-new-calendar h3,
.site-hu .reg-form h3,
.site-hu .button-box a,
.site-hu .edit-calendar h3,
.site-hu .contact-form .check-post label,
.site-hu .calculate-forecast {
  font-family: 'antoniobold', Arial, Helvetica, sans-serif;
  line-height: 120%;
}
.site-sr .read-more, .site-sr .cancel, .site-sr .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .site-sr .read-more, .site-hr .read-more, .site-hr .cancel, .site-hr .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .site-hr .read-more, .site-pl .read-more, .site-pl .cancel, .site-pl .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .site-pl .read-more, .site-hu .read-more, .site-hu .cancel, .site-hu .menstrual-calendar .days-list .read-more, .menstrual-calendar .days-list .site-hu .read-more {
  font: 15px/17px "antoniobold", Arial, Helvetica, sans-serif;
  padding: 10px 11px 2px 16px;
}
.site-sr .read-more span, .site-sr .cancel span, .site-sr .menstrual-calendar .days-list .read-more span, .menstrual-calendar .days-list .site-sr .read-more span, .site-hr .read-more span, .site-hr .cancel span, .site-hr .menstrual-calendar .days-list .read-more span, .menstrual-calendar .days-list .site-hr .read-more span, .site-pl .read-more span, .site-pl .cancel span, .site-pl .menstrual-calendar .days-list .read-more span, .menstrual-calendar .days-list .site-pl .read-more span, .site-hu .read-more span, .site-hu .cancel span, .site-hu .menstrual-calendar .days-list .read-more span, .menstrual-calendar .days-list .site-hu .read-more span {
  background-position: 100% -1px;
}
.site-sr .calendar-wrapp h2,
.site-sr .post .desc h2, .site-hr .calendar-wrapp h2,
.site-hr .post .desc h2, .site-pl .calendar-wrapp h2,
.site-pl .post .desc h2, .site-hu .calendar-wrapp h2,
.site-hu .post .desc h2 {
  padding-top: 10px;
}
.site-sr.calendar-impression-page .menstrual-calendar h3, .site-hr.calendar-impression-page .menstrual-calendar h3, .site-pl.calendar-impression-page .menstrual-calendar h3, .site-hu.calendar-impression-page .menstrual-calendar h3 {
  padding-top: 10px;
}
.site-sr .category-result .category-block h2, .site-hr .category-result .category-block h2, .site-pl .category-result .category-block h2, .site-hu .category-result .category-block h2 {
  line-height: 47px;
}
.site-sr .calculate-forecast, .site-hr .calculate-forecast, .site-pl .calculate-forecast, .site-hu .calculate-forecast {
  line-height: 40px;
}
.site-sr .btn-submit a, .site-sr .btn-refresh a, .site-hr .btn-submit a, .site-hr .btn-refresh a, .site-pl .btn-submit a, .site-pl .btn-refresh a, .site-hu .btn-submit a, .site-hu .btn-refresh a {
  padding-top: 10px;
}
.site-sr .over-transparent, .site-sr .over-transparent-inner, .site-hr .over-transparent, .site-hr .over-transparent-inner, .site-pl .over-transparent, .site-pl .over-transparent-inner, .site-hu .over-transparent, .site-hu .over-transparent-inner {
  top: -5px;
}

/* site-pl styles */
.site-pl h3 {
  line-height: 28px;
}
.site-pl .button-box a {
  font-size: 13px;
  line-height: 30px;
}
.site-pl .span-h3,
.site-pl .span-h4,
.site-pl h3,
.site-pl h4 {
  font-size: 18px;
}
.site-pl nav ul {
  font-size: 15px;
}
.site-pl .home-gallery .slider .slide .desc h2 {
  font-family: 'antoniobold', Arial, Helvetica, sans-serif;
  line-height: 120%;
}
.site-pl .block-holder .block h3 strong {
  line-height: 30px;
}
.site-pl .brand-info h2 .span-red, .site-pl .brand-info h2 span {
  display: inline-block;
  line-height: 38px;
}
.site-pl .post .desc h2 {
  line-height: 48px;
}
.site-pl .content .title h1 {
  line-height: 55px;
}
.site-pl .sidebar h3 strong {
  line-height: 30px;
}
.site-pl .sidebar .side-list {
  font-size: 15px;
}
.site-pl .btn-submit a, .site-pl .btn-refresh a {
  height: 33px;
}
.site-pl .btn-submit span, .site-pl .btn-refresh span {
  font-size: 24px;
  display: inline-block;
  height: 30px;
}
.site-pl .faq-content .category-list ul {
  line-height: 25px !important;
  font-size: 15px !important;
}
.site-pl .faq-content .category-list ul li:first-child {
  padding-top: 3px;
}
.site-pl .faq-content .category-ttl h1, .site-pl .faq-content .category-ttl h2 {
  font-family: 'antoniobold', Arial, Helvetica, sans-serif;
  line-height: 45px;
}
.site-pl .send-to-friend-form .desc h2, .site-pl .video-popup-wrapp .desc h2 {
  line-height: 38px;
}

/* site-hu styles */
.site-hu .span-h1,
.site-hu .span-h2,
.site-hu .span-h3,
.site-hu .span-h4,
.site-hu .span-h5,
.site-hu .span-h6,
.site-hu h1,
.site-hu h2,
.site-hu h3,
.site-hu h4,
.site-hu h5,
.site-hu h6 {
  font: 25px/120% 'antoniobold', Arial, Helvetica, sans-serif;
}
.site-hu .span-h1 strong,
.site-hu .span-h2 strong,
.site-hu .span-h3 strong,
.site-hu .span-h4 strong,
.site-hu .span-h5 strong,
.site-hu .span-h6 strong,
.site-hu h1 strong,
.site-hu h2 strong,
.site-hu h3 strong,
.site-hu h4 strong,
.site-hu h5 strong,
.site-hu h6 strong {
  line-height: 35px;
}
.ie8 .site-hu .span-h1, .ie8
.site-hu .span-h2, .ie8
.site-hu .span-h3, .ie8
.site-hu .span-h4, .ie8
.site-hu .span-h5, .ie8
.site-hu .span-h6, .ie8
.site-hu h1, .ie8
.site-hu h2, .ie8
.site-hu h3, .ie8
.site-hu h4, .ie8
.site-hu h5, .ie8
.site-hu h6 {
  line-height: 40px;
}
.site-hu sup {
  top: -0.5em;
}
.site-hu .nav ul {
  font: 15px/23px 'antoniobold', Arial, Helvetica, sans-serif;
}
.site-hu .nav ul ul {
  font-size: 14px;
}
.ie8 .site-hu .sidebar .side-list li a {
  line-height: 25px;
  padding: 14px 25px 8px 20px;
}
.site-hu .home-gallery .slider .slide .desc h2 {
  line-height: 36px !important;
}
.ie8 .site-hu .block-holder .block h3 {
  line-height: 35px;
}
.site-hu .block-holder .block h3 strong {
  font-size: 18px;
}
.ie8 .site-hu .block-holder .block h3 strong {
  line-height: 28px;
}
.site-hu .content .title h1 {
  line-height: 52px;
}
.site-hu .sidebar .side-list {
  font: 15px/15px 'antoniobold', Arial, Helvetica, sans-serif;
}
.site-hu .btn-submit a, .site-hu .btn-refresh a {
  font-size: 20px;
  line-height: 36px !important;
}
.site-hu .btn-submit span, .site-hu .btn-refresh span {
  background-position: 100% 30%;
}
.site-hu .faq-content .category-list ul {
  line-height: 25px !important;
  font-size: 15px !important;
}
.site-hu .calendar-impression-page .menstrual-calendar h3 {
  line-height: 55px;
}
.site-hu .popup-cookie-notice-wrap .buttons .button a {
  font: 14px/14px "antoniobold",Arial,Helvetica,sans-serif;
}
.site-hu .btn-faq .read-more, .site-hu .btn-faq .cancel {
  font: 14px/14px 'antoniobold', Arial, Helvetica, sans-serif;
}
.site-hu .search-result .ttl h2 {
  line-height: 40px;
}

.ob-pl .category-info .desc h2 {
  padding-top: 10px;
}

/*************************************************************************************************************************************************************************************

                                                                  Style for the RU language clone

*************************************************************************************************************************************************************************************/
.site-ru .span-h1,
.site-ru .span-h2,
.site-ru .span-h3,
.site-ru .span-h4,
.site-ru .span-h5,
.site-ru .span-h6,
.site-ru h1,
.site-ru h2,
.site-ru h3,
.site-ru h4,
.site-ru h5,
.site-ru h6,
.site-ru nav ul,
.site-ru .table table th,
.site-ru .sidebar .side-list,
.site-ru .btn-submit a,
.site-ru .btn-refresh a,
.site-ru .btn-refresh a,
.site-ru .order,
.site-ru .faq-content .category-list ul,
.site-ru .faq-content .related-block ul,
.site-ru .btn-arrow,
.site-ru .option-info span,
.site-ru .sep-or,
.site-ru .site-map-list,
.site-ru .pager-list,
.site-ru .contact-form .check-post label,
.site-ru .glossary-list,
.site-ru .table-box ul,
.site-ru .article-gallery .desc h3,
.site-ru .splash-screen .go-woman h2 {
  font-family: "league_gothicregular";
}
.site-ru .create-new-calendar h3 {
  margin: 0 0 67px;
}
.site-ru .glossary-block {
  height: auto;
  overflow: visible;
}
.site-ru .edit-calendar .notes h4 {
  font-size: 18px;
  font-weight: normal;
}
.site-ru .ob-message-alerte .button {
  text-align: center;
}
.site-ru .ob-message-alerte .button .read-more, .site-ru .ob-message-alerte .button .cancel {
  margin: 10px 0 0 0;
}
.site-ru .home-gallery .slider .slide .desc h2 {
  font-size: 20px;
  line-height: 22px;
}
.site-ru .home-gallery .slider .slide .desc h2 span {
  font-size: 21px;
}
.site-ru .category-block h2 span {
  font-size: 27px;
}
.site-ru .product-filter-form .cols {
  min-height: 345px;
}
.site-ru .faq-content .category-list {
  height: auto;
  overflow: visible;
}

.ob-ru #ya-site-form2 table,
.ob-ru #ya-site-form0 table,
.ob-ru #ya-site-form1 table {
  width: 100%;
}
.ob-ru #ya-site-form2 tbody,
.ob-ru #ya-site-form0 tbody,
.ob-ru #ya-site-form1 tbody {
  border: 0;
}
.ob-ru #ya-site-form2 .ya-site-form__search-input-layout-l,
.ob-ru #ya-site-form0 .ya-site-form__search-input-layout-l,
.ob-ru #ya-site-form1 .ya-site-form__search-input-layout-l {
  width: 100%;
}
.ob-ru #ya-site-form2 .ya-site-form__search .ya-site-form__search-input,
.ob-ru #ya-site-form0 .ya-site-form__search .ya-site-form__search-input,
.ob-ru #ya-site-form1 .ya-site-form__search .ya-site-form__search-input {
  padding: 0 4px 0 12px;
  height: 24px;
  background-color: #c7e9ee !important;
}
.ob-ru #ya-site-form2 .ya-site-form__form .ya-site-form__input-text,
.ob-ru #ya-site-form0 .ya-site-form__form .ya-site-form__input-text,
.ob-ru #ya-site-form1 .ya-site-form__form .ya-site-form__input-text {
  background-color: initial !important;
  color: #238db5 !important;
  width: 100%;
  font-size: 11px !important;
  line-height: 14px;
  height: 20px;
  padding: 5px 0 5px 0;
  border: 0 !important;
}
.ob-ru #ya-site-form2 .ya-site-form__submit,
.ob-ru #ya-site-form0 .ya-site-form__submit,
.ob-ru #ya-site-form1 .ya-site-form__submit {
  width: 15px;
  height: 15px;
  margin: 1px 0 0;
  background: url("../images/sprite.png") no-repeat -2px -2px;
  text-indent: -9999px;
  cursor: pointer;
  border: 0;
}
.ob-ru #ya-site-form2 .ya-site-form__submit:hover,
.ob-ru #ya-site-form0 .ya-site-form__submit:hover,
.ob-ru #ya-site-form1 .ya-site-form__submit:hover {
  background-position: -2px -19px;
}
.ob-ru #ya-site-form2 {
  margin: 0 5px 0 5px !important;
}
.ob-ru #ya-site-results {
  background: #eff9fb;
  margin: 20px 5px 20px 5px;
  overflow: hidden;
  *zoom: 1;
}
.ob-ru #ya-site-results tbody {
  border: 0;
}
.ob-ru #ya-site-results .b-serp-item__number {
  display: none;
}
.ob-ru .buy-on-ozone {
  text-align: center;
  margin-top: 20px;
}
.ob-ru .buy-on-ozone a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #c7e9ee;
  padding: 4px;
  overflow: hidden;
  background: #fff;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-decoration: none;
}
.ob-ru .buy-on-ozone a:hover span {
  text-decoration: underline;
}
.ob-ru .buy-on-ozone span {
  margin: 0 2px 0 2px;
  color: #38444a;
}
.ob-ru .buy-on-ozone img, .ob-ru .buy-on-ozone span {
  vertical-align: middle;
}
.ob-ru .buy-on-ozone img {
  max-width: 100%;
}
.ob-ru .search-result .buy-on-ozone span {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0;
}
/**.ob-ru .search-result .buy-on-ozone .nbb1 {
  width: 24px;
}
.ob-ru .search-result .buy-on-ozone .nbb2 {
  width: 65px;
}*/
@media screen and (max-width: 640px) {
  .ob-ru .faq-content .category-list {
    max-height: 100%;
  }
}

.site-da.konkurrence-pages img {
  max-width: 100%;
  height: auto;
}
.site-da.konkurrence-pages .contact-form .row label {
  text-align: left;
}
.site-da.konkurrence-pages .faq-content .w1, .site-da.konkurrence-pages .faq-content, .site-da.konkurrence-pages .faq-content .w2, .site-da.konkurrence-pages .faq-content .block {
  background: none;
}
.site-da.konkurrence-pages .faq-content .w1 {
  padding-top: 0;
  padding-right: 0;
}
.site-da.konkurrence-pages .faq-content .w2 {
  padding: 0;
}
.site-da.konkurrence-pages .faq-content .contact-wrapp .contact-form {
  margin-top: 15px;
}
.site-da.konkurrence-pages .contact-wrapp {
  padding-top: 0;
}
.site-da.konkurrence-pages .contact-wrapp .desc {
  overflow: visible;
}
.site-da.konkurrence-pages .konkurrence-header {
  background: url(../images/bgs/bg-konkurrence.png) no-repeat left bottom;
  position: relative;
  padding-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages .konkurrence-header {
    background-size: 100%;
    padding-right: 20px;
  }
}
.site-da.konkurrence-pages .konkurrence-header .left {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.site-da.konkurrence-pages .konkurrence-header .right {
  position: absolute;
  top: -65px;
  right: 75px;
  margin-bottom: 0;
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages .konkurrence-header .right {
    position: static;
    text-align: right;
    margin-bottom: -15px;
  }
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages .konkurrence-header .left, .site-da.konkurrence-pages .konkurrence-header .right {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    width: 50%;
  }
}
.site-da.konkurrence-pages form.webform-client-form {
  padding-bottom: 120px;
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages form.webform-client-form {
    padding-bottom: 20px;
  }
}
.site-da.konkurrence-pages form.webform-client-form .fields-info {
  display: none;
}
.site-da.konkurrence-pages form.webform-client-form .row {
  padding: 0;
}
.site-da.konkurrence-pages form.webform-client-form .row fieldset {
  background: url(../images/bgs/bg-konkurrence.png) no-repeat left bottom;
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages form.webform-client-form .row fieldset {
    background-size: 100%;
  }
}
.site-da.konkurrence-pages form.webform-client-form .row .webform-component-select {
  float: left;
  width: 240px;
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages form.webform-client-form .row .webform-component-select {
    width: 100%;
  }
}
.site-da.konkurrence-pages form.webform-client-form .row .webform-component-select .select-area {
  border-radius: 0;
  box-shadow: none;
  height: 34px;
  width: 90% !important;
}
.site-da.konkurrence-pages form.webform-client-form .row .webform-component-select .select-area .center {
  padding-right: 32px;
  padding-top: 8px;
}
.site-da.konkurrence-pages form.webform-client-form .row .webform-component-select .select-area .select-opener {
  background: url(../images/bgs/dn-arw.jpg) no-repeat right 1px;
  height: 34px;
}
.site-da.konkurrence-pages form.webform-client-form .row .webform-component-markup p {
  color: #fff;
  font-size: 52px;
  line-height: 120%;
  margin-bottom: 0;
  text-align: left;
  padding-right: 50px;
  font-family: 'AmaticSC-Bold', Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages form.webform-client-form .row .webform-component-markup p {
    padding-right: 20px;
  }
}
.site-da.konkurrence-pages form.webform-client-form .row .webform-component-markup p.last {
  font-family: 'Scala-Italic', Arial, Helvetica, sans-serif;
  font-size: 24px;
  padding-bottom: 25px;
}
.site-da.konkurrence-pages form.webform-client-form .row .webform-component-markup .tc-text p {
  font-size: 13px;
  color: #1DA4C4;
  font-family: Arial, Helvetica, sans-serif;
}
.site-da.konkurrence-pages form.webform-client-form .row .webform-component-markup.webform-component--selection-wrapper--advt-text p {
  text-align: right;
}
.site-da.konkurrence-pages form.webform-client-form .button {
  padding-bottom: 20px;
}
.site-da.konkurrence-pages form.webform-client-form .button .btn-submit, .site-da.konkurrence-pages form.webform-client-form .button .btn-refresh {
  float: none;
}
.site-da.konkurrence-pages form.webform-client-form .button .btn-submit a, .site-da.konkurrence-pages form.webform-client-form .button .btn-refresh a {
  border: 2px solid #fff;
  color: #fff;
  float: none;
  background-color: #ea148c;
  min-width: auto;
  display: inline-block;
  padding: 5px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: normal;
  font-size: 24px;
  text-transform: none;
}
.site-da.konkurrence-pages form.webform-client-form .button .btn-submit a span, .site-da.konkurrence-pages form.webform-client-form .button .btn-refresh a span {
  padding: 0;
  background: none;
}
.site-da.konkurrence-pages .konkurrence-deltagelse {
  width: 416px;
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages .konkurrence-deltagelse {
    width: 96%;
  }
}
.site-da.konkurrence-pages .konkurrence-deltagelse .comp-text p {
  color: #1da4bb;
  font-family: 'antoniobold', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 120%;
  padding: 25px 0 0;
  margin: 0;
}
.site-da.konkurrence-pages form.webform-client-form .row {
  padding-bottom: 10px;
}
.site-da.konkurrence-pages form.webform-client-form .row label {
  color: #1da4bb;
}
.site-da.konkurrence-pages form.webform-client-form .captcha-row label {
  color: #1da4bb;
  text-align: left;
}
.site-da.konkurrence-pages form.webform-client-form .captcha-box .captcha {
  float: none;
  height: auto;
  width: auto;
}
.site-da.konkurrence-pages form.webform-client-form .check-row > .webform-component-checkboxes > label {
  display: none;
}
.site-da.konkurrence-pages form.webform-client-form .check-row label {
  color: #1da4bb;
  overflow: visible;
}
.site-da.konkurrence-pages form.webform-client-form .check-row .chk-area {
  background: url(../images/bgs/check-box.png) no-repeat left 2px;
  height: 20px;
  width: 23px;
}
.site-da.konkurrence-pages form.webform-client-form .check-row .chk-area.chk-checked {
  background-position: left bottom;
}
.site-da.konkurrence-pages form.webform-client-form-1126, .site-da.konkurrence-pages form.webform-client-form-1151 {
  padding-bottom: 0;
}
.site-da.konkurrence-pages form.webform-client-form-1126 fieldset, .site-da.konkurrence-pages form.webform-client-form-1151 fieldset {
  width: 416px;
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages form.webform-client-form-1126 fieldset, .site-da.konkurrence-pages form.webform-client-form-1151 fieldset {
    width: 96%;
  }
}
.site-da.konkurrence-pages .tc-text {
  color: #1da4bb;
  padding-bottom: 25px;
  width: 416px;
}
@media screen and (max-width: 640px) {
  .site-da.konkurrence-pages .tc-text {
    width: 96%;
  }
}
.site-da.konkurrence-pages .tc-text p {
  font-size: 12px;
}
.site-da.konkurrence-pages .select-options .scrollable-area-wrapper {
  width: 234px !important;
}
.site-da.konkurrence-pages .select-options .scrollable-area-wrapper div.drop-list {
  width: 214px !important;
}

.comp-text p {
  color: #1da4bb;
  font-family: 'antoniobold', Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 120%;
  padding: 25px 0 0;
  margin: 0;
}

/*OBSES-25 SE css*/
.ob-se .CYP-bodyWrap p,
.ob-se .CYP-wrap p,
.ob-se .CYP-wrap h2,
.ob-se .CYP-wrap li, .ob-no .CYP-bodyWrap p,
.ob-no .CYP-wrap p,
.ob-no .CYP-wrap h2,
.ob-no .CYP-wrap li {
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
}

.ob-no .CYP-bodyWrap p,
.ob-no .CYP-wrap p,
.ob-no .CYP-wrap h2,
.ob-no .CYP-wrap li {
  color: #0A60AB;
  font-size: 14px;
  line-height: 18px;
}
.ob-se .CYP-bodyWrap, .ob-no .CYP-bodyWrap {
  background: black url("../images/bgs/cypcolor-se-bg.png") no-repeat center top;
  float: none;
  padding: 130px 0px;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .ob-se .CYP-bodyWrap, .ob-no .CYP-bodyWrap {
    background-color: #000;
  }
}
.ob-se .CYP-bodyWrap > div, .ob-no .CYP-bodyWrap > div {
  margin: 0px auto;
  width: 70%;
}
.ob-no .CYP-bodyWrap > div {
  margin: 0px auto;
  width: 80%;
}
.ob-se .CYP-bodyWrap .table, .ob-se .CYP-bodyWrap .table table th, .ob-se .CYP-bodyWrap .table table td, .ob-no .CYP-bodyWrap .table, .ob-no .CYP-bodyWrap .table table th, .ob-no .CYP-bodyWrap .table table td {
  background-color: transparent;
}
.ob-se .CYP-bodyWrap .table table th, .ob-no .CYP-bodyWrap .table table th {
  color: #fff;
}
@media screen and (max-width: 640px) {
  .ob-se .CYP-bodyWrap .table table, .ob-no .CYP-bodyWrap .table table {
    table-layout: fixed;
  }
  .ob-se .CYP-bodyWrap .table table th, .ob-no .CYP-bodyWrap .table table th {
    font-size: 12px;
    line-height: 16px;
  }
  .ob-se .CYP-bodyWrap .table table td, .ob-no .CYP-bodyWrap .table table td {
    font-size: 12px;
    line-height: 16px;
    word-break: break-all;
  }
}
.ob-se .CYP-wrap h2.centreAllign, .ob-no .CYP-wrap h2.centreAllign {
  padding-top: 0px;
  text-align: center;
}
.ob-se .CYP-wrap h2, .ob-no .CYP-wrap h2 {
  font-size: 58px;
  line-height: 48px;
  padding: 55px 0px 20px;
}
.ob-se .CYP-wrap h2.centreAllign, .ob-no .CYP-wrap h2.centreAllign {
  padding-bottom: 35px;
}
.ob-se .CYP-wrap ul.CYP-decimal,
.ob-se .CYP-wrap ul.CYP-bullets, .ob-no .CYP-wrap ul.CYP-decimal,
.ob-no .CYP-wrap ul.CYP-bullets {
  margin-left: 20px;
}
.ob-se .CYP-wrap ul.CYP-decimal li, .ob-no .CYP-wrap ul.CYP-decimal li {
  list-style-type: decimal;
  padding-bottom: 10px;
}
.ob-se .CYP-roman, .ob-no .CYP-roman {
  margin-left: 10px;
  margin-top: 10px;
}
.ob-se .CYP-wrap ul.CYP-decimal li li, .ob-no .CYP-wrap ul.CYP-decimal li li {
  list-style-type: lower-roman;
}
.ob-se .CYP-wrap h3, .ob-no .CYP-wrap h3 {
  margin: 20px 0 5px;
}
.ob-se .CYP-wrap ul.CYP-bullets, .ob-no .CYP-wrap ul.CYP-bullets {
  margin-bottom: 25px;
}
.ob-se .CYP-wrap h3 span, .ob-no .CYP-wrap h3 span {
  background: #c11d7f none repeat scroll 0% 0%;
  color: #ffffff;
  display: inline-block;
  font-family: helvetica;
  font-size: 18px;
  font-style: normal;
  padding: 5px;
}
.ob-se .CYP-wrap ul.CYP-bullets li, .ob-no .CYP-wrap ul.CYP-bullets li {
  list-style-type: initial;
  padding-bottom: 10px;
}
.ob-se .CYP-wrap ul.CYP-bullets li a, .ob-se .CYP-wrap p a, .ob-no .CYP-wrap ul.CYP-bullets li a, .ob-no .CYP-wrap p a {
  color: #ffffff;
}
.ob-se .CYP-bodyWrap .CYP-bottomWrap, .ob-no .CYP-bodyWrap .CYP-bottomWrap {
  padding-top: 20px;
}
.ob-se .CYP-bodyWrap .CYP-bottomWrap > div, .ob-no .CYP-bodyWrap .CYP-bottomWrap > div {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
}
.ob-se .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomLogo, .ob-no .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomLogo {
  width: 150px;
}
.ob-se .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomTxt, .ob-no .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomTxt {
  padding-right: 20px;
  width: 480px;
}
.ob-se .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomTxt p a, .ob-no .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomTxt p a {
  color: #fff;
}
.ob-se .CYP-bodyWrap .CYP-bottomWrap p.CYP-lastLine, .ob-no .CYP-bodyWrap .CYP-bottomWrap p.CYP-lastLine {
  border-top: 2px solid #ffffff;
  font-weight: bold;
  margin-top: 25px;
  padding-top: 25px;
}
.ob-se .CYP-bodyWrap form.webform-client-form .row label[for='edit-submitted-twenty-words'], .ob-se .CYP-bodyWrap form.webform-client-form .check-row .choose-city > label, .ob-se .CYP-bodyWrap form.webform-client-form .webform-component--personal-details > p, .ob-no .CYP-bodyWrap form.webform-client-form .row label[for='edit-submitted-twenty-words'], .ob-no .CYP-bodyWrap form.webform-client-form .check-row .choose-city > label, .ob-no .CYP-bodyWrap form.webform-client-form .webform-component--personal-details > p {
  display: block;
  font-size: 20px;
  line-height: 120%;
  width: 100%;
  text-align: left;
  font-weight: bold;
  padding-bottom: 10px;
}
.ob-se .CYP-bodyWrap form.webform-client-form .check-row .choose-city > label, .ob-no .CYP-bodyWrap form.webform-client-form .check-row .choose-city > label {
  padding-left: 0;
}
.ob-se .CYP-bodyWrap form.webform-client-form .webform-component--personal-details > p, .ob-no .CYP-bodyWrap form.webform-client-form .webform-component--personal-details > p {
  margin-bottom: 0;
}
.ob-se .CYP-bodyWrap form.webform-client-form .row .text-input, .ob-no .CYP-bodyWrap form.webform-client-form .row .text-input {
  background-color: #FFF;
}
.ob-se .CYP-bodyWrap form.webform-client-form label, .ob-no .CYP-bodyWrap form.webform-client-form label {
  color: #fff;
}
.ob-se .CYP-bodyWrap form.webform-client-form .check-row, .ob-no .CYP-bodyWrap form.webform-client-form .check-row {
  padding-left: 0;
}
.ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details label,
.ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest label, .ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details label,
.ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest label {
  float: right;
  width: 96%;
  padding-left: 0;
  overflow: visible;
}
@media screen and (max-width: 640px) {
  .ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details label,
  .ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest label, .ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details label,
  .ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest label {
    width: 93%;
  }
}
.ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details .form-checkboxes,
.ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest .form-checkboxes, .ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details .form-checkboxes,
.ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest .form-checkboxes {
  float: left;
}
.ob-se .CYP-bodyWrap form.webform-client-form .area, .ob-no .CYP-bodyWrap form.webform-client-form .area {
  background-color: #FFF;
}
.ob-se .CYP-bodyWrap form.webform-client-form .chooseCity .chk-area, .ob-no .CYP-bodyWrap form.webform-client-form .chooseCity .chk-area {
  float: none;
  overflow: visible;
}
.ob-se .CYP-bodyWrap form.webform-client-form .chooseCity > *, .ob-no .CYP-bodyWrap form.webform-client-form .chooseCity > * {
  display: inline-block;
  vertical-align: top;
}
.ob-se .CYP-bodyWrap form.webform-client-form .captcha-box .info p, .ob-no .CYP-bodyWrap form.webform-client-form .captcha-box .info p {
  color: #fff;
}
.ob-se .CYP-bodyWrap form.webform-client-form .captcha-box .captcha, .ob-no .CYP-bodyWrap form.webform-client-form .captcha-box .captcha {
  float: none;
  height: auto;
}
.ob-se .CYP-bodyWrap form.webform-client-form .btn-submit, .ob-se .CYP-bodyWrap form.webform-client-form .btn-refresh, .ob-no .CYP-bodyWrap form.webform-client-form .btn-submit, .ob-no .CYP-bodyWrap form.webform-client-form .btn-refresh {
  float: none;
  text-align: center;
}
.ob-se .CYP-bodyWrap form.webform-client-form .btn-submit a, .ob-se .CYP-bodyWrap form.webform-client-form .btn-refresh a, .ob-no .CYP-bodyWrap form.webform-client-form .btn-submit a, .ob-no .CYP-bodyWrap form.webform-client-form .btn-refresh a {
  float: none;
  display: inline-block;
  color: #fff;
}
.ob-se .CYP-bodyWrap form.webform-client-form .btn-submit a:hover, .ob-se .CYP-bodyWrap form.webform-client-form .btn-refresh a:hover, .ob-no .CYP-bodyWrap form.webform-client-form .btn-submit a:hover, .ob-no .CYP-bodyWrap form.webform-client-form .btn-refresh a:hover {
  color: #fe4888;
}
.ob-se .CYP-bodyWrap form.webform-client-form .btn-submit a span, .ob-se .CYP-bodyWrap form.webform-client-form .btn-refresh a span, .ob-se .CYP-bodyWrap form.webform-client-form .btn-submit a:hover span, .ob-se .CYP-bodyWrap form.webform-client-form .btn-refresh a:hover span, .ob-no .CYP-bodyWrap form.webform-client-form .btn-submit a span, .ob-no .CYP-bodyWrap form.webform-client-form .btn-refresh a span, .ob-no .CYP-bodyWrap form.webform-client-form .btn-submit a:hover span, .ob-no .CYP-bodyWrap form.webform-client-form .btn-refresh a:hover span {
  background: none;
}
.ob-se .CYP-bodyWrap form.webform-client-form a, .ob-no .CYP-bodyWrap form.webform-client-form a {
  color: #fff;
}
.ob-se .CYP-bodyWrap .contact-form .captcha-box .captcha, .ob-no .CYP-bodyWrap .contact-form .captcha-box .captcha {
  background: transparent;
}
.ob-se .CYP-bodyWrap .contact-form .chk-area, .ob-no .CYP-bodyWrap .contact-form .chk-area {
  background-position: -639px 0;
}
.ob-se .CYP-bodyWrap .contact-form .chk-area.chk-checked, .ob-no .CYP-bodyWrap .contact-form .chk-area.chk-checked {
  background-position: -639px -17px;
}
.ob-se .CYP-bodyWrap .contact-form .row label,
.ob-se .CYP-bodyWrap .contact-form .captcha-row label, .ob-no .CYP-bodyWrap .contact-form .row label,
.ob-no .CYP-bodyWrap .contact-form .captcha-row label {
  width: 105px;
}
.ob-se .CYP-bodyWrap .contact-form .row label[for='edit-captcha-response'], .ob-no .CYP-bodyWrap .contact-form .row label[for='edit-captcha-response'] {
  width: 105px;
}
.ob-se .CYP-bodyWrap .check-row .disclaimer1-CYP, .ob-no .CYP-bodyWrap .check-row .disclaimer1-CYP {
  padding-top: 30px;
}
.ob-se .ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details label,
.ob-se .ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest label,
.ob-se .ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details label,
.ob-se .ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest label, .ob-no .ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details label,
.ob-no .ob-se .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest label,
.ob-no .ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-to-share-personal-details label,
.ob-no .ob-no .CYP-bodyWrap form.webform-client-form .check-row .webform-component--agree-conditions-of-the-contest label {
  width: 96%;
}
@media screen and (max-width: 640px) {
  .ob-se .CYP-bodyWrap, .ob-no .CYP-bodyWrap {
    background-position: left top;
  }
  .ob-se .CYP-bodyWrap > div, .ob-no .CYP-bodyWrap > div {
    width: 90%;
  }
  .ob-se .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomTxt,
  .ob-se .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomLogo, .ob-no .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomTxt,
  .ob-no .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomLogo {
    width: 100%;
    margin-right: 0;
    display: block;
  }
  .ob-se .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomTxt, .ob-no .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomTxt {
    padding-right: 0;
    padding-bottom: 20px;
  }
  .ob-se .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomLogo, .ob-no .CYP-bodyWrap .CYP-bottomWrap > div.CYP-bottomLogo {
    text-align: center;
  }
  .ob-se .contact-form .row label,
  .ob-se .contact-form .captcha-row label,
  .ob-se .contact-form .row label[for='edit-captcha-response'], .ob-no .contact-form .row label,
  .ob-no .contact-form .captcha-row label,
  .ob-no .contact-form .row label[for='edit-captcha-response'] {
    width: 95%;
  }
}

.ob-no .CYP-bodyWrap {
  background: url("../images/bgs/NEW_Campaign_langing_page_image_v2.jpg") no-repeat center top;
	padding: 850px 0px 130px;
}

.social-list li.instagram a {
  background: url("../images/ob-icon-instagram.png") no-repeat 0 0;
}
.social-list li.instagram a:hover {
  background-position: left -28px;
}

.ob-it .send-to-friend .fancybox-close, .ob-it .video-popup .fancybox-close {
  display: block;
}
.ob-it .contact-form .check-row label {
  pointer-events: none;
}


.site-ru .video-wrap .asset {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.site-ru .video-wrap {
    margin-top: -50px;
}

@media screen and (max-width: 640px){
	.site-ru .video-wrap .video-box > iframe {
			height: auto;
	}
	.site-ru .social-buttons {
			width: 100%;
	}
}
.site-ru .category-list .desc .cssFix img {
    margin: 17px 0 10px;
    width: 100%;
}
.ob-pt .product-detail .product-info .detail .when-to-use {
  visibility: hidden;
}

.ob-pt .search-result .col .product-logo {
    color: #2c86a7;
    font-size: 18px;
    height: 23px;
    line-height: 23px;
    margin: 0 0 17px;
    overflow: hidden;
    text-align: center;
}

/*attdashb-447*/
.medicatie-post{
  margin-bottom: 0px;
  margin-top: -150px;
}
/* OBNOS-22 */
.site-nb.ob-no .over-transparent,.site-nb.ob-no .over-transparent-inner {
	background: rgba(200, 232, 240, 0.1);
}
.site-nb.ob-no .intro-text {
	color: #0f7ba4;
	padding: 0 27px 22px;
}
.site-nb.ob-no .cols.stage.menstural-cycle .rad-area {
	display: none;
}
.site-nb.ob-no .product-filter-form {
	padding: 29px 0 0;
}

.site-nb.ob-no .product-filter-form .menstural-cycle h3 {
	margin-bottom: 33px;
}

.site-nb.ob-no #search-result .new-text {
	clear: both;
	margin: 14px 0 0 0;
	padding-top: 20px;
	color: #0f7ba4;
}

.site-nb.ob-no nav ul ul ul {
	width: 210px;
	display: none;
	top: 19px;
	left: 151px;
	background: none;
	padding: 0 12px;
}

.site-nb.ob-no nav ul ul ul li {
	padding: 0 0 7px 6px;
}

.site-nb.ob-no .btn-faq {
	padding: 0px 0px;
}

.site-nb.ob-no .products-on-range-page .product {
	float: left;
	width: 50%;
}

.site-nb.ob-no .products-on-range-page .row-1-products .product:first-child .flow-detail {
	margin-top: 21px;
}

.site-nb.ob-no .products-on-range-page .row-1-products .flow-detail .ico {
	width: 43px;
}

.site-nb.ob-no .products-on-range-page .row-2-products {
	clear: both;
	padding-top: 20px;
}

.site-nb.ob-no .products-on-range-page.product-detail .row-1-products .product:first-child .flow-detail {
	float: left;
	width: 50%;
	margin-top: 0px;
}

.site-nb.ob-no .products-on-range-page.product-detail .product {
	width: 43%;
}

.site-nb.ob-no .products-on-range-page.product-detail .flow-detail {
	float: left;
	width: 50%;
}

.site-nb.ob-no .products-on-range-page img {
	margin: 10px 0px 10px 0px !important;
	display: inline-block;
}

.site-nb.ob-no .products-on-range-page ul {
	margin: 20px 0px 10px;
	padding-left: 25px !important;
	width: 38%;
	display: inline-block;
}

.site-nb.ob-no .products-on-range-page + h2 {
	clear: both;
	padding-top: 20px;
}

.site-nb.ob-no .products-on-range-page .flow-detail .ico {
	float: none;
  margin: 0 auto;
	height: 26px;
	background: url(../images/sprite.png) no-repeat -251px -33px;
}

.site-nb.ob-no .products-on-range-page .flow-detail .ico.red {
	background-position: -372px -33px;
}

.site-nb.ob-no .products-on-range-page .flow-detail .ico.blue{
	background-position: -543px -33px;
}

.site-nb.ob-no #loader {
	display: none;
}

.site-nb.ob-no #loader.browsepop {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	height: auto;
	opacity: 0.95;
	padding: 15px;
	position: fixed;
	text-align: center;
	transition: all 0.5s ease-in-out 0s;
	width: auto;
	z-index: 1200;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.site-nb.ob-no .form_submit_wait {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.site-nb.ob-no .close {
	z-index: 23;
	text-align: right;
}

.site-nb.ob-no #mask {
	display: none;
	box-sizing: content-box;
	z-index: 999;
	width: 100%;
	height: 300%;
	position: fixed;
	opacity: 0.85;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	overflow: hidden;
	border: none;
	font: normal 16px/1 Arial,serif;
	color: white;
	text-align: center;
	text-overflow: ellipsis;
	background: rgba(10, 10, 10, 0.8);
}
.site-nb.ob-no .visste-du {
  background: rgba(255, 255, 255, 0.5);
}
.site-nb.ob-no .visste-du h3 strong {
  font-size: 35px;
  text-align: center;
}
.site-nb.ob-no .visste-du .text-small {
  padding: 25px 2px 2px;
  font-size: 10px;
}
.site-nb.ob-no .visste-du .text-large {
  font-size: 18px;
  padding: 2px;
}
.site-nb.ob-no .views-discover-ob-tampons.block {
  background: rgba(255, 255, 255, 0.8);
}
.site-nb.ob-no .views-discover-ob-tampons.block  h3{
  min-height:auto;
}
.site-nb.ob-no .views-discover-ob-tampons.block .product-scroll ul li span{
  padding: 20px 0 20px 2px;  
}
.site-nb.ob-no.views-discover-ob-tampons.block .product-img + span{
  padding: 20px 0 20px 2px;  
}
.site-nb.ob-no .product-detail .product-info .info {
	width: 35%;
	float: left;
}

.site-nb.ob-no .product-detail .product-info .info .img {
	margin: 6px 0px 0 0;
}

.site-nb.ob-no .product-detail .product-info .info .img img {
	margin: 0;
}

.site-nb.ob-no .product-detail .product-info .detail {
	float: left;
	width: 50%;
	margin-top: 36px;
}

.site-nb.ob-no .product-detail .new_copy1 {
	list-style: disc outside;
	margin: 20px 0px 10px;
	padding-left: 37px;
	display: inline-block;
}

.site-nb.ob-no .product-detail .read-more {
	float: left;
	overflow: hidden;
	clear: both;
}

.site-nb.ob-no .product-detail .flow-detail {
	display: block !important;
}

.site-nb.ob-no .product-detail .flow-detail span {
	display: none;
}
/* OBNOS-22 end */
/*OBSES-46 start */
.ob-se .sommarkampanjWrapper {
  width:711px;
  margin:0 auto;
  background: url('/sites/ob_se/files/pinkbg.jpg');
  color:#00369d;
  font-family: ag_book_roundedregular;
  font-weight: bold;
}
.ob-se .sommarkampanjWrapper  h1{
    text-align: center;
    width: 70%;
    margin: 0 auto;
    padding-top: 100px;
    font-size: 70px;
    color: #00369d;
    font-family: ag_book_roundedregular;
    font-weight: bold;
    text-transform: none;
	line-height: 100%;
}
.ob-se  .sommarkampanjWrapper .conditionList{
    padding-top: 50px;
    width: 65%;
    margin: 0 auto;
    font-size: 22px;
    line-height: 36px;
	list-style: decimal;
}
.ob-se  .sommarkampanjWrapper  .brasommar{
    padding-top: 50px;
    text-align: center;
    width: 65%;
    margin: 0 auto;
    font-size: 22px;
}
.ob-se .sommarkampanjWrapper  .footerText1{
	padding-top: 70px;
}
.ob-se .sommarkampanjWrapper  .footerText1,.ob-se  .sommarkampanjWrapper  .footerText2,.ob-se  .sommarkampanjWrapper  .footerText3{
  width: 70%; 
  margin: 0 auto;
  font-size: 17px;
  line-height: 20px;
}
.ob-se .sommarkampanjWrapper .bottom_logo{
	width: 80%;
    margin: 0 auto;
	padding-bottom:70px;
}

@media screen and (max-width:767px) {	
 .ob-se .sommarkampanjWrapper {
	width:100%;		 
	background-size: cover;
 }
 .ob-se .sommarkampanjWrapper  h1{
	padding-top: 62px;
	font-size: 35px;
 }
 .ob-se .sommarkampanjWrapper  img{
	width:100%;
	height:auto;	 
 }
 .ob-se .sommarkampanjWrapper .conditionList{
	padding-top: 32px; 
	font-size: 11px;
	line-height:18px;
 }
 .ob-se .sommarkampanjWrapper  .brasommar{
	padding-top: 25px; 
	font-size: 11px; 
 }	
 .ob-se .sommarkampanjWrapper  .imgCenter{
   margin-top:20px;
 }
 .ob-se .sommarkampanjWrapper  .footerText1,.ob-se .sommarkampanjWrapper  .footerText2,.ob-se .sommarkampanjWrapper  .footerText3{
	font-size: 9px;
    line-height: 12px;
 }
 .ob-se .sommarkampanjWrapper  .footerText1{
	padding-top: 45px; 	 
 } 
 .ob-se .sommarkampanjWrapper .bottom_logo{
	padding-bottom:50px;
 }
}

/*OBSES-46 End */
/* OBFIS-18 */
.ob-fi.site-fi .products-on-range-page .product {
                float: left;
                width: 50%;
}

.ob-fi.site-fi .products-on-range-page .row-2-products {
                clear: both;
                padding-top: 20px;
}

.ob-fi.site-fi .products-on-range-page.product-detail.row-1-products .product:first-child .flow-detail {
                float: left;
                width: 50%;
                margin-top: 0px;
}

.ob-fi.site-fi .products-on-range-page.product-detail .product {
                width: 43%;
}

.ob-fi.site-fi .products-on-range-page.product-detail .read-more {
                background: none;
                border-bottom: 0;
                color: #0f7ba4;
}

.ob-fi.site-fi .products-on-range-page.product-detail h4 {
                display: none;
}

.ob-fi.site-fi .products-on-range-page .row-2-products {
                clear: both;
                padding-top: 20px;
}

.ob-fi.site-fi .products-on-range-page img {
                margin: 10px 0px 10px 0px !important;
                display: inline-block;
}

.ob-fi.site-fi .products-on-range-page ul {
                margin: 20px 0px 10px;
                padding-left: 25px !important;
                width: 38%;
                display: inline-block;
}

.ob-fi.site-fi .products-on-range-page + h2 {
                clear: both;
                padding-top: 20px;
}

.ob-fi.site-fi .products-on-range-page .flow-detail .ico {
                margin: 0 auto;
                float: none;
}

.ob-fi.site-fi .products-on-range-page .flow-detail .ico.blue {
                background-position: -543px -33px;
}
/*OBNOTS-11 End */
/*OBFITS-3 Start */
.ob-fi #webform-component-obr-superthin-pikkuhousunsuojat {
    display: none;	
}

.ob-fi.site-fi .products-on-range-page .flow-detail .ico.red {
                background-position: -365px -67px;
                width: 50px;
}

.ob-fi.site-fi .products-on-range-page .product-ob-tamponit .product:nth-child(2) p {
    margin-top: 20px;
}

.ob-fi.splash-screen footer .footer-link li a {
	border-bottom: none !important;
	margin-top: -5px !important;
}

.ob-fi.site-fi .intro-text {
                color: #0f7ba4;
                padding: 0 27px 22px;
}
.ob-fi.site-fi #search-result .new-text {
    clear: both;
    margin: 14px 0 0 0;
    padding-top: 20px;
    color: #0f7ba4;
}
/*ACNJ-143*/

.ob-ru .buy-on-perekrestok {
  margin-top: 10px;
}

.buy-on-ozone.buy-on-perekrestok a{
  padding: 0;
  border:none;
}

.ob-ru .search-result .buy-on-ozone .nbb1{
  max-width: 26px;
}

.ob-ru .search-result .nbb2 {
  display: none;
}
.ob-ru .search-result .buy-on-ozone.buy-on-perekrestok{
display: none;
}

.ob-ru  .search-result .buy-on-ozone  {
    margin-left: 33px !important;
    margin-right: 33px;
}
/*ACNJ-148*/

.ob-ru .new-buy-button span {
  margin-right: 16px !important;
}
/*ACNJ-148*/
/*ACCU-45*/
.ob-no .page {
    width: 934px!important;
}
.ob-no .product-gallery{
    width: 909px!important;
    padding: 8px!important;
}
.ob-no .product-gallery .switcher li{
	width: 49.8%
}
.ob-no .product-gallery .switcher li:first-child{
	margin-right: 0.1%;
}
.ob-no .product-gallery .switcher li:last-child{
	margin-left: 0.1%;
}
.ob-no .product-gallery .switcher li a {
    width: 100%!important;
}

.ob-no .page-home .page {
	width: 100% !important;
}

.ob-no.page-home.i18n-nb .page {
    width: 100% !important;
}
/*ACCU-45*/
/*ACKX-139*/
.ob-ch  .node-type-section .category-block .ttl {
  height: 80px !important;
}
/*ACKX-139*/
/*AGFR-1408*/
.ob-ru .buy-on-ozone button {
    display: inline-block;
    border: none;
    padding: 3px;
    margin: 0;
    text-decoration: none;
    background: #ffffff;
    color: #000000;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
	min-width: 30%;
}

.ob-ru .buy-on-ozone button:hover,
.ob-ru .buy-on-ozone button:focus {
    background: #ffffff;
}

.ob-ru .buy-on-ozone button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

.ob-ru .buy-on-ozone button:active {
    transform: scale(0.99);
}
.ob-ru .buy-on-ozone .bq-buy-button-div {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #c7e9ee;
    padding: 15px;
    overflow: hidden;
    background: #fff;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *: ;
    display: inline;
    text-decoration: none;
}
.product-detail .product-info .info .img .nbb1 {
	display: inline-block;
}

/*AGFR-1408*/