#autocomplete {
  position: absolute;
  z-index: 100;
  overflow: hidden
}

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

#autocomplete li {
  cursor: default;
  white-space: pre;
  zoom: 1
}

html.js .form-autocomplete {
  background-position: 100% 2px;
  background-repeat: no-repeat
}

html.js .throbbing {
  background-position: 100% -18px
}

html.js fieldset.collapsed {
  height: 1em
}

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

fieldset.collapsible {
  position: relative
}

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

.form-textarea-wrapper textarea {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0
}

.resizable-textarea .grippie {
  height: 9px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  overflow: hidden
}

body.drag {
  cursor: move
}

.cen {
  text-align: center
}

.tabledrag-handle {
  float: left;
  overflow: hidden;
  text-decoration: none;
  cursor: move
}

.img10 {
  width: 100%;
  max-width: 250px
}

.dar {
  color: darkred
}

.aif {
  align-items: flex-start
}

.mb20 {
  margin-bottom: 20px
}

.tabledrag-handle .handle {
  height: 15px;
  width: 15px;
  margin: -0.4em 0;
  padding: .4em
}

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

.tabledrag-handle-hover .handle {
  background-position: 6px -11px
}

.indentation {
  float: left;
  width: 20px
}

.tabledrag-toggle-weight-wrapper {
  text-align: right
}

.sticky-header {
  margin-top: 0;
  background-color: #fff
}

.progress .bar {
  background-color: #fff;
  border: 1px solid
}

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

.progress .percentage {
  float: right
}

.ajax-progress {
  display: inline-block
}

.ajax-progress .throbber {
  float: left;
  height: 15px;
  width: 15px;
  margin: 2px
}

.ajax-progress .message {
  padding-left: 20px
}

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

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

.container-inline div,
.container-inline label {
  display: inline
}

.container-inline .fieldset-wrapper {
  display: block
}

.nowrap {
  white-space: nowrap
}

html.js .js-hide {
  display: none
}

.element-hidden {
  display: none
}

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto
}

.clearfix {
  *zoom: 1
}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

.menu {
  border: 0;
  list-style: none;
  text-align: left
}

.menu .expanded {
  list-style-type: circle
}

.menu .collapsed {
  list-style-type: disc
}

.menu .leaf {
  list-style-type: square
}

.active {
  color: #000
}

.menu-disabled {
  background: #ccc
}

.links--inline {
  *zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.links--inline:after {
  content: "";
  display: table;
  clear: both
}

.links--inline li {
  float: left;
  margin-right: 1em
}

.links--inline li>a {
  display: block
}

.tabs a {
  background-color: #eee;
  text-decoration: none
}

.tabs a.active {
  background-color: #ccc
}

.tabs a:hover,
.tabs a:focus {
  background-color: #bbb
}

.tabs--primary {
  margin-bottom: 1em;
  border-bottom: 1px solid #bbb
}

.tabs--primary a {
  padding: .3em .8em
}

.tabs--secondary a {
  padding: .2em .5em;
  margin: .4em 0;
  font-size: .9em
}

.messages {
  margin: 6px 0;
  padding: 10px 10px 10px 50px;
  background-position: 8px 8px;
  background-repeat: no-repeat;
  border: 1px solid
}

.messages ul {
  margin: 0 0 0 1em;
  padding: 0
}

.messages li {
  list-style-image: none
}

.messages--status {
  border-color: #be7
}

.messages--status,
tr.ok {
  background-color: #f8fff0
}

.messages--status,
.ok {
  color: #234600
}

.messages--warning {
  border-color: #ed5
}

.messages--warning,
tr.warning {
  background-color: #fffce5
}

.messages--warning,
.warning {
  color: #333
}

.messages--error {
  border-color: #ed541d
}

.messages--error,
tr.error {
  background-color: #fef5f1
}

.messages--error,
.error {
  color: #333
}

.error .error {
  color: #8c2e0b
}

fieldset {
  margin-bottom: 1em
}

table {
  border-collapse: collapse
}

th {
  padding-right: 1em;
  background-color: #bbb;
  text-align: left
}

tr.even,
tr.odd {
  background-color: #eee
}

tr.odd {
  background-color: #ddd
}

#autocomplete {
  background: #fff;
  border: 1px solid;
  color: #000
}

#autocomplete .selected {
  background: #0072b9;
  color: #fff
}

html.js fieldset.collapsible .fieldset-legend {
  padding-left: 15px
}

html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0
}

html.js fieldset.collapsed .fieldset-legend {
  background-position: 5px 50%
}

.fieldset-legend .summary {
  margin-left: .5em;
  color: #999;
  font-size: .9em
}

.drag {
  background-color: #fffff0
}

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

.progress {
  font-weight: bold
}

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

.selected td {
  background: #ffc
}

.checkbox,
.checkbox {
  text-align: center
}

.form-item,
.form-actions {
  margin-bottom: 1em
}

.form-item label,
.form-actions label {
  display: block;
  font-weight: bold
}

.form-item .description,
.form-actions .description {
  font-size: .85em
}

.form-checkboxes .form-item,
.form-radios .form-item {
  margin-bottom: .4em
}

.form-checkboxes .description,
.form-radios .description {
  margin-left: 2.4em
}

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

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

.marker,
.form-required {
  color: red
}

input.error,
textarea.error,
select.error {
  border: 2px solid red
}

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

.container-inline .form-actions,
.container-inline.form-actions {
  margin-top: 0;
  margin-bottom: 0
}

th.active img {
  display: inline
}

td.active {
  background-color: #ddd
}

.more-link {
  display: block;
  text-align: right
}

.pager {
  clear: both;
  padding: 0;
  text-align: center
}

.pager__item {
  display: inline;
  padding: .5em;
  background-image: none;
  list-style-type: none
}

.pager__item--current {
  font-weight: bold
}

.container-inline-date {
  clear: both
}

.container-inline-date .form-item {
  float: none;
  margin: 0;
  padding: 0
}

.container-inline-date>.form-item {
  display: inline-block;
  margin-right: .5em;
  vertical-align: top
}

fieldset.date-combo .container-inline-date>.form-item {
  margin-bottom: 10px
}

.container-inline-date .form-item .form-item {
  float: left
}

.container-inline-date .form-item,
.container-inline-date .form-item input {
  width: auto
}

.container-inline-date .description {
  clear: both
}

.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option {
  margin-right: 5px
}

.container-inline-date .date-spacer {
  margin-left: -5px
}

.views-right-60 .container-inline-date div {
  margin: 0;
  padding: 0
}

.container-inline-date .date-timezone .form-item {
  clear: both;
  float: none;
  width: auto
}

.container-inline-date .date-padding {
  float: left
}

fieldset.date-combo .container-inline-date .date-padding {
  padding: 10px
}

.views-exposed-form .container-inline-date .date-padding {
  padding: 0
}

#calendar_div,
#calendar_div td,
#calendar_div th {
  margin: 0;
  padding: 0
}

#calendar_div,
.calendar_control,
.calendar_links,
.calendar_header,
.calendar {
  border-collapse: separate;
  margin: 0;
  width: 185px
}

.calendar td {
  padding: 0
}

.date-prefix-inline {
  display: inline-block
}

.date-clear {
  clear: both;
  display: block;
  float: none
}

.date-no-float {
  clear: both;
  float: none;
  width: 98%
}

.date-float {
  clear: none;
  float: left;
  width: auto
}

.date-float .form-type-checkbox {
  padding-right: 1em
}

.form-type-date-select .form-type-select[class*="hour"] {
  margin-left: .75em
}

.date-container .date-format-delete {
  float: left;
  margin-top: 1.8em;
  margin-left: 1.5em
}

.date-container .date-format-name {
  float: left
}

.date-container .date-format-type {
  float: left;
  padding-left: 10px
}

.date-container .select-container {
  clear: left;
  float: left
}

div.date-calendar-day {
  background: #f3f3f3;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  color: #999;
  float: left;
  line-height: 1;
  margin: 6px 10px 0 0;
  text-align: center;
  width: 40px
}

div.date-calendar-day span {
  display: block;
  text-align: center
}

div.date-calendar-day span.month {
  background-color: #b5bebe;
  color: #fff;
  font-size: .9em;
  padding: 2px;
  text-transform: uppercase
}

div.date-calendar-day span.day {
  font-size: 2em;
  font-weight: bold
}

div.date-calendar-day span.year {
  font-size: .9em;
  padding: 2px
}

.date-form-element-content-multiline {
  padding: 10px;
  border: 1px solid #ccc
}

.form-item.form-item-instance-widget-settings-input-format-custom,
.form-item.form-item-field-settings-enddate-required {
  margin-left: 1.3em
}

#edit-field-settings-granularity .form-type-checkbox {
  margin-right: .6em
}

.date-year-range-select {
  margin-right: 1em
}

.cke.cke_chrome {
  visibility: inherit
}

.node-unpublished {
  background-color: #fff4f4
}

.preview .node {
  background-color: #ffffea
}

td.revision-current {
  background: #ffc
}

span[data-picture-align="left"],
img[data-picture-align="left"] {
  float: left
}

span[data-picture-align="right"],
img[data-picture-align="right"] {
  float: right
}

span[data-picture-align="center"],
img[data-picture-align="center"] {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.cke_dialog_body tr td:last-child {
  border-right: 0
}

.field__label {
  font-weight: bold
}

.field--label-inline .field__label,
.field--label-inline .field__items {
  float: left
}

.views-exposed-form .views-exposed-widget {
  float: left;
  padding: .5em 1em 0 0
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.6em
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
  margin-top: 0;
  margin-bottom: 0
}

.views-exposed-form label {
  font-weight: bold
}

.views-exposed-widgets {
  margin-bottom: .5em
}

.views-align-left {
  text-align: left
}

.views-align-right {
  text-align: right
}

.views-align-center {
  text-align: center
}

.views-view-grid tbody {
  border-top: 0
}

.view .progress-disabled {
  float: none
}

div.password-confirm {
  visibility: hidden
}

#backtotop {
  position: fixed;
  width: 50px;
  height: 50px;
  display: none;
  z-index: 999999;
  background-color: #ff6500;
  text-align: center;
  line-height: 3.5rem;
  font-size: 18px !important;
  color: #fff;
  font-size: 2em;
  border-radius: 50%;
  top: 93%;
  right: 3%;
  margin-top: -25px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -kthtml-transition: all .3s linear;
  transition: all .3s linear
}

#backtotop:hover {
  opacity: .8;
  cursor: pointer;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
  margin-top: -30px;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
  margin-top: -30px
}

#backtotop span {
  font-size: 26px !important
}

#backtotop:hover span {
  -webkit-transition: -webkit-transform .15s;
  -moz-transition: -moz-transform .15s;
  -o-transition: -o-transform .15s;
  -ms-transition: -ms-transform .15s;
  transition: transform .15s
}

.password-strength {
  float: right;
  margin-top: 1.2em;
  width: 17em
}

.password-strength-title {
  float: left
}

.password-strength-text {
  float: right;
  font-weight: bold
}

.password-indicator {
  clear: both;
  height: .3em;
  width: 100%;
  background-color: #c4c4c4
}

.password-indicator .indicator {
  height: 100%;
  width: 0;
  background-color: #47c965
}

div.password-confirm {
  float: right;
  clear: both;
  width: 17em;
  margin-top: 1.5em
}

.form-type-password-confirm input {
  width: 16em
}

.password-suggestions {
  margin: .7em 0;
  padding: .2em .5em;
  border: 1px solid #b4b4b4
}

.user-profile-item__label {
  font-weight: bold
}

.profile {
  clear: both;
  margin: 1em 0
}

.profile .user-picture {
  float: right;
  margin: 0 1em 1em 0
}

.profile h3 {
  border-bottom: 1px solid #ccc
}

.profile dl {
  margin: 0 0 1.5em 0
}

.profile dt {
  margin: 0 0 .2em 0;
  font-weight: bold
}

.profile dd {
  margin: 0 0 1em 0
}

.rteindent1 {
  margin-left: 40px
}

.rteindent2 {
  margin-left: 80px
}

.rteindent3 {
  margin-left: 120px
}

.rteindent4 {
  margin-left: 160px
}

.rteleft {
  text-align: left
}

.rteright {
  text-align: right
}

.rtecenter {
  text-align: center
}

.rtejustify {
  text-align: justify
}

.ibimage_left {
  float: left
}

.ibimage_right {
  float: right
}

picture img {
  width: 100%
}

.df_btn {
  display: inline-block;
  padding: 20px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 15px 0 rgba(129, 150, 160, 0.45);
  border-radius: 5px;
  background-color: #0299ff;
  background-position: 1.35em .94em;
  background-size: 1em;
  background-repeat: no-repeat;
  transition: all .15s ease-in-out;
  border: 0;
  cursor: pointer;
  font-size: 20px;
  margin: 20px 0;
}
.df_btn:hover {
  background-color: #017ACC;
}

.gr b {
  background: #bfffda;
  border-radius: 10px;
  font-weight: normal;
  display: inline-block;
  padding: 15px
}

.gr b {
  font-weight: normal
}

.check {
  padding: 5px;
  font-size: 16px;
  list-style: circle;
  padding-left: 35px;
  position: relative;
  border-bottom: 1px solid rgba(128, 128, 128, 0.2)
}

.check::before {
  content: "";
  position: absolute;
  padding: 10px;
  left: 0;
  top: 0;
  bottom: 0
}

.prod_im {
  display: flex;
  justify-content: center;
  margin-bottom: 25px
}

.prod_im img {
  max-width: 300px;
  width: 100%
}

.price {
  display: flex;
  font-size: 48px;
  font-weight: 700;
  margin: 20px 0;
  justify-content: center;
  text-align: center;
  flex-direction: column
}

.old {
  text-decoration: line-through;
  opacity: .5;
  margin-bottom: 20px
}

.df_img {
  width: 100%;
  margin: 20px auto;
  border-radius: 10px
}

.field {
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  margin: 10px;
  border: 1px solid #999
}

.arrows {
  display: flex;
  justify-content: center;
  margin: 20px 0
}

.arrow {
  padding: 40px 30px;
  margin: 10px
}

.prod_im {
  display: flex;
  justify-content: center;
  margin-bottom: 25px
}

.prod_im img {
  max-width: 300px;
  width: 100%
}

.price {
  display: flex;
  font-size: 48px;
  font-weight: 700;
  margin: 20px 0;
  justify-content: center;
  text-align: center
}

.old {
  text-decoration: line-through;
  opacity: .5;
}

.comm_b {
  display: flex;
  margin: 25px 0;
  align-items: center
}

.ava {
  margin-right: 20px;
  width: 60px;
  height: 60px
}

.comm_t {
  width: 70%
}

.comm_name {
  font-weight: 700;
  margin-bottom: 10px
}

.oc {
  opacity: .5;
  text-align: center
}

.inh {
  position: inherit !important
}

.www {
  max-width: 300px;
  width: 100%
}

.m15 {
  margin: 15px 0
}

.flc {
  width: 100%;
  display: flex;
  justify-content: center
}

.fs {
  align-items: flex-start
}

.footer_links {
  font-size: 12px
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none
}

h1 {
  width: 100% !important
}

.a2 {
  background: url("../img/2.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a1 {
  background: url("../img/1.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a15 {
  background: url("../img/15.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a12 {
  background: url("../img/12.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a11 {
  background: url("../img/11.jpg") top center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a14 {
  background: url("../img/14.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a13 {
  background: url("../img/13.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a4 {
  background: url("../img/4.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a7 {
  background: url("../img/7.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a3 {
  background: url("../img/3.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a5 {
  background: url("../img/5.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a8 {
  background: url("../img/8.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a10 {
  background: url("../img/10.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.a6 {
  background: url("../img/6.jpg") center center / cover no-repeat;
  border-radius: 1000px;
  width: 60px;
  height: 60px
}

.timer {
  font-size: 16px
}

.b {
  text-decoration: line-through;
  color: red
}

.bgr {
  color: green;
  font-size: larger
}

.input-group {
  position: relative
}

.input-group input {
  width: 100%;
  box-sizing: border-box
}

.input-group:before {
  z-index: 99;
  content: attr(data-content) "";
  position: absolute;
  top: -15px;
  right: 0;
  background: #e74c3c;
  color: #fff;
  border-radius: 5px;
  padding: 3px 5px;
  font-family: Arial;
  font-size: 14px
}

.tooltip-hide.input-group:before {
  display: none
}
@media (max-width: 991px) {
  .comm_b:not(:nth-last-child(-n+7)) {
    display: none;
  }
}
.paragraphs-item-text-paragraph .product-link,
.facebook-comments-box .product-link {
	color: #000;
	font-weight: 700;
}
.product-link:hover {
	text-decoration: underline;
}
.input-group{position:relative;}.input-group input{width:100%;box-sizing:border-box;}.input-group:before{z-index:99;content:attr(data-content)"";position:absolute;top:-15px;right:0;background:#e74c3c;color:#fff;border-radius:5px;padding:3px 5px;font-family: Arial;font-size: 14px}.tooltip-hide.input-group:before{display: none;}