@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-family: 'Gotham-Bold';
 font-size: 7pt;
  
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  
}

sup {
  top: -0.35em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

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

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

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

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #337ab7;
}

a.bg-primary:hover {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .edit-profile-fav-brand .form-type-checkbox.checkbox,
.edit-profile-fav-spirit .form-type-checkbox.checkbox, .col-lg-3, .col-xs-4, .col-sm-4, .edit-profile-fav-brand .form-type-checkbox.checkbox,
.edit-profile-fav-spirit .form-type-checkbox.checkbox, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .edit-profile-container .password-wrapper,
.edit-profile-container .confirm-password-wrapper, .col-md-6, .edit-profile-container .password-wrapper,
.edit-profile-container .confirm-password-wrapper, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .edit-profile-fav-brand .form-type-checkbox.checkbox,
.edit-profile-fav-spirit .form-type-checkbox.checkbox, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .edit-profile-fav-brand .form-type-checkbox.checkbox,
.edit-profile-fav-spirit .form-type-checkbox.checkbox {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12, .edit-profile-fav-brand .form-type-checkbox.checkbox,
.edit-profile-fav-spirit .form-type-checkbox.checkbox {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .edit-profile-fav-brand .form-type-checkbox.checkbox,
  .edit-profile-fav-spirit .form-type-checkbox.checkbox, .col-sm-5, .col-sm-6, .edit-profile-container .password-wrapper,
  .edit-profile-container .confirm-password-wrapper, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4, .edit-profile-fav-brand .form-type-checkbox.checkbox,
  .edit-profile-fav-spirit .form-type-checkbox.checkbox {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6, .edit-profile-container .password-wrapper,
  .edit-profile-container .confirm-password-wrapper {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .edit-profile-fav-brand .form-type-checkbox.checkbox,
  .edit-profile-fav-spirit .form-type-checkbox.checkbox, .col-md-4, .col-md-5, .col-md-6, .edit-profile-container .password-wrapper,
  .edit-profile-container .confirm-password-wrapper, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3, .edit-profile-fav-brand .form-type-checkbox.checkbox,
  .edit-profile-fav-spirit .form-type-checkbox.checkbox {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6, .edit-profile-container .password-wrapper,
  .edit-profile-container .confirm-password-wrapper {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-sm, .input-group-sm input[type="date"],
  input[type="time"].input-sm, .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm, .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm, .input-group-sm
  input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg, .input-group-lg input[type="date"],
  input[type="time"].input-lg, .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg, .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg, .input-group-lg
  input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled, fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled, fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label, fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33333px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}

.btn, .pager-load-more > li a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .pager-load-more > li a:focus, .btn.focus, .pager-load-more > li a.focus, .btn:active:focus, .pager-load-more > li a:active:focus, .btn:active.focus, .pager-load-more > li a:active.focus, .btn.active:focus, .pager-load-more > li a.active:focus, .btn.active.focus, .pager-load-more > li a.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .pager-load-more > li a:hover, .btn:focus, .pager-load-more > li a:focus, .btn.focus, .pager-load-more > li a.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .pager-load-more > li a:active, .btn.active, .pager-load-more > li a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .pager-load-more > li a.disabled, .btn[disabled], .pager-load-more > li a[disabled], fieldset[disabled] .btn, fieldset[disabled] .pager-load-more > li a, .pager-load-more > li fieldset[disabled] a {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
  visibility: hidden;
}
.collapse.in {
  display: block;
  visibility: visible;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
  visibility: hidden;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager:before, .pager:after {
  content: " ";
  display: table;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

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

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
/* Base */
/* font-family: 'Arvo', serif; */
/* font-family: 'Raleway', sans-serif; */
@font-face {
  font-family: 'TradeGothicW01-BoldCn20_675334';
  src: url("../fonts/675334/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
  src: url("../fonts/675334/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"), url("../fonts/675334/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"), url("../fonts/675334/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"), url("../fonts/675334/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
}
/*font-family: 'TradeGothicW01-BoldCn20_675334';*/
h1, h2, h3, h4 {
  font-family: 'TradeGothicW01-BoldCn20_675334';
  color: #363636;
}

.clear, .pager-load-more {
  clear: both;
}

.full-width {
  width: 100% !important;
}

input, button, select, textarea {
  max-width: 100%;
}

ul {
  padding: 0;
}
ul li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #ef6a40;
  outline: none;
}
a:focus, a:hover {
  text-decoration: none;
  color: #ef6a40;
  outline: none;
}

.btn:hover, .pager-load-more > li a:hover, .btn:focus, .pager-load-more > li a:focus, .btn.focus, .pager-load-more > li a.focus {
  color: #fff;
  outline: none;
}

.fa {
  margin-left: 5px;
}

.btn-play {
  padding: 3px 5px;
  border: 2px solid #fff;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 13px;
  color: #fff;
  border-radius: 0;
  background: none;
  text-transform: uppercase;
}
.no-touch .btn-play:hover {
  color: #363636;
  background: #fff;
  border-color: #fff;
}

.btn-white, .btn-white-lg {
  padding: 3px 5px;
  border: 2px solid #fff;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 0;
  background: none;
}
.no-touch .btn-white:hover, .no-touch .btn-white-lg:hover {
  color: black;
  background: #fff;
}
.no-touch .btn-white:active, .no-touch .btn-white-lg:active, .no-touch .btn-white:focus, .no-touch .btn-white-lg:focus {
  color: #fff;
  background: none;
}

.btn-white-lg {
  padding: 3px 13px;
}

.orange-button {
  border: 2px solid #ef6a40;
  color: #ef6a40;
  border-radius: 0;
  background: none;
  text-transform: uppercase;
}
.no-touch .orange-button:hover {
  color: #fff;
  background: #ef6a40;
}
.no-touch .orange-button:active, .no-touch .orange-button:focus {
  color: #ef6a40;
  background: none;
}
.touch .orange-button:hover, .touch .orange-button:active, .touch .orange-button:focus {
  border: 2px solid #ef6a40;
  color: #ef6a40;
  background: none;
}

.gray-button {
  padding: 4px 10px;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  border-radius: 7px;
  background: #e1e1e1;
  text-transform: uppercase;
}
.no-touch .gray-button:focus, .no-touch .gray-button:hover {
  color: #000;
  background: #e1e1e1;
}

.btn-plain {
  background: #292929;
  color: #fff;
  width: 125px;
  line-height: 38px;
  padding: 0;
}
.btn-plain > .fa {
  margin: 0;
}
.btn-plain > a {
  color: #fff;
}
.btn-plain > a.disabled {
  opacity: 0.5;
  cursor: default;
}
.btn-plain:hover {
  background: #292929;
  color: #fff;
}

.btn-border, .btn-border-grey, .btn-inactive, .btn-no-border, .pager-load-more > li a, .user-password .user-login-form-wrapper .btn-primary, .contact-us-content .webform-submit, #edit-btn-submit {
  padding: 5px 10px;
  border: 2px solid #ef6a40;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  white-space: normal;
  letter-spacing: 0.7px;
  color: #ef6a40;
  border-radius: 0;
  background: none;
  text-transform: uppercase;
}
.no-touch .btn-border:hover, .no-touch .btn-border-grey:hover, .no-touch .btn-inactive:hover, .no-touch .btn-no-border:hover, .no-touch .pager-load-more > li a:hover, .pager-load-more > li .no-touch a:hover, .no-touch .user-password .user-login-form-wrapper .btn-primary:hover, .user-password .user-login-form-wrapper .no-touch .btn-primary:hover, .no-touch .contact-us-content .webform-submit:hover, .contact-us-content .no-touch .webform-submit:hover, .no-touch #edit-btn-submit:hover {
  border: 2px solid #ef6a40;
  color: #fff;
  background: #ef6a40;
}
.no-touch .btn-border:active, .no-touch .btn-border-grey:active, .no-touch .btn-inactive:active, .no-touch .btn-no-border:active, .no-touch .pager-load-more > li a:active, .pager-load-more > li .no-touch a:active, .no-touch .user-password .user-login-form-wrapper .btn-primary:active, .user-password .user-login-form-wrapper .no-touch .btn-primary:active, .no-touch .contact-us-content .webform-submit:active, .contact-us-content .no-touch .webform-submit:active, .no-touch #edit-btn-submit:active, .no-touch .btn-border:focus, .no-touch .btn-border-grey:focus, .no-touch .btn-inactive:focus, .no-touch .btn-no-border:focus, .no-touch .pager-load-more > li a:focus, .pager-load-more > li .no-touch a:focus, .no-touch .user-password .user-login-form-wrapper .btn-primary:focus, .user-password .user-login-form-wrapper .no-touch .btn-primary:focus, .no-touch .contact-us-content .webform-submit:focus, .contact-us-content .no-touch .webform-submit:focus, .no-touch #edit-btn-submit:focus {
  border: 2px solid #ef6a40;
  color: #ef6a40;
  background: none;
}
.touch .btn-border:hover, .touch .btn-border-grey:hover, .touch .btn-inactive:hover, .touch .btn-no-border:hover, .touch .pager-load-more > li a:hover, .pager-load-more > li .touch a:hover, .touch .user-password .user-login-form-wrapper .btn-primary:hover, .user-password .user-login-form-wrapper .touch .btn-primary:hover, .touch .contact-us-content .webform-submit:hover, .contact-us-content .touch .webform-submit:hover, .touch #edit-btn-submit:hover, .touch .btn-border:active, .touch .btn-border-grey:active, .touch .btn-inactive:active, .touch .btn-no-border:active, .touch .pager-load-more > li a:active, .pager-load-more > li .touch a:active, .touch .user-password .user-login-form-wrapper .btn-primary:active, .user-password .user-login-form-wrapper .touch .btn-primary:active, .touch .contact-us-content .webform-submit:active, .contact-us-content .touch .webform-submit:active, .touch #edit-btn-submit:active, .touch .btn-border:focus, .touch .btn-border-grey:focus, .touch .btn-inactive:focus, .touch .btn-no-border:focus, .touch .pager-load-more > li a:focus, .pager-load-more > li .touch a:focus, .touch .user-password .user-login-form-wrapper .btn-primary:focus, .user-password .user-login-form-wrapper .touch .btn-primary:focus, .touch .contact-us-content .webform-submit:focus, .contact-us-content .touch .webform-submit:focus, .touch #edit-btn-submit:focus {
  border: 2px solid #ef6a40;
  color: #ef6a40;
  background: none;
}

.btn-border-grey, .btn-inactive {
  border: 2px solid #989898;
  color: #989898;
}
.no-touch .btn-border-grey:hover, .no-touch .btn-inactive:hover {
  border: 2px solid #989898;
  background: #989898;
}
.no-touch .btn-border-grey:active, .no-touch .btn-inactive:active, .no-touch .btn-border-grey:focus, .no-touch .btn-inactive:focus {
  border: 2px solid #989898;
  color: #989898;
  background: none;
}
.touch .btn-border-grey:hover, .touch .btn-inactive:hover, .touch .btn-border-grey:active, .touch .btn-inactive:active, .touch .btn-border-grey:focus, .touch .btn-inactive:focus {
  border: 2px solid #989898;
  color: #989898;
}

.btn-inactive {
  border-color: #d7d7d7;
  color: #d7d7d7;
  cursor: default;
}
.no-touch .btn-inactive:hover, .no-touch .btn-inactive:active, .no-touch .btn-inactive:focus {
  background: #fff;
  color: #d7d7d7;
  border-color: #d7d7d7;
}
.touch .btn-inactive:hover, .touch .btn-inactive:active, .touch .btn-inactive:focus {
  background: #fff;
  color: #d7d7d7;
  border-color: #d7d7d7;
}

.btn-no-border {
  border: none;
}
.no-touch .btn-no-border:hover, .no-touch .btn-no-border:active, .no-touch .btn-no-border:focus, .touch .btn-no-border:hover, .touch .btn-no-border:active, .touch .btn-no-border:focus {
  background: transparent;
  color: #ef6a40;
  border: none;
  box-shadow: none;
}

.heading-borders, .block-related-taxonomy-type-block h2 {
  position: relative;
  display: inline-block;
  padding: 5px 0;
  border-top: 1px solid #ebbf6f;
  border-bottom: 1px solid #ebbf6f;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
}
.heading-borders:after, .block-related-taxonomy-type-block h2:after {
  position: absolute;
  top: -5px;
  right: 20px;
  bottom: -5px;
  left: 20px;
  border-top: 1px solid #ebbf6f;
  border-bottom: 1px solid #ebbf6f;
  content: '';
}

.heading-borders-bottom {
  position: relative;
  display: inline-block;
  padding: 5px 0;
  border-bottom: 1px solid #fff;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
}
.heading-borders-bottom:after {
  position: absolute;
  top: -5px;
  right: 20px;
  bottom: -5px;
  left: 20px;
  border-bottom: 1px solid #fff;
  content: '';
}

a.external-link:after {
  margin-left: 5px;
  font-family: FontAwesome;
  content: '\f08b';
}

hr {
  color: #d7d7d7;
}

table {
  border: 1px solid #d7d7d7;
  background-color: #fff;
}

.view-recipe-moderation .pagination {
  position: static;
}

.brick-bg {
  background: url("../images/brick-bg.png") #fff top center repeat;
}

.white-bg {
  background-image: none;
  background-color: #fff;
}

.float-none {
  float: none !important;
}

.required-fields {
  font-size: 12px;
  color: #ef6a40;
}

/*This is standard width size of 920px*/
.max-std-width, .pager-load-more, .content-bottom-wrapper .block-quicktabs .content, .privacy-page .page-content-data,
.about-our-ads-page .page-content-data,
.terms-page .page-content-data, #quicktabs-search .quicktab-list-wrapper .ulclass {
  max-width: 920px;
  margin: 0 auto;
}

/*Keep Admin Menu at the TOP*/
#admin-menu, #admin-menu .dropdown {
  z-index: 99999;
}

html.js input.form-autocomplete {
  background-image: none;
}

.dispVerticalMiddle {
  display: table-cell;
  vertical-align: middle;
}

.fb-btn {
  font-family: 'TradeGothicW01-BoldCn20_675334';
  white-space: normal;
  letter-spacing: 0.7px;
  color: #fff;
  border-radius: 0;
  background: #3b5998;
}

.stickyAtTop {
  position: fixed;
  z-index: 9999;
  top: 0;
}

.stickyApply {
  position: fixed;
  z-index: 999;
  top: 48px;
}

.no-print {
  display: none !important;
}

.recipe-page-heading {
  margin: 35px 0 15px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 30px;
  text-transform: uppercase;
}

.inline {
  display: inline-block !important;
}

.center {
  text-align: center;
}

.alert-block {
  padding: 10px;
  border: 1px solid #ccc;
  margin: 10px;
  color: #363636;
  border-radius: 7px;
  background-color: #fff;
}
.alert-block a.close {
  display: none;
}
.alert-block ul, .alert-block ol {
  margin-bottom: 0;
}
.alert-block li {
  list-style: inside;
}
.alert-block.alert-danger {
  color: #ef6a40;
}
.main-content-wrapper .alert-block {
  border: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.uppercase {
  text-transform: uppercase;
}

.shadow {
  -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.3) ;
  -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.3) ;
  -o-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.3) ;
  box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.3) ;
}

.shadow-bottom, .about-page .page-body-data {
  -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.1) ;
  -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.1) ;
  -o-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.1) ;
  box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.1) ;
}

.shadow-top-down {
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.2) ;
  -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.2) ;
  -o-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.2) ;
  box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.2) ;
}

.views-submit-button {
  display: none;
}

.color-white {
  color: #fff;
}

.animation {
  opacity: 0;
}

.animation-visible {
  opacity: 1;
}

.animated,
.animation {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.no-float {
  float: none;
  display: inline-block;
  vertical-align: top;
}

/* Utility */
/* verticle, horizontal, diagonal, smart*/
.icons-sprite, .icons-advanced, .icons-article-tab-active, .icons-back-to-top-desktop, .icons-back-to-top, .icons-beginner, .icons-behind-the-bar, .icons-champagneflute, .icons-collins, .icons-drink-types, .icons-frozen, .icons-fruity, .icons-highball, .icons-hot, .icons-hurricane, .icons-i-avgSkill, .icons-i-behindthebar, .icons-i-bourbonSpirit, .icons-i-car-next, .icons-i-car-prev, .icons-i-closeMenu, .icons-i-drinktypes-sm, .icons-i-drinktypes, .icons-i-fb, .st_facebook_custom, .icons-i-flavorprofiles, .icons-i-footminus, .icons-i-footplus, .icons-i-googlePlus, .st_googleplus_custom, .icons-i-incredibleNext, .icons-i-incrediblePrev, .icons-i-like, .icons-i-list, .icons-i-mail, .st_email_custom, .icons-i-next, .recipe-ingredient-gallery .bx-wrapper .bx-next,
.recipe-ingredient-gallery .bx-wrapper .bx-next:hover, .icons-i-occasions-sm, .icons-i-occasions, .icons-i-pinterest, .st_pinterest_custom, .icons-i-prev, .recipe-ingredient-gallery .bx-wrapper .bx-prev,
.recipe-ingredient-gallery .bx-wrapper .bx-prev:hover, .icons-i-print, .icons-i-rocksOld, .icons-i-spirits-sm, .icons-i-spirits, .icons-i-tipsandtricks, .icons-i-twitter, .st_twitter_custom, .icons-i-video, .icons-i-videos, .icons-ig-logo, .icons-instagram, .icons-intermediate, .icons-margarita, .icons-martinicocktail, .icons-masonjar, .icons-mug, .icons-occasions, .icons-omg, .icons-pint, .icons-pitcher, .icons-play-btn, .icons-punchbowl, .icons-redwine, .icons-rocksoldfashioned, .icons-savory, .icons-search, .icons-shot, .icons-snifter, .icons-sour, .icons-specialty, .icons-spicy, .icons-spirits, .icons-sweet, .icons-tips-and-tricks, .icons-user, .icons-w-advanced, .icons-w-beginner, .icons-w-bourbonSpirit, .icons-w-champagne, .icons-w-champagneflute, .icons-w-collins, .icons-w-frozen, .icons-w-fruity, .icons-w-highball, .icons-w-hot, .icons-w-hurricane, .icons-w-intermediate, .icons-w-margarita, .icons-w-martini, .icons-w-martinicocktail, .icons-w-masonjar, .icons-w-mug, .icons-w-pint, .icons-w-pitcher, .icons-w-punchbowl, .icons-w-redwine, .icons-w-rocks, .icons-w-rocksoldfashioned, .icons-w-savory, .icons-w-shot, .icons-w-snifter, .icons-w-sour, .icons-w-refreshing, .icons-w-specialty, .icons-w-spicy, .icons-w-sweet, .icons-w-whitewine, .icons-whitewine {
  background-image: url('../images/../images/icons.png?v=3b63655c49');
  background-repeat: no-repeat;
}

.icons-advanced {
  background-position: 0 0;
  height: 32px;
  width: 32px;
}

.icons-article-tab-active {
  background-position: 0 -42px;
  height: 7px;
  width: 17px;
}

.icons-back-to-top-desktop {
  background-position: 0 -59px;
  height: 34px;
  width: 34px;
}

.icons-back-to-top {
  background-position: 0 -103px;
  height: 34px;
  width: 34px;
}

.icons-beginner {
  background-position: 0 -147px;
  height: 32px;
  width: 32px;
}

.icons-behind-the-bar {
  background-position: 0 -189px;
  height: 30px;
  width: 30px;
}

.icons-champagneflute {
  background-position: 0 -229px;
  height: 32px;
  width: 32px;
}

.icons-collins {
  background-position: 0 -271px;
  height: 32px;
  width: 32px;
}

.icons-drink-types {
  background-position: 0 -313px;
  height: 30px;
  width: 30px;
}

.icons-frozen {
  background-position: 0 -353px;
  height: 32px;
  width: 32px;
}

.icons-fruity {
  background-position: 0 -395px;
  height: 32px;
  width: 32px;
}

.icons-highball {
  background-position: 0 -437px;
  height: 32px;
  width: 32px;
}

.icons-hot {
  background-position: 0 -479px;
  height: 32px;
  width: 32px;
}

.icons-hurricane {
  background-position: 0 -521px;
  height: 32px;
  width: 32px;
}

.icons-i-avgSkill {
  background-position: 0 -563px;
  height: 23px;
  width: 19px;
}

.icons-i-behindthebar {
  background-position: 0 -628px;
  height: 22px;
  width: 22px;
}
.icons-i-behindthebar:hover, .main-menu .behindthebar-lk:hover span, .icons-i-behindthebar.i-behindthebar-hover {
  background-position: 0 -596px;
}

.icons-i-bourbonSpirit {
  background-position: 0 -660px;
  height: 32px;
  width: 32px;
}

.icons-i-car-next {
  background-position: 0 -702px;
  height: 31px;
  width: 31px;
}

.icons-i-car-prev {
  background-position: 0 -743px;
  height: 31px;
  width: 31px;
}

.icons-i-closeMenu {
  background-position: 0 -784px;
  height: 16px;
  width: 16px;
}

.icons-i-drinktypes-sm {
  background-position: 0 -840px;
  height: 14px;
  width: 14px;
}

.icons-i-drinktypes {
  background-position: 0 -864px;
  height: 20px;
  width: 26px;
}
.icons-i-drinktypes:hover, .main-menu .drinktypes-lk:hover span, .icons-i-drinktypes.i-drinktypes-hover {
  background-position: 0 -810px;
}

.icons-i-fb, .st_facebook_custom {
  background-position: 0 -933px;
  height: 29px;
  width: 29px;
}
.icons-i-fb:hover, .st_facebook_custom:hover, .icons-i-fb.i-fb-hover, .i-fb-hover.st_facebook_custom {
  background-position: 0 -894px;
}

.icons-i-flavorprofiles {
  background-position: 0 -1008px;
  height: 26px;
  width: 26px;
}
.icons-i-flavorprofiles:hover, .icons-i-flavorprofiles.i-flavorprofiles-hover {
  background-position: 0 -972px;
}

.icons-i-footminus {
  background-position: 0 -1044px;
  height: 11px;
  width: 11px;
}

.icons-i-footplus {
  background-position: 0 -1065px;
  height: 11px;
  width: 11px;
}

.icons-i-googlePlus, .st_googleplus_custom {
  background-position: 0 -1125px;
  height: 29px;
  width: 29px;
}
.icons-i-googlePlus:hover, .st_googleplus_custom:hover, .icons-i-googlePlus.i-googlePlus-hover, .i-googlePlus-hover.st_googleplus_custom {
  background-position: 0 -1086px;
}

.icons-i-incredibleNext {
  background-position: 0 -1164px;
  height: 66px;
  width: 66px;
}

.icons-i-incrediblePrev {
  background-position: 0 -1240px;
  height: 66px;
  width: 66px;
}

.icons-i-like {
  background-position: 0 -1316px;
  height: 19px;
  width: 22px;
}

.icons-i-list {
  background-position: 0 -1345px;
  height: 17px;
  width: 21px;
}

.icons-i-mail, .st_email_custom {
  background-position: 0 -1411px;
  height: 29px;
  width: 29px;
}
.icons-i-mail:hover, .st_email_custom:hover, .icons-i-mail.i-mail-hover, .i-mail-hover.st_email_custom {
  background-position: 0 -1372px;
}

.icons-i-next, .recipe-ingredient-gallery .bx-wrapper .bx-next,
.recipe-ingredient-gallery .bx-wrapper .bx-next:hover {
  background-position: 0 -1450px;
  height: 16px;
  width: 9px;
}

.icons-i-occasions-sm {
  background-position: 0 -1510px;
  height: 17px;
  width: 18px;
}

.icons-i-occasions {
  background-position: 0 -1537px;
  height: 24px;
  width: 26px;
}
.icons-i-occasions:hover, .main-menu .occasions-lk:hover span, .icons-i-occasions.i-occasions-hover {
  background-position: 0 -1476px;
}

.icons-i-pinterest, .st_pinterest_custom {
  background-position: 0 -1610px;
  height: 29px;
  width: 29px;
}
.icons-i-pinterest:hover, .st_pinterest_custom:hover, .icons-i-pinterest.i-pinterest-hover, .i-pinterest-hover.st_pinterest_custom {
  background-position: 0 -1571px;
}

.icons-i-prev, .recipe-ingredient-gallery .bx-wrapper .bx-prev,
.recipe-ingredient-gallery .bx-wrapper .bx-prev:hover {
  background-position: 0 -1649px;
  height: 16px;
  width: 9px;
}

.icons-i-print {
  background-position: 0 -1714px;
  height: 29px;
  width: 30px;
}
.icons-i-print:hover, .icons-i-print.i-print-hover {
  background-position: 0 -1675px;
}

.icons-i-rocksOld {
  background-position: 0 -1753px;
  height: 20px;
  width: 18px;
}

.icons-i-spirits-sm {
  background-position: 0 -1817px;
  height: 17px;
  width: 14px;
}

.icons-i-spirits {
  background-position: 0 -1844px;
  height: 24px;
  width: 26px;
}
.icons-i-spirits:hover, .main-menu .spirits-lk:hover span, .icons-i-spirits.i-spirits-hover {
  background-position: 0 -1783px;
}

.icons-i-tipsandtricks {
  background-position: 0 -1910px;
  height: 22px;
  width: 22px;
}
.icons-i-tipsandtricks:hover, .icons-i-tipsandtricks.i-tipsandtricks-hover {
  background-position: 0 -1878px;
}

.icons-i-twitter, .st_twitter_custom {
  background-position: 0 -1981px;
  height: 29px;
  width: 29px;
}
.icons-i-twitter:hover, .st_twitter_custom:hover, .icons-i-twitter.i-twitter-hover, .i-twitter-hover.st_twitter_custom {
  background-position: 0 -1942px;
}

.icons-i-video {
  background-position: 0 -2020px;
  height: 30px;
  width: 30px;
}

.icons-i-videos {
  background-position: 0 -2092px;
  height: 22px;
  width: 22px;
}
.icons-i-videos:hover, .icons-i-videos.i-videos-hover {
  background-position: 0 -2060px;
}

.icons-ig-logo {
  background-position: 0 -2124px;
  height: 34px;
  width: 34px;
}

.icons-instagram {
  background-position: 0 -2168px;
  height: 34px;
  width: 34px;
}

.icons-intermediate {
  background-position: 0 -2212px;
  height: 32px;
  width: 32px;
}

.icons-margarita {
  background-position: 0 -2254px;
  height: 32px;
  width: 32px;
}

.icons-martinicocktail {
  background-position: 0 -2296px;
  height: 32px;
  width: 32px;
}

.icons-masonjar {
  background-position: 0 -2338px;
  height: 32px;
  width: 32px;
}

.icons-mug {
  background-position: 0 -2380px;
  height: 32px;
  width: 32px;
}

.icons-occasions {
  background-position: 0 -2422px;
  height: 30px;
  width: 30px;
}

.icons-omg {
  background-position: 0 -2462px;
  height: 69px;
  width: 67px;
}

.icons-pint {
  background-position: 0 -2541px;
  height: 32px;
  width: 32px;
}

.icons-pitcher {
  background-position: 0 -2583px;
  height: 32px;
  width: 32px;
}

.icons-play-btn {
  background-position: 0 -2625px;
  height: 50px;
  width: 50px;
}

.icons-punchbowl {
  background-position: 0 -2685px;
  height: 32px;
  width: 32px;
}

.icons-redwine {
  background-position: 0 -2727px;
  height: 32px;
  width: 32px;
}

.icons-rocksoldfashioned {
  background-position: 0 -2769px;
  height: 32px;
  width: 32px;
}

.icons-savory {
  background-position: 0 -2811px;
  height: 32px;
  width: 32px;
}

.icons-search {
  background-position: 0 -2853px;
  height: 19px;
  width: 19px;
}

.icons-shot {
  background-position: 0 -2882px;
  height: 32px;
  width: 32px;
}

.icons-snifter {
  background-position: 0 -2924px;
  height: 32px;
  width: 32px;
}

.icons-sour {
  background-position: 0 -2966px;
  height: 32px;
  width: 32px;
}

.icons-specialty {
  background-position: 0 -3008px;
  height: 32px;
  width: 32px;
}

.icons-spicy {
  background-position: 0 -3050px;
  height: 32px;
  width: 32px;
}

.icons-spirits {
  background-position: 0 -3092px;
  height: 30px;
  width: 30px;
}

.icons-sweet {
  background-position: 0 -3132px;
  height: 32px;
  width: 32px;
}

.icons-tips-and-tricks {
  background-position: 0 -3174px;
  height: 30px;
  width: 30px;
}

.icons-user {
  background-position: 0 -3214px;
  height: 33px;
  width: 33px;
}

.icons-w-advanced {
  background-position: 0 -3257px;
  height: 32px;
  width: 32px;
}

.icons-w-beginner {
  background-position: 0 -3299px;
  height: 32px;
  width: 32px;
}

.icons-w-bourbonSpirit {
  background-position: 0 -3341px;
  height: 32px;
  width: 32px;
}

.icons-w-champagne {
  background-position: 0 -3383px;
  height: 32px;
  width: 32px;
}

.icons-w-champagneflute {
  background-position: 0 -3425px;
  height: 32px;
  width: 32px;
}

.icons-w-collins {
  background-position: 0 -3467px;
  height: 32px;
  width: 32px;
}

.icons-w-frozen {
  background-position: 0 -3509px;
  height: 32px;
  width: 32px;
}

.icons-w-fruity {
  background-position: 0 -3551px;
  height: 32px;
  width: 32px;
}

.icons-w-highball {
  background-position: 0 -3593px;
  height: 32px;
  width: 32px;
}

.icons-w-hot {
  background-position: 0 -3635px;
  height: 32px;
  width: 32px;
}

.icons-w-hurricane {
  background-position: 0 -3677px;
  height: 32px;
  width: 32px;
}

.icons-w-intermediate {
  background-position: 0 -3719px;
  height: 32px;
  width: 32px;
}

.icons-w-margarita {
  background-position: 0 -3761px;
  height: 32px;
  width: 32px;
}

.icons-w-martini {
  background-position: 0 -3803px;
  height: 32px;
  width: 32px;
}

.icons-w-martinicocktail {
  background-position: 0 -3845px;
  height: 32px;
  width: 32px;
}

.icons-w-masonjar {
  background-position: 0 -3887px;
  height: 32px;
  width: 32px;
}

.icons-w-mug {
  background-position: 0 -3929px;
  height: 32px;
  width: 32px;
}

.icons-w-pint {
  background-position: 0 -3971px;
  height: 32px;
  width: 32px;
}

.icons-w-pitcher {
  background-position: 0 -4013px;
  height: 32px;
  width: 32px;
}

.icons-w-punchbowl {
  background-position: 0 -4055px;
  height: 32px;
  width: 32px;
}

.icons-w-redwine {
  background-position: 0 -4097px;
  height: 32px;
  width: 32px;
}

.icons-w-rocks {
  background-position: 0 -4139px;
  height: 32px;
  width: 32px;
}

.icons-w-rocksoldfashioned {
  background-position: 0 -4181px;
  height: 32px;
  width: 32px;
}

.icons-w-savory {
  background-position: 0 -4223px;
  height: 32px;
  width: 32px;
}

.icons-w-shot {
  background-position: 0 -4265px;
  height: 32px;
  width: 32px;
}

.icons-w-snifter {
  background-position: 0 -4307px;
  height: 32px;
  width: 32px;
}

.icons-w-sour, .icons-w-refreshing {
  background-position: 0 -4349px;
  height: 32px;
  width: 32px;
}

.icons-w-specialty {
  background-position: 0 -4391px;
  height: 32px;
  width: 32px;
}

.icons-w-spicy {
  background-position: 0 -4433px;
  height: 32px;
  width: 32px;
}

.icons-w-sweet {
  background-position: 0 -4475px;
  height: 32px;
  width: 32px;
}

.icons-w-whitewine {
  background-position: 0 -4517px;
  height: 32px;
  width: 32px;
}

.icons-whitewine {
  background-position: 0 -4559px;
  height: 32px;
  width: 32px;
}

.icons-sprite, .icons-advanced, .icons-article-tab-active, .icons-back-to-top-desktop, .icons-back-to-top, .icons-beginner, .icons-behind-the-bar, .icons-champagneflute, .icons-collins, .icons-drink-types, .icons-frozen, .icons-fruity, .icons-highball, .icons-hot, .icons-hurricane, .icons-i-avgSkill, .icons-i-behindthebar, .icons-i-bourbonSpirit, .icons-i-car-next, .icons-i-car-prev, .icons-i-closeMenu, .icons-i-drinktypes-sm, .icons-i-drinktypes, .icons-i-fb, .st_facebook_custom, .icons-i-flavorprofiles, .icons-i-footminus, .icons-i-footplus, .icons-i-googlePlus, .st_googleplus_custom, .icons-i-incredibleNext, .icons-i-incrediblePrev, .icons-i-like, .icons-i-list, .icons-i-mail, .st_email_custom, .icons-i-next, .recipe-ingredient-gallery .bx-wrapper .bx-next,
.recipe-ingredient-gallery .bx-wrapper .bx-next:hover, .icons-i-occasions-sm, .icons-i-occasions, .icons-i-pinterest, .st_pinterest_custom, .icons-i-prev, .recipe-ingredient-gallery .bx-wrapper .bx-prev,
.recipe-ingredient-gallery .bx-wrapper .bx-prev:hover, .icons-i-print, .icons-i-rocksOld, .icons-i-spirits-sm, .icons-i-spirits, .icons-i-tipsandtricks, .icons-i-twitter, .st_twitter_custom, .icons-i-video, .icons-i-videos, .icons-ig-logo, .icons-instagram, .icons-intermediate, .icons-margarita, .icons-martinicocktail, .icons-masonjar, .icons-mug, .icons-occasions, .icons-omg, .icons-pint, .icons-pitcher, .icons-play-btn, .icons-punchbowl, .icons-redwine, .icons-rocksoldfashioned, .icons-savory, .icons-search, .icons-shot, .icons-snifter, .icons-sour, .icons-specialty, .icons-spicy, .icons-spirits, .icons-sweet, .icons-tips-and-tricks, .icons-user, .icons-w-advanced, .icons-w-beginner, .icons-w-bourbonSpirit, .icons-w-champagne, .icons-w-champagneflute, .icons-w-collins, .icons-w-frozen, .icons-w-fruity, .icons-w-highball, .icons-w-hot, .icons-w-hurricane, .icons-w-intermediate, .icons-w-margarita, .icons-w-martini, .icons-w-martinicocktail, .icons-w-masonjar, .icons-w-mug, .icons-w-pint, .icons-w-pitcher, .icons-w-punchbowl, .icons-w-redwine, .icons-w-rocks, .icons-w-rocksoldfashioned, .icons-w-savory, .icons-w-shot, .icons-w-snifter, .icons-w-sour, .icons-w-refreshing, .icons-w-specialty, .icons-w-spicy, .icons-w-sweet, .icons-w-whitewine, .icons-whitewine {
  display: inline-block;
  vertical-align: top;
}

                 /*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%,100%,20%,50%,80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,100%,20%,50%,80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%,100%,50% {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,100%,50% {
    opacity: 1;
  }
  25%,75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* layout */
html, body {
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */
}

body {
  font-family: 'Raleway', sans-serif;
  height: 100%;
  background: #292929;
}

::-moz-selection {
  color: #fff;
  background: #ef6a40;
}

::selection {
  color: #fff;
  background: #ef6a40;
}

.html > .page-container {
  max-width: 1600px;
  padding-left: 200px;
  margin: 0 auto;
  background: url("../images/menu-bg.jpg") #252524 top center repeat;
  overflow: hidden;
}

.main-menu {
  position: fixed;
  top: 0;
  width: 200px;
  min-height: 100%;
  margin-left: -200px;
  background: url("../images/menu-bg.jpg") #252524 top center repeat;
}

.recipe-category-left {
  cursor: default;
}

.main-container {
  width: 100%;
  background: #363636;
}

.main-content {
  padding: 0;
  background: url("../images/brick-bg.png") #fff top center repeat;
}

.main-header {
  padding: 0;
  background: #363636;
}

.content-box-container {
  padding-top: 60px;
}

.help-block {
  font-weight: normal;
  color: #949494;
}

@media screen and (max-width: 767px) {
  .html > .page-container, .content-box-container {
    padding: 0;
  }

  .main-menu {
    position: absolute;
  }

  /*
	 * Off Canvas
	 * --------------------------------------------------
	 */
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: 0;
    /* for demo only 6 columns */
  }

  .row-offcanvas-left.active {
    left: 200px;
    /* 6 columns */
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: 0;
    /* for demo only 6 columns */
  }

  .rightsidebar-offcanvas {
    position: absolute;
    top: 0;
    right: -200px;
    left: initial;
    width: 200px;
    height: 100%;
    padding: 0 13px;
    background-color: #363636;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 3px inset;
    box-shadow: rgba(0, 0, 0, 0.5) 2px 0 3px inset;
  }

  .row-offcanvas-right.active {
    right: 200px;
    /* 6 columns */
  }
}
/* Plugin */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

.select2-results {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

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

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

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

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

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

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

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

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

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

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

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

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

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

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

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

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

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

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

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

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/*******************
Start of BxSlider
********************/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  margin: 0 auto 60px;
  *zoom: 1;
}

.bx-wrapper img {
  display: block;
  max-width: 100%;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;*/
  left: -5px;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  background: #fff;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 50px;
  background: url(../images/bx_loader.gif) center center no-repeat #fff;
}

/* PAGER */
.bx-wrapper .bx-pager {
  padding-top: 20px;
  font-family: Arial;
  font-size: 0.85em;
  font-weight: bold;
  text-align: center;
  color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  text-indent: -9999px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: 0;
  background: #666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  z-index: 9999;
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  text-indent: -9999px;
  outline: 0;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  width: 10px;
  height: 11px;
  margin: 0 3px;
  text-indent: -9999px;
  outline: 0;
  background: url(../images/controls.png) -86px -11px no-repeat;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  width: 9px;
  height: 11px;
  margin: 0 3px;
  text-indent: -9999px;
  outline: 0;
  background: url(../images/controls.png) -86px -44px no-repeat;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  width: 80%;
  text-align: left;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
}

.bx-wrapper .bx-caption span {
  display: block;
  padding: 10px;
  font-family: Arial;
  font-size: 0.85em;
  color: #fff;
}

/*******************
End of BxSlider
********************/
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 *
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
  margin: 0 auto;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-property: -webkit-transform, left, top;
  -moz-transition-property: -moz-transform, left, top;
  -ms-transition-property: -ms-transform, left, top;
  -o-transition-property: -o-transform, left, top;
  transition-property: transform, left, top;
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  -o-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  transform: translate3d(0px, 0, 0);
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-slide {
  float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
	height: 100px;*/
}

.swiper-slide {
  /* Specify Slides's Size: */
  /*width: 100%;
	height: 100%;*/
}

.swiper-slide-active {
  /* Specific active slide styling: */
}

.swiper-slide-visible {
  /* Specific visible slide styling: */
}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
  /* Stylize pagination button: */
}

.swiper-active-switch {
  /* Specific active button style: */
}

.swiper-visible-switch {
  /* Specific visible button style: */
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  line-height: 0;
  content: '.';
}

/* display none until init */
.owl-carousel {
  position: relative;
  display: none;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  position: relative;
  display: none;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

body #back-top span#button {
  background-image: url("../images/icons/back-to-top.png");
  background-color: transparent;
}
body #back-top-prev span#button-prev {
  background-image: url("../images/icons/back-to-top.png");
  background-color: transparent;
}

@media (min-width: 768px) {
  body #back-top {
    visibility: hidden;
  }
  body.page-drink-type #back-top, body.page-spirits #back-top, body.page-occasions #back-top {
    visibility: visible;
  }
}
@media (max-width: 767px) {
  body #back-top {
    bottom: 0;
    right: 15px;
    z-index: 9999;
  }
}
.skrollr-desktop body {
  height: 100% !important;
}

.parallax-image-wrapper {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.parallax-image-wrapper-50 {
  height: 50%;
  top: -50%;
}

.parallax-image-wrapper-100 {
  height: 100%;
  top: -100%;
}

.parallax-image {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.parallax-image-50 {
  height: 200%;
  top: -50%;
}

.parallax-image-100 {
  height: 100%;
  top: 0;
}

.parallax-image.skrollable-between {
  display: block;
}

.no-skrollr .parallax-image-wrapper {
  display: none !important;
}

#skrollr-body {
  height: 100%;
  overflow: visible;
  position: relative;
}

.gap {
  background: transparent center no-repeat;
  background-size: cover;
}

.skrollr .gap {
  background: transparent !important;
}

.gap-50 {
  height: 50%;
}

.gap-100 {
  height: 100%;
}

	/*
	.header,
	.content {
		background:#fff;
		padding:1em;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}*/
.content-full {
  height: 100%;
}

#done {
  height: 100%;
}

#quicktabs-videos_tabs {
  background: #ffffff;
}
#quicktabs-videos_tabs .quicktabs_main {
  padding-top: 0px;
}

.imagelistexpander-items {
  font-size: 0;
}

.imagelistexpander-item {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  transition: height 500ms ease;
}

.imagelistexpander-expander {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}

.imagelistexpander-contents {
  position: relative;
}

.imagelistexpander-contents:after {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -30px;
  width: 0;
  height: 0;
  content: '';
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  -webkit-transition: border-bottom-width 500ms ease;
  -o-transition: border-bottom-width 500ms ease;
  transition: border-bottom-width 500ms ease;
}

.imagelistexpander-item.active .imagelistexpander-contents:after {
  border-bottom-width: 15px;
}

.view-user-export .views-submit-button {
  display: block;
}

.featured-videos {
  width: 100%;
  height: 450px;
  background: url("../images/../images/feature-videos-back.png") no-repeat;
  position: relative;
  text-align: center;
}
.featured-videos .feature-vid-carousel {
  display: none;
}
.featured-videos .feature-vid-carousel .owl-page {
  border-radius: 20px;
  display: inline-block;
  height: 14px;
  margin: 5px 7px;
  width: 14px;
  cursor: pointer;
  border: 2px solid #c6c4bf;
}
.featured-videos .feature-vid-carousel .owl-page.active {
  background: #ffffff;
  border: 2px solid #ffffff;
}
.featured-videos .feature-vid-carousel .owl-controls {
  float: left;
  margin-left: 20px;
  margin-top: 30px;
}
.featured-videos h1 {
  color: #ffffff;
  padding: 45px 0px 35px;
}
.featured-videos .feature-vid-player {
  position: absolute;
  top: 0;
  display: none;
  width: 100%;
  height: 450px;
  background: #1b1b1b;
  text-align: center;
}
.featured-videos .feature-vid-player .feature-vid-close {
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
}
.featured-videos .feature-vid-player iframe {
  width: 60%;
  height: 100%;
  border: none;
}
.featured-videos h3 {
  color: #ffffff;
  font-size: 1.3em;
}
.featured-videos img {
  border: 1px solid #ffffff;
  cursor: pointer;
  max-width: 400px;
  max-height: 225px;
}
.featured-videos .icons-play-btn {
  position: absolute;
  top: 42%;
  left: 52%;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.videos-page {
  background: #ffffff;
}

.video-grid {
  margin-top: 30px;
  background: #ffffff;
  width: 1050px;
}
.video-grid .gallery-items {
  font-size: 0;
}
.video-grid .gallery-item {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: height 500ms ease;
  -o-transition: height 500ms ease;
  transition: height 500ms ease;
  margin: 0 10px;
  padding: 10px 0;
  max-width: 235px;
}
.video-grid .gallery-item.active {
  margin-bottom: 30px;
}
.video-grid .gallery-item .gallery-expander {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
  background: #363636;
}
.video-grid .gallery-item .gallery-expander .gallery-expander-contents {
  margin: 0 auto;
  width: 1000px;
  padding: 40px 10px;
}
.video-grid .gallery-item .gallery-expander .gallery-expander-contents .close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 25px;
  color: #FFF;
  cursor: pointer;
}
.video-grid .gallery-item .gallery-expander .gallery-expander-contents .title {
  font-size: 25px;
  color: #FFF;
}
.video-grid .gallery-item .gallery-expander .gallery-expander-contents .contents {
  border-top: none;
  border-bottom: none;
  color: #FFF;
  font-size: 12px;
  display: inline-block;
}
.video-grid .gallery-item .gallery-expander .gallery-expander-contents .contents .view-more-btn {
  font-size: 16px;
}
.video-grid .gallery-item .gallery-expander .gallery-expander-contents .contents * {
  display: inline;
}
.video-grid .gallery-item .gallery-expander .gallery-expander-contents p {
  color: #FFF;
  font-size: 15px;
}
.video-grid .gallery-item .gallery-contents {
  position: relative;
  margin-bottom: 10px;
}
.video-grid .gallery-item .gallery-contents::after {
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -30px;
  width: 0;
  height: 0;
  content: '';
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  -webkit-transition: border-bottom-width 500ms ease;
  -o-transition: border-bottom-width 500ms ease;
  transition: border-bottom-width 500ms ease;
  border-bottom-color: #363636;
}
.video-grid .gallery-item .gallery-contents .title {
  margin-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  color: #000;
  font-size: 16px;
}
.video-grid .gallery-item .gallery-contents p {
  font-size: 14px;
  width: 235px;
  margin: 0 0 10px;
}
.video-grid .gallery-item .gallery-contents .video-description .btn-border, .video-grid .gallery-item .gallery-contents .video-description .btn-border-grey, .video-grid .gallery-item .gallery-contents .video-description .btn-inactive, .video-grid .gallery-item .gallery-contents .video-description .btn-no-border, .video-grid .gallery-item .gallery-contents .video-description .pager-load-more > li a, .pager-load-more > li .video-grid .gallery-item .gallery-contents .video-description a, .video-grid .gallery-item .gallery-contents .video-description .user-password .user-login-form-wrapper .btn-primary, .user-password .user-login-form-wrapper .video-grid .gallery-item .gallery-contents .video-description .btn-primary, .video-grid .gallery-item .gallery-contents .video-description .contact-us-content .webform-submit, .contact-us-content .video-grid .gallery-item .gallery-contents .video-description .webform-submit, .video-grid .gallery-item .gallery-contents .video-description #edit-btn-submit {
  margin-bottom: 10px;
}
.video-grid .gallery-item .gallery-contents .video-description .like-container-entity-node {
  display: inline-block;
}
.video-grid .gallery-item .gallery-contents .video-description .like-container-entity-node div {
  display: inline-block;
}
.video-grid .gallery-item .gallery-contents .video-description .like-container-entity-node .fa-heart, .video-grid .gallery-item .gallery-contents .video-description .like-container-entity-node .fa-heart-o {
  font-size: 13px;
  margin-right: 4px;
}
.video-grid .gallery-item .gallery-contents .video-description .like-container-entity-node .like-count-entity-node {
  color: #000;
  font-size: 13px;
  font-weight: bold;
}
.video-grid .gallery-item .gallery-contents .video-description .videos-likes {
  display: inline;
  color: #000000;
  visibility: visible;
  margin: 0 20px 0px 4px;
  font-weight: bold;
  font-size: 13px;
}
.video-grid .gallery-item .gallery-contents .like-count,
.video-grid .gallery-item .gallery-contents .view-count {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  margin: 0px 25px 15px 0px;
}
.video-grid .gallery-item .gallery-contents .like-count i,
.video-grid .gallery-item .gallery-contents .view-count i {
  display: inline-block;
  width: 15px;
  height: 9px;
  vertical-align: baseline;
  color: #ef6a40;
}
.video-grid .gallery-item .gallery-contents .thumbnail {
  position: relative;
  min-width: 235px;
  min-height: 130px;
  max-width: 235px;
  max-height: 130px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 10px;
}
.video-grid .gallery-item .gallery-contents .thumbnail::after {
  content: '\A';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.5;
}
.video-grid .gallery-item .gallery-contents .thumbnail img {
  position: absolute;
  top: 0%;
  max-width: 100%;
}
.video-grid .gallery-item .gallery-contents::after {
  border-bottom-color: #363636;
}
.video-grid .gallery-item .gallery-contents .icons-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-grid .gallery-item .gallery-contents .icons-play-btn.play-me {
  background-image: none;
  height: auto;
  width: auto;
  border: 2px solid #ffffff;
  padding: 3px 5px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 13px;
  color: #fff;
  border-radius: 0;
  text-transform: uppercase;
  font-style: normal;
  z-index: 3;
}
.video-grid .gallery-item .gallery-contents .icons-play-btn.play-me:hover {
  background: #ffffff;
  color: #000000;
}
.video-grid .gallery-item .gallery-contents .vid-duration {
  position: absolute;
  background: #363636;
  color: #ffffff;
  font-size: 14px;
  padding: 0px 7px;
  bottom: 10px;
  right: 4px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
}
.video-grid .gallery-item::after {
  border-bottom-width: 12px;
}
.video-grid .gallery-item.active::after {
  border-bottom-width: 12px;
}
.video-grid .gallery-item iframe {
  width: 100%;
  min-height: 300px;
  border: none;
}
.video-grid .sharewrapper div {
  display: inline-block;
}
.video-grid .sharewrapper div.like-container-entity-node {
  margin: 6px 0px 0px 20px;
}
.video-grid .sharewrapper a {
  margin-left: 10px;
}
.video-grid .sharewrapper a:first-child {
  margin-left: 0px;
}
.video-grid .sharewrapper .like-count-entity-node {
  font-size: 16px;
  color: #fff;
  margin-left: 5px;
  position: relative;
  top: -6px;
}

.gallery-item .gallery-contents:after {
  border-bottom-color: #363636;
}

.gallery-item.active .gallery-contents:after {
  border-bottom-width: 12px;
}

.gallery-expander-contents > div.vid-container, .gallery-expander-contents > div.vid-description {
  float: left;
  width: 45%;
}

.gallery-expander-contents > div.col + div.col {
  margin-left: 40px;
}

.gallery-expander-contents:after {
  clear: both;
  display: table;
  content: '';
}

.gallery-expander-contents div.close {
  position: absolute;
  top: 10px;
  right: 20px;
}

.gallery-expander-contents div.title {
  font-weight: 500;
  color: #D28A3C;
}

.gallery-expander-contents div.contents {
  border-top: 1px solid #BCB098;
  border-bottom: 1px solid #BCB098;
  padding: 10px 0;
  font-size: 14px;
  line-height: 24px;
  color: #797262;
}

.gallery-expander-contents div.image > img {
  width: 100%;
  display: block;
}

@media (max-width: 1430px) {
  .featured-videos img {
    width: 85%;
  }
  .featured-videos .icons-play-btn {
    top: 41%;
    left: 53%;
  }
}
@media (max-width: 1280px) {
  .video-grid {
    width: 100%;
  }
}
@media (max-width: 1170px) {
  .featured-videos .feature-vid-player iframe {
    width: 80%;
  }

  .gallery-expander-contents > div.vid-description {
    width: 40%;
  }

  .video-grid .gallery-item .gallery-expander .gallery-expander-contents {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .gallery-expander-contents > div.vid-container, .gallery-expander-contents > div.vid-description {
    width: 100%;
    text-align: center;
  }

  .video-grid .gallery-item .gallery-expander .gallery-expander-contents {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .featured-videos img {
    width: 300px;
  }
  .featured-videos .icons-play-btn {
    top: 41%;
    left: 50%;
  }
  .featured-videos h1 {
    margin: 0;
  }

  #quicktabs-container-videos_tabs {
    padding-top: 0 !important;
  }

  .gallery-expander-contents > div.vid-container, .gallery-expander-contents > div.vid-description {
    width: 100%;
    text-align: center;
  }

  .video-grid .gallery-item {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
  }
  .video-grid .gallery-item:last-child {
    border-bottom: none;
  }
  .video-grid .gallery-item .gallery-contents .thumbnail {
    width: 235px;
    height: 130px;
    display: inline-block;
    margin-right: 10px;
  }
  .video-grid .gallery-item .gallery-contents p {
    width: auto;
  }
  .video-grid .gallery-item .video-description {
    position: absolute;
    min-height: 130px;
    display: inline-block;
  }
  .video-grid .gallery-item .like-container-entity-node {
    float: none;
  }
}
@media (min-width: 640px) and (max-width: 999px) {
  .gallery-expander-contents > div.col + div.col {
    margin-left: 20px;
  }
}
@media (max-width: 639px) {
  .gallery-expander-contents > div.col {
    padding: 25px 20px 0;
  }

  .gallery-expander-contents > div.col + div.col {
    margin-left: 10px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (width: 375px) and (height: 559px) and (orientation: portrait) and (color: 8) and (device-aspect-ratio: 375 / 667) and (aspect-ratio: 375 / 559) and (device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2) {
  .video-grid .gallery-item .gallery-contents .thumbnail {
    width: 115px;
    height: 65px;
    min-width: 115px;
    min-height: 65px;
  }
}
@media (max-width: 480px) {
  .video-grid .gallery-item {
    min-height: 110px;
  }
  .video-grid .gallery-item .gallery-contents .thumbnail {
    width: 115px;
    height: 65px;
    min-width: 115px;
    min-height: 65px;
  }
  .video-grid .gallery-item .gallery-contents .vid-duration {
    display: none;
  }
  .video-grid .video-description .btn, .video-grid .video-description .pager-load-more > li a, .pager-load-more > li .video-grid .video-description a {
    border: none;
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 325px) {
  .video-grid .gallery-item .gallery-contents p {
    display: none;
  }
}
/* Module */
.recipe-info {
  position: relative;
  max-width: 510px;
  min-height: 222px;
  background-color: #666;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  background-size: 767px 100% !important;
}

.recipe-info-container {
  padding: 22px 50px 15px 29px;
  color: #fff;
}
.recipe-info-container > h1 {
  margin: 0;
  font-size: 44px;
  color: #fff;
}
.recipe-info-container .like i {
  color: #fff;
}
.recipe-info-container .like i:focus, .recipe-info-container .like i:hover {
  color: #fff;
}

.main-recipe-container {
  padding: 0;
}

.incredible-tag {
  position: absolute;
  top: 0;
  right: 0;
}

.like-count {
  display: inline-block;
  margin: 15px 0 20px;
}
.like-count > i {
  display: inline-block;
  width: 25px;
  height: 22px;
  vertical-align: middle;
}

.no-touch .like i {
  font-size: 20px;
  vertical-align: bottom;
}
.no-touch .like i:hover:before {
  content: '\f004';
}

.touch .like i {
  font-size: 20px;
  vertical-align: bottom;
}

.recipe-copy {
  max-width: 430px;
  line-height: 20px;
}

.recipe-facts {
  position: relative;
  width: 25%;
  padding: 23px 25px 25px 17px;
}
.recipe-facts > i {
  float: left;
  margin-right: 5px;
  overflow: hidden;
}
.recipe-facts h4, .recipe-facts p {
  margin-left: 30px;
}
.recipe-facts h2 {
  margin: 0 0 10px 6px;
  font-size: 24px;
}
.recipe-facts h4 {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 16px;
}
.recipe-facts p {
  font-size: 14px;
}
.recipe-facts .divider {
  position: absolute;
  top: 23px;
  right: 0;
  bottom: 23px;
  width: 1px;
  background: #d7d7d7;
}

.recipe-facts.hidden-xs h4, .recipe-facts.hidden-xs p {
  margin-left: 40px;
}

.wrap-recipe-data {
  display: table;
  width: 100%;
  margin: 0 auto;
  background: #fff;
}
.wrap-recipe-data .recipe-facts i {
  position: absolute;
}

.wrap-recipeinfo-image, .next-recipe-subblock, .recipe-info, .recipe-facts, .next-incredible-recipe {
  display: table-cell;
  vertical-align: top;
}

.standard-main-block .wrap-recipeinfo-image,
.standard-main-block .next-recipe-subblock {
  float: none;
}

.recipe-info {
  width: 50%;
}

.next-incredible-recipe {
  width: 25%;
  height: 222px;
  padding: 19px 10px 10px;
  color: #363636;
}
.next-incredible-recipe img {
  float: none;
}

.top-main-block.standard-main-block {
  width: 100%;
  padding: 0;
  color: #363636;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
}

.wrap-recipeinfo-image {
  background: #fff;
  padding-left: 0;
}

.btn-next-incr-recipe {
  padding: 4px 12px 5px;
  border: 2px solid #ef6a40;
  margin-top: -3px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  white-space: normal;
  color: #ef6a40;
  border-radius: 0;
  background: none;
}
.no-touch .btn-next-incr-recipe:active, .no-touch .btn-next-incr-recipe:focus, .no-touch .btn-next-incr-recipe:hover {
  color: #fff;
  background: #ef6a40;
}
.touch .btn-next-incr-recipe:hover, .touch .btn-next-incr-recipe:active, .touch .btn-next-incr-recipe:focus {
  color: #ef6a40;
  background: none;
}
.btn-next-incr-recipe > .fa {
  margin-left: 5px;
}

.info-detail-lk {
  display: none;
}

.top-main-block.standard-main-block {
  display: table;
  margin-top: -10px;
}

.next-recipe-subblock > div {
  display: table-cell;
  height: 296px;
  padding-left: 15px;
  border-left: 1px solid #d7d7d7;
  vertical-align: middle;
}
.next-recipe-subblock h5 {
  word-break: break-word;
}

/*
Recipe Main
*/
.title-subblock {
  padding: 32px 0 0 40px;
  text-align: left;
}
.title-subblock h1 {
  margin: 0 0 20px 0;
  font-size: 42px;
}
.title-subblock .drink-properties figure {
  padding-bottom: 10px;
}
.title-subblock .drink-properties img {
  height: 37px;
  margin-bottom: 10px;
}
.title-subblock .drink-properties p {
  word-wrap: break-word;
}
.title-subblock > .collapse {
  display: block;
  visibility: visible;
  margin-top: 15px;
}

.main-image-subblock {
  padding: 0;
  text-align: left;
  max-width: 700px;
  max-height: 342px;
  overflow: hidden;
}
.main-image-subblock > img {
  max-width: 100%;
}

.next-recipe-subblock {
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding: 25px 10px 20px;
}

.next-recipe-subblock figure, .next-recipe-subblock img {
  float: none;
  display: block;
  max-width: 100%;
  margin: auto;
}

.next-recipe-subblock figure {
  padding-bottom: 10px;
}

.like-container-entity-node {
  float: none;
}

/*
Recipe Main End
*/
/*
Ingredients and Instructions
*/
.instructions-block, .ingredients-block {
  padding: 25px 30px 15px;
  line-height: 22px;
}
.instructions-block h3, .ingredients-block h3 {
  padding-bottom: 7px;
  margin: 0;
  font-size: 27px;
}
.instructions-block ul, .ingredients-block ul {
  list-style-type: none;
  word-wrap: break-word;
}
.instructions-block a, .ingredients-block a {
  font-weight: bold;
  color: #ef6a40;
}
.instructions-block a.btn, .instructions-block a.btn:hover {
	font-weight:normal !important;
}
.instructions-block li, .ingredients-block li {
  padding: 4px 0;
  text-overflow: ellipsis;
}

.instructions-block {
  padding-left: 10px;
}

/*
Ingredients and Instructions END
*/
/*
Video Section
*/
.block-recipe-videos .content {
  background: transparent;
}

.supportive-video-block {
  margin: 40px -15px 0 -30px;
  font-family: 'Arvo', serif;
  vertical-align: top;
}

.video-thumbnail-wrapper {
  position: relative;
  margin: 5px 0;
  text-align: center;
}
.video-thumbnail-wrapper:hover {
  cursor: pointer;
}

.supportive-video {
  position: relative;
  margin-bottom: 10px;
}
.supportive-video img {
  max-width: 100%;
}

.video-info-wrapper {
  display: none;
}

.supportive-video > figcaption {
  font-weight: bold;
}

.link-container {
  position: absolute;
  top: 41%;
  right: 0;
  left: 0;
  text-align: center;
}

.video-info-wrapper {
  max-width: 940px;
  min-height: 388px;
  padding: 40px 0;
  margin: 0 auto;
  color: #fff;
}
.video-info-wrapper h2 {
  margin-top: 0;
  font-family: 'Arvo', serif;
  color: #fff;
}
.video-info-wrapper p {
  margin-bottom: 40px;
}

.video-container {
  position: relative;
  background-color: #363636;
}
.video-container .icons-i-closeMenu {
  position: absolute;
  top: 22px;
  right: 30px;
  cursor: pointer;
}
.video-container .video-iframe-wrapper {
  max-width: 558px;
  padding-left: 10px;
}

/*
Video Section END
*/
/* Ingredient Gallery */
.incredible-gallery {
  padding: 30px;
  margin: 0 0 35px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3) ;
  -moz-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3) ;
  -o-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3) ;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3) ;
}
.incredible-gallery a {
  word-wrap: break-word;
}

.gallery-img {
  /* display: table-cell; */
  /* width: 1000px; */
  /* height: 200px; */
  max-height: 300px;
  vertical-align: bottom;
}
.gallery-img img {
  max-width: 100%;
  max-height: 222px;
  margin: 0 auto;
  height: auto;
}

.recipe-ingredient-gallery .bx-wrapper .center-block {
  display: table-cell;
  height: 66px;
  vertical-align: middle;
}
.recipe-ingredient-gallery ul > li {
  /*  min-height: 291px;*/
  margin-bottom: 20px;
  text-align: center;
}
.recipe-ingredient-gallery ul > li .btn, .recipe-ingredient-gallery ul > li .pager-load-more > li a, .pager-load-more > li .recipe-ingredient-gallery ul > li a {
  margin-top: 0;
}

.lg-ingredient-gallery .center-block {
  display: table-cell;
  height: 65px;
  vertical-align: middle;
  width: 250px;
}

.recipe-ingredient-title {
  padding: 0;
  margin-bottom: 40px;
}

.lg-ingredient-gallery img {
  vertical-align: bottom;
}

/* End of Ingredient Gallery */
/*
Button-Toolbar
*/
.content-block .row, .utility-button-group-block .row {
  margin: 0;
}

.content-block {
  position: relative;
  max-width: 671px;
  border: 1px solid #d7d7d7;
  margin: 40px auto 0;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
}

.utility-button-group-block {
  max-width: 671px;
  margin: 0 auto;
}

.sharethis-wrapper {
  text-align: center;
  display: inline-block;
}
.sharethis-wrapper > span {
  margin: 7px 6px;
  cursor: pointer;
}

.share-icon-container a.icons-i-mail, .share-icon-container a.st_email_custom {
  margin: 7px 6px;
}

.utility-button-group {
  width: 411px;
  padding: 0;
  margin: 0 !important;
  color: #fff;
  border-radius: 0;
  background: #6db2b6;
}
.utility-button-group .print_html {
  width: 33.33%;
  margin-left: 0;
}
.utility-button-group a {
  display: inline-block;
  width: 100%;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 16px;
  line-height: 45px;
  color: #fff;
}
.utility-button-group a:hover {
  color: #fff;
}

.utility-button {
  width: 137px;
  height: 45px;
  padding: 0;
  border-radius: 0;
}
.utility-button.save-btn {
  width: 28%;
  background: #ef6a40;
}
.utility-button.save-btn:hover {
  background: #e3653d;
}
.utility-button.list-btn {
  width: 44%;
  background: #e2a433;
}
.utility-button.list-btn i {
  margin: 11px 0 0 5px;
}
.utility-button.list-btn:hover {
  background: #d69c2f;
}
.utility-button.print-btn {
  width: 28.004%;
  background: #6db2b6;
}
.utility-button.print-btn:hover {
  background: #90bcbf;
}

.share-icon-group {
  width: 260px;
  height: 45px;
  margin: 0 !important;
  background-image: url("../images/social-icons-bg.jpg");
}

.share-icon {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 8px !important;
  font-size: 20px;
  border-radius: 20px !important;
  background: rgba(223, 222, 222, 0.35);
}

.btn-group .btn + .btn, .btn-group .pager-load-more > li a + .btn, .pager-load-more > li .btn-group a + .btn, .btn-group .pager-load-more > li .btn + a, .pager-load-more > li .btn-group .btn + a, .btn-group .pager-load-more > li a + a, .pager-load-more > li .btn-group a + a {
  margin: 0;
}

.like-section .block-related-taxonomy-type-block {
  display: inline-block;
  width: 100%;
  padding: 0 40px 20px 40px;
  text-align: center;
}
.like-section .block-related-taxonomy-type-block .see-all-btn {
  margin-bottom: 30px;
}

/*
Button-Toolbar End
*/
/*
You may also like
*/
.wrapper-like-element {
  max-width: 295px;
  border: 1px solid #d7d7d7;
  margin: 0 auto;
  margin: 14px 10px 0;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
}
.wrapper-like-element img {
  max-width: 100%;
}
.wrapper-like-element a {
  color: #363636;
  font-family: 'Raleway',sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.wrapper-like-element a:active, .wrapper-like-element a:focus, .wrapper-like-element a:hover {
  color: #ef6a40;
}
.wrapper-like-element a.btn, .wrapper-like-element .pager-load-more > li a, .pager-load-more > li .wrapper-like-element a {
  color: #ef6a40;
}
.wrapper-like-element h4 {
  display: table-cell;
  width: 70%;
  height: 60px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
}
.wrapper-like-element .like-container-entity-node {
  float: right;
  margin: 5px 5px 0 0;
}
.wrapper-like-element .like-container-entity-node .like-count-entity-node, .wrapper-like-element .like-container-entity-node a {
  display: block;
}
.wrapper-like-element .like-container-entity-node .like-count-entity-node {
  color: #363636;
}
.wrapper-like-element .like-container-entity-node .fa {
  margin-left: 0;
  color: #ef6a40;
}

.wrap-main-img {
  position: relative;
}
.wrap-main-img > p {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 5px 10px;
  margin: 0;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #fff;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}
.wrap-main-img .incredible-recipes {
  position: absolute;
  top: 0;
  right: 0;
}

.like-element {
  padding: 0;
}

.block-related-taxonomy-type-block h2 {
  margin-top: 0;
}
.block-related-taxonomy-type-block .standard {
  padding: 0 15px;
  margin: 0 -15px;
  background: #fff;
}
.block-related-taxonomy-type-block.standard h2 {
  margin-top: 30px;
}

#block-views-related-articles-block h2 {
  display: none;
}

.standard {
  background: #fff;
}
.standard hr {
  margin-bottom: 0;
}
.standard .content {
  background: transparent;
}

.incredible .content {
  background: transparent;
}

.like-section .content {
  padding: 0 35px 25px;
}

.secondary-links-types {
  margin: 0;
}
.secondary-links-types a {
  padding: 10px 9px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #fff;
}
.secondary-links-types a.lk-drinkTypes {
  background-color: #ef6a40;
}
.secondary-links-types a.lk-drinkTypes > i {
  margin-top: 1px;
}
.secondary-links-types a.lk-drinkTypes:hover {
  background: #e3653d;
}
.secondary-links-types a.lk-spritis {
  background-color: #e2a432;
}
.secondary-links-types a.lk-spritis:hover {
  background: #d69c2f;
}
.secondary-links-types a.lk-occassions {
  background-color: #98c6c9;
}
.secondary-links-types a.lk-occassions:hover {
  background: #90bcbf;
}
.secondary-links-types a.lk-occassions > i {
  margin: 0 5px 0 0;
}

.related-recipe-info {
  padding: 0;
}

/*
You may also like END
*/
/*
Related Article
*/
.content-bottom-wrapper {
  position: relative;
  color: #363636;
  background: #fff;
  -webkit-box-shadow: 0 -1px 5px rgba(50, 50, 50, 0.2) ;
  -moz-box-shadow: 0 -1px 5px rgba(50, 50, 50, 0.2) ;
  -o-box-shadow: 0 -1px 5px rgba(50, 50, 50, 0.2) ;
  box-shadow: 0 -1px 5px rgba(50, 50, 50, 0.2) ;
}

.view-related-articles-all, .view-related-articles-user-dashboard {
  margin: 0;
}
.view-related-articles-all p, .view-related-articles-user-dashboard p {
  margin-bottom: 25px;
  line-height: 20px;
}

.related-article {
  float: left;
  width: 100%;
  padding: 40px 25px 26px;
  background: #fff;
}

.related-img {
  float: left;
  max-width: 352px;
  max-height: 235px;
  margin: 0 45px 20px 0;
}
.related-img > img {
  max-width: 100%;
}

.related-pre-title {
  font-size: 15px;
  font-weight: bold;
  color: #ef6a40;
}

.related-title {
  display: block;
  padding-bottom: 20px;
  overflow: hidden;
  font-family: 'Arvo', serif;
  font-size: 30px;
  line-height: 36px;
}
.related-title > a {
  color: #363636;
}
.related-title > a:hover, .related-title > a:active {
  color: #ef6a40;
}

.related-info {
  margin-bottom: 20px;
}

/*
Related Article END
*/
.like-section .block .content, .mid-section, .content-bottom-wrapper .block-related-taxonomy-type-block, .recipe-ingredient-gallery, .view-related-articles-all, .view-related-articles-user-dashboard {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}

.mid-section {
  margin-bottom: 30px;
}

.content-bottom-wrapper .block-related-taxonomy-type-block.standard {
  max-width: none;
}

@media (min-width: 768px) {
  .title-subblock > .collapse {
    height: auto !important;
  }
}
@media (max-width: 1160px) {
  .utility-button-group,
  .share-icon-group {
    width: 100%;
  }

  .utility-button.print-btn {
    width: 28%;
  }
}
@media (max-width: 1100px) {
  .utility-button-group,
  .share-icon-group {
    width: 100%;
  }

  .utility-button {
    width: 33.33%;
  }

  .supportive-video-block {
    margin: 40px -15px 0 -15px;
  }

  .standard-main-block .main-image-subblock {
    width: 100%;
  }
  .standard-main-block .wrap-recipeinfo-image {
    float: left;
    padding: 0;
  }
  .standard-main-block .next-recipe-subblock {
    display: block;
    float: right;
  }
  .standard-main-block.top-main-block {
    display: block;
    float: left;
  }

  .wrap-recipe-text {
    float: left;
    width: 50%;
    padding-right: 15px;
  }

  .title-subblock {
    width: 100%;
    padding-right: 5px;
    padding-bottom: 10px;
  }
  .title-subblock > .collapse {
    width: 50%;
    float: right;
  }
}
@media (max-width: 1024px) {
  .related-article {
    padding: 20px 0;
  }

  .incredible-gallery {
    padding: 15px 0;
  }

  .like-section .block-related-taxonomy-type-block {
    padding: 0 15px;
    margin-bottom: 20px;
  }
  .like-section .block-related-taxonomy-type-block.standard {
    margin-bottom: 0;
  }

  .recipe-info-container {
    padding: 22px 30px 15px 29px;
  }

  .recipe-facts {
    padding: 5px;
  }
}
@media (max-width: 992px) {
  .title-subblock {
    padding: 20px;
  }

  .supportive-video-block {
    width: 100%;
    margin: 40px auto 0;
  }

  .supportive-video > figcaption {
    display: table-cell;
    height: 44px;
    vertical-align: middle;
  }
  .supportive-video > .video-thumbnail-wrapper {
    display: inline-block;
    text-align: left;
  }

  .btn-next-incr-recipe {
    padding: 4px 5px 5px;
  }

  .standard-main-block .drink-properties li {
    padding: 0;
  }
  .standard-main-block .drink-properties li p {
    font-size: 12px;
  }

  .wrapper-like-element .btn, .wrapper-like-element .pager-load-more > li a, .pager-load-more > li .wrapper-like-element a {
    font-size: 13px;
  }

  .wrapper-like-element a {
    font-size: 14px;
  }

  .like-section .content {
    padding: 0 0 20px;
  }
}
@media (max-width: 768px) {
  .title-subblock h1 {
    font-size: 35px;
  }

  .related-article {
    padding: 20px 0;
  }
  .related-article img {
    max-width: 252px;
    max-height: 187px;
  }

  .mob-recipe-info {
    margin: 20px 0;
    text-align: left;
  }

  .recipe-info-container > h1 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .standard-main-block .wrap-recipeinfo-image,
  .top-main-block.standard-main-block {
    display: block;
  }

  .top-main-block.standard-main-block {
    margin-top: 0;
    z-index: 4;
    position: relative;
    background: transparent;
    border-bottom: 0px transparent;
    clear: both;
  }

  .row.mid-section {
    clear: both;
  }

  .supportive-video > figcaption {
    display: block;
    height: auto;
  }

  .standard-main-block .drink-properties li p {
    font-size: 14px;
  }

  .main-image-subblock {
    position: static;
    float: none;
    max-width: none;
    text-align: center;
    max-height: none;
  }
  .main-image-subblock > img {
    position: static;
    max-width: 100%;
  }

  .next-recipe-subblock {
    padding-top: 0;
    background: #ffffff;
  }
  .next-recipe-subblock > div {
    border-left: none;
    display: block;
    height: auto;
  }

  .wrap-recipeinfo-image {
    padding-right: 0px;
  }

  .recipe-info, .recipe-facts, .next-incredible-recipe {
    display: block;
  }

  .recipe-info {
    width: 100%;
    max-width: none;
    min-height: 100px;
  }

  .recipe-facts p, .recipe-facts h4 {
    margin-left: 35px;
  }

  .instructions-block h3, .ingredients-block h3 {
    font-size: 20px;
  }

  .supportive-video {
    margin: 20px 0 0;
  }
  .supportive-video figcaption {
    font-size: 18px;
  }

  .video-wrapper {
    padding: 0;
  }

  .supportive-video-block {
    display: block;
    width: 280px;
    margin: 12px auto 0;
    font-family: 'Arvo', serif;
  }

  .video-container .icons-i-closeMenu {
    z-index: 999;
    top: 12px;
    right: 15px;
  }

  .video-iframe-wrapper {
    padding-left: 15px;
  }

  .content-block {
    padding: 25px 20px;
  }

  .incredible-gallery {
    padding-top: 23px;
  }

  .ingredients-block {
    border-bottom: 1px solid #d7d7d7;
  }

  .block-related-taxonomy-type-block h2, .recipe-ingredient-title {
    font-size: 24px;
  }

  .recipe-ingredient-title {
    margin-bottom: 20px;
  }

  .title-subblock .info-detail-lk {
    margin-bottom: 20px;
    color: #ef6a40;
  }
  .title-subblock .info-detail-lk:hover, .title-subblock .info-detail-lk:focus {
    color: #ef6a40;
  }
  .title-subblock h1 {
    margin-top: 20px;
    font-size: 32px;
  }
  .title-subblock > .collapse {
    display: none;
    visibility: hidden;
    margin-top: 0;
    width: auto;
    float: none;
  }
  .title-subblock > .collapse.in {
    display: block;
    visibility: initial;
  }

  .wrap-recipe-text {
    display: block;
    float: none;
    width: auto;
  }

  .top-main-block {
    text-align: center;
  }

  .recipe-info {
    text-align: left;
    background-size: 767px auto !important;
  }

  .next-recipe-subblock, .next-incredible-recipe {
    width: 100%;
    height: 30px;
    padding-top: 2px;
    text-align: center;
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
    -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  }
  .next-recipe-subblock .views-field, .next-recipe-subblock h5, .next-incredible-recipe .views-field, .next-incredible-recipe h5 {
    display: none;
  }
  .next-recipe-subblock a, .next-incredible-recipe a {
    padding: 7px 0;
    border: none;
  }
  .next-recipe-subblock a:hover, .next-incredible-recipe a:hover {
    color: #ef6a40;
    background: none;
  }

  .no-touch .next-recipe-subblock a:hover,
  .no-touch .next-incredible-recipe a:hover {
    color: #ef6a40;
    background: none;
  }

  .recipe-facts {
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
  }

  .utility-button-group-block {
    max-width: none;
    margin: 0 -15px;
    background-color: #363636;
  }

  .recipe-secondary-content {
    margin: 40px auto 30px;
  }

  .related-article {
    padding: 0;
    margin: 40px 0;
  }

  .related-img {
    float: none;
    max-width: none;
    margin-right: 15px;
    margin-bottom: 20px;
    text-align: center;
  }

  .standard .content {
    padding: 0 15px;
  }

  .like-container-entity-node {
    float: left;
  }

  .info-detail-lk {
    display: inline-block;
    color: #fff;
  }
  .info-detail-lk:hover, .info-detail-lk:focus {
    color: #fff;
  }

  .supportive-video .figcaption {
    font-size: 18px;
  }

  .title-subblock {
    float: none;
    padding: 0 0 0 15px;
  }
  .title-subblock hr {
    display: none;
  }

  .next-recipe-subblock > a {
    padding: 5px;
  }

  .like-section .content {
    padding: 0 15px 25px;
  }

  .incredible-like-section.like-section .content {
    padding: 0 15px 0;
  }

  .like-section .standard.block-related-taxonomy-type-block {
    padding: 0 0 40px;
    margin-bottom: 0;
  }

  .wrapper-like-element {
    margin: 10px auto;
  }
  .wrapper-like-element.first {
    margin-top: 14px;
  }
  .wrapper-like-element.last {
    margin-bottom: 14px;
  }

  .related-article img {
    max-width: 100%;
    max-height: none;
  }

  .related-description {
    margin-bottom: 20px;
    line-height: 25px;
  }

  .related-title {
    padding-bottom: 10px;
  }
  .related-title > a {
    font-size: 24px;
    line-height: 24px;
  }

  .secondary-links-types {
    margin: 0 auto;
  }

  .standard-main-block .next-recipe-subblock {
    float: none;
    margin: 0;
  }
  .standard-main-block .wrap-recipeinfo-image {
    float: none;
  }

  .view-next-recipe img {
    display: none;
  }

  .recipe-ingredient-gallery ul > li {
    min-height: 100px;
    padding: 0 10px;
  }

  /*
	.gallery-img {
    height: 130px;
  }
	*/
  .gallery-img + div {
    margin: 0 -10px;
  }

  .recipe-ingredient-gallery .bx-wrapper .center-block {
    width: 290px;
    padding: 0 12px;
  }

  .next-incredible-recipe img {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .main-image-subblock {
    float: none;
    text-align: center;
  }

  .incredible-tag {
    width: 50px;
  }

  .content-block {
    padding: 25px 20px;
  }
  .content-block .instructions-block, .content-block .ingredients-block {
    padding: 0;
  }

  .ingredients-block {
    margin-bottom: 23px;
  }

  .supportive-video {
    padding: 0;
    margin: 10px 0;
    text-align: left;
  }
  .supportive-video > .video-thumbnail-wrapper {
    text-align: left;
  }

  .supportive-video img {
    max-width: 100%;
    max-height: 187px;
  }

  .related-img {
    float: none;
    margin-right: 0;
    text-align: center;
  }
  .related-img > img {
    max-width: 100%;
    max-height: none;
  }

  .incredible-gallery {
    padding: 30px 15px 0;
  }
}
.main-menu .navbar-header {
  float: none;
  margin-top: 29px;
  text-align: center;
}
.main-menu .nav > li > a {
  width: auto;
  height: auto;
  padding: 8px 5px 8px 15px;
  margin: 0 -15px 1px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}
.main-menu .nav > li > a span {
  margin-right: 10px;
}
.main-menu .nav > li > a:hover, .main-menu .nav > li > a:focus {
  color: #fff;
  background-color: #363636;
}
.main-menu .nav > li > a.icons-i-behindTheBar {
  padding-left: 34px;
}
.main-menu .block-title {
  margin-top: 15px;
  margin-bottom: 9px;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  color: #808080;
}
.main-menu .block-title a {
  color: #808080;
}
.main-menu .navbar-default {
  padding: 0 15px;
  border: none;
  text-align: center;
  background: transparent;
}
.main-menu .resources-sidebar-block {
  padding-left: 3px;
}
.main-menu .resources-sidebar-block h2 {
  margin-bottom: 13px;
}
.main-menu .navmenu {
  text-align: left;
}
.main-menu .logo {
  display: inline-block;
  margin-top: 20px;
}

.region-sidebar-first > .block:first-child {
  margin: 16px 0 -10px 0;
  text-align: center;
}

.main-menu-btn {
  display: inline-block;
  padding: 0 12px;
  border: 2px solid #363636;
  margin-bottom: 20px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  line-height: 25px;
  text-decoration: none;
  color: white;
}
.main-menu-btn:hover {
  text-decoration: none;
  color: white;
  background: #363636;
}

.sidebar-login-block-mobile {
  display: none;
  margin-top: 100px;
}

.join-now-btn {
  border: #ef6a40;
  background: #ef6a40;
}

.join-now-btn, .sign-in-btn {
  display: block;
  margin: 5px 0;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .main-menu .navbar-default {
    padding-top: 70px;
  }
  .main-menu .navbar-default .navbar-toggle .icon-bar {
    border-radius: 0;
    background-color: #fff;
  }
  .main-menu .navbar-default .navbar-toggle:hover, .main-menu .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }
  .main-menu .navbar-toggle {
    float: left;
  }
  .main-menu .navbar-toggle .icon-bar {
    background: #fff;
  }
  .main-menu .menu-copy {
    display: inline-block;
    margin-top: 3px;
  }

  .mob-main-home {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 260px;
    color: #fff;
  }
  .mob-main-home > .mob-home-lk-wrapper {
    float: left;
    width: 200px;
    height: 60px;
    text-align: left;
    background-color: #363636;
    -webkit-box-shadow: -13px 0 30px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: -13px 0 30px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: -13px 0 30px rgba(0, 0, 0, 0.3) inset;
    box-shadow: -13px 0 30px rgba(0, 0, 0, 0.3) inset;
  }
  .mob-main-home .navbar-toggle {
    padding: 5px;
    border: none;
    margin: 10px 0 0 10px;
    font-family: 'TradeGothicW01-BoldCn20_675334';
    font-size: 12px;
    text-align: center;
  }
  .mob-main-home .icon-bar {
    margin: 0 auto;
  }

  .mob-home-lk-wrapper > a {
    margin: 20px 0 0 16px;
    color: #fff;
  }
  .mob-home-lk-wrapper .fa {
    margin-top: -2px;
    margin-right: 10px;
    font-size: 20px;
    vertical-align: top;
  }

  .close-btn {
    float: left;
    width: 16px;
    height: 16px;
    margin: 20px 0 0 21px;
    cursor: pointer;
  }

  .sidebar-login-block-mobile {
    display: block;
  }
}
.footer {
  position: relative;
  min-height: 169px;
  padding: 30px 20px 0;
  margin: 0 auto;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  background: #363636;
}
.footer .footer-nav {
  width: 76.67%;
}
.footer .footer-nav .block-menu {
  width: 87px;
  padding-left: 30px;
}
.footer .footer-nav .dropdown-menu {
  font-family: 'Raleway', sans-serif;
}
.footer .footer-nav .leaf {
  float: none;
}
.footer .footer-nav .leaf a {
  color: #ef6a40;
}
.footer .footer-nav .nav > li > a {
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  color: #919191;
  background-color: transparent;
  margin-top: 9px;
}
.footer .footer-nav .nav > li > a:hover {
  color: #ef6a40;
}
.footer .footer-nav .fa {
  display: none;
  float: right;
  margin: 20px;
  color: #fff;
}
.footer .footer-nav .menu-heading {
  margin: 40px 0 2px 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
.footer .footer-nav .menu-heading-company {
  margin-top: 40px;
}
.footer .footer-nav .popular-searches {
  width: 45%;
  padding: 0 30px;
  height: 200px;
  border-right: 1px solid #1b1b1b;
}
.footer .footer-nav .popular-searches h3 {
  font-size: 18px;
}
.footer .footer-nav .popular-searches .nav > li {
  display: inline-block;
  float: left;
  width: 50%;
  padding: 0;
  color: #fff;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-weight: bold;
}
.footer .footer-nav .popular-searches .nav > li > a {
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  padding: 7px 0;
  font-size: 14px;
  font-weight: normal;
  margin-top: 0;
}
.footer .footer-nav .popular-searches .nav > li > a:hover {
  color: #ef6a40;
}
.footer .footer-nav .popular-searches .nav > li > a:hover i {
  color: #ef6a40;
}
.footer .footer-nav .popular-searches .nav > li .sub-menu > li {
  line-height: 16px;
  margin-bottom: 7px;
}
.footer .footer-nav .popular-searches .nav > li .sub-menu > li > span > a {
  color: #919191;
  font-size: 12px;
  font-family: 'Raleway',sans-serif;
  font-weight: bold;
  padding-right: 5px;
  line-height: 16px;
}
.footer .footer-nav .popular-searches .nav > li .sub-menu > li > span > a:hover {
  color: #ef6a40;
}
.footer .footer-nav .popular-searches .nav > li .fa {
  display: inline;
  color: #fff;
  padding-left: 5px;
  margin: 0;
  float: none;
}
.footer .footer-nav .footer-site-links {
  margin: 0 0 12px;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
}
.footer .footer-nav #block-menu-menu-company .footer-site-links {
  position: absolute;
}
.footer .footer-copy {
  margin: 20px auto 0;
}

.footer-element-container {
  display: table;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}

.footer-logo, .sign-up-block, .footer-nav .block-menu, .footer-nav {
  display: table-cell;
  vertical-align: top;
}

.footer-logo {
  width: 23.33%;
  border-right: 1px solid #1b1b1b;
  padding-right: 15px;
  margin-right: 5px;
}
.footer-logo img {
  max-width: 100%;
  margin: 0 0 16px;
}

.sign-up-block .sign-up-block-head {
  margin-top: 23px;
  color: #fff;
}
.sign-up-block .sign-up-block-head > span:first-child {
  margin-right: 10px;
}
.sign-up-block .learn-more {
  display: inline-block;
  font-size: 13px;
  color: #ef6a40;
}
.sign-up-block .learn-more a:hover {
  color: #fff;
}

.footer-login-block .register-btn {
  color: #ef6a40;
  border-color: #ef6a40;
  font-size: 14px;
  padding: 3px 11px;
}
.footer-login-block .sign-in-btn {
  display: inline-block;
  font-size: 14px;
  margin-left: 9px;
  padding: 3px 11px;
}

.copyright-block {
  display: inline-block;
  width: 80%;
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #808080;
  max-width: 950px;
  padding-bottom: 15px;
  text-align: left;
}

.copyright-block span {
  font-size: 15px;
  font-weight: bold;
}

.back-to-top-block {
  position: relative;
  min-height: 48px;
}
.back-to-top-block .icons-back-to-top {
  position: absolute;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
}

.region-back-to-top {
  position: absolute;
  right: 25px;
  bottom: 5px;
  width: 115px;
  text-align: right;
  vertical-align: top;
}
.region-back-to-top .back-to-top-block a {
  height: 34px;
  vertical-align: middle;
  display: inline-block;
  line-height: 30px;
  font-size: 12px;
  font-family: Raleway, sans-serif;
  padding-right: 10px;
}
.region-back-to-top .back-to-top-block i {
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .footer .footer-element-container .footer-logo {
    padding-left: 0;
  }
  .footer .footer-nav .dropdown-menu {
    position: relative;
    z-index: 1;
    display: block;
    float: none;
    min-width: inherit;
    padding: 0;
    border: none;
    margin: 0;
    font-size: initial;
    list-style: none;
    text-align: initial;
    border-radius: initial;
    background-color: transparent;
    background-clip: initial;
    -webkit-box-shadow: initial;
    box-shadow: none;
  }
  .footer .footer-nav .dropdown-menu > .active > a, .footer .footer-nav .dropdown-menu > .active > a:hover, .footer .footer-nav .dropdown-menu > .active > a:focus {
    text-decoration: initial;
    color: inherit;
    outline: initial;
    background-color: initial;
  }
  .footer .footer-nav .dropdown-menu > li > a {
    line-height: initial;
    white-space: initial;
  }
  .footer .footer-nav .dropdown-menu > li > a:hover, .footer .footer-nav .dropdown-menu > li > a:focus {
    text-decoration: none;
    background-color: transparent;
  }
  .footer .footer-nav .dropdown-toggle {
    cursor: text;
  }

  .lg-copyright {
    display: block;
  }

  .xs-copyright {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
  .footer-logo {
    padding: 0 15px;
  }

  .popular-searches {
    padding-right: 25px;
  }

  .footer .footer-nav .block-menu {
    padding-left: 20px;
  }

  .footer .footer-nav #block-menu-menu-company {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .footer-login-block .sign-in-btn,
  .footer-login-block .register-btn {
    display: block;
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .footer,
  .footer-nav {
    display: block;
    padding: 0;
  }

  .footer {
    background: url("../images/menu-bg.jpg");
  }
  .footer .navbar-nav .open .dropdown-menu {
    border-radius: 0;
    background-color: #fff;
  }
  .footer .footer-logo {
    display: block;
    margin: 0 auto;
    width: 137px;
    padding: 0 0 15px 0;
  }
  .footer .footer-logo img {
    margin: 20px 0 0 0;
  }
  .footer .sign-up-block {
    display: none;
  }
  .footer .footer-nav {
    float: none;
    margin: 0;
    width: 100%;
  }
  .footer .footer-nav .fa {
    margin: 15px 20px 10px;
  }
  .footer .footer-nav .block-menu {
    display: inline;
    padding: 0;
    border: none;
  }
  .footer .footer-nav .nav > li {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 0;
    background: #fff;
  }
  .footer .footer-nav .nav > li > a {
    color: #363636 !important;
    padding: 0px 0 7px 20px;
    font-size: 12px;
    margin-top: 10px;
  }
  .footer .footer-nav .nav > li > a:hover {
    color: #ef6a40;
  }
  .footer .footer-nav .popular-searches h3 {
    font-size: 14px;
  }
  .footer .footer-nav .popular-searches .nav > li {
    padding-left: 20px;
    padding-bottom: 10px;
    font-family: 'TradeGothicW01-BoldCn20_675334';
    font-weight: bold;
  }
  .footer .footer-nav .dropdown.open .icons-i-footplus {
    display: none;
  }
  .footer .footer-nav .dropdown.open .icons-i-footminus {
    display: inline-block;
  }
  .footer .footer-nav .menu-heading-wrapper {
    border-bottom: 1px solid #202020;
    background: #363636;
  }
  .footer .footer-nav .menu-heading {
    display: inline-block;
    margin: 13px 20px;
  }
  .footer .footer-nav .icons-i-footplus {
    display: inline-block;
  }
  .footer .footer-nav .navbar-nav {
    padding: 0;
    margin: 0;
  }
  .footer .footer-nav .menu-heading-wrapper h4 {
    font-size: 14px;
    display: inline-block;
    margin: 13px 20px;
  }
  .footer .footer-nav #block-menu-menu-support {
    padding-left: 0;
  }
  .footer .footer-nav #block-menu-menu-company {
    padding-left: 0;
  }
  .footer .popular-searches .nav > li > a {
    color: #919191;
  }
  .footer .footer-site-links {
    display: none;
  }

  .footer .navbar-header {
    float: none;
  }
  .footer .navbar-toggle {
    display: block;
  }
  .footer .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .footer .navbar-collapse.collapse {
    display: none !important;
  }
  .footer .navbar-nav {
    float: none !important;
  }
  .footer .navbar-nav > li {
    float: none;
  }
  .footer .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .footer .navbar-text {
    float: none;
    margin: 15px 0;
  }
  .footer .navbar-collapse.collapse.in {
    display: block !important;
  }
  .footer .collapsing {
    overflow: hidden !important;
  }
  .footer .navbar-nav .open .dropdown-menu {
    position: static;
    border: 0;
    box-shadow: none;
  }

  .lg-copyright {
    display: none;
  }

  .xs-copyright {
    display: block;
    max-width: 70%;
    margin-left: 20px;
    margin-top: 15px;
  }

  .footer .footer-nav .popular-searches .nav > li .fa {
    color: #363636;
  }
}
@media screen and (max-width: 768px) {
  .copyright-block {
    max-width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .copyright-block {
    margin: 0 0 0 20px;
    width: 70%;
  }
  .copyright-block p {
    margin: 0;
  }

  .footer .footer-logo {
    padding: 0;
  }
  .footer .footer-logo img {
    margin: 20px 0 20px 0;
  }
  .footer .footer-nav .popular-searches {
    padding: 0;
    border: none;
  }
}
@media screen and (min-width: 1143px) {
  .region-back-to-top {
    bottom: 50px;
    right: 20px;
  }

  .copyright-block {
    width: 100%;
  }
}
/*********************
Customization of Incredible Recipe Slider
*******************/
.swiper-container {
  width: 100%;
  max-width: 1400px;
  max-height: 449px;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background-color: #363636;
}
.swiper-container .pagination {
  position: absolute;
  z-index: 20;
  bottom: -7px;
  left: 30px;
}

.swiper-slide > img {
  max-width: 100%;
}

.swiper-wrapper, .swiper-slide {
  height: auto !important;
}

.swiper-slide .title {
  margin-top: 80px;
  margin-bottom: 0;
  font-size: 42px;
  font-style: italic;
  line-height: 45px;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  margin-right: 11px;
  line-height: 12px;
  cursor: pointer;
  opacity: 0.8;
  border-radius: 14px;
  background: url(../images/transperant.gif) repeat;
}

.swiper-active-switch {
  background: #fff;
}

.main-carousel .icons-i-incredibleNext, .search-result-carousel .icons-i-incredibleNext {
  position: absolute;
  top: 40%;
  right: 70px;
  cursor: pointer;
}

.recipe-ingredient-gallery > .bx-wrapper {
  display: none;
  margin: 0 auto 40px;
}
.recipe-ingredient-gallery .icons-i-prev, .recipe-ingredient-gallery .bx-wrapper .bx-prev,
.recipe-ingredient-gallery .bx-wrapper .bx-prev:hover {
  margin-right: 20px;
}
.recipe-ingredient-gallery .icons-i-next, .recipe-ingredient-gallery .bx-wrapper .bx-next,
.recipe-ingredient-gallery .bx-wrapper .bx-next:hover {
  margin-left: 20px;
}

/* End of Incredible Recipe Slider */
/* Search Result slider */
.search-result-carousel .swiper-slide {
  position: relative;
}
.search-result-carousel .slide-info {
  position: absolute;
  top: 10%;
  left: 10%;
  display: none;
  width: 35%;
  text-align: left;
}
.search-result-carousel .slide-info p {
  margin-bottom: 0;
  font-weight: bold;
  color: #ef6a40;
}
.search-result-carousel .slide-info h2 {
  margin-top: 4px;
  color: #fff;
}
.search-result-carousel .swiper-slide-active .slide-info {
  display: block;
}

/* End of Drink Type slider */
/* Bx-Slider Next-Prev icon override */
.bx-wrapper {
  margin: 0 auto;
}
.bx-wrapper .bx-controls-direction a {
  z-index: 999;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 14px;
  height: 14px;
  border-radius: 7px;
}

.recipe-ingredient-gallery .bx-wrapper .bx-pager.bx-default-pager a {
  border: 2px solid #bbb;
}
.recipe-ingredient-gallery .bx-wrapper .bx-pager.bx-default-pager a:hover, .recipe-ingredient-gallery .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #98c6c9;
}

/* Bx-Slider Next-Prev icon override END */
/* Brand page - Hero */
.bx-wrapper .bx-viewport {
  left: 0;
}

.brand-main-slider-none {
  margin: 0;
}

.brand-main-carousel {
  position: relative;
  max-height: 450px;
  overflow: hidden;
}
.brand-main-carousel img {
  max-width: 100%;
}
.brand-main-carousel .bx-wrapper .bx-controls-direction a {
  z-index: 9;
  top: 42%;
  width: 66px;
  height: 66px;
  text-indent: 0;
  background: transparent;
}
.brand-main-carousel .bx-wrapper .bx-pager {
  bottom: 10px;
  left: 20px;
  width: 200px;
  text-align: left;
}
.brand-main-carousel .bx-wrapper .bx-pager.bx-default-pager a {
  background: url(../images/transperant.gif);
}
.brand-main-carousel .bx-wrapper .bx-pager.bx-default-pager a:hover, .brand-main-carousel .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
}

.heroVideoPlayer {
  position: absolute;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #1b1b1b;
}
.heroVideoPlayer .heroVideoCloseBtn {
  position: absolute;
  top: 22px;
  right: 20px;
  height: 25px;
  width: 30px;
  cursor: pointer;
}
.heroVideoPlayer > iframe {
  width: 60%;
  margin-left: 20%;
}

/* End Of Brand Hero Carousel */
/* Home page carousels */
.home-carousel-container {
  position: relative;
  max-height: 473px;
  overflow: hidden;
  background: #363636;
  min-height: 320px;
}
.home-carousel-container .home-hero-copy {
  visibility: hidden;
}
.home-carousel-container .bx-wrapper .home-hero-copy {
  visibility: visible;
}
.home-carousel-container > .home-carousel > li > .home-hero-copy {
  visibility: visible;
}
.home-carousel-container .home-carousel {
  margin: 0;
}
.home-carousel-container .bx-pager {
  bottom: 10px;
  left: 20px;
  width: 200px;
  text-align: left;
}
.home-carousel-container .bx-pager.bx-default-pager a {
  background: url(../images/transperant.gif);
}
.home-carousel-container .bx-pager.bx-default-pager a:hover, .home-carousel-container .bx-pager.bx-default-pager a.active {
  background: #fff;
}
.home-carousel-container .link-container .btn-play {
  padding: 8px 15px;
  font-size: 14px;
}

/*** Show / Hide of slider ****/
.home-carousel-container .bx-wrapper .bx-viewport ul {
  display: block !important;
}

@media (max-width: 1023px) {
  .home-carousel-container ul li:nth-child(5) .link-container .btn-play {
    color: #fff;
    background-color: #ef6a40;
    border: 2px solid #ef6a40;
  }

  .about-hero-video .link-container .btn-play {
    color: #fff;
    background-color: #ef6a40;
    border: 2px solid #ef6a40;
  }
}
.home-carousel img {
  max-width: 100%;
  min-height: 320px;
}

.home-hero-copy {
  position: absolute;
  top: 10%;
  left: 54px;
  max-width: 570px;
  color: #fff;
}
.article-slider .home-hero-copy {
  max-width: 575px;
}
.home-hero-copy h2 {
  margin-bottom: 20px;
  font-size: 60px;
  text-transform: uppercase;
  color: #fff;
}
.home-hero-copy h1,
.home-hero-copy h2,
.home-hero-copy p {
  text-shadow: #363636 0px 1px 5px;
}
.home-hero-copy .btn-play {
  margin: 0 20px 15px 0;
  letter-spacing: 1px;
}

/* End of Home page carousels */
/* PortfolioSlider - */
.brand-item-carousal {
  width: 100%;
  padding: 30px 0;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.brand-item-carousal .owl-prev, .brand-item-carousal .owl-next {
  position: absolute;
  top: 105px;
}
.brand-item-carousal .owl-prev {
  left: 5px;
}
.brand-item-carousal .owl-next {
  right: 5px;
}
.brand-item-carousal .owl-item .recipe-name-wrapper {
  width: 120px;
  margin: 10px auto;
}
.brand-item-carousal .owl-item h5 {
  display: table-cell;
  height: 72px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
}
.brand-item-carousal .brand-item-slider {
  margin-top: 25px;
}
.brand-item-carousal .brand-item-slider .btn-inactive {
  display: none;
}

/* End of Portfolio Slider */
/* Global setting for Owl carousel  */
.owl-controls .owl-prev.disabled, .owl-controls .owl-next.disabled {
  cursor: default;
  opacity: 0.5;
}

/* End- Global setting for owl */
/* Brand Our Story Carousel */
.brand-our-story-carousel .item img {
  display: block;
  height: auto;
}
.brand-our-story-carousel .owl-page {
  display: inline-block;
}
.brand-our-story-carousel .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  margin: 5px 7px;
  opacity: 0.5;
  border-radius: 20px;
}
.brand-our-story-carousel .owl-page.active span {
  opacity: 1;
  background: #fff;
}
.brand-our-story-carousel .owl-pagination {
  position: absolute;
  top: 88%;
  left: 2%;
}

/* End of Brand Our Story Carousel */
/* Brand Awards carousel */
.awards-carousel-owl .dispVerticalMiddle {
  width: 142px;
  height: 165px;
  text-align: center;
}
.awards-carousel-owl .dispVerticalMiddle img {
  max-width: 133px;
  max-height: 114px;
}
.awards-carousel-owl .owl-item > div {
  max-width: 142px;
  margin: 0 auto;
}
.awards-carousel-owl h4 {
  margin: 24px 0 8px;
}
.awards-carousel-owl hr {
  width: 66px;
  border-top: 2px solid #d7d7d7;
  margin: auto;
}
.awards-carousel-owl p {
  max-width: 78%;
  margin: 6px auto;
  font-size: 12px;
  line-height: 18px;
}
.awards-carousel-owl .owl-prev, .awards-carousel-owl .owl-next {
  position: absolute;
  top: 34px;
}
.awards-carousel-owl .owl-prev {
  left: 5px;
}
.awards-carousel-owl .owl-next {
  right: 5px;
}

/* End Awards Slider */
.mobile-view .owl-carousel > .views-row {
  max-width: 295px;
  padding-bottom: 0;
  margin: 0 auto;
}
.mobile-view .view-brand-cocktail {
  padding-bottom: 20px;
}

/* End of Other Recipe Slider */
/* About Page Featured Brand Carousel  */
.featured-brand-carousel img {
  max-width: 82%;
}
.featured-brand-carousel #brand-featured-carousel {
  margin: 20px auto 0;
}
.featured-brand-carousel .owl-prev {
  left: -20px;
}
.featured-brand-carousel .owl-next {
  right: -20px;
}
.featured-brand-carousel .owl-prev,
.featured-brand-carousel .owl-next {
  top: 55px;
}
.featured-brand-carousel .owl-item > div {
  display: inline-block;
}
.featured-brand-carousel .owl-item h4 {
  margin-top: 20px;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
}

/*
#f {
  width: 90%;
  margin: 0 auto;
}
*/
/**/
/* Bx-Slider pager */
.bx-wrapper .bx-pager.bx-default-pager a {
  border: 2px solid #fff;
}

.view-article-slider-articles-page .home-hero-copy p {
  max-width: 85%;
}

@media screen and (max-width: 1230px) {
  .view-article-slider {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 1220px) {
  .home-hero-copy {
    top: 5%;
    left: 40px;
  }
  .home-hero-copy h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1190px) {
  .featured-brand-carousel img {
    max-width: 65%;
  }
  .featured-brand-carousel .owl-prev {
    left: 5px;
  }
  .featured-brand-carousel .owl-next {
    right: 5px;
  }
  .featured-brand-carousel .owl-prev,
  .featured-brand-carousel .owl-next {
    top: 36px;
  }
}
@media screen and (max-width: 1100px) {
  .slide-info h2 {
    font-size: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .brand-awards .bx-wrapper .bx-prev {
    left: -40px;
  }
  .brand-awards .bx-wrapper .bx-next {
    right: -60px;
  }
  .brand-awards .bx-wrapper .bx-prev, .brand-awards .bx-wrapper .bx-next {
    top: 84px;
  }

  .home-hero-copy {
    top: 5%;
    left: 30px;
    max-width: 300px;
  }
  .article-slider .home-hero-copy {
    max-width: 250px;
  }
  .home-hero-copy h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .home-carousel img {
    max-height: 320px;
    max-width: none;
  }

  .view-article-slider-articles-page .home-hero-copy p {
    max-width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .swiper-slide {
    width: 590px;
  }

  .slide-info h2 {
    font-size: 20px;
  }

  .brand-awards .bx-wrapper .bx-prev {
    left: 5px;
  }
  .brand-awards .bx-wrapper .bx-next {
    right: 5px;
  }
  .brand-awards .bx-wrapper .bx-prev, .brand-awards .bx-wrapper .bx-next {
    top: 170px;
  }
}
@media screen and (max-width: 992px) {
  .view-article-slider {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 900px) {
  .slide-info h2 {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .main-carousel .icons-i-incredibleNext, .search-result-carousel .icons-i-incredibleNext {
    right: 10px;
  }

  .bx-wrapper .bx-pager.bx-default-pager a {
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 7px;
    background: transparent;
  }

  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    border: 2px solid transparent;
    background: #fff;
  }
}
@media screen and (max-width: 767px) {
  .main-carousel .icons-i-incredibleNext, .search-result-carousel .icons-i-incredibleNext {
    display: none;
  }

  .recipe-ingredient-gallery > .bx-wrapper {
    display: block;
  }

  .bx-pager-item {
    cursor: pointer;
  }

  .brand-main-carousel .bx-controls-direction {
    display: none;
  }

  .awards-carousel-owl .owl-prev {
    left: 10px;
  }
  .awards-carousel-owl .owl-next {
    right: 10px;
  }

  .brand-cocktail-carousal .visible-xs .owl-carousel {
    display: block;
  }

  .awards-carousel-owl .dispVerticalMiddle {
    max-width: 112px;
  }
  .awards-carousel-owl .dispVerticalMiddle img {
    max-width: 100%;
  }

  .home-hero-copy {
    max-width: 270px;
    top: 31px;
    left: 21px;
  }
  .article-slider .home-hero-copy {
    max-width: 345px;
    top: 36px;
    left: 19px;
  }

  .search-result-carousel .slide-info p {
    display: none;
  }

  /* Article Gallery */
  .article-gallery-cta .btn, .article-gallery-cta .pager-load-more > li a, .pager-load-more > li .article-gallery-cta a {
    width: 65px;
  }
  .article-gallery-cta .btn span, .article-gallery-cta .pager-load-more > li a span, .pager-load-more > li .article-gallery-cta a span {
    display: none;
  }

  #brand-featured-carousel {
    width: 75%;
  }

  .featured-brand-carousel .owl-item h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: bold;
  }
  .featured-brand-carousel img {
    max-width: 90%;
  }
  .featured-brand-carousel .owl-prev,
  .featured-brand-carousel .owl-next {
    top: 55px;
  }
  .featured-brand-carousel .owl-prev {
    left: -35px;
  }
  .featured-brand-carousel .owl-next {
    right: -35px;
  }

  .recipe-ingredient-gallery .bx-wrapper .bx-prev,
  .recipe-ingredient-gallery .bx-wrapper .bx-prev:hover {
    margin-left: -5px;
    z-index: 999;
  }
  .recipe-ingredient-gallery .bx-wrapper .bx-next,
  .recipe-ingredient-gallery .bx-wrapper .bx-next:hover {
    margin-right: -5px;
    z-index: 999;
  }

  .heroVideoPlayer > iframe {
    width: 85%;
    margin-left: 10%;
    margin-top: 50px;
    height: 70%;
  }
}
@media screen and (max-width: 480px) {
  .main-carousel .icons-i-incredibleNext, .search-result-carousel .icons-i-incredibleNext {
    display: none;
  }

  .slide-info h2 {
    font-size: 12px;
  }
  .slide-info .btn, .slide-info .pager-load-more > li a, .pager-load-more > li .slide-info a {
    font-size: 10px;
  }

  .search-result-carousel .slide-info {
    width: 50%;
  }

  .article-slider .home-hero-copy {
    max-width: 287px;
  }

  .recipe-ingredient-gallery .bx-wrapper .bx-prev,
  .recipe-ingredient-gallery .bx-wrapper .bx-prev:hover {
    margin-left: -20px;
  }
  .recipe-ingredient-gallery .bx-wrapper .bx-next,
  .recipe-ingredient-gallery .bx-wrapper .bx-next:hover {
    margin-right: -20px;
  }
  .recipe-ingredient-gallery > .bx-wrapper {
    margin: 0 auto 40px;
  }

  .featured-brand-carousel .owl-prev,
  .featured-brand-carousel .owl-next {
    top: 32px;
  }
}
/** iPhone 6 **/
@media screen and (max-width: 375px) {
  .home-carousel-container {
    min-height: 280px;
  }

  .home-carousel img {
    max-height: 280px;
    min-height: 280px;
  }

  .home-hero-copy {
    top: 10px;
  }

  .article-slider .home-hero-copy {
    top: 10px;
  }
}
/** iPhone 5/4 **/
@media screen and (max-width: 320px) {
  .home-carousel-container {
    min-height: 240px;
  }

  .home-carousel img {
    max-height: 240px;
    min-height: 240px;
  }

  .home-hero-copy {
    top: -10px;
  }
  .home-hero-copy h2 {
    font-size: 20px;
  }

  .article-slider .home-hero-copy {
    top: -10px;
  }
}
.search-wrapper {
  width: 98.89%;
  height: 42px;
  padding: 9px 0 6px 8px;
  border: 1px solid #252525;
  margin: 9px 0 9px 9px;
  border-radius: 4px;
  background: #292929;
}
.search-wrapper .icons-search {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
.search-wrapper h2 {
  display: none;
}
.search-wrapper .form-group {
  margin: 0;
}
.search-wrapper .element-invisible {
  display: none;
}
.search-wrapper span {
  display: none;
}
.search-wrapper + div {
  padding: 0;
}
.search-wrapper .block-search-api-page {
  display: inline-block;
  width: 90%;
  padding-right: 0;
  overflow: hidden;
  vertical-align: top;
}
.search-wrapper .block-search-api-page h2 {
  display: none;
}
.search-wrapper .form-group {
  display: inline-block;
  vertical-align: top;
}
.search-wrapper .form-submit {
  display: none;
}
.search-wrapper input.form-autocomplete {
  width: 97%;
  padding-top: 2px;
  padding-right: 20px;
  border: none;
  margin-left: 13px;
  font-size: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background-color: #292929;
  margin-top: -2px;
}

.search-wrapper i {
  font-size: 23px;
}

.main-header {
  display: table;
}

.region-header, .header-top-right {
  display: table-cell;
  vertical-align: middle;
}

/*
Search autocomplete
*/
.search-wrapper input:focus {
  outline: 0;
}
.search-wrapper .search-autocomplete {
  top: 50px !important;
  left: -10px !important;
  width: 101% !important;
  border: 1px solid #d7d7d7 !important;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
}
.search-wrapper .search-autocomplete a {
  color: #000;
}
.search-wrapper .search-autocomplete a:hover {
  color: #ef6a40;
}
.search-wrapper .autocomplete-wrapper {
  display: table;
  width: 100%;
  padding: 22px 38px;
}
.search-wrapper .autocomplete-recipe-wrapper, .search-wrapper .autocomplete-article-wrapper {
  display: table-cell;
  width: 50%;
  padding: 0 16px 10px 17px;
}
.search-wrapper .autocomplete-recipe-wrapper h4, .search-wrapper .autocomplete-article-wrapper h4 {
  margin: 0 0 12px 0;
}
.search-wrapper .autocomplete-article-wrapper {
  border-left: 1px solid #d7d7d7;
}
.search-wrapper .autocomplete-article li, .search-wrapper .autocomplete-recipe li {
  margin: 5px 0;
  white-space: normal !important;
}

/*** Left side user tooltip ***/
.login-user-cta {
  margin: 0;
}
.login-user-cta.nav {
  width: 100%;
}
.login-user-cta.nav li.dropdown {
  width: 100%;
}
.login-user-cta.nav li.dropdown > a {
  margin-left: 5px;
}
.login-user-cta.nav li.dropdown a {
  display: inline-block;
  width: 100%;
}
.login-user-cta.nav li.dropdown a.btn, .login-user-cta.nav li.dropdown .pager-load-more > li a, .pager-load-more > li .login-user-cta.nav li.dropdown a {
  margin-bottom: 10px;
}
.login-user-cta.nav li.dropdown a.orange-button {
  font-family: 'TradeGothicW01-BoldCn20_675334';
  text-transform: uppercase;
  color: #ef6a40;
}
.login-user-cta.nav li.dropdown a.orange-button:hover {
  background-color: #ef6a40;
  color: #fff;
}
.login-user-cta.nav li.dropdown a.sign-in-btn {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
.login-user-cta.nav li.dropdown a.sign-in-btn:hover {
  background-color: #fff;
  color: #363636;
}
.login-user-cta.nav li.dropdown a:hover, .login-user-cta.nav li.dropdown a:focus {
  background-color: transparent;
}
.login-user-cta.nav li.dropdown a span {
  padding-left: 7px;
  line-height: 33px;
  vertical-align: middle;
}
.login-user-cta.nav li.dropdown .dropdown-menu {
  top: 99%;
  right: -1px;
  left: 1px;
  padding: 15px 15px 0;
  margin-top: 1px;
  border-radius: 0;
  background-color: #363636;
}
.login-user-cta.nav .open > a {
  background-color: transparent;
}
.login-user-cta.nav .open > a:hover, .login-user-cta.nav .open > a:focus {
  background-color: transparent;
}
.login-user-cta.nav a.dropdown-toggle {
  padding: 12px 0;
}
.login-user-cta.nav.not-loggedin .dropdown-menu li {
  margin-bottom: 10px;
}
.login-user-cta.nav.loggedin .dropdown-menu {
  padding: 3px 15px 0;
}
.login-user-cta.nav.loggedin .dropdown-menu li {
  margin-bottom: 3px;
}
.login-user-cta.nav.loggedin .dropdown-menu a {
  display: block;
  padding: 0;
  color: #fff;
}
.login-user-cta.nav.loggedin .dropdown-menu a:hover, .login-user-cta.nav.loggedin .dropdown-menu a:focus {
  color: #ef6a40;
}
.login-user-cta.nav.loggedin .divider {
  margin-top: 0;
  background-color: #666;
}
.login-user-cta.nav.loggedin .last-child {
  padding-bottom: 10px;
}

.tooltip {
  z-index: 9999;
}

.userlogin-cta {
  padding-top: 10px;
}

#search-api-page-search-form {
  display: none;
}

/*
Search autocomplete END
*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .search-wrapper input.form-autocomplete {
    margin-left: 10px;
    line-height: 25px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .search-wrapper input.form-autocomplete {
    margin-left: 10px;
    line-height: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .login-user-cta.nav li.dropdown .dropdown-menu {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .search-wrapper {
    width: 95.7%;
  }
  .search-wrapper .search-autocomplete {
    width: 104.98% !important;
  }
}
@media screen and (max-width: 767px) {
  .login-user-cta.nav li.dropdown .dropdown-menu {
    display: block;
  }

  .search-wrapper {
    height: auto;
    padding: 3px;
    margin: 5px;
  }
  .search-wrapper .autocomplete-wrapper {
    display: block;
  }
  .search-wrapper .autocomplete-recipe-wrapper, .search-wrapper .autocomplete-article-wrapper {
    display: block;
    width: auto;
    padding-left: 0;
  }
  .search-wrapper .autocomplete-article-wrapper {
    padding-top: 22px;
    border-top: 1px solid #d7d7d7;
    border-left: none;
  }
  .search-wrapper i, .search-wrapper input.form-autocomplete {
    font-size: 14px;
  }
  .search-wrapper i {
    margin-top: 5px;
  }
  .search-wrapper input.form-autocomplete {
    margin-left: 7px;
  }
  .search-wrapper .search-autocomplete {
    top: 33px !important;
    width: 105.98% !important;
  }

  .right-sidebar > li > a {
    padding: 3px 5px;
    margin: 10px 10px 0;
    color: #fff;
  }
  .right-sidebar > li > a:hover {
    background-color: transparent;
  }
}
@media screen and (max-width: 480px) {
  .search-wrapper {
    width: 96.7%;
  }
  .search-wrapper .autocomplete-wrapper {
    padding-left: 42px;
  }
  .search-wrapper .search-autocomplete {
    top: 34px !important;
    width: 105.98% !important;
  }
  .search-wrapper .icons-search {
    margin-left: 0;
  }

  input.form-autocomplete {
    width: 93%;
  }
}
@media only screen and (device-width: 720px) and (device-height: 1280px) {
  .search-wrapper .search-autocomplete {
    top: 31px !important;
  }
}
.clear-all {
  margin: 10px 20px 10px 0;
  text-align: right;
}
.clear-all a {
  color: #fff;
}
.clear-all a i {
  color: #ef6a40;
}

.facet-wrapper {
  margin: 0 -14px;
}

.btn.filter-btn, .pager-load-more > li a.filter-btn {
  width: 100%;
  height: 100%;
  padding: 13px 0;
  color: #fff;
  border-radius: 0;
  background-color: #292929;
}
.btn.filter-btn:hover, .pager-load-more > li a.filter-btn:hover {
  color: #fff;
}
.btn.apply-btn, .pager-load-more > li a.apply-btn {
  width: 100%;
  padding: 10px;
  text-transform: uppercase;
  color: white;
  border-radius: 0;
  background-color: #ef6a40;
}
.btn.apply-btn.disabled-apply, .pager-load-more > li a.apply-btn.disabled-apply {
  background-color: #AE583D;
}

.facet-wrapper h2.block-title {
  padding: 0 15px;
  margin-top: 15px;
  margin-bottom: 9px;
  font-family: 'Raleway',sans-serif;
  font-size: 12px;
  color: #808080;
}
.facet-wrapper h2.block-title a {
  margin-top: 15px;
  color: #808080;
}

.facet-mobile-wrapper h2.block-title {
  padding: 13px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Raleway',sans-serif;
  font-size: 12px;
  color: #808080;
  background: url("../images/menu-bg.jpg") #252524 top center repeat;
}
.facet-mobile-wrapper h2.block-title a {
  margin-top: 15px;
  color: #808080;
}

.block-facetapi .facetapi-facet a.facetapi-disabled:hover {
  background-color: #fff;
}
.block-facetapi .facetapi-facet a:hover {
  background-color: #ebebeb;
}

.facetapi-facet {
  position: relative;
}
.facetapi-facet a {
  display: block;
  padding: 6px 0 7px 5px;
  margin-bottom: 3px;
  font-family: 'Raleway',sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  color: #363636;
}
.facetapi-facet a span {
  display: block;
  padding-left: 25px;
}
.facetapi-facet a::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #ef6a40;
  margin-left: 5px;
  content: '';
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.facetapi-facet a::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-top: 1px;
  padding-left: 3px;
  margin-left: -20px;
  font-size: 11px;
  color: #ef6a40;
}

.facetapi-facet:focus a::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.facetapi-facet.facetapi-active a {
  background-color: #ebebeb;
}
.facetapi-facet.facetapi-active a::before {
  display: none;
}
.facetapi-facet.facetapi-active a::after {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 17px;
  height: 17px;
  padding-top: 0px;
  padding-left: 3px;
  border: 1px solid #ef6a40;
  margin-left: 6px;
  font-family: 'FontAwesome';
  font-size: 9px;
  line-height: 15px;
  content: "";
  color: #fff;
  border-radius: 50%;
  background-color: #ef6a40;
}

.facetapi-facet.facetapi-inactive a {
  background-color: #fff;
  cursor: default;
}
.facetapi-facet.facetapi-inactive a.facetapi-all-active {
  background-color: #ebebeb;
}
.facetapi-facet.facetapi-inactive a.facetapi-all-active::before {
  display: none;
}
.facetapi-facet.facetapi-inactive a.facetapi-all-active::after {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 17px;
  height: 17px;
  padding-top: 0px;
  padding-left: 3px;
  border: 1px solid #ef6a40;
  margin-left: 6px;
  font-family: 'FontAwesome';
  font-size: 9px;
  line-height: 13px;
  content: "";
  color: #fff;
  border-radius: 50%;
  background-color: #ef6a40;
}

.region-facet-category, .region-facet-filters {
  margin: 0;
}
.region-facet-category .block-facetapi, .region-facet-filters .block-facetapi {
  background-color: #363636;
}
.region-facet-category .block-facetapi:first-child, .region-facet-filters .block-facetapi:first-child {
  border-top: 1px solid #000;
}
.region-facet-category .block-facetapi > div, .region-facet-filters .block-facetapi > div {
  border-bottom: 1px solid #000;
}
.region-facet-category .block-facetapi i, .region-facet-filters .block-facetapi i {
  color: #666;
}
.region-facet-category a.facet-vocabulary, .region-facet-filters a.facet-vocabulary {
  display: inline-block;
  width: 83%;
  padding: 9px 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
}
.region-facet-category ul, .region-facet-category ul + a, .region-facet-filters ul, .region-facet-filters ul + a {
  display: block;
  padding: 15px 10px 10px;
  margin-bottom: 0;
  background-color: #fff;
}
.region-facet-category ul.facetapi-facet-field-color, .region-facet-filters ul.facetapi-facet-field-color {
  padding: 15px 10px;
}
.region-facet-category ul.facetapi-facet-field-color a, .region-facet-filters ul.facetapi-facet-field-color a {
  max-width: 58px;
  padding: 5px;
  font-size: 12px;
}
.region-facet-category ul.facetapi-facet-field-color img, .region-facet-filters ul.facetapi-facet-field-color img {
  border: 1px solid #f6f6f6;
}
.region-facet-category li .facet-checked, .region-facet-filters li .facet-checked {
  background-color: #ebebeb;
}
.region-facet-category .checkbox, .region-facet-filters .checkbox {
  margin-top: 4px;
  margin-bottom: 0px;
}
.region-facet-category a.facetapi-limit-link, .region-facet-filters a.facetapi-limit-link {
  padding: 0 15px 10px 15px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.region-facet-category .facetapi-checkbox, .region-facet-filters .facetapi-checkbox {
  margin-right: 0;
}

/*
	COLOR Brand
*/
.facetapi-facet-field-color .facetapi-facet a, .facetapi-facet-field-brand .facetapi-facet a {
  display: inline-block;
  text-align: center;
}
.facetapi-facet-field-color .facetapi-facet a span, .facetapi-facet-field-brand .facetapi-facet a span {
  display: inline;
  padding-left: 0;
}
.facetapi-facet-field-color .facetapi-facet a.facetapi-disabled img, .facetapi-facet-field-brand .facetapi-facet a.facetapi-disabled img {
  opacity: 0.5;
}
.facetapi-facet-field-color li, .facetapi-facet-field-brand li {
  display: inline-block;
  vertical-align: top;
}
.facetapi-facet-field-color li div, .facetapi-facet-field-brand li div {
  display: inline-block;
  vertical-align: top;
}
.facetapi-facet-field-color li p, .facetapi-facet-field-brand li p {
  padding-top: 5px;
  margin-bottom: 5px;
}

.facetapi-facet-field-brand .facetapi-facet a {
  max-width: 86px;
  padding: 3px;
}
.facetapi-facet-field-brand .facetapi-facet a::after {
  margin-left: 37px;
}
.facetapi-facet-field-brand .facetapi-facet a::before {
  margin-left: 37px;
}
.facetapi-facet-field-brand li img {
  padding-top: 23px;
}

.facetapi-facet-field-color .facetapi-facet a::before {
  content: none;
}

.facetapi-facet-field-color .facetapi-facet.facetapi-active a.color-white::after {
  color: #ef6a40;
}

.facetapi-facet-field-color .facetapi-facet.facetapi-active a::after {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 17px;
  height: 17px;
  padding-top: 13px;
  padding-left: 8px;
  border: none;
  margin-left: 6px;
  font-family: 'FontAwesome';
  font-size: 20px;
  line-height: 13px;
  content: "";
  color: #fff;
  background-color: transparent;
}

.accordion-container {
  clear: both;
  width: 100%;
}
.accordion-container .accordion-toggle {
  position: relative;
  display: inline-block;
  width: 13%;
  height: 40px;
  vertical-align: top;
}
.accordion-container .accordion-toggle span.toggle-icon {
  position: absolute;
  top: 9px;
  right: 20px;
}
.accordion-container .accordion-toggle span.toggle-icon i {
  color: #fff;
}
.accordion-container .accordion-content {
  display: none;
  overflow: auto;
}

a.facetapi-disabled {
  color: #d4d4d4;
}
a.facetapi-disabled::before {
  border: 1px solid #d4d4d4;
}

@media (min-width: 767px) {
  .facet-mobile-wrapper.collapse {
    display: none;
  }
}
/* media query for mobile */
@media (max-width: 767px) {
  .accordion-content {
    overflow: inherit;
  }

  .clear-all {
    margin: 0;
    text-align: center;
  }
  .clear-all a {
    display: block;
    width: 100%;
    padding: 10px;
  }

  .facetapi-facetapi-links li {
    display: inline-block;
    width: 49%;
  }

  .facetapi-facet-field-color.facetapi-facetapi-links li {
    display: inline-block;
    width: 18.5%;
    text-align: center;
  }

  .facetapi-facet-field-brand.facetapi-facetapi-links li {
    display: inline-block;
    width: 32%;
    text-align: center;
  }
}
.gird-result-filter-block {
  padding: 12px 15px;
  background: url("../images/pattern_recipe_results_bar.png") top center repeat;
}
.gird-result-filter-block #edit-search-api-views-fulltext-wrapper {
  display: none;
}
.gird-result-filter-block label {
  margin-right: 10px;
  text-transform: uppercase;
}
.gird-result-filter-block label, .gird-result-filter-block .form-control {
  display: inline-block;
  max-width: initial;
  color: #fff;
}
.gird-result-filter-block .form-select {
  width: initial;
  min-width: 200px;
}
.gird-result-filter-block .views-widget-sort-by {
  float: right;
  padding: 0;
}
.gird-result-filter-block .page-title {
  float: left;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 30px;
  color: #fff;
}
.gird-result-filter-block small {
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}
.gird-result-filter-block.view-empty {
  background: transparent;
}
.gird-result-filter-block.vidview-header {
  background: url("../images/pattern_recipe_results_bar.png") top center repeat;
}

.grid-main-container {
  padding-bottom: 20px;
}
.grid-main-container .view-content {
  margin: 0 -10px;
}
.grid-main-container .grid-main-container-col {
  padding: 0;
}
.grid-main-container .grid-header {
  display: inline-block;
  width: 100%;
  padding: 30px 0 10px;
}
.grid-main-container .grid-header > h2 {
  float: left;
  padding: 0;
  border: 0;
  margin: 0;
  color: #ef6a40;
}
.grid-main-container .grid-header > h2 > small {
  font-size: 55%;
  font-weight: normal;
}

.receipe-grid-items {
  max-width: 295px;
  margin: 20px auto 15px;
  background: #fff;
}
.receipe-grid-items .incredible-recipes {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  display: inline-block;
}
.receipe-grid-items .block-trending-recipe .receipe-grid-items .item-detail {
  padding: 0;
}
.receipe-grid-items a {
  color: #363636;
}
.receipe-grid-items a strong {
  font-weight: normal;
}
.receipe-grid-items a.orange-button {
  color: #ef6a40;
}
.receipe-grid-items a.orange-button:hover {
  color: #fff;
}
.receipe-grid-items .item-image {
  position: relative;
  max-height: 295px;
  text-align: center;
}
.receipe-grid-items .item-image:hover .item-detail {
  /*display : block;*/
  opacity: 1;
}
.receipe-grid-items .item-image img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.receipe-grid-items .detail-link {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.receipe-grid-items .item-detail {
  position: absolute;
  top: 0;
  /*display : none;*/
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: left;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}
.receipe-grid-items .item-detail h4 {
  display: inline-block;
  height: auto;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 10px;
  color: #fff;
}
.receipe-grid-items .item-detail p {
  display: block;
  margin-top: -10px;
  margin-bottom: 12px;
  margin-left: 42px;
  color: #fff;
}
.receipe-grid-items .item-detail .orange-button {
  position: relative;
  z-index: 999;
  font-family: 'TradeGothicW01-BoldCn20_675334';
}
.receipe-grid-items .wrap-main-img {
  position: relative;
  max-height: 295px;
  text-align: center;
}
.receipe-grid-items .wrap-main-img:hover .item-detail {
  display: block;
}
.receipe-grid-items .wrap-main-img img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.receipe-grid-items .item-desc {
  display: table;
  width: 100%;
  height: 60px;
  padding: 10px 15px 10px 15px;
  text-align: left;
}
.receipe-grid-items .item-desc h3 {
  display: table-cell;
  width: 88%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}
.receipe-grid-items .item-desc h3 strong {
  font-weight: bold;
}
.receipe-grid-items .item-desc .like-count-entity-node {
  margin-top: -5px;
}
.receipe-grid-items .item-desc .like-container-entity-node {
  display: table-cell;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}
.receipe-grid-items .item-desc .like-container-entity-node > div {
  display: block;
  color: #363636;
}
.receipe-grid-items .item-desc .fa {
  display: block;
  margin-left: 0;
  line-height: normal;
  text-align: center;
  color: #ef6a40;
}
@media screen and (max-width: 1013px) and (min-width: 768px) {
  .receipe-grid-items.weather-recipe-items .recipe-facts li {
    display: none;
  }
  .receipe-grid-items.weather-recipe-items .recipe-facts li.last-child {
    display: block;
    padding-top: 24%;
    text-align: center;
  }
}

.block-trending-recipe .block-related-taxonomy-type-block h2 {
  margin-top: 35px;
}

.grid-main-container-row {
  position: relative;
}
.grid-main-container-row .grid-group-header h2 {
  padding-left: 10px;
}

.grid-group-header {
  position: initial;
  padding: 80px 0 0 0;
}
.grid-group-header.grid-group-header-common {
  margin-left: -6px;
}
.grid-group-header.grid-group-header-common .orange-button {
  margin-right: -7px;
  padding: 4px 10px;
}
.grid-group-header small {
  font-size: 18px;
  font-weight: normal;
}
.grid-group-header > h2 {
  margin: 0;
  font-size: 30px;
  text-transform: uppercase;
  color: #ef6a40;
}
.grid-group-header .orange-button {
  font-family: 'TradeGothicW01-BoldCn20_675334';
}

.pager-load-more {
  padding: 10px 0 50px;
  text-align: center;
}
.pager-load-more > li a {
  text-transform: uppercase;
}

.selection-block {
  padding: 9px 0 0;
  /* margin-bottom : 25px; */
  color: #000;
  background: #f8f8f8;
}
.selection-block h4 {
  padding-right: 15px;
  line-height: 0.5em;
}
.selection-block .fa-close {
  color: #ef6a40;
}
.selection-block .gray-button {
  margin-bottom: 9px;
  margin-left: 10px;
  cursor: default;
  text-transform: uppercase;
}
.selection-block .fa-close {
  margin-left: 10px;
  cursor: pointer;
}

.grid-utility-buttons-wrap {
  max-width: 295px;
}
.grid-utility-buttons-wrap .utility-button-group {
  position: relative;
  max-width: 295px;
  height: 40px;
  background-color: #ef6a40;
}
.grid-utility-buttons-wrap .utility-button-group a {
  width: 100%;
  font-size: 15px;
  line-height: 40px;
  color: #fff;
}
.grid-utility-buttons-wrap .utility-button.list-btn {
  width: 55%;
}
.grid-utility-buttons-wrap .utility-button.print-btn {
  width: 30%;
}
.grid-utility-buttons-wrap .utility-button.save-btn {
  width: 15%;
}
.grid-utility-buttons-wrap .share-icon-group {
  width: 100%;
}
.grid-utility-buttons-wrap .sharethis-wrapper > span {
  margin: 7px 8px;
}
.grid-utility-buttons-wrap .recipe-delete-block {
  position: absolute;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  background: #ef6a40;
}
.grid-utility-buttons-wrap .recipe-delete-block a {
  display: inline;
  width: 45px;
  padding: 0 10px;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  text-transform: none;
}
.grid-utility-buttons-wrap .recipe-delete-block .confirm-recipe-delete {
  padding-right: 0;
  border-left: 1px #fff solid;
}
.grid-utility-buttons-wrap .recipe-delete-block > div {
  float: right;
}
.grid-utility-buttons-wrap .recipe-delete-block > p {
  float: left;
  line-height: 40px;
}

.incredible-popup .tooltip-inner {
  min-width: 180px;
  padding: 10px;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  border-radius: 0;
  background-color: #6db2b6;
}
.incredible-popup.top .tooltip-arrow {
  border-top-color: #6db2b6;
}

.view-featured-recipes .grid-main-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.views-exposed-widgets {
  margin: 0;
}

.featured-recipe-common-section {
  padding-bottom: 40px;
}
.featured-recipe-common-section .grid-main-container-col {
  padding: 0;
}
.featured-recipe-common-section .featured-recipe-header {
  margin-top: 31px;
}

.like-section .block .content {
  max-width: 940px;
  padding: 0;
}

@media screen and (max-width: 1130px) {
  .receipe-grid-items {
    margin: 20px 10px 15px;
  }

  .grid-main-container .view-content {
    margin: 0;
  }
}
@media screen and (max-width: 1230px) {
  .block-trending-recipe .receipe-grid-items {
    margin: 20px 15px 0;
  }
}
@media screen and (max-width: 1130px) {
  .gird-result-filter-block {
    padding-right: 15px;
    padding-left: 15px;
  }

  .saved-recipe-content {
    padding-right: 15px;
    padding-left: 15px;
  }

  .grid-utility-buttons-wrap .sharethis-wrapper > span {
    margin: 7px 5px;
  }
}
@media screen and (max-width: 1024px) {
  .receipe-grid-items .item-detail {
    padding: 10px 0 0px 10px;
  }

  .block-trending-recipe .receipe-grid-items .item-detail {
    padding: 0;
  }

  .selection-block h4 {
    margin-left: 15px;
  }
}
@media screen and (max-width: 992px) {
  .featured-recipe-common-section .grid-main-container-col,
  .grid-main-container .grid-main-container-col {
    padding: 0 15px;
  }

  .receipe-grid-items {
    margin: 20px auto 0;
  }
  .block-trending-recipe .receipe-grid-items {
    margin: 20px 10px 0;
    display: inline-block;
    width: 45%;
  }

  .like-section .standard.block-related-taxonomy-type-block {
    padding-bottom: 40px;
  }

  .view-search-recipes .grid-main-container {
    display: inline-block;
    width: 100%;
  }

  .grid-main-container .grid-main-container-col .share-icon-group {
    padding: 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .view-drink-type-landing .views-row,
  .view-spirits-landing .views-row,
  .view-occasion-landing .views-row {
    margin-top: -50px;
  }
}
@media screen and (max-width: 1070px) and (min-width: 768px) {
  .grid-utility-buttons-wrap .recipe-delete-block {
    padding: 0 5px;
  }
  .grid-utility-buttons-wrap .recipe-delete-block a {
    padding: 5px;
  }
  .grid-utility-buttons-wrap .recipe-delete-block .confirm-recipe-delete {
    padding: 0 0 0 6px;
  }
}
@media screen and (max-width: 768px) {
  .grid-main-container-row .grid-main-container-col {
    margin: 0 auto;
    padding: 0 5px;
  }
  .grid-main-container-row .grid-main-container-col .receipe-grid-items {
    margin: 20px auto 0;
  }

  .grid-main-container {
    position: relative;
  }
  .grid-main-container > .views-row {
    position: relative;
    padding-bottom: 60px;
  }
  .grid-main-container.search-grid-main-container > div {
    padding-bottom: 0;
  }
  .grid-main-container .grid-main-container-row {
    padding-bottom: 60px;
  }

  .block-trending-recipe .receipe-grid-items {
    margin: 20px auto 0;
  }

  .grid-group-header > h2 {
    float: none !important;
  }
  .grid-group-header .orange-button {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 98px;
    margin: 0 auto !important;
  }

  .grid-main-container .grid-main-container-col {
    padding-right: 15px;
    padding-left: 15px;
  }
  .grid-main-container .grid-main-container-col .share-icon-group {
    padding: 0 10px;
  }

  .block-trending-recipe .grid-main-container-row .grid-main-container-col .receipe-grid-items {
    margin: 20px 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .selection-block h4 {
    display: none;
  }

  .page-title {
    margin-left: 15px;
  }

  .gird-result-filter-block .views-widget-sort-by {
    float: none;
    margin-bottom: -10px;
  }

  .grid-utility-buttons-wrap {
    margin: 0;
  }
  .grid-utility-buttons-wrap .sharethis-wrapper > span {
    margin: 4px 5px;
  }

  .receipe-grid-items .item-detail {
    background: none;
  }

  .receipe-grid-items {
    margin: 20px auto 0;
  }

  .saved-recipe-content h3 a {
    font-size: 12px;
  }

  .block-trending-recipe .grid-main-container-row .grid-main-container-col .receipe-grid-items {
    display: block;
    margin: 20px auto 0;
  }

  .view-drink-type-landing .views-row {
    margin-top: 0;
  }

  .featured-recipe-common-section .heading-borders, .featured-recipe-common-section .block-related-taxonomy-type-block h2, .block-related-taxonomy-type-block .featured-recipe-common-section h2 {
    font-size: 24px;
    margin: 24px 0 4px;
  }

  /*
    Enhancement
  */
  .view-occasion-landing .grid-main-container .receipe-grid-items .item-image,
  .view-spirits-landing .grid-main-container .receipe-grid-items .item-image,
  .view-drink-type-landing .grid-main-container .receipe-grid-items .item-image,
  .view-flavor-landing .grid-main-container .receipe-grid-items .item-image {
    float: left;
    width: 35%;
  }
  .view-occasion-landing .grid-main-container .receipe-grid-items .item-desc,
  .view-spirits-landing .grid-main-container .receipe-grid-items .item-desc,
  .view-drink-type-landing .grid-main-container .receipe-grid-items .item-desc,
  .view-flavor-landing .grid-main-container .receipe-grid-items .item-desc {
    float: left;
    width: 65%;
    height: 103px;
    position: relative;
    display: block;
  }
  .view-occasion-landing .grid-main-container .like-container,
  .view-spirits-landing .grid-main-container .like-container,
  .view-drink-type-landing .grid-main-container .like-container,
  .view-flavor-landing .grid-main-container .like-container {
    position: absolute;
    bottom: 10px;
  }
  .view-occasion-landing .grid-main-container .receipe-grid-items .item-desc .like-container-entity-node > div,
  .view-spirits-landing .grid-main-container .receipe-grid-items .item-desc .like-container-entity-node > div,
  .view-drink-type-landing .grid-main-container .receipe-grid-items .item-desc .like-container-entity-node > div,
  .view-flavor-landing .grid-main-container .receipe-grid-items .item-desc .like-container-entity-node > div {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 2px;
  }
  .view-occasion-landing .grid-group-header .orange-button,
  .view-spirits-landing .grid-group-header .orange-button,
  .view-drink-type-landing .grid-group-header .orange-button,
  .view-flavor-landing .grid-group-header .orange-button {
    width: 100%;
  }

  .view-flavor-landing #scrollspy-infolist {
    top: 45%;
  }
}
@media screen and (max-width: 620px) {
  .grid-main-container > .grid-main-container-row {
    padding-bottom: 40px;
  }
  .grid-main-container > .grid-main-container-row > div {
    float: none;
    margin: 0 auto;
  }
}
.incredible-recipes .utility-button {
  z-index: 9999;
  display: inline-block;
  width: 46px;
  border-radius: 23px;
}

.incredible-recipes .utility-button a {
  display: inline-block;
  width: 41px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}

.incredible-recipes .utility-button i {
  margin: 6px -21px -20px -63px;
}

@media screen and (max-width: 320px) {
  .incredible-popup .tooltip-inner {
    min-width: 150px;
    max-width: 151px;
    margin-right: 10px;
  }

  .grid-utility-buttons-wrap .utility-button.save-btn {
    width: 15.240%;
  }
}
@media only screen and (device-width: 720px) and (device-height: 1280px) and (orientation: portrait) {
  .incredible-popup .tooltip-inner {
    min-width: 150px;
    max-width: 151px;
    margin-right: 10px;
  }
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  font-weight: bold;
  color: #000;
  background-color: #ebebeb;
}

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

.select2-results__option {
  padding: 4px 6px;
}

.select2-container--default .select2-selection--single {
  height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}

/*
.select2-container--open {
  z-index : 99;
}*/
.sortDropdownContainer {
  z-index: 9999;
}

label.error {
  margin-left: 20px;
  font-weight: normal;
  text-align: left;
}
label.error > i {
  float: left;
  margin: 5px 10px 10px;
}

.error {
  color: #ef6a40;
}

.user-login-form-wrapper label.error {
  margin-left: 0;
}

.checkbox input[type='checkbox']:checked + label::before {
  border-color: #ef6a40;
  background-color: #ef6a40;
}
.checkbox input[type='checkbox']:checked + label::after {
  color: #fff;
}

.checkbox {
  padding-left: 20px;
}
.checkbox label {
  position: relative;
  display: inline-block;
  padding-left: 5px;
}
.checkbox label::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #d7d7d7;
  margin-left: -15px;
  content: '';
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  position: absolute;
  top: 0;
  left: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-top: 1px;
  padding-left: 3px;
  margin-left: -20px;
  font-size: 11px;
  color: #ef6a40;
}
.checkbox input[type='checkbox'] {
  z-index: 1;
  opacity: 0;
}
.checkbox input[type='checkbox']:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type='checkbox']:checked + label::after {
  font-family: 'FontAwesome';
  content: "";
  text-align: center;
  line-height: 15px;
}
.checkbox input[type='radio'] {
  z-index: 1;
  opacity: 0;
}
.checkbox input[type='radio']:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type='radio']:checked + label::after {
  font-family: 'FontAwesome';
  content: "";
}
.checkbox input[type='radio']:disabled + label {
  opacity: 0.65;
}
.checkbox input[type='radio']:disabled + label::before {
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox.checkbox-single label {
  height: 17px;
}

.radio input[type='radio'] + label::after {
  background-color: transparent;
}
.radio input[type='radio']:checked + label::before {
  border-color: #d7d7d7;
}
.radio input[type='radio']:checked + label::after {
  background-color: transparent;
}

.radio {
  padding-left: 20px;
}
.radio label {
  position: relative;
  display: inline-block;
  padding-left: 5px;
}
.radio label::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 17px;
  height: 17px;
  border: 1px solid #d7d7d7;
  margin-left: -20px;
  content: '';
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  position: absolute;
  top: 1px;
  left: 2px;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: -20px;
  content: ' ';
  border-radius: 50%;
  background-color: #ef6a40;
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
}
.radio input[type='radio'] {
  z-index: 1;
  opacity: 0;
}
.radio input[type='radio']:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type='radio']:checked + label::after {
  font-family: 'FontAwesome';
  font-size: 10px;
  content: "";
  text-align: right;
  color: #ef6a40;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type='radio']:disabled + label {
  opacity: 0.65;
}
.radio input[type='radio']:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio.radio-single label {
  height: 17px;
}

@media (max-width: 1100px) {
  label.error {
    margin: 5px 0 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
    background-image: url("../images/select2.png") !important;
  }
}
.scroller-label {
  position: fixed;
  z-index: 9999;
  top: 580px;
  right: 0;
  min-width: 143px;
  cursor: pointer;
  color: white;
}
.scroller-label h5 {
  top: -4px;
  min-width: 127px;
  margin: 0;
  text-align: center;
}

.scroller-label-pointer {
  float: right;
  min-width: 20px;
  min-height: 25px;
  background: url(../images/closed-marker-pointer.png) no-repeat;
}

.scroller-label-text {
  display: inline-block;
  float: right;
  height: 25px;
  padding: 5px 10px 3px;
  margin-right: -1px;
  vertical-align: middle;
  border-radius: 8px 0 0 8px;
  background: url(../images/closed-marker-bg.jpg) top center repeat-x;
}

#scrollspy-infolist {
  position: fixed;
  z-index: 9999;
  top: 33%;
  right: 10px;
  display: none;
  min-width: 138px;
  padding: 7px;
  text-align: center;
  text-transform: upper-case;
  color: white;
  border-radius: 5px;
  background: url(../images/menu-bg.jpg) top center repeat;
}
#scrollspy-infolist h5 {
  color: #666;
}
#scrollspy-infolist a {
  padding: 3px 0;
  color: #fff;
}
#scrollspy-infolist a:hover {
  text-decoration: underline;
  color: #ef6a40;
  background-color: transparent;
}
#scrollspy-infolist a:focus {
  background-color: transparent;
}
#scrollspy-infolist .active {
  color: #ef6a40;
}

.touch #scrollspy-infolist {
  max-height: 400px;
  overflow-y: auto;
}

@media screen and (max-width: 1300px) {
  .scroller-label {
    top: 530px;
  }
}
@media screen and (max-width: 767px) {
  .scroller-label {
    top: -9999px;
  }
}
.view-all-articles, .view-articles {
  background-color: #fff;
  background-image: none;
}
.view-all-articles .grid-main-container .grid-main-container-col, .view-articles .grid-main-container .grid-main-container-col {
  /*padding: 0 10px;*/
  padding: 0; /* Quick tab is break layout */
}
.view-all-articles .pager-load-more, .view-articles .pager-load-more {
  padding: 0px 0 50px;
}

.article-grid-items {
  margin: 20px auto auto;
  max-width: 295px;
  min-height: 435px;
}
.article-grid-items a {
  font-family: 'Arvo', serif;
  color: #363636;
  font-size: 24px;
}
.article-grid-items a strong {
  font-weight: normal;
}
.article-grid-items .item-image {
  position: relative;
  max-height: 295px;
  text-align: center;
}
.article-grid-items .item-image img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.article-grid-items .item-desc {
  display: table;
  width: 100%;
  height: 60px;
  padding: 10px 0;
  text-align: left;
}
.article-grid-items .item-desc h5 {
  margin-bottom: 5px;
  color: #a5a5a5;
  font-size: 14px;
  font-family: "Raleway",sans-serif;
  font-weight: bold;
}
.article-grid-items .item-desc a:hover {
  color: #ef6a40;
}
.article-grid-items h4 {
  color: #363636;
  font-size: 24px;
  font-family: "Raleway",sans-serif;
  margin-bottom: 0;
}

@media screen and (max-width: 800px) {
  .article-grid-items {
    min-height: 375px;
  }
  .article-grid-items .item-desc a {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .article-grid-items {
    margin: 0 auto 20px;
  }

  .block-quicktabs {
    float: left;
    width: 100%;
  }

  #block-quicktabs-search .block-quicktabs {
    width: 100%;
  }

  .block-trending-recipe .receipe-grid-items {
    width: 100%;
  }
}
ul.quicktabs-tabs {
  margin-bottom: 0;
  background-color: #363636;
  text-align: center;
}
ul.quicktabs-tabs > li {
  display: inline-block;
  margin-left: -3px;
  padding: 0;
  border-left: 1px solid #292929;
}
ul.quicktabs-tabs > li > a {
  display: inline-block;
  width: 200px;
  padding: 11px 0;
  line-height: 23px;
  color: #fff;
  font-size: 12px;
}
ul.quicktabs-tabs > li.last {
  border-right: 1px solid #292929;
}
ul.quicktabs-tabs > li.active {
  background-color: #292929;
}
ul.quicktabs-tabs .active {
  position: relative;
}
ul.quicktabs-tabs .active a {
  color: #ef6a40;
}
ul.quicktabs-tabs .active a::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 45%;
  display: block;
  border-width: 15px 17px 0;
  border-style: solid;
  border-color: #292929 transparent;
}
ul.quicktabs-tabs .select2 {
  display: none;
}

.quicktabs_main {
  padding-top: 15px;
}

.view-all-articles .pager-load-more-empty,
.view-articles .pager-load-more-empty {
  padding: 0;
  height: 0;
}

@media (max-width: 767px) {
  .quicktabs_main {
    padding-top: 40px;
  }

  .view-all-articles .pager-load-more,
  .view-articles .pager-load-more {
    padding: 0  0 30px;
  }

  .quicktabs-tabpage .grid-main-container {
    padding-bottom: 0;
  }
}
/* Page */
.view-id-home {
  margin: 20px 0;
  text-align: center;
}

.header-top-right .login {
  display: block;
}
.header-top-right a#drop5 {
  min-width: 180px;
}
.header-top-right .user-picture {
  display: inline;
  margin-right: 5px;
}
.header-top-right .user-picture img {
  border-radius: 15px;
}

.login > .fa {
  margin-right: 5px;
  vertical-align: middle;
}
.login a {
  font-weight: bold;
}

.main-header {
  position: fixed;
  z-index: 9990;
  top: 0;
}

.all-recipe-count {
  display: inline-block;
  width: 100%;
  padding: 9px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #fff;
  background-color: #e2a432;
}
.all-recipe-count:hover {
  color: #fff;
  background-color: #d5992b;
}

/***** Weather Section ******/
.view-weather-recipes,
.weather-block {
  display: table-cell;
  vertical-align: top;
  float: none;
}

.weather-related-container {
  max-width: 925px;
  margin: 0 auto;
  padding: 21px 0 0;
  position: relative;
}
.weather-related-container .weather-info-loading {
  position: absolute;
  z-index: 999;
  left: 15%;
  top: 46%;
}

.drink-recipe-feed {
  margin: 0 auto;
  padding-top: 16px;
}

.weather-block {
  margin: 20px 0;
  min-height: 225px;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  text-align: center;
  color: #363636;
  padding: 25px 40px 0;
}
.weather-block > img {
  margin-bottom: 19px;
}

.weather-details {
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 30px;
  text-transform: uppercase;
  line-height: 30px;
}

.weather-copy {
  line-height: 20px;
}

.gold {
  color: #e2a432;
}

.snowingblue {
  color: #98c6c9;
}

.view-weather-recipes {
  padding: 0 9px;
  margin-top: 20px;
}
.view-weather-recipes > .grid-main-container-col {
  padding: 0 9px;
}
.view-weather-recipes .receipe-grid-items {
  margin: 0 auto;
}

/*********** End of Weather section*****/
/* Recipe feed */
.recipe-feed {
  position: relative;
  padding: 0;
}
.recipe-feed img {
  width: 100%;
  opacity: 0.8;
}
.recipe-feed a:hover img {
  opacity: 0.9;
}
.recipe-feed > .grid-main-container-col {
  padding: 0;
  background: #363636;
}

.no-touch .recipe-feed > .grid-main-container-col:hover .btn-white-lg {
  color: #000;
  background: #fff;
}

.feed-wrapper {
  position: absolute;
  top: 30%;
  width: 100%;
  padding: 0 20%;
  text-align: center;
  color: #fff;
}
.feed-wrapper > h2,
.feed-wrapper > h1.page-header-title {
  color: #fff;
  margin: 6px 0 40px;
  text-transform: uppercase;
  font-size: 42px;
}
.feed-wrapper > h4 {
  color: #fff;
  margin-bottom: 15px;
}
.feed-wrapper .double-border-down {
  margin: 10px auto 18px;
}

.seasontag {
  display: inline-block;
  border-radius: 5px;
  padding: 2px 8px;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 14px;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.double-border-up {
  width: 109px;
  margin: 0 auto;
  border-top: 1px solid #fff;
  position: relative;
}
.double-border-up:after {
  content: '';
  position: absolute;
  top: -5px;
  right: 23px;
  left: 23px;
  text-align: center;
  border-top: 1px solid #fff;
}

.double-border-down {
  width: 109px;
  margin: 0 auto;
  border-bottom: 1px solid #fff;
  position: relative;
}
.double-border-down:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 23px;
  left: 23px;
  text-align: center;
  border-bottom: 1px solid #fff;
}

.view-article-slider {
  margin-top: 23px;
}

.horizontal .alignVerticle {
  display: table-cell;
  vertical-align: top;
  float: none;
}

@media (min-width: 768px) {
  .mob-main-home .close-btn {
    display: none;
  }
}
@media (max-width: 1370px) {
  .feed-wrapper {
    top: 22%;
  }
}
@media (max-width: 1100px) {
  .feed-wrapper {
    top: 21%;
  }
  .feed-wrapper > h2,
.feed-wrapper > h1.page-header-title {
    font-size: 27px;
    margin-bottom: 10px;
  }

  .weather-block {
    padding: 10px 10px 0;
  }
  .weather-block > img {
    width: 40%;
  }

  .weather-related-container {
    padding: 40px 15px 0;
  }
}
@media (max-width: 1000px) {
  .weather-details {
    font-size: 25px;
    line-height: 25px;
  }

  .feed-wrapper {
    top: 15%;
  }
  .feed-wrapper > h2,
.feed-wrapper > h1.page-header-title {
    font-size: 25px;
  }
}
@media (max-width: 1000px) {
  .weather-block > img {
    margin-bottom: 5px;
  }
}
@media (max-width: 850px) {
  .weather-details {
    font-size: 16px;
    line-height: 20px;
  }

  .weather-copy {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .feed-wrapper {
    top: 9%;
  }
  .feed-wrapper > h2,
.feed-wrapper > h1.page-header-title {
    margin-bottom: 15px;
  }

  .main-header {
    position: static;
  }

  .header-top-right {
    display: none;
  }

  .weather-block {
    padding: 10px 20px;
  }

  .weather-copy {
    font-size: 14px;
  }

  .weather-details {
    font-size: 30px;
    line-height: 30px;
  }

  .view-article-slider {
    margin-top: 20px;
  }

  .main-container {
    text-align: left;
  }
  .main-container .navbar-header {
    min-height: 60px;
    margin-top: 0;
    text-align: center;
    background: url("../images/menu-bg.jpg") #252524 top center repeat;
  }
  .main-container .logo {
    display: inline-block;
  }

  .user-pic {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    margin: 13px 19px 0 0;
    cursor: pointer;
  }

  .login > .fa {
    margin-right: 0;
  }
  .login a {
    display: none;
  }

  .feed-wrapper {
    top: 36%;
  }

  .view-weather-recipes > .grid-main-container-col {
    margin-top: 20px;
  }

  .view-weather-recipes,
  .weather-block {
    display: block;
    margin: 0 auto;
  }

  .weather-block {
    width: 295px;
  }
  .weather-block > img {
    width: auto;
    margin-bottom: 19px;
  }

  .weather-related-container {
    padding-top: 22px;
  }
  .weather-related-container .weather-info-loading {
    position: absolute;
    z-index: 999;
    left: 48%;
    top: 46%;
  }

  .register-aside.horizontal {
    margin-top: 0;
  }
  .register-aside.horizontal .why-join {
    padding: 0;
  }
  .register-aside.horizontal .heading-borders, .register-aside.horizontal .block-related-taxonomy-type-block h2, .block-related-taxonomy-type-block .register-aside.horizontal h2 {
    font-size: 25px;
    margin-bottom: 3px auto 27px;
  }
  .register-aside.horizontal .alignVerticle {
    float: left;
  }
}
@media (max-width: 430px) {
  .feed-wrapper {
    top: 16%;
  }
}
@media (max-width: 355px) {
  .weather-block {
    width: 270px;
  }
}
.brand-info {
  display: inline-block;
  width: 100%;
  padding: 20px 0 40px 20px;
  margin: 0 auto;
  vertical-align: top;
  color: #fff;
  background: #ef6a40;
}

.brand-detail h1 {
  margin: 13px 0 0;
  font-size: 48px;
  letter-spacing: 0.6px;
  color: #fff;
}
.brand-detail h1 > sup {
  top: -19px;
  font-size: 20px;
}
.brand-detail h3 {
  margin-top: -4px;
  margin-bottom: 20px;
  font-size: 20px;
  color: #fff;
}

.brand-detail .showmoretxt {
  color: #fff;
}
.brand-detail .showmoretxt i {
  color: #fff;
}

.brand-logo .brand-image {
  margin: 17px auto 5px;
  text-align: center;
}
.brand-logo .brand-image > img {
  max-width: 100%;
}
.brand-logo .brand-link {
  margin: 20px auto;
  text-align: center;
}
.brand-logo .btn, .brand-logo .pager-load-more > li a, .pager-load-more > li .brand-logo a {
  padding: 3px 12px;
  margin: 5px;
  font-size: 14px;
}

.brand-item-carousal h4 {
  margin: 5px auto 10px;
}

.brand-story {
  position: relative;
  max-width: 922px;
  min-height: 360px;
  padding: 35px 40px 40px 14px;
  border: 1px solid #d7d7d7;
  margin: 40px auto;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
}
.brand-story h4 {
  margin-top: 0;
  font-size: 28px;
  letter-spacing: 1.2px;
}
.brand-story.brand-story-only {
  min-height: 0;
}
.brand-story.brand-story-only .brand-story-content {
  max-width: 100%;
}

.brand-image img {
  max-width: 100%;
}

.brand-story-content, .brand-story-video {
  display: inline-block;
  vertical-align: top;
}

.brand-video-wrapper {
  display: inline-block;
}
.brand-video-wrapper .link-container {
  top: 45%;
}

/*Feature video*/
.brand-story-content {
  max-width: 454px;
}

.brand-story-video {
  float: right;
  max-width: 370px;
  padding: 0;
  margin-top: 23px;
}
.brand-story-video img {
  max-width: 100%;
}

.brand-page .video-container {
  margin: 0;
}
.brand-page .brand-main-carousel .btn-play,
.brand-page .brand-featured-video .btn-play {
  padding: 8px 15px;
  font-size: 14px;
}

.brand-featured-video {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: #010001;
}
.brand-featured-video img {
  max-width: 100%;
}

.feature-video-copy {
  text-align: left;
  color: #fff;
}

.link-container.full-width-vid-btn {
  top: 45%;
}

.featuredVideoPlayer {
  display: none;
  width: 100%;
  height: 100%;
  background: #1b1b1b;
}
.featuredVideoPlayer .featuredVideoCloseBtn {
  position: absolute;
  top: 15px;
  right: 30px;
  cursor: pointer;
}
.featuredVideoPlayer > iframe {
  width: 60%;
}
.featuredVideoPlayer .video-title {
  width: 70%;
  margin: auto;
}
.featuredVideoPlayer .video-title h4 {
  color: #fff;
}

.brand-cocktail-carousal {
  padding-top: 20px;
  padding-bottom: 25px;
  text-align: center;
}

.brand-social-media {
  max-width: 1002px;
  margin: 0 auto;
  background: #fff;
  padding-bottom: 80px;
  word-wrap: break-word;
}
.brand-social-media > article {
  padding-right: 30px;
  padding-left: 30px;
}
.brand-social-media .social-media-heading {
  position: relative;
  padding-top: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 5px;
}
.brand-social-media .social-media-heading .fa-pinterest, .brand-social-media .social-media-heading .fa-twitter, .brand-social-media .social-media-heading .fa-instagram, .brand-social-media .social-media-heading .fa-facebook {
  width: 34px;
  height: 34px;
  padding: 8px;
  margin: 0 5px 0 0;
  font-size: 20px;
  text-align: center;
  color: #fff;
  border-radius: 16px;
}
.brand-social-media .social-media-heading .fa-facebook {
  background-color: #39579a;
}
.brand-social-media .social-media-heading .fa-twitter {
  background-color: #00abf0;
}
.brand-social-media .social-media-heading .fa-pinterest {
  background-color: #bd0000;
}
.brand-social-media .social-media-heading .fa-instagram {
  background-color: #3f729b;
}
.brand-social-media .social-media-heading .icons-instagram {
  margin: 0 5px;
}
.brand-social-media .social-media-heading h3 {
  position: relative;
  margin: 0;
}
.brand-social-media .social-media-heading .follow-link {
  position: absolute;
  right: -5px;
  bottom: 3px;
  display: inline-block;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 14px;
  letter-spacing: 0.3px;
}
.brand-social-media .brand-profile-pic {
  float: left;
  max-width: 40px;
  max-height: 40px;
}
.brand-social-media .brand-profile-pic img {
  max-width: 100%;
  margin-right: 10px;
}
.brand-social-media .recent-photo .brand-media-page-data {
  margin: 0 -5px;
  text-align: center;
}
.brand-social-media small {
  display: inline-block;
  margin-right: 5px;
  font-size: 11px;
  color: #afafaf;
}

.brand-media-page-data > div {
  margin: 10px auto;
  text-align: center;
}

.brand-recent-post {
  margin-left: 49px;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
}
.brand-recent-post img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.brand-recent-post h5 {
  margin-top: 3px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  color: #ef6a40;
}
.brand-recent-post .post-status {
  margin-top: 5px;
  color: #d7d7d7;
}
.brand-recent-post .feed-copy {
  overflow: hidden;
  line-height: 18px;
}

.twitter-feed .img-responsive {
  max-width: 100px;
  max-height: 100px;
}

.pinterest-feed .img-responsive {
  width: 150px;
  height: 140px;
  margin: 0 auto;
}

.recent-photo .social-media-heading {
  margin-bottom: 14px;
}

.recent-photo .brand-media-page-data > div {
  width: 150px;
  height: 140px;
  padding: 0 5px;
  margin: 5px 0;
  overflow: hidden;
}

.social-media-heading h3 span {
  font-size: 20px;
}

.recent-post .brand-media-page-data {
  font-size: 12px;
}
.recent-post .brand-media-page-data .item {
  clear: both;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d4d4;
  margin-right: 15px;
  margin-bottom: 20px;
  margin-left: 15px;
  overflow: hidden;
}
.recent-post .fa {
  margin-right: 7px;
  font-size: 12px;
}

@media (max-width: 1090px) {
  .brand-social-media small {
    display: block;
  }
}
@media (max-width: 995px) {
  .brand-social-media .social-media-heading {
    padding-bottom: 30px;
  }
  .brand-social-media .social-media-heading .follow-link {
    top: 38px;
    left: 45px;
  }

  .brand-recent-post img {
    float: none;
  }

  .brand-social-media small {
    display: inline-block;
  }
}
@media (max-width: 790px) {
  .brand-social-media small {
    display: block;
  }
}
@media (max-width: 768px) {
  .brand-recent-post img {
    float: none;
  }
}
@media (max-width: 767px) {
  .brand-info {
    display: block;
    padding: 0 10px 30px;
    margin: 0;
  }

  .brand-detail h1 {
    margin-top: 20px;
    font-size: 36px;
  }

  .brand-logo {
    display: table;
    margin-top: 20px;
  }

  .brand-image, .brand-link {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }

  .brand-image {
    max-width: 140px;
    padding: 0;
  }

  .brand-story-content {
    max-width: none;
  }

  .brand-story {
    padding: 25px 5px 20px;
    margin: 20px;
  }
  .brand-story h4 {
    margin-bottom: 19px;
  }

  .brand-video-wrapper {
    position: relative;
  }

  .brand-story-video {
    max-width: none;
    max-height: none;
    padding: 0 15px;
  }

  .brand-social-media .social-media-heading {
    padding: 20px 0 10px;
  }

  .brand-social-media .social-media-heading .follow-link {
    top: 11px;
    left: 44px;
  }

  .recent-photo .brand-media-page-data > div {
    width: 145px;
    height: 135px;
  }

  .brand-social-media small {
    display: inline-block;
  }

  .brand-social-media > article {
    padding-right: 20px;
    padding-left: 20px;
  }

  .brand-item-carousal h4 {
    padding: 0 7px;
  }

  .featuredVideoPlayer .video-iframe-wrapper {
    margin: 20px 0;
  }

  .featuredVideoPlayer .featuredVideoCloseBtn {
    right: 15px;
  }

  .link-container.full-width-vid-btn {
    top: 37%;
  }
}
@media (max-width: 480px) {
  .recent-post .brand-media-page-data .item {
    padding-top: 15px;
    padding-bottom: 0;
    border-top: 1px solid #d4d4d4;
    border-bottom: 0;
    margin-top: 0;
  }
  .recent-post .brand-media-page-data .item:first-child {
    border-top: 0;
  }
  .recent-post .brand-social-media .social-media-heading {
    margin-bottom: 0;
  }

  .brand-social-media > div {
    padding-right: 15px;
    padding-left: 15px;
  }

  .brand-awards {
    padding: 30px;
  }

  .awards-carousel-owl .owl-prev {
    left: -25px;
  }
  .awards-carousel-owl .owl-next {
    right: -25px;
  }

  .brand-social-media > article {
    padding-right: 15px;
    padding-left: 15px;
  }

  .recent-photo .brand-media-page-data > div {
    width: 50%;
  }
}
.article-page-wrapper .content-bottom-wrapper {
  background: transparent;
  box-shadow: none;
}

.article-hero-wrapper .block-title {
  display: none;
}
.article-hero-wrapper .field-content {
  max-width: 1400px;
}
.article-hero-wrapper .field-content img {
  max-width: 100%;
}
.article-hero-wrapper .btn-play {
  padding: 8px 15px;
  font-size: 14px;
}
.article-hero-wrapper img {
  max-width: 100%;
}

.article-page-content-wrapper {
  padding-bottom: 20px;
  background: #fff;
}
.article-page-content-wrapper p {
  line-height: 22px;
}
.article-page-content-wrapper .main-content-wrapper,
.article-page-content-wrapper .secondary-content {
  display: inline-block;
}
.article-page-content-wrapper .main-content-wrapper {
  padding: 0;
  word-wrap: break-word;
  max-width: 661px;
}
.article-page-content-wrapper .sharethis-wrapper {
  display: inline-block;
}
.article-page-content-wrapper .sharethis-wrapper > span {
  margin: 7px 2px;
}
.article-page-content-wrapper .share-print-icon {
  margin: 0 3px 6px 3px;
  display: inline-block;
  vertical-align: top;
}
.article-page-content-wrapper .share-print-icon span {
  display: inline-block;
  margin-top: 7px;
}
.article-page-content-wrapper .pr-update span {
  font-size: 12px;
  color: #949494;
}
.article-page-content-wrapper .pager-load-more {
  padding-bottom: 50px;
}

.article-info {
  min-height: 350px;
  border-right: 1px solid #d7d7d7;
  margin: 29px 0 20px;
  padding: 0 28px 0 0;
}
.article-info hr {
  margin-top: 13px;
  margin-bottom: 13px;
  border-top: 1px solid #d7d7d7;
}
.article-info ul {
  margin-left: 15px;
}
.article-info ul.bxslider {
  margin-left: 0;
}
.article-info ul li {
  list-style: disc;
}
.article-info img {
  max-width: 100%;
  height: auto !important;
  margin: 5px auto;
}

.article-description {
  margin-top: 28px;
}

.article-header-info h4 {
  font-family: 'Raleway', sans-serif;
  color: #ef6a40;
  font-size: 14px;
  margin-bottom: 7px;
  font-weight: bold;
}
.article-header-info h1 {
  font-family: 'Arvo', serif;
  font-size: 30px;
  margin-top: 7px;
  word-wrap: break-word;
}

.article-description p:first-child:first-letter {
  float: left;
  color: #98c6c9;
  font-size: 70px;
  line-height: 60px;
  font-family: 'Arvo', serif;
  padding: 5px 7px 0 0;
}

.article-sub-title {
  color: #98c6c9;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 20px;
  margin-top: 17px;
  margin-bottom: 9px;
}

.article-media-data img {
  max-width: 100%;
  margin: 15px 0;
  height: auto !important;
}

.article-media-description iframe {
  width: 100%;
}

.secondary-content {
  padding: 26px 0 20px 40px;
}
.secondary-content .block-recipe-videos {
  display: inline-block;
}
.secondary-content .supportive-video-block {
  margin: 13px 0 11px 0;
}
.secondary-content .supportive-video-block .supportive-video {
  margin-top: 12px;
}
.secondary-content .supportive-video-block figure {
  padding: 0;
}
.secondary-content h2 {
  font-size: 20px;
  text-transform: uppercase;
}
.secondary-content .register-aside {
  box-shadow: none;
  padding-top: 0 !important;
  border: none;
  border-top: 1px solid #d7d7d7;
}
.secondary-content .why-join {
  padding: 0;
  border-right: 1px solid #d7d7d7;
}
.secondary-content .why-join div {
  padding: 0;
  margin: 9px 0;
  text-align: left;
  display: table;
}
.secondary-content .why-join div h3 {
  text-align: left;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 16px;
}
.secondary-content .why-join div > p,
.secondary-content .why-join div > .fa {
  display: table-cell;
}
.secondary-content .why-join div > .fa {
  font-size: 35px;
  width: 35px;
  margin-left: 0;
}
.secondary-content .why-join div > p {
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
  line-height: 18px;
  font-size: 14px;
}
.secondary-content .why-join .why-join-cta {
  text-align: center;
  margin-top: 20px;
}
.secondary-content .why-join .why-join-cta a {
  width: 86px;
  padding: 4px 0;
}

.featured-article-wrapper {
  border-bottom: 1px #d7d7d7 solid;
  padding-bottom: 20px;
}

.view-featured-articles .views-row {
  margin-top: 24px;
}

.featured-article-container {
  margin: 10px 0;
  min-height: 57px;
}

.featured-article-thumb,
.featured-article-title {
  display: inline-block;
}

.featured-article-thumb {
  max-width: 59px;
  padding: 0;
}
.featured-article-thumb img {
  max-width: 100%;
}

.featured-article-title {
  padding-right: 0;
  padding-left: 11px;
}
.featured-article-title a {
  color: #000;
  word-wrap: break-word;
  font-family: 'Arvo', serif;
}
.featured-article-title a:hover {
  color: #ef6a40;
}

.article-hero {
  max-width: 100%;
}

.article-related-recipe-wrapper {
  margin-left: 0;
  padding-left: 0;
}
.article-related-recipe-wrapper .article-related-recipe {
  padding-left: 0;
}
.article-related-recipe-wrapper .article-related-recipe h3 {
  margin-top: 0;
  font-size: 18px;
}

.quick-tips-wrapper {
  background: #fcf6ea;
  padding: 25px;
  margin-top: 60px;
}
.quick-tips-wrapper h2 {
  margin-top: 0;
  margin-bottom: 16px;
}
.quick-tips-wrapper h2 .fa {
  color: #ef6a40;
  margin-right: 10px;
  margin-left: 0;
}
.quick-tips-wrapper > div {
  margin-bottom: 15px;
}

.content-bottom-wrapper .block-quicktabs {
  display: inline-block;
  width: 100%;
  box-shadow: 0 8px 6px -6px rgba(50, 50, 50, 0.3);
  padding-top: 20px;
}
.content-bottom-wrapper .block-quicktabs ul.quicktabs-tabs {
  border-radius: 5px;
  margin: 0 -40px;
}
.content-bottom-wrapper .block-quicktabs ul.quicktabs-tabs li {
  width: 25%;
  border-radius: 5px;
}
.content-bottom-wrapper .block-quicktabs ul.quicktabs-tabs li.first {
  border-left: none;
}
.content-bottom-wrapper .block-quicktabs ul.quicktabs-tabs li.active {
  margin-right: -3px;
}
.content-bottom-wrapper .item-desc p {
  color: #ef6a40;
  font-weight: bold;
}

/* Article video */
.articleVideoPlayer {
  display: none;
  background: #1b1b1b;
  padding: 55px 0;
}
.articleVideoPlayer .articleVideoCloseBtn {
  position: absolute;
  top: 20px;
  right: -2px;
  height: 25px;
  width: 34px;
  z-index: 999;
  cursor: pointer;
}
.articleVideoPlayer .video-iframe-wrapper {
  float: none;
  margin: 0 auto;
}

.article-main-img-block {
  position: relative;
}
.article-main-img-block .article-main-img {
  margin: auto;
  display: block;
  max-width: 100%;
}

.video-iframe-wrapper iframe {
  max-width: 596px;
  min-height: 333px;
  max-height: 334px;
}

/* End of article video */
.quicktabs-tabs .select2-container .select2-selection--single {
  border-radius: 0;
}

@media (max-width: 1206px) {
  .content-bottom-wrapper .block-quicktabs ul.quicktabs-tabs {
    margin: 0 14px;
  }

  ul.quicktabs-tabs > li > a {
    width: auto;
    padding: 11px 9px;
  }
  ul.quicktabs-tabs .active a::after {
    left: 34%;
  }
}
@media (max-width: 1200px) {
  .article-page-content-wrapper {
    padding: 15px 20px 0 20px;
  }

  .article-info {
    margin-top: 0;
  }
}
@media (max-width: 1150px) {
  .secondary-content {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 1000px) {
  .article-info {
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .content-bottom-wrapper .block-quicktabs ul.quicktabs-tabs {
    margin: 0;
  }
}
@media (max-width: 990px) {
  ul.quicktabs-tabs select {
    display: inline-block;
  }

  ul.quicktabs-tabs .select2 {
    display: inline-block;
  }

  ul.quicktabs-tabs > li {
    display: none;
  }

  .quicktabs-tabs .select2-container {
    width: 100% !important;
  }
  .quicktabs-tabs .select2-container .select2-selection {
    background-color: #292929;
    border: none;
  }
  .quicktabs-tabs .select2-container .select2-selection .select2-selection__arrow {
    right: 15px;
    top: 6px;
    height: 35px;
  }
  .quicktabs-tabs .select2-container .select2-selection--single {
    height: 45px;
  }
  .quicktabs-tabs .select2-container .select2-selection__rendered {
    background-color: #292929;
    color: #ef6a40;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .article-page-content-wrapper .article-info {
    border-right: none;
    padding-right: 0;
  }
  .article-page-content-wrapper .main-content-wrapper > .region-content {
    border-bottom: 1px #d7d7d7 solid;
  }
  .article-page-content-wrapper .main-content-wrapper,
  .article-page-content-wrapper .secondary-content {
    display: block;
    padding: 0 20px;
  }
  .article-page-content-wrapper .secondary-content .block-recipe-videos {
    display: block;
    margin-bottom: 25px;
  }
  .article-page-content-wrapper .secondary-content .supportive-video-block {
    margin: 12px auto 0;
    max-width: 280px;
    width: auto;
  }
  .article-page-content-wrapper .secondary-content .register-aside {
    margin-top: 0;
  }
  .article-page-content-wrapper .secondary-content .why-join {
    text-align: left;
    margin-top: 10px;
  }
  .article-page-content-wrapper .secondary-content .why-join div h3 {
    margin-top: 10px;
  }
  .article-page-content-wrapper .pager-load-more {
    padding-bottom: 30px;
  }

  .locator {
    height: 640px;
  }

  .video-iframe-wrapper iframe {
    min-height: 200px;
    max-height: 200px;
  }

  .articleVideoPlayer {
    padding-bottom: 20px;
    max-height: 280px;
  }

  .articleVideoPlayer .articleVideoCloseBtn {
    margin: 0 0 20px;
  }

  .content-bottom-wrapper .block-quicktabs ul.quicktabs-tabs {
    margin: 0;
  }

  .article-main-img-block img {
    max-height: 320px;
  }
}
@media (max-width: 480px) {
  .article-page-content-wrapper .main-content-wrapper,
  .article-page-content-wrapper .secondary-content {
    padding: 0;
  }
}
.login-bg {
  position: relative;
  max-width: 100%;
}

.fa-facebook-official {
  margin-left: 0px;
  margin-right: 5px;
}

.user-login-form-wrapper, .signin-main-container .create-account {
  width: 311px;
  padding: 10px 30px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
}
.user-login-form-wrapper h2, .signin-main-container .create-account h2 {
  padding: 5px 12px;
}
.user-login-form-wrapper > h4, .signin-main-container .create-account > h4 {
  font-size: 20px;
  margin-bottom: 0;
}
.user-login-form-wrapper > hr, .signin-main-container .create-account > hr {
  margin-bottom: 15px;
}
.user-login-form-wrapper .fb-btn, .signin-main-container .create-account .fb-btn {
  margin: 13px auto 0;
  padding: 5px 7px;
}
.user-login-form-wrapper .fb-btn > i, .signin-main-container .create-account .fb-btn > i {
  margin-right: 5px;
}
.user-login-form-wrapper .form-group, .signin-main-container .create-account .form-group {
  margin-top: 15px;
  margin-bottom: 0;
  text-align: left;
}
.user-login-form-wrapper .login-forgot-password, .signin-main-container .create-account .login-forgot-password {
  color: #ef6a40;
  font-size: 12.2px;
  font-weight: bold;
  margin: 5px 0 17px;
}
.user-login-form-wrapper .btn-border, .user-login-form-wrapper .btn-border-grey, .user-login-form-wrapper .btn-inactive, .user-login-form-wrapper .btn-no-border, .user-login-form-wrapper .pager-load-more > li a, .pager-load-more > li .user-login-form-wrapper a, .user-password .user-login-form-wrapper .btn-primary, .user-login-form-wrapper .contact-us-content .webform-submit, .contact-us-content .user-login-form-wrapper .webform-submit, .user-login-form-wrapper #edit-btn-submit, .signin-main-container .create-account .btn-border, .signin-main-container .create-account .btn-border-grey, .signin-main-container .create-account .btn-inactive, .signin-main-container .create-account .btn-no-border, .signin-main-container .create-account .pager-load-more > li a, .pager-load-more > li .signin-main-container .create-account a, .signin-main-container .create-account .user-password .user-login-form-wrapper .btn-primary, .user-password .user-login-form-wrapper .signin-main-container .create-account .btn-primary, .signin-main-container .create-account .contact-us-content .webform-submit, .contact-us-content .signin-main-container .create-account .webform-submit, .signin-main-container .create-account #edit-btn-submit {
  display: inline-block;
  padding: 3px 12px;
  margin: 0 auto 14px;
}
.user-login-form-wrapper .fb-login, .signin-main-container .create-account .fb-login {
  background: #3b5999;
  border: #3b5999;
  color: #fff;
  padding: 6px 10px;
}

.remember-btn > input {
  margin-right: 5px;
}
.remember-btn > span {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  font-weight: normal;
}

.signin-main-container {
  background: url("../images/signin-bg.jpg") top center no-repeat;
  padding: 13% 0 13.5%;
}
.signin-main-container .create-account {
  border-top: none;
}

.user-password .user-login-form-wrapper {
  padding-bottom: 40px;
}
.user-password .user-login-form-wrapper .form-group {
  margin-top: 27px;
  margin-bottom: 40px;
}
.user-password .user-login-form-wrapper .btn-primary {
  margin-bottom: 30px;
  margin-left: 4px;
}
.user-password .user-login-form-wrapper .fa {
  margin-right: 5px;
  margin-left: 0;
}
.user-password .user-login-form-wrapper label.error {
  margin: 15px 0 0 5px;
}

.forgot-pass-head {
  margin-top: 30px;
  margin-bottom: 8px;
}

.forgot-pass-text {
  line-height: 18px;
  margin-top: 10px;
}

.back-to-sign-in {
  font-size: 12px;
  font-weight: bold;
  margin-left: -2px;
}

#site-map .title {
  font-size: 16px;
}
#site-map .content ul {
  padding-left: 0;
}

.forgot-password-complete {
  margin-top: 50px;
  padding-bottom: 60px;
}
.forgot-password-complete h4 {
  font-size: 20px;
  margin-bottom: 8px;
}
.forgot-password-complete .go-head {
  margin-top: 8px;
}
.forgot-password-complete .orange-button {
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .signin-main-container {
    padding: 10% 0;
    height: auto;
  }

  .user-login-form-wrapper, .signin-main-container .create-account {
    width: 277px;
  }
}
.user-profile .profile-header {
  background-color: #fff;
  padding: 0;
}
.user-profile .profile-header .pr-user-info {
  padding-left: 27px;
}
.user-profile .profile-header .title {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 25px;
}
.user-profile .pr-update .fa {
  margin: 0;
}
.user-profile .pr-update a {
  padding-right: 10px;
  border-right: 1px solid #949494;
  margin-right: 10px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.user-profile .pr-update span {
  font-size: 12px;
  color: #949494;
}
.user-profile .pr-user-info {
  float: left;
}
.user-profile .pr-user-info .pr-update {
  border: none;
}
.user-profile .link-cta {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.pr-dashboard-info,
.pr-recipe-info,
.pr-shopping-info,
.pr-fav-info {
  max-width: 141px;
  padding: 0;
}
.pr-dashboard-info a,
.pr-recipe-info a,
.pr-shopping-info a,
.pr-fav-info a {
  display: block;
  padding: 25px 0 14px;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  color: #363636;
}
.pr-dashboard-info a.active, .pr-dashboard-info a:active, .pr-dashboard-info a:hover,
.pr-recipe-info a.active,
.pr-recipe-info a:active,
.pr-recipe-info a:hover,
.pr-shopping-info a.active,
.pr-shopping-info a:active,
.pr-shopping-info a:hover,
.pr-fav-info a.active,
.pr-fav-info a:active,
.pr-fav-info a:hover {
  background-color: #e8e8e8;
}
.pr-dashboard-info a.active i, .pr-dashboard-info a:active i, .pr-dashboard-info a:hover i,
.pr-recipe-info a.active i,
.pr-recipe-info a:active i,
.pr-recipe-info a:hover i,
.pr-shopping-info a.active i,
.pr-shopping-info a:active i,
.pr-shopping-info a:hover i,
.pr-fav-info a.active i,
.pr-fav-info a:active i,
.pr-fav-info a:hover i {
  color: #ef6a40;
}
.pr-dashboard-info .fa,
.pr-recipe-info .fa,
.pr-shopping-info .fa,
.pr-fav-info .fa {
  display: block;
  margin-left: 0;
  font-size: 20px;
}

.mybar-top-right {
  float: right;
  max-width: 564px;
  padding: 0;
}

.profile-story {
  padding: 0;
  background-color: #363636;
}
.profile-story > .item {
  position: relative;
  padding: 0;
}
.profile-story > .item:hover > img {
  opacity: 0.8;
}
.profile-story > .item > img {
  position: relative;
  margin: 0 auto;
  text-align: center;
  opacity: 0.7;
}
.profile-story .item-in {
  position: absolute;
  top: 25%;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
}
.profile-story h2 {
  min-width: 65px;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 80px;
  color: #fff;
}

.no-touch .profile-story > .item:hover .btn-white, .no-touch .profile-story > .item:hover .btn-white-lg {
  color: #000;
  background: #fff;
}

.dashboard-link-text {
  display: table-cell;
  vertical-align: middle;
  width: 167px;
  height: 30px;
  padding: 0 5px;
  font-size: 12px;
}

.view-favorite-recipes .mybar-headings, .view-saved-recipes .mybar-headings, .view-shopping-list-recipes .mybar-headings {
  margin: 0 0 -6px 0;
  padding-top: 35px;
}
.mybar-headings > sub {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
}

@media (max-width: 1100px) {
  .view-favorite-recipes .mybar-headings, .view-saved-recipes .mybar-headings, .view-shopping-list-recipes .mybar-headings {
    margin-left: 15px;
  }

  .profile-story .item-in {
    top: 10%;
  }
  .profile-story h2 {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .pr-dashboard-info, .pr-recipe-info, .pr-shopping-info, .pr-fav-info {
    max-width: none;
  }

  .mybar-top-right {
    max-width: none;
  }
}
@media (max-width: 860px) {
  .profile-story .item-in {
    top: 2%;
  }
  .profile-story h2 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .user-profile .profile-header {
    padding-right: 0;
    padding-left: 0;
  }
  .user-profile .profile-header .title {
    margin-top: 14px;
  }
  .user-profile .pr-fav-info, .user-profile .pr-shopping-info, .user-profile .pr-recipe-info, .user-profile .pr-dashboard-info {
    padding-right: 0;
    padding-left: 0;
  }
  .user-profile .pr-fav-info a, .user-profile .pr-shopping-info a, .user-profile .pr-recipe-info a, .user-profile .pr-dashboard-info a {
    padding: 19px 5px 7px;
  }

  .profile-story .item-in {
    top: 28%;
  }

  .profile-header > .pr-user-info {
    padding: 0 15px;
  }

  .pr-dashboard-info .fa,
  .pr-recipe-info .fa,
  .pr-shopping-info .fa,
  .pr-fav-info .fa {
    margin-bottom: 5px;
    font-size: 17px;
  }

  .pr-update {
    margin-bottom: 5px;
  }
}
@media (max-width: 480px) {
  .profile-story .item-in {
    top: 23%;
  }
}
.register-section {
  margin: 10px 30px 20px;
}
.register-section .user-register-form-wrapper {
  padding: 30px;
  background: #fff;
}
.register-section .user-register-form-wrapper {
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
}
.register-section hr {
  border-top: 1px solid #d4d4d4;
}
.register-section .enter-info-below {
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 14px;
}
.register-section .user-register-form-wrapper h4 {
  margin-top: 0;
  margin-bottom: 20px;
}
.register-section .form-type-textfield {
  display: inline;
}

.optincontent {
  margin: 0 0 10px;
}
.optincontent .checkbox {
  padding-left: 15px;
}

@media (max-width: 767px) {
  .why-join-block h2.block-title {
    display: none;
  }
}
@media (min-width: 768px) {
  .why-join-block h2.block-title {
    visibility: hidden;
    margin-top: 50px;
  }
}

.reg-birthmonth-wrap, .reg-birthyear-wrap {
  display: inline-block;
}

.register-aside {
  border: 1px solid #d7d7d7;
  padding: 0;
}

.why-join {
  text-align: center;
  padding: 30px;
  background: #fff;
}
.why-join .heading-borders, .why-join .block-related-taxonomy-type-block h2, .block-related-taxonomy-type-block .why-join h2 {
  margin: 5px 0 26px;
}
.why-join p {
  font-size: 12px;
}
.why-join .fa {
  display: block;
  margin-bottom: 5px;
  font-size: 48px;
}
.why-join .fa-plus-circle {
  color: #6db2b6;
}
.why-join .fa-list-ul {
  color: #e2a433;
}
.why-join .fa-heart {
  color: #ef6a40;
}

.register-aside.horizontal {
  background: #fff;
  padding: 30px 0;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3) ;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3) ;
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3) ;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3) ;
}
.register-aside.horizontal .heading-borders, .register-aside.horizontal .block-related-taxonomy-type-block h2, .block-related-taxonomy-type-block .register-aside.horizontal h2 {
  margin: 3px auto 46px;
}
@media (max-width: 767px) {
  .register-aside.horizontal .heading-borders, .register-aside.horizontal .block-related-taxonomy-type-block h2, .block-related-taxonomy-type-block .register-aside.horizontal h2 {
    margin-bottom: 20px;
  }
}
.register-aside.horizontal div > .fa {
  font-size: 68px;
  margin-bottom: 12px;
}
.register-aside.horizontal div .fa-plus-circle {
  color: #6db2b6;
}
.register-aside.horizontal div .fa-heart {
  color: #ef6a40;
}
.register-aside.horizontal div > p {
  width: 81%;
  margin: 0 auto 10px;
}
.register-aside.horizontal .why-join {
  max-width: 940px;
  margin: 0 auto;
  padding: 0;
}
.register-aside .separator {
  border-right: 1px solid #d4d4d4;
}

.why-join-cta {
  margin: 50px 0 10px 0;
}
.why-join-cta > .btn, .pager-load-more > li .why-join-cta > a {
  margin: 0 10px;
  width: 130px;
}
.why-join-cta .fa {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0;
}

.already-member {
  padding: 13px 0;
  text-align: center;
  background: url("../images/pattern_recipe_results_bar.png") top center repeat;
}
.already-member h3 {
  margin: 9px 10px;
  font-size: 20px;
  color: #fff;
}
.already-member .fa {
  display: inline;
  margin-right: 3px;
}
.already-member a {
  font-weight: bold;
}

.register-section .field-name-field-birthmonth,
.register-section .field-name-field-birthdate,
.register-section .field-name-field-birthyear {
  float: left;
}
.register-section .field-name-field-birthmonth label {
  display: block;
  margin-bottom: 8px;
}
.register-section .field-name-field-birthdate {
  margin-left: -15px;
}
.register-section .field-name-field-birthdate,
.register-section .field-name-field-birthyear {
  margin-top: 27px;
  margin-right: 20px;
}
.register-section .field-name-field-birthdate .form-group,
.register-section .field-name-field-birthyear .form-group {
  margin-bottom: 0;
}
.register-section .form-submit {
  float: left;
  clear: left;
  margin-right: 20px;
}
.register-section .submit-agreement {
  overflow: hidden;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  color: #919191;
}
.register-section .form-item > label:first-child {
  display: block;
}
.register-section .form-item .form-item {
  width: 100%;
}
.register-section .form-item .reg-birthdate {
  display: block;
  float: left;
  width: 40px;
  padding: 6px;
}
.register-section .form-item .reg-birthmonth {
  display: inline-block;
  width: 40px;
}
.register-section .form-item .reg-birthyear {
  display: inline-block;
  width: 55px;
}
.register-section .form-item .reg-birthmonth,
.register-section .form-item .reg-birthdate,
.register-section .form-item .reg-birthyear {
  padding: 6px 3px;
}
.register-section .form-control {
  width: 40%;
  display: inline-block;
}
.register-section .birthdate-form-items .form-item {
  width: 100%;
}
.register-section .birthdate-form-items label.error {
  display: block;
  margin-top: 30px;
}

.form-required {
  color: #ef6a40;
}

@media (max-width: 1120px) {
  .register-section .form-control {
    width: 100%;
  }
  .register-section label.error {
    margin: 5px 0 0;
  }
  .register-section .birthdate-form-items label.error {
    float: left;
    width: 100%;
    margin: -4px 0 5px 0;
  }
}
@media (max-width: 768px) {
  .register-section {
    margin: 10px 15px 20px;
  }
}
@media (max-width: 767px) {
  .register-section {
    margin: 10px 15px 0;
  }

  .register-aside {
    margin-top: 30px;
  }
  .register-aside .separator {
    border: none;
  }

  .register-section .submit-agreement {
    display: block;
    float: left;
    margin-top: 10px;
  }

  .register-aside.horizontal .separator > p {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .why-join-cta > .btn, .pager-load-more > li .why-join-cta > a {
    margin: 0 auto 10px;
    display: block;
  }

  .register-section .no-touch .birthdate-form-items label.error {
    margin: -11px 0 5px 0;
  }
  .register-section .touch .birthdate-form-items label.error {
    margin: 0 0 5px 0;
  }

  .optincontent {
    margin: 0;
  }
}
.user-edit-form {
  margin: 0 30px 40px;
  padding-top: 10px;
}

.user-profile-heading {
  margin: 0;
  padding: 13px 0;
}

.edit-profile-container {
  background: #fff;
  padding: 15px 30px;
}
.edit-profile-container hr {
  border-top: 1px solid #d7d7d7;
}
.edit-profile-container .birthdate-form-items {
  padding-left: 0;
}
.edit-profile-container .reg-birthmonth-wrap label {
  display: block;
}
.edit-profile-container .reg-birthdate-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  margin-left: -30px;
}
.edit-profile-container .reg-birthyear-wrap {
  margin-left: -19px;
}
.edit-profile-container .select2-container--default .select2-selection__arrow b {
  border-color: #ef6a40 transparent transparent transparent;
}
.edit-profile-container .select2-container--default.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent #ef6a40 transparent;
}
.edit-profile-container .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 33px;
}
.edit-profile-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  padding-top: 3px;
}
.edit-profile-container .select2-selection--single {
  height: 34px;
  border: 1px solid #ccc;
}
.edit-profile-container .select2-container {
  width: 100% !important;
}
.edit-profile-container .reg-birthdate {
  display: block;
  float: left;
  width: 40px;
  padding: 6px;
}
.edit-profile-container .reg-birthmonth {
  display: inline-block;
  width: 40px;
}
.edit-profile-container .reg-birthyear {
  display: inline-block;
  width: 55px;
}
.edit-profile-container .reg-birthmonth,
.edit-profile-container .reg-birthdate,
.edit-profile-container .reg-birthyear {
  padding: 6px 3px;
}
.edit-profile-container .reg-birthdate,
.edit-profile-container .reg-birthyear {
  margin-left: 10px;
}
.edit-profile-container label.error {
  margin-left: 0;
}
.edit-profile-container .form-group {
  height: 95px;
}
.edit-profile-container .gender-radio {
  height: auto;
}
.edit-profile-container .gender-radio .form-group {
  height: auto;
}
.edit-profile-container .reg-birthmonth-wrap,
.edit-profile-container .reg-birthdate-wrap,
.edit-profile-container .reg-birthyear-wrap {
  height: 49px;
}
.edit-profile-container .reg-birthmonth-wrap .form-group,
.edit-profile-container .reg-birthdate-wrap .form-group,
.edit-profile-container .reg-birthyear-wrap .form-group {
  height: auto;
}
.edit-profile-container .form-submit-btns {
  margin-top: 20px;
}
.edit-profile-container .form-submit-btns .form-group {
  height: auto;
}

.gender-radio .radio.form-item {
  display: block;
  float: left;
  margin-right: 15px;
}
.gender-radio .radio + .radio {
  margin-top: 10px;
}

.user-account-info,
.user-about-you {
  width: 95%;
}

.edit-profile-fav-brand .form-type-checkbox.checkbox,
.edit-profile-fav-spirit .form-type-checkbox.checkbox {
  margin: 0;
  min-height: 34px;
}
.edit-profile-fav-brand .form-type-checkbox.checkbox + .checkbox,
.edit-profile-fav-spirit .form-type-checkbox.checkbox + .checkbox {
  margin-top: 0;
}
.edit-profile-fav-brand label,
.edit-profile-fav-spirit label {
  line-height: 15px;
}
.edit-profile-fav-brand .checkbox label:after,
.edit-profile-fav-spirit .checkbox label:after {
  top: -1px;
}
.edit-profile-fav-brand .checkbox label:before,
.edit-profile-fav-spirit .checkbox label:before {
  top: 0;
}
.edit-profile-fav-brand .more,
.edit-profile-fav-spirit .more {
  /*padding: 0 15px 10px 15px;*/
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #ef6a40;
  cursor: pointer;
  line-height: 30px;
}
.edit-profile-fav-brand .more .fa,
.edit-profile-fav-spirit .more .fa {
  color: #666;
}

.edit-profile-fav-spirit {
  margin-top: 12px;
}

.form-submit-btns a,
.form-submit-btns div {
  display: inline-block;
}
.form-submit-btns a {
  font-weight: bold;
}
.form-submit-btns div {
  margin-left: 15px;
}

@media (max-width: 767px) {
  .user-account-info,
  .user-about-you {
    width: 100%;
  }

  .edit-profile-container .form-group {
    height: auto;
  }
}
/*** Shopping list **/
.view-shopping-list-recipes .receipe-grid-items {
  max-width: 208px;
  margin-left: 15px;
}
.view-shopping-list-recipes .receipe-grid-items .item-detail {
  padding: 0;
}
.view-shopping-list-recipes .receipe-grid-items .recipe-facts {
  text-align: center;
  padding: 43% 0 0 0;
}

.shopping-list-page h2.mybar-headings {
  margin-bottom: 10px;
}
.shopping-list-page h2.mybar-headings a {
  margin-left: 15px;
}
.shopping-list-page .register-section {
  margin: 0;
}
.shopping-list-page .register-section .why-join .fa {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0;
}
.shopping-list-page .shopping-list-header {
  display: table;
  width: 100%;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  margin-bottom: 15px;
  text-transform: uppercase;
}
.shopping-list-page .shopping-list-header .ingredient-title {
  font-size: 20px;
  margin-top: 6px;
  margin-bottom: 10px;
  text-align: left;
  vertical-align: middle;
}
.shopping-list-page .shopping-list-header .ingredient-btns {
  text-align: right;
}
.shopping-list-page .shopping-list-header a:first-child {
  margin-right: 10px;
}
.shopping-list-page .shopping-list-header > div {
  display: table-cell;
}
.shopping-list-page .list-row p {
  margin: 9px 10px 9px 10px;
}
.shopping-list-page .list-row p.ingredient-name {
  width: 46%;
  text-align: left;
  font-weight: bold;
}
.shopping-list-page .list-row p.ingredient-count {
  width: 45%;
  text-align: right;
}

.edit-shopping-list .orange-button {
  padding: 4px 8px;
  vertical-align: top;
}

.view-shopping-list-recipes .receipe-grid-items {
  position: relative;
}
.view-shopping-list-recipes .receipe-grid-items .incredible-recipes {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 31px;
}
.view-shopping-list-recipes .receipe-grid-items i.fa-times {
  background-color: #ef6a40;
  border-radius: 50%;
  margin-left: 0;
  padding: 7px 10px 9px;
  color: white;
  font-size: 15px;
}
.view-shopping-list-recipes .recipe-page-heading {
  margin-bottom: 0;
}

.row-orange {
  background-color: #FDF9F0;
}

.row-white {
  background-color: #fff;
}

.shopping-list-locator {
  padding: 10px;
  text-align: center;
}
.shopping-list-locator .mybar-headings {
  margin-top: 20px;
  margin-left: 0;
}

.user-edit .block-multiblock, .user-favorite-recipes .block-multiblock, .user-saved-recipes .block-multiblock, .user-login .block-multiblock {
  display: none;
}

.no-result-slide {
  position: relative;
}
.no-result-slide .no-result-info {
  width: 70%;
  position: absolute;
  left: 17%;
  text-align: center;
  color: #fff;
  top: 22%;
}
@media screen and (max-width: 647px) {
  .no-result-slide .no-result-info {
    top: 18%;
  }
}
.no-result-slide .no-result-info h2 {
  color: #fff;
  font-size: 50px;
}
@media screen and (max-width: 1354px) {
  .no-result-slide .no-result-info h2 {
    font-size: 42px;
  }
}
@media screen and (max-width: 1199px) {
  .no-result-slide .no-result-info h2 {
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  .no-result-slide .no-result-info h2 {
    font-size: 20px;
    margin-top: 0;
  }
}
.no-result-slide img {
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  .no-result-slide img {
    max-width: none;
  }
}
@media screen and (max-width: 647px) {
  .no-result-slide img {
    height: 185px;
  }
}

@media screen and (max-width: 767px) {
  .shopping-list-page .list-row p {
    margin: 9px 10px 9px 10px;
  }
  .shopping-list-page .list-row p.ingredient-name {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
  }
  .shopping-list-page .list-row p.ingredient-count {
    width: 100%;
    text-align: left;
    margin-top: 0;
  }
  .shopping-list-page .shopping-list-header > div {
    width: 100%;
    display: block;
  }
  .shopping-list-page .shopping-list-header .ingredient-btns {
    text-align: left;
  }

  .view-shopping-list-recipes .receipe-grid-items {
    max-width: 130px;
  }
  .view-shopping-list-recipes .receipe-grid-items .item-image {
    max-width: 130px;
  }
}
@media screen and (max-width: 768px) {
  .view-shopping-list-recipes .receipe-grid-items {
    margin-left: 0;
    min-height: 198px;
  }
}
.view-no-results-shopping-list-recipes .views-row, .view-no-results-favourites-recipes .views-row, .view-no-results-saved-recipes .views-row {
  display: none;
}

.user-shopping-lists .region-content .featured-recipe-common-section, .user-password .region-content .featured-recipe-common-section, .user-register .region-content .featured-recipe-common-section {
  display: none;
}

.about-page .page-header-image {
  position: relative;
  -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.5) ;
  -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.5) ;
  -o-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.5) ;
  box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.5) ;
}
.about-page .feed-wrapper {
  top: 79px;
  text-align: left;
  left: 51px;
  margin-bottom: 25px;
  padding: 0;
  width: 50%;
  max-width: 420px;
}
.about-page .feed-wrapper h2 {
  font-size: 60px;
  line-height: 62px;
  margin-bottom: 17px;
}
.about-page .feed-wrapper p {
  max-width: 378px;
  letter-spacing: 1.2px;
  line-height: 21px;
}
.about-page .feed-wrapper h2, .about-page .feed-wrapper p {
  text-shadow: #363636 0px 1px 5px;
}
.about-page .page-body-data {
  background-color: #fff;
  padding: 33px 30px;
  width: 100%;
  max-width: 925px;
  border: 1px solid #d7d7d7;
  margin: 40px auto;
}
.about-page .page-body-data p {
  line-height: 21px;
  letter-spacing: 0.1px;
}
.about-page h1 {
  margin: 0 0 12px;
  font-size: 30px;
  text-transform: uppercase;
}
.about-page .remaining-content {
  display: none;
}
.about-page .btn-play {
  padding: 8px 15px;
  font-size: 14px;
}

.aboutVideoPlayer {
  display: none;
  background: #1b1b1b;
  padding: 55px 0;
}
.aboutVideoPlayer .aboutVideoCloseBtn {
  position: absolute;
  top: 20px;
  right: -2px;
  height: 25px;
  width: 34px;
  z-index: 999;
  cursor: pointer;
}
.aboutVideoPlayer .video-iframe-wrapper {
  float: none;
  margin: 0 auto;
}

.about-main-img-block {
  position: relative;
}
.about-main-img-block .about-main-img {
  margin: auto;
  display: block;
  max-width: 100%;
}

.showmoretxt {
  display: inline-block !important;
  width: auto !important;
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.showmoretxt .fa {
  color: #363636;
}

.showMoreContainer {
  text-align: center;
}

.about-us-block {
  background-color: #fff;
  background-image: none;
  width: 70%;
  max-width: 600px;
  padding: 10px;
}

.field-name-field-page-image {
  padding-bottom: 32px;
}

.page-header-image {
  position: relative;
}
.page-header-image img {
  max-width: 100%;
}

/*	404 Page */
.error-page-page,
.where-to-buy-page {
  padding-bottom: 5px;
  background-color: #fff;
}
.error-page-page .feed-wrapper,
.where-to-buy-page .feed-wrapper {
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -67px;
  padding: 0 22%;
  text-align: center;
}
.error-page-page h2,
.where-to-buy-page h2,
.where-to-buy-page  h1.page-header-title {
  font-size: 50px;
  margin: 0 0 15px;
  text-shadow: #363636 0px 1px 5px;
}
.error-page-page p,
.where-to-buy-page p {
  text-transform: uppercase;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 25px;
  line-height: 26px;
  text-shadow: #363636 0px 1px 5px;
}
.error-page-page .page-header-image,
.where-to-buy-page .page-header-image {
  -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.5) ;
  -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.5) ;
  -o-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.5) ;
  box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.5) ;
}

.no-result-global-search-page .feed-wrapper {
  margin: 0;
  padding: 0 20%;
  top: 50%;
  margin-top: -75px;
  text-align: center;
}
.no-result-global-search-page h2 {
  font-size: 50px;
  margin: 0 auto;
  text-shadow: #363636 0px 1px 5px;
}
.no-result-global-search-page p {
  text-transform: uppercase;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 25px;
  line-height: 26px;
  text-shadow: #363636 0px 1px 5px;
  margin: 10px 0 10px;
}
.no-result-global-search-page span {
  color: #e2a432;
}

.thanks-page-wrapper {
  margin: 40px 20px 30px;
}
.thanks-page-wrapper h1 {
  font-size: 30px;
  margin-bottom: 15px;
}

.thanks-wrapper {
  text-align: center;
  background-color: white;
  padding: 30px;
}

.thanks-icon {
  font-size: 120px;
  color: #ef6a40;
}

.thanks-desc h2 {
  margin-top: 0;
}

@media screen and (max-width: 1440px) {
  .no-result-global-search-page .feed-wrapper {
    margin-top: -110px;
  }
}
@media screen and (max-width: 1354px) {
  .error-page-page p,
  .where-to-buy-page p {
    font-size: 24px;
  }
}
@media screen and (max-width: 1250px) {
  .about-page .feed-wrapper {
    top: 30px;
  }
  .about-page .feed-wrapper h2 {
    font-size: 40px;
    line-height: 42px;
  }
}
@media screen and (max-width: 1199px) {
  .error-page-page h2,
  .where-to-buy-page h2,
.where-to-buy-page  h1.page-header-title {
    font-size: 40px;
  }
  .error-page-page p,
  .where-to-buy-page p {
    font-size: 21px;
  }

  .no-result-global-search-page h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .error-page-page img,
  .where-to-buy-page img {
    max-width: none;
  }
  .error-page-page .feed-wrapper,
  .where-to-buy-page .feed-wrapper {
    padding: 0 15%;
  }

  .no-result-global-search-page img {
    max-width: none;
  }
  .no-result-global-search-page .feed-wrapper {
    margin-top: -100px;
  }

  .about-page .page-body-data {
    margin: 40px 15px;
    width: auto;
  }
  .about-page .page-header-image img {
    max-width: none;
    max-height: 320px;
  }

  .where-to-buy-page .page-header-image img {
    max-width: none;
  }
}
@media screen and (max-width: 1023px) {
  .about-page .feed-wrapper {
    top: 15px;
  }
  .about-page .feed-wrapper h2 {
    font-size: 27px;
    line-height: 28px;
    margin-bottom: 9px;
  }
}
@media screen and (max-width: 992px) {
  .pager-load-more {
    padding: 10px 0;
  }

  .pager-load-more-empty {
    padding: 0px;
  }

  .no-result-global-search-page .feed-wrapper {
    margin-top: -150px;
  }
}
@media screen and (max-width: 767px) {
  .about-page .page-body-data {
    margin: 20px 15px;
    width: auto;
    padding: 24px 19px;
  }
  .about-page .page-header-image {
    text-align: center;
  }
  .about-page .page-header-image img {
    max-width: none;
    height: 320px;
  }
  .about-page .feed-wrapper {
    width: 70%;
    top: 49px;
    left: 20px;
  }
  .about-page .feed-wrapper h2 {
    font-size: 30px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .about-page .feed-wrapper p {
    letter-spacing: 0;
  }

  .error-page-page img,
  .where-to-buy-page img {
    height: 220px;
  }
  .error-page-page .feed-wrapper,
  .where-to-buy-page .feed-wrapper {
    padding: 0 7%;
    margin-top: -81px;
  }
  .error-page-page p,
  .where-to-buy-page p {
    font-size: 16px;
  }

  .featured-brand-carousel h4 {
    font-size: 24px;
  }

  .no-result-global-search-page img {
    max-height: 241px;
  }
  .no-result-global-search-page h2 {
    font-size: 28px;
  }
  .no-result-global-search-page p {
    font-size: 16px;
    line-height: 18px;
  }
  .no-result-global-search-page .feed-wrapper {
    padding: 0 5%;
    margin-top: -65px;
  }

  .where-to-buy-page .feed-wrapper {
    margin-top: -60px;
  }
  .where-to-buy-page .page-header-image img {
    max-height: 320px;
  }
}
@media screen and (max-width: 480px) {
  .where-to-buy-page .feed-wrapper {
    margin-top: -75px;
    padding: 0 8%;
  }
}
.terms-page,
.privacy-page, .about-our-ads-page {
  padding: 20px 15px;
  background-color: #fff;
  background-image: none;
}
.terms-page .page-body-data,
.privacy-page .page-body-data, .about-our-ads-page .page-body-data {
  margin: 0 auto;
  padding-top: 12px;
}

.privacy-page h1,
.about-our-ads-page h1,
.terms-page h1 {
  font-size: 42px;
  margin: 0 0 -3px;
}
.privacy-page h5,
.about-our-ads-page h5,
.terms-page h5 {
  font-weight: bold;
  margin: 24px 0 3px;
}
.privacy-page h5 a,
.about-our-ads-page h5 a,
.terms-page h5 a {
  display: inline-block;
  margin-bottom: 20px;
}
.privacy-page p,
.about-our-ads-page p,
.terms-page p {
  line-height: 22px;
  letter-spacing: 0.1px;
}
.privacy-page p + p,
.about-our-ads-page p + p,
.terms-page p + p {
  margin-top: 22px;
}
.privacy-page p .bold-text,
.about-our-ads-page p .bold-text,
.terms-page p .bold-text {
  font-weight: bold;
}
.privacy-page ol,
.about-our-ads-page ol,
.terms-page ol {
  padding-left: 16px;
}
.privacy-page ul,
.about-our-ads-page ul,
.terms-page ul {
  margin-left: 15px;
}
.privacy-page ul li,
.about-our-ads-page ul li,
.terms-page ul li {
  list-style-type: disc;
}
.privacy-page span,
.about-our-ads-page span,
.terms-page span {
  font-weight: normal;
  line-height: 20px;
}

.featured-brands-page-wrapper {
  padding: 20px;
}
.featured-brands-page-wrapper h1 {
  font-size: 30px;
  text-transform: uppercase;
  margin-top: 14px;
  margin-bottom: 26px;
}

.featured-brands {
  background: #fff;
  padding: 40px 40px 30px;
  margin-bottom: 40px;
}
.featured-brands .view-content > div + div, .featured-brands > ul {
  border-top: 1px solid #d7d7d7;
}
.featured-brands .view-content > div + div .featured-brand-description, .featured-brands > ul .featured-brand-description {
  padding-top: 16px;
}
.featured-brands .pager-load-more {
  padding: 26px 0 0;
}

.featured-brand-solo-wrapper {
  padding-bottom: 50px;
}

.featured-brand-description .btn-border, .featured-brand-description .btn-border-grey, .featured-brand-description .btn-inactive, .featured-brand-description .btn-no-border, .featured-brand-description .pager-load-more > li a, .pager-load-more > li .featured-brand-description a, .featured-brand-description .user-password .user-login-form-wrapper .btn-primary, .user-password .user-login-form-wrapper .featured-brand-description .btn-primary, .featured-brand-description .contact-us-content .webform-submit, .contact-us-content .featured-brand-description .webform-submit, .featured-brand-description #edit-btn-submit {
  padding: 4px 4px 4px 7px;
  margin-top: 17px;
  margin-right: 15px;
}
.featured-brand-description h4 {
  font-size: 20px;
  text-transform: uppercase;
}

.featured-brand-description-content .remainingStory {
  display: none;
}
.featured-brand-description-content .showMoreStory {
  display: block;
  margin: 10px auto;
  cursor: pointer;
  text-align: center;
}

.featured-brand-icon {
  line-height: 200px;
  text-align: center;
}
.featured-brand-icon img {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .privacy-page,
  .terms-page {
    padding: 9px 17px;
  }
  .privacy-page h1,
  .terms-page h1 {
    margin: 0 0 -3px;
    font-size: 29px;
  }
  .privacy-page h5,
  .terms-page h5 {
    margin: 15px 0 3px;
  }

  .featured-brands {
    padding: 40px 20px 0;
  }
  .featured-brands .view-content > div + div .featured-brand-description {
    padding-top: 0;
  }
  .featured-brands .featured-brand-icon {
    padding: 20px 0;
    line-height: normal;
  }
  .featured-brands .pager-load-more {
    padding-bottom: 26px;
  }

  .featured-brand-btns {
    max-width: 250px;
    margin: auto;
    display: block;
    text-align: center;
  }

  .featured-brand-description .btn-border, .featured-brand-description .btn-border-grey, .featured-brand-description .btn-inactive, .featured-brand-description .btn-no-border, .featured-brand-description .pager-load-more > li a, .pager-load-more > li .featured-brand-description a, .featured-brand-description .user-password .user-login-form-wrapper .btn-primary, .user-password .user-login-form-wrapper .featured-brand-description .btn-primary, .featured-brand-description .contact-us-content .webform-submit, .contact-us-content .featured-brand-description .webform-submit, .featured-brand-description #edit-btn-submit {
    margin-right: 10px;
  }

  .featured-brand-header h1 {
    margin-top: 3px;
    margin-bottom: 16px;
  }
}
.global-fulltext-search .page-title {
  float: left;
  text-transform: uppercase;
  margin-top: 30px;
}
.global-fulltext-search .page-title span {
  color: #e2a432;
}
.global-fulltext-search form {
  float: right;
  margin-top: 30px;
  width: 250px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
}
.global-fulltext-search .views-exposed-form label {
  min-width: 45px;
  text-transform: uppercase;
  margin-top: 8px;
  font-size: 16px;
}
.global-fulltext-search .views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0.5em 0 0;
}
.global-fulltext-search .select2-container {
  width: auto !important;
  min-width: 200px;
}
.global-fulltext-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ef6a40 transparent transparent transparent;
}
.global-fulltext-search .select2-container--default .select2-selection--single {
  border: 1px solid #d7d7d7;
}

.search-results-list {
  padding-top: 20px;
}
.search-results-list #edit-search-api-views-fulltext-wrapper {
  display: none;
}
.search-results-list .views-widget-sort-by {
  padding-bottom: 25px;
}
.search-results-list label {
  margin-bottom: 0;
  padding-right: 10px;
  vertical-align: middle;
}
.search-results-list .pager-load-more {
  padding: 20px 0 30px;
}
.search-results-list .select2-hidden-accessible {
  display: none;
}

.search-result-container {
  float: left;
  width: 100%;
}

.search-result-view {
  border-bottom: 1px solid #d7d7d7;
  padding: 0 0 20px;
  margin-bottom: 20px;
}

.search-resultitem-info {
  margin-left: 120px;
}
.search-resultitem-info h3 {
  margin: 10px 0 0;
  font-family: 'Raleway',sans-serif;
  font-size: 14px;
  word-wrap: break-word;
}
.search-resultitem-info h3 a {
  font-family: 'Raleway',sans-serif;
}
.search-resultitem-info h3 a:hover {
  color: #e3653d;
}

.search-resultitem-title > span {
  font-size: 12px;
  font-weight: bold;
  color: #a5a5a5;
}
.search-resultitem-title a {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.search-resultitem-title .detail-link h3 {
  color: #666;
}

.search-resultitem-details {
  margin-top: 10px;
  font-size: 14px;
}

.search-resultitem-image {
  float: left;
  position: relative;
  border: 1px solid #d7d7d7;
}
.search-resultitem-image .incredible-recipes {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
}

#quicktabs-search h1 {
  margin: 20px auto;
  max-width: 920px;
}
#quicktabs-search .quicktab-list-wrapper .ulclass {
  text-align: left;
  border-radius: 5px;
}
#quicktabs-search .quicktab-list-wrapper li {
  text-align: center;
}
#quicktabs-search .quicktab-list-wrapper li a {
  width: 200px;
}
#quicktabs-search .quicktab-list-wrapper li.first {
  margin-left: 10px;
}
#quicktabs-search .quicktabs_main {
  padding-top: 0;
}

/* Used to hide you may like buttons which comes under the search result. search?search_api_views_fulltext=article */
.block-quicktabs .quicktabs-tabpage .view-you-may-like-buttons {
  display: none;
}

/* Used to hide sytem-mail block on search result page. search/drink-type/martini/drink-type/manhattan/drink-type/mojito?search_api_views_fulltext=martini */
.block-system .search-api-page-results {
  display: none;
}

@media screen and (max-width: 1160px) {
  .global-fulltext-search .max-std-width, .global-fulltext-search .pager-load-more, .global-fulltext-search .content-bottom-wrapper .block-quicktabs .content, .content-bottom-wrapper .block-quicktabs .global-fulltext-search .content, .global-fulltext-search .privacy-page .page-content-data, .privacy-page .global-fulltext-search .page-content-data,
  .global-fulltext-search .about-our-ads-page .page-content-data,
  .about-our-ads-page .global-fulltext-search .page-content-data,
  .global-fulltext-search .terms-page .page-content-data,
  .terms-page .global-fulltext-search .page-content-data, .global-fulltext-search #quicktabs-search .quicktab-list-wrapper .ulclass, #quicktabs-search .quicktab-list-wrapper .global-fulltext-search .ulclass {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1025px) {
  #quicktabs-search h1 {
    padding-left: 2%;
  }
}
@media screen and (max-width: 767px) {
  .search-result-view {
    padding: 0 0 20px 0;
    margin-bottom: 20px;
  }

  .search-resultitem-info {
    float: none;
    margin-left: 0;
    width: auto;
  }

  .search-resultitem-title {
    min-height: 100px;
    margin-left: 110px;
  }

  .global-fulltext-search .page-title {
    margin-left: 0;
    font-size: 30px;
  }
  .global-fulltext-search .select2-container {
    width: 212px !important;
  }
  .global-fulltext-search form {
    float: left;
    width: auto;
  }

  .global-fulltext-search form {
    margin-top: 0;
  }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: textfield !important;
}

.age-gate-main-container {
  background: url("../images/bg-age-gate.jpg") top center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 15% 0 12.9%;
/*  min-height: calc(100vh - 102px);*/
}

.age-gate-wrapper {
  width: 530px;
  padding: 40px 30px 16px 30px;
  /*padding: 25px 20px 10px;*/
  margin: 0 auto;
  text-align: center;
  background: #fff;
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1) ;
  /*position: absolute;
  top: calc(50% - 50px);
  left: 50%;
  transform: translate(-50%, -50%);*/
}
.age-gate-wrapper .age-gate-logo-image {
  margin-bottom: 25px;
}
.age-gate-wrapper .age-gate-title {
  margin-bottom: 3px;
}
.age-gate-wrapper .age-gate-form-input {
  width: 250px;
  margin: 0 auto;
  padding-top: 18px;
}
.age-gate-wrapper .age-gate-birth-date {
  padding-top: 10px;
}
.age-gate-wrapper .age-gate-birth-date > div {
  display: inline-block;
  width: 26.5%;
  margin-right: 10px;
}
.age-gate-wrapper .age-gate-birth-date > div.form-item-year-of-birth {
  width: 35%;
  margin-right: 0;
}
.age-gate-wrapper .age-gate-birth-date label.error {
  margin-top: 10px;
}
.age-gate-wrapper h4 {
  margin: 25px 0 0;
}
.age-gate-wrapper .form-group {
  margin-bottom: 0;
  display: inline-block;
}
.age-gate-wrapper .help-block {
  margin-top: 0;
  font-size: 10px;
}
.age-gate-wrapper .form-type-checkbox {
  padding-left: 0;
  padding-top: 3px;
}
.age-gate-wrapper .btn-enter-site {
  padding: 9px 27px;
  margin-top: 32px;
  margin-bottom: 18px;
  border: 2px solid #ef6a40;
  color: #fff;
  background: #ef6a40;
}
.age-gate-wrapper .btn-enter-site:active, .age-gate-wrapper .btn-enter-site:focus {
  color: #fff;
  background: #ef6a40;
}
.age-gate-wrapper form {
  margin: 0;
}
.age-gate-wrapper .tearm_n_conditions {
  margin-top: 10px;
  color: #808080;
}

.footer.age-gate-footer {
  padding: 15px;
  min-height: 100px;
  background: url("../images/menu-bg.jpg");
}
.footer.age-gate-footer .drink-smart-logo {
  display: inline-block;
  width: 35%;
  vertical-align: top;
}
.footer.age-gate-footer .drink-smart-logo img {
  width: 112px;
  height: 26px;
}
.footer.age-gate-footer .privacy-links-mobile {
  text-align: left;
  width: 100%;
}
.footer.age-gate-footer .privacy-links {
  width: 63%;
  text-align: right;
}
.footer.age-gate-footer .privacy-links, .footer.age-gate-footer .privacy-links-mobile {
  display: inline-block;
  vertical-align: top;
}
.footer.age-gate-footer .privacy-links a, .footer.age-gate-footer .privacy-links-mobile a {
  color: #808080;
  font-family: "Raleway",sans-serif;
  font-size: 12px;
  padding-right: 10px;
}
.footer.age-gate-footer .privacy-links .last-child, .footer.age-gate-footer .privacy-links-mobile .last-child {
  border-left: 1px solid #808080;
  padding-left: 10px;
}
.footer.age-gate-footer .copyright-block {
  padding: 10px 0;
}

@media screen and (min-width: 1590px) {
  .age-gate-main-container {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  .age-gate-main-container {
    padding: 15% 0 7.5%;
  }

  .age-gate-wrapper {
    width: 300px;
    padding: 40px 30px 17px 24px;
  }

  .footer.age-gate-footer .copyright-block {
    margin: 0;
    width: 95%;
  }
}
.contact-us-page-wrapper,
.email-list-page-wrapper {
  margin: 33px 30px 40px 22px;
}
.contact-us-page-wrapper h1,
.email-list-page-wrapper h1 {
  font-size: 30px;
  margin-bottom: 15px;
}
.contact-us-page-wrapper label.error,
.email-list-page-wrapper label.error {
  margin-left: 0;
  margin-top: 5px;
}
.contact-us-page-wrapper .grippie,
.email-list-page-wrapper .grippie {
  display: none;
}

.contact-us-wrapper,
.email-list-wrapper {
  background-color: #fff;
  padding: 30px;
}

.contact-us-desc,
.email-list-desc {
  font-weight: bold;
}

.contact-us-content,
.email-list-content {
  padding-top: 5px;
  padding-bottom: 14px;
}
.contact-us-content .form-control,
.email-list-content .form-control {
  height: 36px;
}

.contact-us-left,
.email-list-left {
  max-width: 280px;
}

.contact-us-content .select2-container {
  width: 100% !important;
}
.contact-us-content .webform-component {
  margin-top: 15px;
}
.contact-us-content .select2-container--default .select2-selection--single {
  border: 1px solid #ccc;
}
.contact-us-content .select2-container--default .select2-selection__arrow b {
  border-color: #ef6a40 transparent transparent transparent;
}
.contact-us-content .select2-container--default.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent #ef6a40 transparent;
}
.contact-us-content .webform-submit {
  float: right;
  margin-top: 30px;
  padding: 3px 13px;
}
.contact-us-content .form-textarea {
  min-height: 195px;
}

.contact-us-right .description {
  color: #919191;
  font-size: 12px;
}

.contact-us-desc {
  margin-bottom: 10px;
}

.email-list-page-wrapper .form-group {
  margin-top: 15px;
  margin-bottom: 0;
}
.email-list-page-wrapper #edit-txt-to-addrs {
  height: 86px;
}
.email-list-page-wrapper #edit-txt-message {
  height: 198px;
}
.email-list-page-wrapper .help-block {
  font-size: 12px;
  margin-top: 3px;
}

.email-list-btns {
  text-align: right;
  margin-top: 15px;
}
.email-list-btns .btn, .email-list-btns .pager-load-more > li a, .pager-load-more > li .email-list-btns a {
  width: 85px;
  margin-top: 5px;
  margin-right: 17px;
}

@media (max-width: 1146px) {
  #edit-btn-submit {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .contact-us-left,
  .email-list-left {
    max-width: none;
  }
}
.site-map-page-wrapper {
  background-color: #fff;
}
.site-map-page-wrapper h1 {
  font-size: 42px;
  margin-top: 0;
  margin-bottom: 28px;
}
.site-map-page-wrapper p {
  margin: 0;
  padding: 5px 2px;
  line-height: 18px;
}
.site-map-page-wrapper .site-map {
  padding-top: 33px;
  margin: 0 30px;
}
.site-map-page-wrapper h4 a {
  color: #363636;
}
.site-map-page-wrapper h4 a:active, .site-map-page-wrapper h4 a:hover, .site-map-page-wrapper h4 a:visited {
  color: #363636;
}

.tcp-info,
.tcp-recipe-category,
.tcp-resources {
  margin: 0;
  padding-bottom: 44px;
}
.tcp-info a:hover,
.tcp-recipe-category a:hover,
.tcp-resources a:hover {
  text-decoration: underline;
}
.tcp-info > h3,
.tcp-recipe-category > h3,
.tcp-resources > h3 {
  margin-top: 0;
}
.tcp-info > h5,
.tcp-recipe-category > h5,
.tcp-resources > h5 {
  margin-top: 18px;
  margin-bottom: 14px;
}
.tcp-info > h5 > a,
.tcp-recipe-category > h5 > a,
.tcp-resources > h5 > a {
  font-weight: bold;
}
.tcp-info > hr,
.tcp-recipe-category > hr,
.tcp-resources > hr {
  border-top: 1px solid #d4d4d4;
  margin-top: 15px;
  margin-bottom: 7px;
}
.tcp-info > div,
.tcp-recipe-category > div,
.tcp-resources > div {
  padding: 0 20px 0 0;
  max-width: 200px;
}
.tcp-info > div h4,
.tcp-recipe-category > div h4,
.tcp-resources > div h4 {
  margin-bottom: 8px;
  line-height: 27px;
}
.tcp-info > div h4 a,
.tcp-recipe-category > div h4 a,
.tcp-resources > div h4 a {
  font-weight: normal;
}
.tcp-info > div a,
.tcp-recipe-category > div a,
.tcp-resources > div a {
  font-weight: bold;
}

.tcp-resources > div {
  max-width: none;
  min-height: 220px;
}

@media screen and (max-width: 991px) {
  .tcp-resources > div {
    min-height: 330px;
  }
}
@media screen and (max-width: 767px) {
  .site-map-page-wrapper .site-map {
    padding-top: 25px;
    margin: 0 20px;
  }
  .site-map-page-wrapper h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .tcp-info,
  .tcp-recipe-category,
  .tcp-resources {
    padding-bottom: 32px;
  }
  .tcp-info > div,
  .tcp-recipe-category > div,
  .tcp-resources > div {
    max-width: none;
  }
  .tcp-info > div h4,
  .tcp-recipe-category > div h4,
  .tcp-resources > div h4 {
    line-height: 22px;
  }

  .tcp-resources > div {
    min-height: 0;
    margin-bottom: 20px;
  }

  .tcp-info > div {
    min-height: 152px;
  }

  .sitemap-spirit {
    min-height: 432px;
  }

  .sitemap-drink-color {
    min-height: 628px;
  }
}
/* Article page gallery */
.article-gallery-container {
  max-width: 620px;
  max-height: 387px;
  overflow: hidden;
  margin: 15px 0;
}

.article-gallery-cta {
  position: relative;
  background: #363636;
  height: 40px;
}
.article-gallery-cta .gallery-cta-container {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 125px;
  min-height: 40px;
}
.article-gallery-cta .gallery-cta-container.left {
  left: 0;
}
.article-gallery-cta .gallery-cta-container.right {
  right: 0;
}

.article-gallery-count {
  position: absolute;
  width: 100%;
  top: 10px;
  text-align: center;
  color: #fff;
}

.article-gallery-info {
  display: none;
}
.article-gallery-info.active {
  display: block;
}

.article-copy h2 {
  font-family: 'TradeGothicW01-BoldCn20_675334';
  font-size: 20px;
  color: #6db2b6;
}

.prefect-recipe {
  font-weight: bold;
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 0 1px 2px #d7d7d7 ;
  -moz-box-shadow: 0 1px 2px #d7d7d7 ;
  -o-box-shadow: 0 1px 2px #d7d7d7 ;
  box-shadow: 0 1px 2px #d7d7d7 ;
  max-width: 285px;
  margin-top: 3px;
}
.prefect-recipe > a {
  display: table;
  color: #000;
}
.prefect-recipe > a:hover {
  color: #ef6a40;
}
.prefect-recipe img {
  display: table-cell;
  max-width: 60px;
  max-height: 60px;
  margin-right: 15px;
}
.prefect-recipe span {
  display: table-cell;
  width: 70%;
  vertical-align: middle;
}

/* End of Article page */
.glass-info-container {
  display: table;
  margin-top: 40px;
}

.glass-image,
.glass-copy {
  display: table-cell;
  width: 50%;
}

.glass-image {
  vertical-align: bottom;
  text-align: center;
}

.glass-copy {
  vertical-align: top;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .glass-info-container .glass-image,
  .glass-info-container .glass-copy {
    display: block;
    float: none;
  }
  .glass-info-container .glass-copy {
    width: 100%;
  }
  .glass-info-container .glass-image {
    margin: auto;
  }

  .article-gallery-cta .gallery-cta-container {
    width: 65px;
    height: 40px;
  }
  .article-gallery-cta .gallery-cta-container .btn-plain {
    line-height: 40px;
    height: 40px;
    max-height: 40px;
  }

  .glass-copy {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) {
	.age-gate-wrapper {
		padding: 25px 20px 10px;
		position: absolute;
		top: calc(50% - 50px);
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.age-gate-main-container {
	    min-height: calc(100vh - 102px);
	}
}

/** Custom for SEO **/
.recipe-facts h3 {
  margin:0 0 10px 6px;
}

.supportive-video h2 , .supportive-video h3 {
  font-size:14px;
  font-family: 'Arvo', serif;
  font-weight:bold;
  margin:0px;
}

.breadcrum ul {
  padding:10px;
}

.breadcrum ul li {
 display:inline;
}

.breadcrum ul li a {
  font-family:'TradeGothicW01-BoldCn20_675334';
}

.breadcrum ul li:not(:first-child){
  margin-left:10px;
}


.heading-borders, .block-related-taxonomy-type-block h2{
  position: relative;
  display: inline-block;
  padding: 5px 0;
  border-top: 1px solid #ebbf6f;
  border-bottom: 1px solid #ebbf6f;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
}

.heading-borders.trending-recipe-block{
  margin-top: 35px;
  /* font-weight: bold; */
  font-family: 'TradeGothicW01-BoldCn20_675334';
  line-height: 1.1;
}

.heading-borders:after, .block-related-taxonomy-type-block h2:after {
  position: absolute;
  top: -5px;
  right: 20px;
  bottom: -5px;
  left: 20px;
  border-top: 1px solid #ebbf6f;
  border-bottom: 1px solid #ebbf6f;
  content: '';
}
p.heading-borders {
  font-family: 'TradeGothicW01-BoldCn20_675334';
  color: #363636;
  font-size:30px !important;
  width: auto !important;
  line-height:1.1 !important;
}

.recipe-other-content ul li {
  display :inline;
}

.recipe-other-content ul li:not(:last-child) {
  border-right :1px black solid;
  margin-right: 2.5px;
  padding-right: 5px;
}

.like-container {
  display:table-cell;
}

.feed-wrapper > h3 {
  color: #fff;
  margin: 6px 0 40px;
  text-transform: uppercase;
  margin-bottom:10px;
  font-size:25px;
}

.home-hero-copy h2 {
  margin-bottom: 20px;
  font-size: 60px;
  text-transform: uppercase;
  color: #fff;
  text-shadow:#363636 0px 1px 5px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
}

span.page-title.visible-xs{
    font-family: 'TradeGothicW01-BoldCn20_675334';
    color: #363636;
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
}

@media screen and (max-width: 767px){
  span.page-title.visible-xs{
    margin-left:15px;
  }
}
.search-term-description {
    background-color: #fff;
    padding: 33px 30px;
    width: 100%;
    max-width: 925px;
    border: 1px solid #d7d7d7;
    margin: 40px auto;
}

.node-type-recipe .supportive-video > h3 , .node-type-recipe .supportive-video > h4{
    font-weight: bold;
    font-family: 'Arvo', serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333333;
}

.home-hero-copy h3 {
  margin-bottom: 20px;
  font-size: 60px;
  text-transform: uppercase;
  color: #fff;
  text-shadow:#363636 0px 1px 5px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
}


/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v13/tDbD2oWUg0MKqScQ7Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: swap;
}


.home-page-img{
  min-height: 200px;
}


.logo-h1{
  margin:0px;
}

ul.pagination-inner {
  display: table;
  margin: 0px auto;
  padding-top: 20px;
}
ul.pagination-inner li {
    display:inline;
    text-align:center;
    font-weight:bold;
    margin:5px;

}

.pagination-container {
    text-align:center;
    padding-bottom: 20px;
}
.pagination-container.article{
    padding: 0px 0 50px;
}

ul.pagination-inner li.active a{
    border:1px #ef6a40 solid;
    color:white;
    background-color:#ef6a40;
    border-radius:50%;
    padding: 2px 4px 3px 7px;
    text-align: center;
    text-decoration: none;
}

.facet-wrapper p.block-title{
  padding: 0 15px;
  margin-top: 15px;
  margin-bottom: 9px;
  font-family: 'Raleway',sans-serif;
  font-size: 12px;
  color: #808080;
}

.featured-brand-description h2.brand-page-title{
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  color: #363636;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.1;
}

.receipe-grid-items .item-desc p {
  display: table-cell;
  width: 88%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  line-height:1.1;
}

.breadcrum ul {
  margin: 0px;
}

.breadcrum.privacy ul ,
.breadcrum.temrs ul {
  padding-left:0px;
}

.featured-brand-carousel.brand-detail{
  margin-top:40px;
  margin-bottom:40px;
}

.home-hero-copy h1.all-article-slider-title{
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 60px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: #363636 0px 1px 5px;
    font-family: 'TradeGothicW01-BoldCn20_675334';
    font-weight: 500;
    line-height: 1.1;
}

h4.article-video-caption{
  font-family: 'Arvo', serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  font-weight: bold;
}

h2.quicktab-title{
  padding:0px;
  margin:0px;
}

h2.quicktab-title a {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  padding:11px 9px;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  width: 200px;
  line-height: 23px;
}

.breadcrum-hidden{
  /* Breadcrum Ajax */
  display:none !important;
}
.why-join > p.head-title{
  text-align: left;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 16px;
  font-family: 'TradeGothicW01-BoldCn20_675334';
  color: #363636;
}

.view-all-articles .grid-main-container .grid-main-container-col:nth-of-type(3n+1) {
    clear: both;
}

.related-article-tip-and-tricks{
  text-align: center ;
  margin-bottom:0px;
  margin-top:-25px;
  margin-bottom:25px;
}
.brand-story h2 {
  margin-top: 0;
  font-size: 28px;
  letter-spacing: 1.2px;
}
.recipe-instructions-content {
    padding-bottom: 34px;
}
.instructions-block a.btn-buynow {
	font-weight: normal;
	padding: 5px 10px;
    border: 2px solid #ef6a40;
    font-family: 'TradeGothicW01-BoldCn20_675334';
    white-space: normal;
    letter-spacing: 0.7px;
    color: #ef6a40;
    border-radius: 0;
    background: none;
    text-transform: uppercase;
	text-decoration: none;
}	
.instructions-block a.btn-buynow:hover {
	font-weight: normal;
	padding: 5px 10px;
    border: 2px solid #ef6a40;
    font-family: 'TradeGothicW01-BoldCn20_675334';
    white-space: normal;
    letter-spacing: 0.7px;
    color: #FFF;
    border-radius: 0;
    background: #ef6a40;
    text-transform: uppercase;
	text-decoration: none;
}
.instructions-block a.btn-buynow > span.shopping-cart-icon, 
.instructions-block a.btn-buynow:focus > span.shopping-cart-icon, 
.instructions-block a.btn-buynow:active > span.shopping-cart-icon {
	width: 25px;
    height: 20px;
    background: url(../images/buynow_orange.png) transparent 0px -2px 
no-repeat;
    display: inline-block;
    position: relative;
    vertical-align: sub;
    left: 5px;
}
.instructions-block a.btn-buynow:hover > span.shopping-cart-icon {
	width: 25px;
    height: 20px;
    background: url(../images/buynow_white.png) transparent 0px -2px 
no-repeat;
    display: inline-block;
    position: relative;
    vertical-align: sub;
    left: 5px;
}


.recipe-info-container h1 sup, .title-subblock h1 sup{
  font-size: 15pt;
  top: -0.815em;
}

@font-face{
 font-family: 'Gotham-Bold';
  src: url("../fonts/Gotham Bold/Gotham Bold");
  src: url("../fonts/Gotham Bold/Gotham Bold") format("otf");
}

@font-face{
 font-family: 'Gotham-Medium';
  src: url("../fonts/Gotham Medium/Gotham Medium");
  src: url("../fonts/Gotham Medium/Gotham Medium") format("otf");
}

.ingredients-block ul li sup{
  font-family: 'Gotham-Bold';
  
}
@media (max-width: 768px) {
.recipe-info-container h1 sup , .title-subblock h1 sup {
    font-size: 15pt;
  
  top: -0.45em;
}
}

.next-incredible-recipe h5 sup{
  font-family: 'Gotham-Medium';
   font-size: 7pt;
  top: -0.52em;
}