@charset "UTF-8";
@font-face {
  font-family: "Tiempos Headline";
  src: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/fonts/TiemposHeadline/tiempos-headline-web-light.woff2") format("woff2"), url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/fonts/TiemposHeadline/tiempos-headline-web-light.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: "Tiempos Headline";
  src: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/fonts/TiemposHeadline/TiemposHeadline-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap; }

@font-face {
  font-family: "Roboto";
  src: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "Roboto";
  src: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap; }

@font-face {
  font-family: "Roboto";
  src: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap; }

@font-face {
  font-family: "Jost";
  src: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/fonts/Jost/static/Jost-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "Jost";
  src: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/fonts/Jost/static/Jost-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

*,
*:before,
*:after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

img,
svg {
  display: inline-block;
  vertical-align: top;
  height: auto;
  max-width: 100%; }

a {
  color: inherit; }

p {
  margin: 0 0 1em 0; }
  p:last-child {
    margin-bottom: 0; }

nav {
  display: block; }
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }

ul.reset {
  list-style: none;
  padding: 0; }

.icon, .form-box .select:after,
.form-box .ginput_container_select:after,
.container .gform_wrapper .select:after,
.container .gform_wrapper .ginput_container_select:after,
.container .gform_wrapper .gfield .select:after,
.container .gform_wrapper .gfield .ginput_container_select:after {
  display: inline-block;
  vertical-align: -.08em; }

button {
  color: inherit;
  font-weight: inherit; }

figure,
figcaption {
  display: block;
  margin: 0; }

picture {
  display: block; }

blockquote {
  margin-left: 0;
  margin-right: 0; }

b,
strong {
  font-weight: 700; }

html {
  height: 100%;
  scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto; } }

body {
  min-height: 100%;
  font-weight: 400;
  font-family: "Tiempos Headline", serif;
  color: #000000;
  background-color: #ffffff;
  font-family: "Tiempos Headline", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  padding-top: 96px; }
  @media (min-width: 834px) {
    body {
      padding-top: 144px; } }

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.content-wrapper.crumbtrail {
  font-size: 12px;
  margin: 0 0 10px 0;
  font-family: "Jost", sans-serif; }
  .content-wrapper.crumbtrail a {
    padding-right: 10px;
    position: relative;
    color: #949494; }
    .content-wrapper.crumbtrail a:after {
      position: absolute;
      top: 0px;
      right: -10px;
      width: 20px;
      height: 16px;
      color: #949494;
      background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/right.svg");
      background-position: center;
      background-size: 4px;
      background-repeat: no-repeat;
      content: ''; }
  .content-wrapper.crumbtrail ol {
    list-style: none;
    margin: 0;
    padding: 0; }
    .content-wrapper.crumbtrail ol li {
      color: #949494;
      float: left;
      padding: 0 10px 0 0;
      margin: 0; }
  .content-wrapper.crumbtrail .fa {
    margin-right: 10px; }

.ad_shortcode_box {
  margin: 40px 0;
  width: 100%; }
  .ad_shortcode_box .ad_shortcode_box_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 20px;
    background-color: #fafafa; }
    .ad_shortcode_box .ad_shortcode_box_inner .ad_shortcode_img {
      margin-right: 20px; }
    .ad_shortcode_box .ad_shortcode_box_inner .ad_shortcode_name {
      font-family: "Jost", sans-serif;
      font-weight: bold; }
    .ad_shortcode_box .ad_shortcode_box_inner .ad_shortcode_model {
      font-weight: bold;
      margin-bottom: 15px; }
      @media (min-width: 834px) {
        .ad_shortcode_box .ad_shortcode_box_inner .ad_shortcode_model {
          font-size: 22px; } }
  .ad_shortcode_box .ad_shortcode_label {
    font-size: 14px;
    font-family: "Jost", sans-serif;
    color: #828282; }

body {
  overflow-x: hidden; }

.container {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 100%; }
  @media (min-width: 834px) {
    .container {
      padding: 0 22px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 1256px; } }
  @media (min-width: 1024px) {
    .container.small {
      max-width: 720px; } }
  @media (min-width: 1024px) {
    .container.smaller {
      max-width: 920px; } }
  @media (min-width: 1024px) {
    .container.mid-width {
      max-width: 1024px; } }
  @media (min-width: 1440px) {
    .container.mid-width {
      max-width: 1240px; } }
  @media (min-width: 1680px) {
    .container.mid-width {
      max-width: 1340px; } }

.relative {
  position: relative; }

.is-loading {
  transition: 250ms;
  opacity: 0.2; }

@media (max-width: 833px) {
  .hide-on-md {
    display: none; } }

.hide-on-mobile {
  display: none !important; }
  @media (min-width: 834px) {
    .hide-on-mobile {
      display: flex  !important; } }

@media (min-width: 834px) {
  .hide-on-desktop {
    display: none !important; } }

.content-wrapper {
  position: relative;
  overflow: hidden; }

.main-content-box {
  margin: 20px 0; }
  @media (min-width: 1024px) {
    .main-content-box {
      margin: 0 0 50px 0; } }
  @media (min-width: 1680px) {
    .main-content-box {
      margin: 0 0 100px 0; } }

.skip-link {
  position: absolute;
  left: 0;
  top: 0;
  top: -100%;
  z-index: 999; }
  .skip-link:active, .skip-link:focus {
    top: 0;
    padding: 10px 20px;
    color: #000 !important;
    z-index: 999;
    border: 2px dotted #000000; }

.row {
  margin-left: -8px;
  margin-right: -8px; }
  .row:before, .row:after {
    content: "";
    display: table; }
  .row:after {
    clear: both; }
  @media (min-width: 834px) {
    .row {
      margin-left: -16px;
      margin-right: -16px; } }

.custom-grid {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .custom-grid {
      flex-wrap: nowrap; } }
  .custom-grid .col-custom-thin {
    margin-left: 8px;
    margin-right: 8px;
    order: 2;
    width: 100%; }
    @media (min-width: 768px) {
      .custom-grid .col-custom-thin {
        max-width: 35%; } }
    @media (min-width: 834px) {
      .custom-grid .col-custom-thin {
        margin-left: 22px;
        margin-right: 22px;
        max-width: 360px; } }
  .custom-grid .col-custom-wide {
    width: 100%;
    margin-left: 8px;
    margin-right: 8px;
    order: 1; }
    @media (min-width: 768px) {
      .custom-grid .col-custom-wide {
        max-width: 60%; } }
    @media (min-width: 834px) {
      .custom-grid .col-custom-wide {
        margin-left: 22px;
        margin-right: 22px;
        max-width: 785px; } }

.col {
  position: relative;
  float: left;
  min-height: 1px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px; }
  .col.wrap-margin {
    margin-bottom: 40px; }
    @media (min-width: 834px) {
      .col.wrap-margin {
        margin-bottom: 0; } }
  @media (min-width: 834px) {
    .col {
      padding-left: 22px;
      padding-right: 22px; } }

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

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

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

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

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

.col-sm-6 {
  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-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%; }

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

.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-pull-0 {
  right: 0%; }

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

@media (min-width: 360px) {
  .col-android-1 {
    width: 8.33333%; }
  .col-android-2 {
    width: 16.66667%; }
  .col-android-3 {
    width: 25%; }
  .col-android-4 {
    width: 33.33333%; }
  .col-android-5 {
    width: 41.66667%; }
  .col-android-6 {
    width: 50%; }
  .col-android-7 {
    width: 58.33333%; }
  .col-android-8 {
    width: 66.66667%; }
  .col-android-9 {
    width: 75%; }
  .col-android-10 {
    width: 83.33333%; }
  .col-android-11 {
    width: 91.66667%; }
  .col-android-12 {
    width: 100%; }
  .col-android-offset-0 {
    margin-left: 0%; }
  .col-android-offset-1 {
    margin-left: 8.33333%; }
  .col-android-offset-2 {
    margin-left: 16.66667%; }
  .col-android-offset-3 {
    margin-left: 25%; }
  .col-android-offset-4 {
    margin-left: 33.33333%; }
  .col-android-offset-5 {
    margin-left: 41.66667%; }
  .col-android-offset-6 {
    margin-left: 50%; }
  .col-android-offset-7 {
    margin-left: 58.33333%; }
  .col-android-offset-8 {
    margin-left: 66.66667%; }
  .col-android-offset-9 {
    margin-left: 75%; }
  .col-android-offset-10 {
    margin-left: 83.33333%; }
  .col-android-offset-11 {
    margin-left: 91.66667%; }
  .col-android-offset-12 {
    margin-left: 100%; }
  .col-android-push-0 {
    left: 0%; }
  .col-android-push-1 {
    left: 8.33333%; }
  .col-android-push-2 {
    left: 16.66667%; }
  .col-android-push-3 {
    left: 25%; }
  .col-android-push-4 {
    left: 33.33333%; }
  .col-android-push-5 {
    left: 41.66667%; }
  .col-android-push-6 {
    left: 50%; }
  .col-android-push-7 {
    left: 58.33333%; }
  .col-android-push-8 {
    left: 66.66667%; }
  .col-android-push-9 {
    left: 75%; }
  .col-android-push-10 {
    left: 83.33333%; }
  .col-android-push-11 {
    left: 91.66667%; }
  .col-android-push-12 {
    left: 100%; }
  .col-android-pull-0 {
    right: 0%; }
  .col-android-pull-1 {
    right: 8.33333%; }
  .col-android-pull-2 {
    right: 16.66667%; }
  .col-android-pull-3 {
    right: 25%; }
  .col-android-pull-4 {
    right: 33.33333%; }
  .col-android-pull-5 {
    right: 41.66667%; }
  .col-android-pull-6 {
    right: 50%; }
  .col-android-pull-7 {
    right: 58.33333%; }
  .col-android-pull-8 {
    right: 66.66667%; }
  .col-android-pull-9 {
    right: 75%; }
  .col-android-pull-10 {
    right: 83.33333%; }
  .col-android-pull-11 {
    right: 91.66667%; }
  .col-android-pull-12 {
    right: 100%; } }

@media (min-width: 400px) {
  .col-smm-1 {
    width: 8.33333%; }
  .col-smm-2 {
    width: 16.66667%; }
  .col-smm-3 {
    width: 25%; }
  .col-smm-4 {
    width: 33.33333%; }
  .col-smm-5 {
    width: 41.66667%; }
  .col-smm-6 {
    width: 50%; }
  .col-smm-7 {
    width: 58.33333%; }
  .col-smm-8 {
    width: 66.66667%; }
  .col-smm-9 {
    width: 75%; }
  .col-smm-10 {
    width: 83.33333%; }
  .col-smm-11 {
    width: 91.66667%; }
  .col-smm-12 {
    width: 100%; }
  .col-smm-offset-0 {
    margin-left: 0%; }
  .col-smm-offset-1 {
    margin-left: 8.33333%; }
  .col-smm-offset-2 {
    margin-left: 16.66667%; }
  .col-smm-offset-3 {
    margin-left: 25%; }
  .col-smm-offset-4 {
    margin-left: 33.33333%; }
  .col-smm-offset-5 {
    margin-left: 41.66667%; }
  .col-smm-offset-6 {
    margin-left: 50%; }
  .col-smm-offset-7 {
    margin-left: 58.33333%; }
  .col-smm-offset-8 {
    margin-left: 66.66667%; }
  .col-smm-offset-9 {
    margin-left: 75%; }
  .col-smm-offset-10 {
    margin-left: 83.33333%; }
  .col-smm-offset-11 {
    margin-left: 91.66667%; }
  .col-smm-offset-12 {
    margin-left: 100%; }
  .col-smm-push-0 {
    left: 0%; }
  .col-smm-push-1 {
    left: 8.33333%; }
  .col-smm-push-2 {
    left: 16.66667%; }
  .col-smm-push-3 {
    left: 25%; }
  .col-smm-push-4 {
    left: 33.33333%; }
  .col-smm-push-5 {
    left: 41.66667%; }
  .col-smm-push-6 {
    left: 50%; }
  .col-smm-push-7 {
    left: 58.33333%; }
  .col-smm-push-8 {
    left: 66.66667%; }
  .col-smm-push-9 {
    left: 75%; }
  .col-smm-push-10 {
    left: 83.33333%; }
  .col-smm-push-11 {
    left: 91.66667%; }
  .col-smm-push-12 {
    left: 100%; }
  .col-smm-pull-0 {
    right: 0%; }
  .col-smm-pull-1 {
    right: 8.33333%; }
  .col-smm-pull-2 {
    right: 16.66667%; }
  .col-smm-pull-3 {
    right: 25%; }
  .col-smm-pull-4 {
    right: 33.33333%; }
  .col-smm-pull-5 {
    right: 41.66667%; }
  .col-smm-pull-6 {
    right: 50%; }
  .col-smm-pull-7 {
    right: 58.33333%; }
  .col-smm-pull-8 {
    right: 66.66667%; }
  .col-smm-pull-9 {
    right: 75%; }
  .col-smm-pull-10 {
    right: 83.33333%; }
  .col-smm-pull-11 {
    right: 91.66667%; }
  .col-smm-pull-12 {
    right: 100%; } }

@media (min-width: 420px) {
  .col-mdd-1 {
    width: 8.33333%; }
  .col-mdd-2 {
    width: 16.66667%; }
  .col-mdd-3 {
    width: 25%; }
  .col-mdd-4 {
    width: 33.33333%; }
  .col-mdd-5 {
    width: 41.66667%; }
  .col-mdd-6 {
    width: 50%; }
  .col-mdd-7 {
    width: 58.33333%; }
  .col-mdd-8 {
    width: 66.66667%; }
  .col-mdd-9 {
    width: 75%; }
  .col-mdd-10 {
    width: 83.33333%; }
  .col-mdd-11 {
    width: 91.66667%; }
  .col-mdd-12 {
    width: 100%; }
  .col-mdd-offset-0 {
    margin-left: 0%; }
  .col-mdd-offset-1 {
    margin-left: 8.33333%; }
  .col-mdd-offset-2 {
    margin-left: 16.66667%; }
  .col-mdd-offset-3 {
    margin-left: 25%; }
  .col-mdd-offset-4 {
    margin-left: 33.33333%; }
  .col-mdd-offset-5 {
    margin-left: 41.66667%; }
  .col-mdd-offset-6 {
    margin-left: 50%; }
  .col-mdd-offset-7 {
    margin-left: 58.33333%; }
  .col-mdd-offset-8 {
    margin-left: 66.66667%; }
  .col-mdd-offset-9 {
    margin-left: 75%; }
  .col-mdd-offset-10 {
    margin-left: 83.33333%; }
  .col-mdd-offset-11 {
    margin-left: 91.66667%; }
  .col-mdd-offset-12 {
    margin-left: 100%; }
  .col-mdd-push-0 {
    left: 0%; }
  .col-mdd-push-1 {
    left: 8.33333%; }
  .col-mdd-push-2 {
    left: 16.66667%; }
  .col-mdd-push-3 {
    left: 25%; }
  .col-mdd-push-4 {
    left: 33.33333%; }
  .col-mdd-push-5 {
    left: 41.66667%; }
  .col-mdd-push-6 {
    left: 50%; }
  .col-mdd-push-7 {
    left: 58.33333%; }
  .col-mdd-push-8 {
    left: 66.66667%; }
  .col-mdd-push-9 {
    left: 75%; }
  .col-mdd-push-10 {
    left: 83.33333%; }
  .col-mdd-push-11 {
    left: 91.66667%; }
  .col-mdd-push-12 {
    left: 100%; }
  .col-mdd-pull-0 {
    right: 0%; }
  .col-mdd-pull-1 {
    right: 8.33333%; }
  .col-mdd-pull-2 {
    right: 16.66667%; }
  .col-mdd-pull-3 {
    right: 25%; }
  .col-mdd-pull-4 {
    right: 33.33333%; }
  .col-mdd-pull-5 {
    right: 41.66667%; }
  .col-mdd-pull-6 {
    right: 50%; }
  .col-mdd-pull-7 {
    right: 58.33333%; }
  .col-mdd-pull-8 {
    right: 66.66667%; }
  .col-mdd-pull-9 {
    right: 75%; }
  .col-mdd-pull-10 {
    right: 83.33333%; }
  .col-mdd-pull-11 {
    right: 91.66667%; }
  .col-mdd-pull-12 {
    right: 100%; } }

@media (min-width: 426px) {
  .col-mddplus-1 {
    width: 8.33333%; }
  .col-mddplus-2 {
    width: 16.66667%; }
  .col-mddplus-3 {
    width: 25%; }
  .col-mddplus-4 {
    width: 33.33333%; }
  .col-mddplus-5 {
    width: 41.66667%; }
  .col-mddplus-6 {
    width: 50%; }
  .col-mddplus-7 {
    width: 58.33333%; }
  .col-mddplus-8 {
    width: 66.66667%; }
  .col-mddplus-9 {
    width: 75%; }
  .col-mddplus-10 {
    width: 83.33333%; }
  .col-mddplus-11 {
    width: 91.66667%; }
  .col-mddplus-12 {
    width: 100%; }
  .col-mddplus-offset-0 {
    margin-left: 0%; }
  .col-mddplus-offset-1 {
    margin-left: 8.33333%; }
  .col-mddplus-offset-2 {
    margin-left: 16.66667%; }
  .col-mddplus-offset-3 {
    margin-left: 25%; }
  .col-mddplus-offset-4 {
    margin-left: 33.33333%; }
  .col-mddplus-offset-5 {
    margin-left: 41.66667%; }
  .col-mddplus-offset-6 {
    margin-left: 50%; }
  .col-mddplus-offset-7 {
    margin-left: 58.33333%; }
  .col-mddplus-offset-8 {
    margin-left: 66.66667%; }
  .col-mddplus-offset-9 {
    margin-left: 75%; }
  .col-mddplus-offset-10 {
    margin-left: 83.33333%; }
  .col-mddplus-offset-11 {
    margin-left: 91.66667%; }
  .col-mddplus-offset-12 {
    margin-left: 100%; }
  .col-mddplus-push-0 {
    left: 0%; }
  .col-mddplus-push-1 {
    left: 8.33333%; }
  .col-mddplus-push-2 {
    left: 16.66667%; }
  .col-mddplus-push-3 {
    left: 25%; }
  .col-mddplus-push-4 {
    left: 33.33333%; }
  .col-mddplus-push-5 {
    left: 41.66667%; }
  .col-mddplus-push-6 {
    left: 50%; }
  .col-mddplus-push-7 {
    left: 58.33333%; }
  .col-mddplus-push-8 {
    left: 66.66667%; }
  .col-mddplus-push-9 {
    left: 75%; }
  .col-mddplus-push-10 {
    left: 83.33333%; }
  .col-mddplus-push-11 {
    left: 91.66667%; }
  .col-mddplus-push-12 {
    left: 100%; }
  .col-mddplus-pull-0 {
    right: 0%; }
  .col-mddplus-pull-1 {
    right: 8.33333%; }
  .col-mddplus-pull-2 {
    right: 16.66667%; }
  .col-mddplus-pull-3 {
    right: 25%; }
  .col-mddplus-pull-4 {
    right: 33.33333%; }
  .col-mddplus-pull-5 {
    right: 41.66667%; }
  .col-mddplus-pull-6 {
    right: 50%; }
  .col-mddplus-pull-7 {
    right: 58.33333%; }
  .col-mddplus-pull-8 {
    right: 66.66667%; }
  .col-mddplus-pull-9 {
    right: 75%; }
  .col-mddplus-pull-10 {
    right: 83.33333%; }
  .col-mddplus-pull-11 {
    right: 91.66667%; }
  .col-mddplus-pull-12 {
    right: 100%; } }

@media (min-width: 768px) {
  .col-ipad-1 {
    width: 8.33333%; }
  .col-ipad-2 {
    width: 16.66667%; }
  .col-ipad-3 {
    width: 25%; }
  .col-ipad-4 {
    width: 33.33333%; }
  .col-ipad-5 {
    width: 41.66667%; }
  .col-ipad-6 {
    width: 50%; }
  .col-ipad-7 {
    width: 58.33333%; }
  .col-ipad-8 {
    width: 66.66667%; }
  .col-ipad-9 {
    width: 75%; }
  .col-ipad-10 {
    width: 83.33333%; }
  .col-ipad-11 {
    width: 91.66667%; }
  .col-ipad-12 {
    width: 100%; }
  .col-ipad-offset-0 {
    margin-left: 0%; }
  .col-ipad-offset-1 {
    margin-left: 8.33333%; }
  .col-ipad-offset-2 {
    margin-left: 16.66667%; }
  .col-ipad-offset-3 {
    margin-left: 25%; }
  .col-ipad-offset-4 {
    margin-left: 33.33333%; }
  .col-ipad-offset-5 {
    margin-left: 41.66667%; }
  .col-ipad-offset-6 {
    margin-left: 50%; }
  .col-ipad-offset-7 {
    margin-left: 58.33333%; }
  .col-ipad-offset-8 {
    margin-left: 66.66667%; }
  .col-ipad-offset-9 {
    margin-left: 75%; }
  .col-ipad-offset-10 {
    margin-left: 83.33333%; }
  .col-ipad-offset-11 {
    margin-left: 91.66667%; }
  .col-ipad-offset-12 {
    margin-left: 100%; }
  .col-ipad-push-0 {
    left: 0%; }
  .col-ipad-push-1 {
    left: 8.33333%; }
  .col-ipad-push-2 {
    left: 16.66667%; }
  .col-ipad-push-3 {
    left: 25%; }
  .col-ipad-push-4 {
    left: 33.33333%; }
  .col-ipad-push-5 {
    left: 41.66667%; }
  .col-ipad-push-6 {
    left: 50%; }
  .col-ipad-push-7 {
    left: 58.33333%; }
  .col-ipad-push-8 {
    left: 66.66667%; }
  .col-ipad-push-9 {
    left: 75%; }
  .col-ipad-push-10 {
    left: 83.33333%; }
  .col-ipad-push-11 {
    left: 91.66667%; }
  .col-ipad-push-12 {
    left: 100%; }
  .col-ipad-pull-0 {
    right: 0%; }
  .col-ipad-pull-1 {
    right: 8.33333%; }
  .col-ipad-pull-2 {
    right: 16.66667%; }
  .col-ipad-pull-3 {
    right: 25%; }
  .col-ipad-pull-4 {
    right: 33.33333%; }
  .col-ipad-pull-5 {
    right: 41.66667%; }
  .col-ipad-pull-6 {
    right: 50%; }
  .col-ipad-pull-7 {
    right: 58.33333%; }
  .col-ipad-pull-8 {
    right: 66.66667%; }
  .col-ipad-pull-9 {
    right: 75%; }
  .col-ipad-pull-10 {
    right: 83.33333%; }
  .col-ipad-pull-11 {
    right: 91.66667%; }
  .col-ipad-pull-12 {
    right: 100%; } }

@media (min-width: 834px) {
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    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-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%; }
  .col-md-push-0 {
    left: 0%; }
  .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-pull-0 {
    right: 0%; }
  .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%; } }

@media (min-width: 1024px) {
  .col-mid-1 {
    width: 8.33333%; }
  .col-mid-2 {
    width: 16.66667%; }
  .col-mid-3 {
    width: 25%; }
  .col-mid-4 {
    width: 33.33333%; }
  .col-mid-5 {
    width: 41.66667%; }
  .col-mid-6 {
    width: 50%; }
  .col-mid-7 {
    width: 58.33333%; }
  .col-mid-8 {
    width: 66.66667%; }
  .col-mid-9 {
    width: 75%; }
  .col-mid-10 {
    width: 83.33333%; }
  .col-mid-11 {
    width: 91.66667%; }
  .col-mid-12 {
    width: 100%; }
  .col-mid-offset-0 {
    margin-left: 0%; }
  .col-mid-offset-1 {
    margin-left: 8.33333%; }
  .col-mid-offset-2 {
    margin-left: 16.66667%; }
  .col-mid-offset-3 {
    margin-left: 25%; }
  .col-mid-offset-4 {
    margin-left: 33.33333%; }
  .col-mid-offset-5 {
    margin-left: 41.66667%; }
  .col-mid-offset-6 {
    margin-left: 50%; }
  .col-mid-offset-7 {
    margin-left: 58.33333%; }
  .col-mid-offset-8 {
    margin-left: 66.66667%; }
  .col-mid-offset-9 {
    margin-left: 75%; }
  .col-mid-offset-10 {
    margin-left: 83.33333%; }
  .col-mid-offset-11 {
    margin-left: 91.66667%; }
  .col-mid-offset-12 {
    margin-left: 100%; }
  .col-mid-push-0 {
    left: 0%; }
  .col-mid-push-1 {
    left: 8.33333%; }
  .col-mid-push-2 {
    left: 16.66667%; }
  .col-mid-push-3 {
    left: 25%; }
  .col-mid-push-4 {
    left: 33.33333%; }
  .col-mid-push-5 {
    left: 41.66667%; }
  .col-mid-push-6 {
    left: 50%; }
  .col-mid-push-7 {
    left: 58.33333%; }
  .col-mid-push-8 {
    left: 66.66667%; }
  .col-mid-push-9 {
    left: 75%; }
  .col-mid-push-10 {
    left: 83.33333%; }
  .col-mid-push-11 {
    left: 91.66667%; }
  .col-mid-push-12 {
    left: 100%; }
  .col-mid-pull-0 {
    right: 0%; }
  .col-mid-pull-1 {
    right: 8.33333%; }
  .col-mid-pull-2 {
    right: 16.66667%; }
  .col-mid-pull-3 {
    right: 25%; }
  .col-mid-pull-4 {
    right: 33.33333%; }
  .col-mid-pull-5 {
    right: 41.66667%; }
  .col-mid-pull-6 {
    right: 50%; }
  .col-mid-pull-7 {
    right: 58.33333%; }
  .col-mid-pull-8 {
    right: 66.66667%; }
  .col-mid-pull-9 {
    right: 75%; }
  .col-mid-pull-10 {
    right: 83.33333%; }
  .col-mid-pull-11 {
    right: 91.66667%; }
  .col-mid-pull-12 {
    right: 100%; } }

@media (min-width: 1025px) {
  .col-midp-1 {
    width: 8.33333%; }
  .col-midp-2 {
    width: 16.66667%; }
  .col-midp-3 {
    width: 25%; }
  .col-midp-4 {
    width: 33.33333%; }
  .col-midp-5 {
    width: 41.66667%; }
  .col-midp-6 {
    width: 50%; }
  .col-midp-7 {
    width: 58.33333%; }
  .col-midp-8 {
    width: 66.66667%; }
  .col-midp-9 {
    width: 75%; }
  .col-midp-10 {
    width: 83.33333%; }
  .col-midp-11 {
    width: 91.66667%; }
  .col-midp-12 {
    width: 100%; }
  .col-midp-offset-0 {
    margin-left: 0%; }
  .col-midp-offset-1 {
    margin-left: 8.33333%; }
  .col-midp-offset-2 {
    margin-left: 16.66667%; }
  .col-midp-offset-3 {
    margin-left: 25%; }
  .col-midp-offset-4 {
    margin-left: 33.33333%; }
  .col-midp-offset-5 {
    margin-left: 41.66667%; }
  .col-midp-offset-6 {
    margin-left: 50%; }
  .col-midp-offset-7 {
    margin-left: 58.33333%; }
  .col-midp-offset-8 {
    margin-left: 66.66667%; }
  .col-midp-offset-9 {
    margin-left: 75%; }
  .col-midp-offset-10 {
    margin-left: 83.33333%; }
  .col-midp-offset-11 {
    margin-left: 91.66667%; }
  .col-midp-offset-12 {
    margin-left: 100%; }
  .col-midp-push-0 {
    left: 0%; }
  .col-midp-push-1 {
    left: 8.33333%; }
  .col-midp-push-2 {
    left: 16.66667%; }
  .col-midp-push-3 {
    left: 25%; }
  .col-midp-push-4 {
    left: 33.33333%; }
  .col-midp-push-5 {
    left: 41.66667%; }
  .col-midp-push-6 {
    left: 50%; }
  .col-midp-push-7 {
    left: 58.33333%; }
  .col-midp-push-8 {
    left: 66.66667%; }
  .col-midp-push-9 {
    left: 75%; }
  .col-midp-push-10 {
    left: 83.33333%; }
  .col-midp-push-11 {
    left: 91.66667%; }
  .col-midp-push-12 {
    left: 100%; }
  .col-midp-pull-0 {
    right: 0%; }
  .col-midp-pull-1 {
    right: 8.33333%; }
  .col-midp-pull-2 {
    right: 16.66667%; }
  .col-midp-pull-3 {
    right: 25%; }
  .col-midp-pull-4 {
    right: 33.33333%; }
  .col-midp-pull-5 {
    right: 41.66667%; }
  .col-midp-pull-6 {
    right: 50%; }
  .col-midp-pull-7 {
    right: 58.33333%; }
  .col-midp-pull-8 {
    right: 66.66667%; }
  .col-midp-pull-9 {
    right: 75%; }
  .col-midp-pull-10 {
    right: 83.33333%; }
  .col-midp-pull-11 {
    right: 91.66667%; }
  .col-midp-pull-12 {
    right: 100%; } }

@media (min-width: 1125px) {
  .col-bgm-1 {
    width: 8.33333%; }
  .col-bgm-2 {
    width: 16.66667%; }
  .col-bgm-3 {
    width: 25%; }
  .col-bgm-4 {
    width: 33.33333%; }
  .col-bgm-5 {
    width: 41.66667%; }
  .col-bgm-6 {
    width: 50%; }
  .col-bgm-7 {
    width: 58.33333%; }
  .col-bgm-8 {
    width: 66.66667%; }
  .col-bgm-9 {
    width: 75%; }
  .col-bgm-10 {
    width: 83.33333%; }
  .col-bgm-11 {
    width: 91.66667%; }
  .col-bgm-12 {
    width: 100%; }
  .col-bgm-offset-0 {
    margin-left: 0%; }
  .col-bgm-offset-1 {
    margin-left: 8.33333%; }
  .col-bgm-offset-2 {
    margin-left: 16.66667%; }
  .col-bgm-offset-3 {
    margin-left: 25%; }
  .col-bgm-offset-4 {
    margin-left: 33.33333%; }
  .col-bgm-offset-5 {
    margin-left: 41.66667%; }
  .col-bgm-offset-6 {
    margin-left: 50%; }
  .col-bgm-offset-7 {
    margin-left: 58.33333%; }
  .col-bgm-offset-8 {
    margin-left: 66.66667%; }
  .col-bgm-offset-9 {
    margin-left: 75%; }
  .col-bgm-offset-10 {
    margin-left: 83.33333%; }
  .col-bgm-offset-11 {
    margin-left: 91.66667%; }
  .col-bgm-offset-12 {
    margin-left: 100%; }
  .col-bgm-push-0 {
    left: 0%; }
  .col-bgm-push-1 {
    left: 8.33333%; }
  .col-bgm-push-2 {
    left: 16.66667%; }
  .col-bgm-push-3 {
    left: 25%; }
  .col-bgm-push-4 {
    left: 33.33333%; }
  .col-bgm-push-5 {
    left: 41.66667%; }
  .col-bgm-push-6 {
    left: 50%; }
  .col-bgm-push-7 {
    left: 58.33333%; }
  .col-bgm-push-8 {
    left: 66.66667%; }
  .col-bgm-push-9 {
    left: 75%; }
  .col-bgm-push-10 {
    left: 83.33333%; }
  .col-bgm-push-11 {
    left: 91.66667%; }
  .col-bgm-push-12 {
    left: 100%; }
  .col-bgm-pull-0 {
    right: 0%; }
  .col-bgm-pull-1 {
    right: 8.33333%; }
  .col-bgm-pull-2 {
    right: 16.66667%; }
  .col-bgm-pull-3 {
    right: 25%; }
  .col-bgm-pull-4 {
    right: 33.33333%; }
  .col-bgm-pull-5 {
    right: 41.66667%; }
  .col-bgm-pull-6 {
    right: 50%; }
  .col-bgm-pull-7 {
    right: 58.33333%; }
  .col-bgm-pull-8 {
    right: 66.66667%; }
  .col-bgm-pull-9 {
    right: 75%; }
  .col-bgm-pull-10 {
    right: 83.33333%; }
  .col-bgm-pull-11 {
    right: 91.66667%; }
  .col-bgm-pull-12 {
    right: 100%; } }

@media (min-width: 1440px) {
  .col-bg-1 {
    width: 8.33333%; }
  .col-bg-2 {
    width: 16.66667%; }
  .col-bg-3 {
    width: 25%; }
  .col-bg-4 {
    width: 33.33333%; }
  .col-bg-5 {
    width: 41.66667%; }
  .col-bg-6 {
    width: 50%; }
  .col-bg-7 {
    width: 58.33333%; }
  .col-bg-8 {
    width: 66.66667%; }
  .col-bg-9 {
    width: 75%; }
  .col-bg-10 {
    width: 83.33333%; }
  .col-bg-11 {
    width: 91.66667%; }
  .col-bg-12 {
    width: 100%; }
  .col-bg-offset-0 {
    margin-left: 0%; }
  .col-bg-offset-1 {
    margin-left: 8.33333%; }
  .col-bg-offset-2 {
    margin-left: 16.66667%; }
  .col-bg-offset-3 {
    margin-left: 25%; }
  .col-bg-offset-4 {
    margin-left: 33.33333%; }
  .col-bg-offset-5 {
    margin-left: 41.66667%; }
  .col-bg-offset-6 {
    margin-left: 50%; }
  .col-bg-offset-7 {
    margin-left: 58.33333%; }
  .col-bg-offset-8 {
    margin-left: 66.66667%; }
  .col-bg-offset-9 {
    margin-left: 75%; }
  .col-bg-offset-10 {
    margin-left: 83.33333%; }
  .col-bg-offset-11 {
    margin-left: 91.66667%; }
  .col-bg-offset-12 {
    margin-left: 100%; }
  .col-bg-push-0 {
    left: 0%; }
  .col-bg-push-1 {
    left: 8.33333%; }
  .col-bg-push-2 {
    left: 16.66667%; }
  .col-bg-push-3 {
    left: 25%; }
  .col-bg-push-4 {
    left: 33.33333%; }
  .col-bg-push-5 {
    left: 41.66667%; }
  .col-bg-push-6 {
    left: 50%; }
  .col-bg-push-7 {
    left: 58.33333%; }
  .col-bg-push-8 {
    left: 66.66667%; }
  .col-bg-push-9 {
    left: 75%; }
  .col-bg-push-10 {
    left: 83.33333%; }
  .col-bg-push-11 {
    left: 91.66667%; }
  .col-bg-push-12 {
    left: 100%; }
  .col-bg-pull-0 {
    right: 0%; }
  .col-bg-pull-1 {
    right: 8.33333%; }
  .col-bg-pull-2 {
    right: 16.66667%; }
  .col-bg-pull-3 {
    right: 25%; }
  .col-bg-pull-4 {
    right: 33.33333%; }
  .col-bg-pull-5 {
    right: 41.66667%; }
  .col-bg-pull-6 {
    right: 50%; }
  .col-bg-pull-7 {
    right: 58.33333%; }
  .col-bg-pull-8 {
    right: 66.66667%; }
  .col-bg-pull-9 {
    right: 75%; }
  .col-bg-pull-10 {
    right: 83.33333%; }
  .col-bg-pull-11 {
    right: 91.66667%; }
  .col-bg-pull-12 {
    right: 100%; } }

@media (min-width: 1680px) {
  .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-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%; }
  .col-lg-push-0 {
    left: 0%; }
  .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-pull-0 {
    right: 0%; }
  .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%; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-family: "Tiempos Headline", serif; }

.h1,
.h2,
.h3,
.wp-content h2,
.wp-content h3,
.timelinebox .slick-slide .years,
.h4,
.wp-content h4,
.h5,
.h6 {
  font-family: "Tiempos Headline", serif; }

.h1 {
  font-size: 26px;
  line-height: 1.26;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 15px; }
  @media (min-width: 834px) {
    .h1 {
      font-size: 38px;
      line-height: 1.22; } }
  .h1.big {
    font-size: 34px; }
    @media (min-width: 834px) {
      .h1.big {
        font-size: 38px; } }
  .h1 span {
    font-style: italic;
    font-weight: 300; }

.h2 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 300;
  margin-top: 0; }
  @media (min-width: 400px) {
    .h2 {
      font-size: 21px;
      line-height: 1.2; } }
  @media (min-width: 400px) {
    .h2.big {
      font-size: 32px;
      line-height: 1.2; } }


.h3,
.wp-content h2,
.wp-content h3,
.timelinebox .slick-slide .years {
  font-size: 16px;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.4em; }
  @media (min-width: 834px) {
    
    .h3,
    .wp-content h2,
    .wp-content h3,
    .timelinebox .slick-slide .years {
      font-size: 18px; } }
  .h3.alt, .wp-content h2.alt, .wp-content h3.alt, .timelinebox .slick-slide .alt.years {
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #828282; }


.h4,
.wp-content h4 {
  font-size: 21px; }

.h5 {
  font-size: 16px; }

.intro {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 300; }
  @media (min-width: 834px) {
    .intro {
      font-size: 23px;
      line-height: 1.3; } }

.text,
.text-large,
.text-small {
  font-weight: 300; }

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

.lable {
  font-family: "Jost", sans-serif;
  font-weight: 500; }

.visually-hidden {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px);
  /*maybe deprecated but we need to support legacy browsers */
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap;
  /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */ }

.author_lable, .input-lable, .wp-content .gform_wrapper .gform_body ul.gform_fields .gfield .gfield_label, .post-list-meta, .comment-count, .publication-date, .category-list, .social_box > span, .container.video-channel-box .video-sidebar .videolist-box li .title .duration, .specs_rows_box .specs_row .specs_spec_title {
  font-size: 11px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  color: #000000;
  line-height: 1.24em;
  text-transform: uppercase;
  letter-spacing: 1px; }

.section-title {
  text-transform: uppercase;
  font-size: 25px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  margin: 0;
  line-height: 1.1em; }
  @media (min-width: 834px) {
    .section-title {
      font-size: 28px; } }
  .section-title a {
    text-decoration: none; }

.subtitle {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.18em;
  font-family: "Jost", sans-serif;
  margin-bottom: 23px;
  color: #333333; }
  @media (min-width: 834px) {
    .subtitle {
      font-size: 23px;
      line-height: 1.2430em; } }
  .subtitle.pagemarging {
    margin-bottom: 23px; }
    @media (min-width: 834px) {
      .subtitle.pagemarging {
        margin-bottom: 45px; } }

span[data-extrnallink="true"] {
  cursor: pointer; }

svg [fill] {
  fill: currentColor; }

svg .logo-gold {
  fill: #000000;
  transition: 250ms; }

svg .logo-black {
  fill: #000000;
  transition: 250ms; }

.site-footer .logo-gold {
  fill: #ffffff; }

.site-footer .logo-black {
  fill: #ffffff; }

.button, .cta, .submit {
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #DDDDDD;
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  padding: 5px 26px;
  font-size: 12px;
  font-family: "Jost", sans-serif;
  color: #000000; }

.cta {
  font-family: "Jost", sans-serif;
  transition: 250ms; }
  .cta.new-cta-box {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000; }
  .cta.gold {
    color: #ffffff;
    background-color: #b9aaa3;
    border: 1px solid #b9aaa3; }
    .cta.gold:hover {
      background-color: #000000;
      border: 1px solid #000000; }
  .cta.light {
    text-transform: none;
    background-color: #ffffff;
    padding: 5px 15px;
    line-height: 1.5;
    white-space: nowrap; }
    @media (min-width: 834px) {
      .cta.light {
        font-size: 16px;
        padding: 10px 26px; } }
    .cta.light:hover {
      background-color: #000000;
      color: #ffffff;
      border: 1px solid #000000; }

.submit {
  letter-spacing: .4px; }

.opentoggel .view_less {
  display: none; }

.opentoggel.viewtoggle .view_less {
  display: block; }

.opentoggel.viewtoggle .view_more {
  display: none; }

.load-more-featured {
  text-align: center;
  margin-bottom: 20px; }
  @media (min-width: 834px) {
    .load-more-featured {
      display: none; } }
  .load-more-featured .load_more_featured {
    display: block;
    border: 1px solid #DDDDDD; }

.show_hide {
  max-height: 0;
  transition: 600ms;
  transition-timing-function: cubic-bezier(0.42, 0.23, 0.44, 0.9);
  overflow: hidden; }
  .show_hide.viewtoggle {
    max-height: 5000px; }

picture img.lazy[data-src] {
  opacity: 0; }

picture img.lazy.no-animation[data-src] {
  opacity: 1; }

picture img.lazy.loaded,
picture img.lazy[data-src].lazyloaded,
picture img.lazyload[loading] {
  width: 100%;
  opacity: 1;
  max-height: none; }

.figure.rounded picture {
  border-radius: 100%;
  overflow: hidden; }
  .figure.rounded picture img {
    display: block; }

.wp-content {
  font-family: georgia, sans-serif;
  font-size: 18px;
  line-height: 1.8em;
  /*
        WP standard
    */
  /* Text meant only for screen readers. */ }
  .wp-content h2 {
    font-family: "Jost", sans-serif;
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 22px;
    line-height: 1.3em; }
  .wp-content h3 {
    font-size: 22px;
    font-family: "Jost", sans-serif;
    font-weight: bold;
    margin-bottom: 3px;
    line-height: 1.3em; }
  .wp-content h4 {
    font-family: "Jost", sans-serif;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 0; }
  .wp-content p {
    margin-bottom: 2em; }
    .wp-content p:last-child {
      margin-bottom: 0; }
    .wp-content p a {
      color: #ba855d; }
    .wp-content p span[data-extrnallink="true"] {
      color: #ba855d;
      cursor: pointer; }
  .wp-content .wp-caption {
    max-width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 2.2em; }
  .wp-content .wp-caption-text {
    padding: 5px 0;
    font-family: "Jost", sans-serif;
    font-size: 12px; }
  .wp-content .content-wrapper.crumbtrail {
    border-top: 1px solid #DEDEDE;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 12px;
    line-height: 1.8em; }
    .wp-content .content-wrapper.crumbtrail .container {
      padding: 0; }
      .wp-content .content-wrapper.crumbtrail .container .row {
        margin: 0; }
      .wp-content .content-wrapper.crumbtrail .container .col {
        padding: 0; }
  .wp-content blockquote,
  .wp-content q,
  .wp-content cite {
    font-style: italic;
    border-top: 8px solid #ba855d;
    padding-top: 10px;
    font-size: 28px;
    line-height: 1.1;
    color: #ba855d;
    margin: 30px 0 30px 5%; }
    .wp-content blockquote p:last-child,
    .wp-content q p:last-child,
    .wp-content cite p:last-child {
      margin-bottom: 0; }
    @media (min-width: 834px) {
      .wp-content blockquote,
      .wp-content q,
      .wp-content cite {
        margin-left: 15%;
        padding-top: 30px;
        font-size: 34px;
        margin: 1em 0 1em 15%;
        margin-bottom: 1em; } }
  .wp-content .alignnone {
    margin: 5px 20px 20px 0; }
  .wp-content .aligncenter,
  .wp-content div.aligncenter {
    display: block;
    margin: 5px auto 5px auto; }
  .wp-content .alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .wp-content .alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .wp-content a img.alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .wp-content a img.alignnone {
    margin: 5px 20px 20px 0; }
  .wp-content a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .wp-content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-content .wp-caption {
    max-width: 100%;
    /* Image does not overflow the content area */
    padding: 0 0 10px 0;
    text-align: center; }
  .wp-content .wp-caption.alignnone {
    margin: 5px 20px 20px 0; }
  .wp-content .wp-caption.alignleft {
    margin: 5px 20px 20px 0; }
  .wp-content .wp-caption.alignright {
    margin: 5px 0 20px 20px; }
  .wp-content .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto; }
  .wp-content .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 10px 0; }
  .wp-content .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .wp-content .screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    -webkit-clip-path: none;
            clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }
  .wp-content .gform_wrapper {
    padding: 40px;
    margin-bottom: 20px !important;
    background-color: #F7F7F7; }
    .wp-content .gform_wrapper .gform_heading {
      margin: 0 auto; }
    .wp-content .gform_wrapper .gform_body {
      display: flex;
      margin: 0 auto; }
      .wp-content .gform_wrapper .gform_body ul.gform_fields {
        width: 100%; }
        .wp-content .gform_wrapper .gform_body ul.gform_fields .gfield {
          margin: 0 0 10px 0;
          padding: 0; }
          .wp-content .gform_wrapper .gform_body ul.gform_fields .gfield .gfield_label {
            font-weight: 400;
            margin: 0;
            padding: 0; }
          .wp-content .gform_wrapper .gform_body ul.gform_fields .gfield .ginput_container {
            margin: 0;
            padding: 0; }
          .wp-content .gform_wrapper .gform_body ul.gform_fields .gfield input {
            padding: 5px 10px !important;
            border: 1px solid #CACACA; }
    .wp-content .gform_wrapper .gform_footer {
      display: flex;
      margin: 0 auto !important; }
      .wp-content .gform_wrapper .gform_footer .button, .wp-content .gform_wrapper .gform_footer .cta, .wp-content .gform_wrapper .gform_footer .submit {
        width: 100%;
        display: block; }
        @media (min-width: 834px) {
          .wp-content .gform_wrapper .gform_footer .button, .wp-content .gform_wrapper .gform_footer .cta, .wp-content .gform_wrapper .gform_footer .submit {
            width: auto; } }

.article-content .article-body .gallery {
  width: calc(100% + 40px);
  margin: 20px 0 20px -20px !important;
  position: relative;
  float: none;
  clear: both;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 834px) {
    .article-content .article-body .gallery {
      width: calc(100% + 80px);
      margin: 30px 0 30px -40px !important; } }
  .article-content .article-body .gallery .gal_after {
    width: 60px;
    height: 60px;
    right: 10px;
    top: 10px;
    position: absolute;
    content: '';
    background: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/button_black_gal.svg") no-repeat center center;
    background-size: 100%;
    cursor: pointer; }
  .article-content .article-body .gallery.gallery-columns-1 .gallery-item {
    width: calc(100% - 3px) !important; }
  .article-content .article-body .gallery.gallery-columns-2 .gallery-item {
    width: calc(50% - 3px) !important; }
  .article-content .article-body .gallery.gallery-columns-3 .gallery-item {
    width: calc(50% - 3px) !important; }
    @media (min-width: 834px) {
      .article-content .article-body .gallery.gallery-columns-3 .gallery-item {
        width: calc(33.3333% - 3px) !important; } }
  .article-content .article-body .gallery.gallery-columns-4 .gallery-item {
    width: calc(50% - 3px) !important; }
    @media (min-width: 834px) {
      .article-content .article-body .gallery.gallery-columns-4 .gallery-item {
        width: calc(33.3333% - 3px) !important; } }
    @media (min-width: 1440px) {
      .article-content .article-body .gallery.gallery-columns-4 .gallery-item {
        width: calc(25% - 3px) !important; } }
  .article-content .article-body .gallery.gallery-columns-5 .gallery-item {
    width: calc(20% - 3px) !important; }
  .article-content .article-body .gallery.gallery-columns-6 .gallery-item {
    width: calc(16.666666666666667% - 3px) !important; }
  .article-content .article-body .gallery.gallery-columns-7 .gallery-item {
    width: calc(14.285714285714286% - 3px) !important; }
  .article-content .article-body .gallery.gallery-columns-8 .gallery-item {
    width: calc(12.5% - 3px) !important; }
  .article-content .article-body .gallery.gallery-columns-9 .gallery-item {
    width: calc(11.111111111111111% - 3px) !important; }
  .article-content .article-body .gallery .gallery-item {
    margin: 0 !important;
    width: calc(33.33333334% - 3px) !important;
    margin: 1px !important;
    flex: 1 auto;
    background: #ffffff;
    height: 30vh;
    flex-grow: 1;
    overflow: hidden;
    position: relative; }
    .article-content .article-body .gallery .gallery-item .gallery-caption {
      bottom: 0;
      position: absolute;
      left: 0;
      width: 100%;
      z-index: 3;
      line-height: 1;
      padding: 5px 0;
      background-color: rgba(255, 255, 255, 0.6);
      transition: 250ms; }
      @media (min-width: 834px) {
        .article-content .article-body .gallery .gallery-item .gallery-caption {
          padding: 10px 0;
          transform: translateY(10px);
          opacity: 0; } }
    .article-content .article-body .gallery .gallery-item:hover .gallery-caption {
      transform: translateY(0);
      opacity: 1; }
    .article-content .article-body .gallery .gallery-item img {
      border: 0 !important;
      max-height: 100%;
      max-width: 100%;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      vertical-align: bottom;
      position: relative;
      overflow: hidden; }
    .article-content .article-body .gallery .gallery-item .gallery-icon {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transform: translate(0, 0); }
      .article-content .article-body .gallery .gallery-item .gallery-icon img {
        border: 0 !important;
        max-height: 100%;
        max-width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        -o-object-fit: cover;
           object-fit: cover;
        vertical-align: bottom;
        transform: translate(0, 0); }

.sl-wrapper .sl-close {
  background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-close-black.svg");
  background-position: center;
  background-repeat: no-repeat; }

.sl-wrapper .sl-prev {
  background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/left.svg");
  background-position: center;
  background-repeat: no-repeat; }

.sl-wrapper .sl-next {
  transform: rotate(180deg);
  background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/left.svg");
  background-position: center;
  background-repeat: no-repeat; }

.site-header {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200; }
  @media (min-width: 834px) {
    .site-header {
      overflow: visible; } }
  .site-header:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: '';
    background-color: #ffffff;
    z-index: -1;
    height: 73px; }

.header-container {
  font-family: "Jost", sans-serif;
  font-weight: 500;
  background-color: #ffffff;
  font-size: 13px;
  z-index: 30;
  text-transform: uppercase; }
  .header-container .menu {
    font-weight: 400; }
  .header-container .header-bottom {
    height: 40px; }
    @media (min-width: 834px) {
      .header-container .header-bottom {
        transition: 250ms;
        height: 70px; } }
    .header-container .header-bottom .search-box-desktop {
      display: none; }
      @media (min-width: 834px) {
        .header-container .header-bottom .search-box-desktop.open {
          display: block;
          max-width: 500px;
          width: 320px; } }
      @media (min-width: 834px) {
        .header-container .header-bottom .search-box-desktop {
          z-index: 50;
          position: absolute;
          right: 96px;
          top: 13px;
          max-width: 0;
          overflow: hidden; } }
      @media (min-width: 1025px) {
        .header-container .header-bottom .search-box-desktop {
          right: 156px; } }
      @media (min-width: 834px) {
        .header-container .header-bottom .search-box-desktop.loggedin {
          right: 77px; } }
      .header-container .header-bottom .search-box-desktop .input-search {
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 2px 10px; }
      .header-container .header-bottom .search-box-desktop .screen-reader-text {
        display: none; }
  .header-container .header-top {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0;
    height: 56px;
    z-index: 20; }
    @media (min-width: 834px) {
      .header-container .header-top {
        height: 72px; } }
    .header-container .header-top:before, .header-container .header-top:after {
      position: absolute;
      top: 50px;
      width: 130%;
      height: 1px;
      right: calc(50% + 50px);
      background-color: #CACACA;
      content: ''; }
      @media (min-width: 834px) {
        .header-container .header-top:before, .header-container .header-top:after {
          top: 72px; } }
    .header-container .header-top:after {
      right: auto;
      left: calc(50% + 50px); }
    .header-container .header-top .hdr-logo {
      width: 80px;
      height: 60px;
      position: absolute;
      left: 50%;
      top: 10px;
      transform: translateX(-50%);
      transition: 250ms;
      margin: 0; }
      .header-container .header-top .hdr-logo svg {
        max-width: 90px; }
        @media (min-width: 834px) {
          .header-container .header-top .hdr-logo svg {
            max-width: 120px; } }
      @media (min-width: 834px) {
        .header-container .header-top .hdr-logo {
          top: 10px;
          width: 120px;
          height: 100px; } }
    .header-container .header-top .current-date {
      position: absolute;
      top: 60px;
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.5px; }
      @media (min-width: 834px) {
        .header-container .header-top .current-date {
          top: 50%;
          font-size: 13px;
          font-weight: 400;
          transform: translateY(-50%); } }
    .header-container .header-top .signup-button {
      position: absolute;
      left: 0;
      top: 50%;
      font-size: 12px;
      transform: translateY(-50%);
      text-transform: uppercase;
      text-decoration: none;
      font-weight: 400;
      letter-spacing: 0.5px; }
      @media (min-width: 834px) {
        .header-container .header-top .signup-button {
          top: 50%;
          right: 0;
          left: auto;
          font-size: 12px;
          transform: translateY(-50%); } }
      @media (min-width: 1025px) {
        .header-container .header-top .signup-button {
          font-size: 13px;
          border: 1px solid #DDDDDD;
          background-color: transparent;
          cursor: pointer;
          display: inline-block;
          padding: 5px 26px; } }
      .header-container .header-top .signup-button.loggedin {
        width: 30px;
        height: 30px;
        padding: 0;
        border: 0;
        border-radius: 50px;
        overflow: hidden;
        background-color: #DEDEDE;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (min-width: 834px) {
          .header-container .header-top .signup-button.loggedin {
            width: 40px;
            height: 40px; } }
    .header-container .header-top .search-button-desktop {
      display: none; }
      .header-container .header-top .search-button-desktop.loggedin {
        right: 60px; }
      @media (min-width: 834px) {
        .header-container .header-top .search-button-desktop {
          width: 30px;
          height: 30px;
          display: inline-block;
          cursor: pointer;
          text-align: center;
          position: absolute;
          right: 80px;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block; } }
      @media (min-width: 1025px) {
        .header-container .header-top .search-button-desktop {
          right: 140px; } }
      .header-container .header-top .search-button-desktop svg {
        display: inline-block;
        margin-top: 5px;
        max-width: 20px;
        max-height: 20px;
        color: black; }
    .header-container .header-top .shop-button {
      position: absolute;
      font-size: 10px;
      right: 0;
      top: 60px;
      text-decoration: none;
      font-weight: 400;
      letter-spacing: 0.5px; }
      @media (min-width: 834px) {
        .header-container .header-top .shop-button {
          display: none; } }

body.nav-moved-to-top .site-header {
  border-bottom: 1px solid #CACACA; }

body.nav-moved-to-top .header-container .hdr-logo {
  top: 0;
  transform: translateX(-50%) translateY(-30px); }
  @media (min-width: 834px) {
    body.nav-moved-to-top .header-container .hdr-logo {
      top: 12px;
      transform: translateX(-50%) translateY(-65px); } }

body.nav-moved-to-top .header-container .logo-gold {
  opacity: 0; }
  @media (min-width: 834px) {
    body.nav-moved-to-top .header-container .logo-gold {
      opacity: 0; } }

body.nav-moved-to-top .header-container .logo-black {
  opacity: 1; }
  @media (min-width: 834px) {
    body.nav-moved-to-top .header-container .logo-black {
      opacity: 1; } }

body.nav-moved-to-top .header-container .header-top:before, body.nav-moved-to-top .header-container .header-top:after {
  opacity: 0; }
  @media (min-width: 834px) {
    body.nav-moved-to-top .header-container .header-top:before, body.nav-moved-to-top .header-container .header-top:after {
      opacity: 0; } }

body.nav-moved-to-top .header-bottom {
  height: 1px;
  background-color: transparent; }
  body.nav-moved-to-top .header-bottom .menu li.menu-item-has-children:after,
  body.nav-moved-to-top .header-bottom .menu li.menu-item-has-children > .submenu-box {
    top: 74px; }
  body.nav-moved-to-top .header-bottom .menu li.has-brands > .brandsfilter {
    top: 74px; }

@media (min-width: 834px) {
  body.nav-moved-to-top .nav-main .menu-left {
    top: 25px; } }

@media (min-width: 834px) {
  body.nav-moved-to-top .nav-main .menu-right {
    top: 25px; } }

.mob-nav .search-box-navmenu {
  margin: 20px 20px 20px; }

.search-box-navmenu {
  font-family: "Jost", sans-serif;
  font-size: 12px;
  margin: 20px 20px 20px;
  position: relative; }
  .search-box-navmenu label {
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block; }
  .search-box-navmenu .input-search {
    width: 100%;
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0px 50px 0  20px;
    font-size: 17px;
    border: 1px solid #CACACA; }
  .search-box-navmenu .search-button {
    width: 42px;
    height: 43px;
    overflow: hidden;
    display: block;
    position: absolute;
    right: 1px;
    bottom: 1px;
    cursor: pointer;
    background-color: transparent;
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/search-icon.svg");
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat; }
    .search-box-navmenu .search-button input {
      display: block;
      width: 100%;
      height: 100%;
      background-color: transparent;
      border: none;
      text-indent: -99999px; }

.menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  .menu li > .menu {
    display: none; }
  .menu li a {
    text-decoration: none;
    letter-spacing: 1px;
    position: relative; }
    .menu li a:after {
      position: absolute;
      left: 0;
      top: 100%;
      display: block;
      height: 2px;
      width: 0;
      content: '';
      background-color: #000000;
      transition: 250ms; }
    .menu li a:hover :after {
      width: 100%; }

.header-bottom .nav-main {
  display: none;
  justify-content: space-between; }
  @media (min-width: 834px) {
    .header-bottom .nav-main {
      display: flex; } }
  .header-bottom .nav-main .menu li {
    padding: 0 0 25px 0;
    position: relative; }
    .header-bottom .nav-main .menu li a {
      padding: 5px 10px; }
      @media (min-width: 1125px) {
        .header-bottom .nav-main .menu li a {
          padding: 5px 15px; } }
    .header-bottom .nav-main .menu li.has-brands a {
      padding-right: 15px; }
      @media (min-width: 1125px) {
        .header-bottom .nav-main .menu li.has-brands a {
          padding-right: 20px; } }
    @media (min-width: 834px) {
      .header-bottom .nav-main .menu li.has-brands:before {
        right: 4px;
        top: 7px;
        position: absolute;
        transition: 250ms;
        content: '';
        width: 9px;
        height: 8px;
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/arrow_down-black.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px; } }
    @media (min-width: 834px) {
      .header-bottom .nav-main .menu li.has-brands:hover:before {
        transform: rotate(180deg); } }
    .header-bottom .nav-main .menu li.menu-item-has-children {
      text-align: center; }
      .header-bottom .nav-main .menu li.menu-item-has-children > a {
        padding-right: 15px; }
        @media (min-width: 1125px) {
          .header-bottom .nav-main .menu li.menu-item-has-children > a {
            padding-right: 20px; } }
      @media (min-width: 834px) {
        .header-bottom .nav-main .menu li.menu-item-has-children:before {
          right: 4px;
          top: 7px;
          position: absolute;
          transition: 250ms;
          content: '';
          width: 9px;
          height: 8px;
          background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/arrow_down-black.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 8px; } }
      .header-bottom .nav-main .menu li.menu-item-has-children:after {
        opacity: 0;
        position: fixed;
        left: 0;
        max-height: 0;
        top: 115px;
        background-color: rgba(255, 255, 255, 0.97);
        width: 100%;
        height: 290px;
        border-bottom: 1px solid #DEDEDE;
        content: '';
        z-index: -1;
        box-shadow: 0 13px 13px -10px rgba(0, 0, 0, 0.61); }
      @media (min-width: 834px) {
        .header-bottom .nav-main .menu li.menu-item-has-children:hover:before {
          transform: rotate(180deg); } }
      .header-bottom .nav-main .menu li.menu-item-has-children:hover > .submenu-box {
        display: block; }
      .header-bottom .nav-main .menu li.menu-item-has-children:hover:after {
        opacity: 1;
        max-height: 500px; }
      .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box {
        z-index: 2;
        display: none;
        position: fixed;
        left: 0;
        top: 115px;
        padding: 50px 0;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: left;
        width: 100%; }
        .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner {
          padding: 0 15px;
          position: absolute;
          float: left;
          width: 100%;
          max-width: 1260px;
          left: 50%;
          transform: translateX(-50%); }
          .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu {
            float: left;
            position: relative;
            width: 100%; }
            .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li {
              float: left;
              padding: 0;
              margin: 0;
              text-align: left;
              width: 200px;
              overflow: hidden;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              margin-bottom: 5px;
              margin-left: 15px; }
              @media (min-width: 1024px) {
                .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li {
                  width: 234px; } }
              @media (min-width: 1440px) {
                .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li {
                  width: 249px; } }
              .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev {
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                background-color: #E9DCD6;
                height: 180px;
                width: 161px;
                position: relative;
                page-break-after: always;
                -moz-column-break-after: always;
                     break-after: always; }
                .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev > .figure {
                  position: absolute;
                  z-index: 0;
                  width: 100%;
                  height: 100%; }
                  .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev > .figure picture {
                    position: absolute;
                    z-index: 0;
                    width: 100%;
                    height: 100%; }
                    .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev > .figure picture img {
                      width: auto;
                      position: relative;
                      height: 100%;
                      max-width: none;
                      width: auto;
                      left: 50%;
                      transform: translateX(-50%); }
                .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev:nth-child(2) {
                  margin-right: 20px; }
                @media (min-width: 1024px) {
                  .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev {
                    width: 223px; } }
                @media (min-width: 1440px) {
                  .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev {
                    width: 323px; } }
                .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev a {
                  display: flex;
                  width: 100%;
                  height: 100%;
                  font-weight: 700;
                  justify-content: center;
                  align-items: center;
                  text-align: center;
                  color: #ffffff;
                  position: relative;
                  z-index: 4;
                  transition: 250ms; }
                  .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev a:before {
                    width: 100%;
                    height: 0;
                    background-color: #000000;
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    z-index: 2; }
                  .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev a:after {
                    left: 0;
                    top: 0;
                    width: 100%;
                    z-index: -1;
                    height: 100%;
                    opacity: 0.5;
                    background: black;
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%);
                    background-position: center;
                    content: ''; }
                  .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev a:hover:before {
                    height: 10px; }
                  .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li.show-prev a:hover:after {
                    opacity: 0.8; }
              .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li > .menu {
                display: none; }
              .header-bottom .nav-main .menu li.menu-item-has-children > .submenu-box .menu-inner > .menu > li a {
                line-height: 1.3em;
                padding: 0; }

.header-bottom .menu-left {
  position: absolute;
  left: auto;
  top: 86px;
  z-index: 20;
  right: calc(50% + 100px);
  width: auto;
  transition: 250ms; }
  .header-bottom .menu-left:hover {
    z-index: 21; }
  .header-bottom .menu-left > .menu {
    display: flex;
    justify-content: flex-end; }
    .header-bottom .menu-left > .menu > li.menu-item-has-children .submenu-box .menu-inner > .menu > li:nth-child(9) {
      page-break-after: always;
      -moz-column-break-after: always;
           break-after: always; }

.header-bottom .menu-right {
  position: absolute;
  top: 86px;
  z-index: 20;
  left: calc(50% + 100px);
  width: auto;
  transition: 250ms; }
  .header-bottom .menu-right:hover {
    z-index: 21; }
  .header-bottom .menu-right > .menu {
    display: flex;
    justify-content: flex-start; }
    .header-bottom .menu-right > .menu > li.menu-item-has-children .submenu-box .menu-inner {
      max-width: 630px; }
      .header-bottom .menu-right > .menu > li.menu-item-has-children .submenu-box .menu-inner > .menu {
        width: 100%;
        max-width: 620px;
        -moz-column-count: 2;
             column-count: 2; }
        .header-bottom .menu-right > .menu > li.menu-item-has-children .submenu-box .menu-inner > .menu > li {
          float: left; }
          .header-bottom .menu-right > .menu > li.menu-item-has-children .submenu-box .menu-inner > .menu > li:nth-child(6) {
            page-break-after: always;
            -moz-column-break-after: always;
                 break-after: always; }

@media (min-width: 834px) {
  .has-brands:hover .brandsfilter {
    display: block; } }

.brandsfilter {
  display: none;
  width: 100%;
  height: 450px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.97); }
  @media (min-width: 834px) {
    .brandsfilter {
      border-bottom: 1px solid #DEDEDE;
      padding: 25px 0 50px 0;
      position: fixed;
      top: 115px;
      box-shadow: 0 13px 13px -10px rgba(0, 0, 0, 0.61); } }
  .brandsfilter .search_position fieldset {
    border: none; }
  .brandsfilter .search_position input {
    width: 100%;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #CACACA; }
  .brandsfilter .filterbrandbox {
    max-width: 640px;
    margin: 0 auto; }
  .brandsfilter .veiw_all_brands {
    padding: 10px 0;
    max-width: 640px;
    margin: 0 auto;
    text-align: center; }

ul.brandlist_header {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
  scroll-behavior: smooth;
  max-height: 320px; }
  ul.brandlist_header li {
    margin: 0;
    padding: 0 10px !important; }
    ul.brandlist_header li.brand_prefix_devide {
      background-color: #CACACA;
      height: 1px;
      margin: 12px 10px; }
    ul.brandlist_header li a {
      display: block;
      margin: 0;
      font-size: 12px;
      font-family: "Jost", sans-serif;
      text-transform: uppercase; }
    ul.brandlist_header li:nth-child(even) a {
      background-color: rgba(202, 202, 202, 0.2); }

.search-trigger-menu {
  position: absolute;
  right: 35px;
  cursor: pointer;
  display: block;
  fill: #000000;
  content: '';
  top: 0;
  width: 40px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .search-trigger-menu svg {
    width: 15px; }
  @media (min-width: 834px) {
    .search-trigger-menu {
      display: none; } }

.mobile-menu-toggle {
  position: absolute;
  right: -13px;
  top: 0;
  width: 50px;
  height: 55px; }
  @media (min-width: 834px) {
    .mobile-menu-toggle {
      display: none; } }
  .mobile-menu-toggle .button_lines {
    position: absolute;
    letter-spacing: 20px;
    top: 15px;
    left: 13px;
    width: 24px;
    height: 20px; }
    @media (min-width: 834px) {
      .mobile-menu-toggle .button_lines {
        left: 38px;
        top: 38px; } }
    .mobile-menu-toggle .button_lines > div {
      position: absolute;
      top: 9px;
      width: 24px;
      height: 1px;
      border-radius: 2px;
      background-color: #000000;
      content: '';
      transition: 300ms;
      transition-timing-function: cubic-bezier(0.95, 0.17, 0.83, 0.67);
      z-index: 3; }
      .mobile-menu-toggle .button_lines > div.top-line {
        top: 9px; }
      .mobile-menu-toggle .button_lines > div.bottom-line {
        top: 16px; }
  .mobile-menu-toggle.close .button_lines > div:first-child {
    transform: rotate(135deg);
    top: 10px; }
  .mobile-menu-toggle.close .button_lines > div:last-child {
    top: 10px;
    transform: rotate(225deg);
    transition-timing-function: cubic-bezier(0.95, 0.17, 0.83, 0.67); }
  .mobile-menu-toggle button {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
    cursor: pointer; }
    .mobile-menu-toggle button .icon, .mobile-menu-toggle button .form-box .select:after, .form-box .mobile-menu-toggle button .select:after,
    .mobile-menu-toggle button .form-box .ginput_container_select:after, .form-box .mobile-menu-toggle button .ginput_container_select:after,
    .mobile-menu-toggle button .container .gform_wrapper .select:after, .container .gform_wrapper .mobile-menu-toggle button .select:after,
    .mobile-menu-toggle button .container .gform_wrapper .ginput_container_select:after, .container .gform_wrapper .mobile-menu-toggle button .ginput_container_select:after {
      display: none; }

body.menu-mob-active {
  overflow: hidden; }
  @media (min-width: 834px) {
    body.menu-mob-active {
      overflow: auto; } }
  body.menu-mob-active .mob-nav {
    padding-top: 100px;
    top: 0px;
    height: 100%;
    opacity: 1; }
    @media (min-width: 834px) {
      body.menu-mob-active .mob-nav {
        display: none; } }
    body.menu-mob-active .mob-nav:after {
      top: 0; }
    body.menu-mob-active .mob-nav .menu li {
      position: relative; }
      body.menu-mob-active .mob-nav .menu li.open_sub_menu_mobile .mob_open_toggle {
        transform: rotate(-180deg); }
      body.menu-mob-active .mob-nav .menu li .mob_open_toggle {
        right: 0px;
        top: 0;
        transition: 250ms;
        display: none;
        width: 48px;
        height: 42px;
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/arrow_down-black.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 10px;
        content: '';
        cursor: pointer;
        z-index: 4;
        position: absolute; }
        @media (min-width: 834px) {
          body.menu-mob-active .mob-nav .menu li .mob_open_toggle {
            display: none; } }
      body.menu-mob-active .mob-nav .menu li.menu-item-has-children > .mob_open_toggle, body.menu-mob-active .mob-nav .menu li.has-brands > .mob_open_toggle {
        display: block; }
      body.menu-mob-active .mob-nav .menu li.open_sub_menu_mobile > .menu,
      body.menu-mob-active .mob-nav .menu li.open_sub_menu_mobile > .brandsfilter {
        display: block;
        margin-bottom: 0;
        padding-bottom: 0; }
        body.menu-mob-active .mob-nav .menu li.open_sub_menu_mobile > .menu li,
        body.menu-mob-active .mob-nav .menu li.open_sub_menu_mobile > .brandsfilter li {
          border: none; }
    body.menu-mob-active .mob-nav .menu:last-child {
      padding-bottom: 50px; }
  body.menu-mob-active.nav-moved-to-top .mob-nav {
    padding-top: 60px; }

.mob-nav {
  position: fixed;
  overflow-x: scroll;
  left: 0;
  top: -100%;
  height: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: 250ms;
  background-color: #ffffff;
  z-index: 19;
  transition-delay: 200ms;
  transition-timing-function: cubic-bezier(0.95, 0.17, 0.83, 0.67); }
  .mob-nav:after {
    transition-delay: 0;
    transition: 250ms;
    position: fixed;
    background-color: #ffffff;
    left: 0;
    top: -100%;
    height: 100%;
    content: '';
    width: 100%;
    z-index: -1; }
  .mob-nav .menu {
    font-family: "Jost", sans-serif; }
    .mob-nav .menu li {
      border-bottom: 1px solid #CACACA;
      text-decoration: none; }
      .mob-nav .menu li a {
        font-size: 12px;
        text-transform: uppercase;
        padding: 10px 50px 10px 20px;
        display: block;
        letter-spacing: 1px;
        position: relative;
        transition: 250ms; }

.site-footer {
  background-color: #7A6F6B;
  color: #ffffff;
  padding: 30px 0;
  text-transform: uppercase;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 13px;
  text-align: center; }
  @media (min-width: 834px) {
    .site-footer {
      text-align: left;
      padding: 100px 0; } }
  .site-footer .col {
    margin-bottom: 30px; }
    @media (min-width: 834px) {
      .site-footer .col {
        margin-bottom: 0; } }
  .site-footer svg {
    max-width: 240px;
    display: inline-block;
    margin-bottom: 15px; }
  .site-footer a {
    color: #ffffff;
    letter-spacing: 1px;
    text-decoration: none; }
  .site-footer .menu a {
    font-weight: 400; }

.article-meta {
  height: 50px;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 30px;
  margin-left: -17px;
  padding: 5px 17px;
  width: calc(100% + 34px); }
  @media (min-width: 834px) {
    .article-meta {
      width: 100%;
      padding: 5px 0;
      height: 55px;
      margin-left: 0;
      margin-bottom: 45px; } }
  .article-meta .author_box {
    margin-left: 0;
    text-decoration: none;
    margin-right: auto;
    display: flex;
    align-items: center; }
    .article-meta .author_box .figure {
      margin-right: 10px;
      max-width: 36px; }
      @media (min-width: 834px) {
        .article-meta .author_box .figure {
          max-height: none; } }
    .article-meta .author_box .publication-date {
      font-weight: 400; }
  .article-meta .comment-count {
    cursor: pointer;
    font-weight: 400; }
    .article-meta .comment-count .lable {
      display: none; }
      @media (min-width: 768px) {
        .article-meta .comment-count .lable {
          display: inline; } }
    .article-meta .comment-count .count {
      font-size: 12px;
      position: relative;
      margin: 0 0 0 10px;
      background: #BAABA4;
      color: #fff;
      font-weight: bold;
      height: 20px;
      min-width: 30px;
      text-align: center;
      line-height: 20px;
      padding: 0 7px 0 8px;
      border-radius: 15px;
      display: inline-block;
      transform: translateY(-4px); }
      @media (min-width: 834px) {
        .article-meta .comment-count .count {
          transform: translateY(0); } }
      .article-meta .comment-count .count:after {
        right: 10px;
        top: 95%;
        width: 10px;
        height: 10px;
        content: '';
        position: absolute;
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/Triangle.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%; }

.promotioncat {
  background-color: #EEEEEE;
  padding: 2px 8px; }

.hasdesciption {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px; }
  @media (min-width: 834px) {
    .hasdesciption {
      padding-bottom: 35px;
      margin-bottom: 35px; } }
  .hasdesciption:after {
    position: absolute;
    left: 17px;
    bottom: 0;
    height: 1px;
    width: calc(100% - 34px);
    content: '';
    background-color: #DEDEDE; }
    @media (min-width: 834px) {
      .hasdesciption:after {
        left: 25px;
        width: calc(100% - 50px); } }

.categoryeheader {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px; }
  @media (min-width: 834px) {
    .categoryeheader {
      padding-bottom: 35px;
      margin-bottom: 35px; } }
  .categoryeheader:after {
    position: absolute;
    left: 17px;
    bottom: 0;
    height: 1px;
    width: calc(100% - 34px);
    content: '';
    background-color: #CACACA; }
    @media (min-width: 834px) {
      .categoryeheader:after {
        left: 25px;
        width: calc(100% - 50px); } }
  .categoryeheader .category-header {
    width: 100%;
    background-color: #E9DCD6;
    height: 180px;
    position: relative; }
    .categoryeheader .category-header .category-header-padidng {
      position: relative;
      z-index: 2;
      padding: 20px;
      display: flex;
      height: 100%;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      @media (min-width: 834px) {
        .categoryeheader .category-header .category-header-padidng {
          align-items: flex-start;
          padding: 30px 60px; } }
    .categoryeheader .category-header.has-image {
      color: #ffffff;
      background-color: transparent;
      overflow: hidden; }
    @media (min-width: 360px) {
      .categoryeheader .category-header {
        min-height: 200px; } }
    @media (min-width: 420px) {
      .categoryeheader .category-header {
        min-height: 232px; } }
    @media (min-width: 768px) {
      .categoryeheader .category-header {
        min-height: 280px; } }
    @media (min-width: 1024px) {
      .categoryeheader .category-header {
        min-height: 335px; } }
    @media (min-width: 1125px) {
      .categoryeheader .category-header {
        min-height: 400px; } }
    @media (min-width: 1440px) {
      .categoryeheader .category-header {
        min-height: 415px; } }
    .categoryeheader .category-header .figure {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: -1;
      min-height: 160px; }
      @media (min-width: 360px) {
        .categoryeheader .category-header .figure {
          min-height: 180px; } }
      @media (min-width: 420px) {
        .categoryeheader .category-header .figure {
          min-height: 212px; } }
      @media (min-width: 768px) {
        .categoryeheader .category-header .figure {
          min-height: 25px; } }
      @media (min-width: 1024px) {
        .categoryeheader .category-header .figure {
          min-height: 335px; } }
      @media (min-width: 1125px) {
        .categoryeheader .category-header .figure {
          min-height: 400px; } }
      @media (min-width: 1440px) {
        .categoryeheader .category-header .figure {
          min-height: 415px; } }
      .categoryeheader .category-header .figure:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: '';
        background: #030303;
        background: linear-gradient(30deg, rgba(3, 3, 3, 0.517227) 0%, rgba(255, 255, 255, 0) 100%); }
  .categoryeheader .category_description {
    margin-top: 30px; }
    @media (min-width: 834px) {
      .categoryeheader .category_description {
        margin-top: 50px; } }

.timelinebox {
  position: relative; }
  .timelinebox:after {
    position: absolute;
    left: 0;
    top: 46px;
    width: 100%;
    height: 4px;
    content: '';
    background-color: #000000; }
  .timelinebox > div:after, .timelinebox > div:before {
    position: absolute;
    top: 46px;
    right: 100%;
    width: 70px;
    height: 4px;
    content: '';
    z-index: 2;
    background: white;
    background: linear-gradient(to right, white 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); }
  .timelinebox > div:after {
    right: 0;
    left: 100%;
    background: black;
    background: linear-gradient(to right, black 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); }
  .timelinebox .slick-slider {
    width: 100%;
    float: left;
    position: relative; }
  .timelinebox .slick-slide {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    opacity: 0;
    transition: 300ms; }
    .timelinebox .slick-slide.slick-active {
      opacity: 1; }
    .timelinebox .slick-slide .years {
      font-family: "Jost", sans-serif;
      font-weight: 700;
      margin-bottom: 50px;
      height: 40px;
      display: block;
      position: relative; }
      .timelinebox .slick-slide .years:after {
        position: absolute;
        left: 0;
        top: 100%;
        width: 15px;
        height: 15px;
        background: #000;
        transform: rotate(45deg);
        content: ''; }
    .timelinebox .slick-slide .time_slide > div {
      max-width: 220px; }
  .timelinebox .slick-arrow {
    top: 90px;
    width: 40px;
    height: 40px;
    left: -20px;
    border: none;
    padding: 0;
    position: absolute;
    z-index: 8;
    background: none;
    transition: 250ms;
    overflow: hidden;
    text-indent: -445px; }
    @media (min-width: 834px) {
      .timelinebox .slick-arrow {
        border: 2px solid #000;
        left: -25px; } }
    @media (min-width: 1440px) {
      .timelinebox .slick-arrow {
        left: -70px;
        width: 60px;
        height: 60px; } }
    .timelinebox .slick-arrow:after {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 15px;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      height: 25px;
      background-color: #ffffff;
      background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/left.svg");
      background-size: 100%;
      content: ''; }
    .timelinebox .slick-arrow.slick-next {
      left: auto;
      right: -20px; }
      @media (min-width: 834px) {
        .timelinebox .slick-arrow.slick-next {
          right: -25px; } }
      @media (min-width: 1440px) {
        .timelinebox .slick-arrow.slick-next {
          right: -70px; } }
      .timelinebox .slick-arrow.slick-next:after {
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/right.svg"); }

.content-wrapper.graybox_moreinfo {
  background-color: #DEDEDE;
  padding-top: 40px;
  padding-bottom: 40px; }
  .content-wrapper.graybox_moreinfo .brand-moreinfobox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .content-wrapper.graybox_moreinfo .brand-moreinfobox > div {
      width: 45%; }

.content-wrapper.section-devider .col {
  border-top: 1px solid #DEDEDE; }

.category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap; }
  .category-list li a {
    display: block;
    text-decoration: none;
    padding: 2px 6px;
    background-color: #E3DAD5;
    margin-right: 3px;
    margin-bottom: 3px;
    transition: 250ms; }
    .category-list li a:hover {
      background-color: #b9aaa3;
      color: #ffffff; }

.pagination-content ul.pagination {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center; }
  .pagination-content ul.pagination li {
    display: none;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    background-color: #000000;
    color: #ffffff;
    font-family: "Jost", sans-serif;
    text-align: center;
    line-height: 40px; }
    @media (min-width: 834px) {
      .pagination-content ul.pagination li {
        display: inline-block; } }
    .pagination-content ul.pagination li.disabled {
      display: none; }
    .pagination-content ul.pagination li.current {
      background-color: #BAABA4; }
    .pagination-content ul.pagination li.btn {
      display: inline-block; }
      .pagination-content ul.pagination li.btn a {
        display: block;
        width: 100%;
        height: 100%;
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/left_arrow.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 8px; }
      .pagination-content ul.pagination li.btn.next a {
        transform: rotate(180deg); }
    .pagination-content ul.pagination li a {
      text-decoration: none;
      display: block; }

body.hidden-scroll {
  overflow: hidden; }

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  display: none;
  z-index: 1035; }

.sl-wrapper {
  z-index: 1040; }

.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer; }

.sl-wrapper button:hover {
  opacity: 0.7; }

.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000; }

.sl-wrapper .sl-close:focus {
  outline: none; }

.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem; }

.sl-wrapper .sl-navigation {
  width: 100%;
  display: none; }

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000; }

.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem; }

.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem; }

.sl-wrapper .sl-navigation button:focus {
  outline: none; }

@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px; }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem; }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem; } }

@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px; }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem; }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem; } }

.sl-wrapper .sl-image {
  position: fixed;
  touch-action: none;
  z-index: 10000; }

.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto; }

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none; } }

@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none; } }

.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none; }

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none; } }

@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none; } }

.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0; }

.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto; }

.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060; }

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.sl-transition {
  transition: transform ease 200ms; }

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

.brans_logo_list {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  .brans_logo_list .brand_box {
    width: calc(20% - 2px);
    border: 1px solid #fff;
    text-align: center;
    transition: 250ms;
    flex: 0 0 30%;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 834px) {
      .brans_logo_list .brand_box {
        flex: 0 0 18%; } }
    .brans_logo_list .brand_box:before {
      content: "";
      display: block;
      padding-top: 100%;
      float: left; }
    .brans_logo_list .brand_box:hover {
      border: 1px solid #BAABA4; }
    .brans_logo_list .brand_box img {
      display: inline-block;
      max-width: 90%;
      padding: 0 5%;
      max-height: none; }

.brandlist {
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-columns: 2;
       columns: 2; }
  @media (min-width: 834px) {
    .brandlist {
      -moz-columns: 3;
           columns: 3; } }
  @media (min-width: 1440px) {
    .brandlist {
      -moz-columns: 4;
           columns: 4; } }

.brandlocation {
  position: relative;
  display: block;
  font-family: "Jost", sans-serif;
  font-size: 12px;
  padding-left: 20px;
  text-transform: uppercase; }
  .brandlocation:before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 15px;
    content: '';
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/pointer.svg");
    background-repeat: no-repeat;
    background-size: 100%; }

.section-header-login {
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 40px;
  padding-top: 40px; }
  .section-header-login:before {
    background-color: #F7F7F7;
    z-index: -1;
    position: absolute;
    top: 0;
    content: '';
    height: calc(100% - 30px);
    left: 17px;
    width: calc(100% - 34px); }
    @media (min-width: 834px) {
      .section-header-login:before {
        left: 25px;
        width: calc(100% - 50px); } }
  .section-header-login .login-form-box {
    padding: 0 0 40px 0; }
    .section-header-login .login-form-box h4 {
      font-family: 700;
      font-size: 38px; }
  .section-header-login .section-title {
    margin-top: 30px;
    margin-bottom: 30px; }
    @media (min-width: 834px) {
      .section-header-login .section-title {
        margin-top: 45px;
        margin-bottom: 45px; } }

body.page-template-page-login-php .container.vert_add_header,
body.page-template-page-createprofile-php .container.vert_add_header,
body.page-template-page-reset-password-php .container.vert_add_header,
body.page-template-page-profile-php .container.vert_add_header,
modal#edit-watch .container.vert_add_header,
modal#add-watch .container.vert_add_header {
  display: none; }

body.page-template-page-login-php .container .new_box-reset-password-page,
body.page-template-page-createprofile-php .container .new_box-reset-password-page,
body.page-template-page-reset-password-php .container .new_box-reset-password-page,
body.page-template-page-profile-php .container .new_box-reset-password-page,
modal#edit-watch .container .new_box-reset-password-page,
modal#add-watch .container .new_box-reset-password-page {
  display: flex;
  min-height: 60vh;
  justify-content: center;
  align-items: center; }
  @media (max-width: 833px) {
    body.page-template-page-login-php .container .new_box-reset-password-page,
    body.page-template-page-createprofile-php .container .new_box-reset-password-page,
    body.page-template-page-reset-password-php .container .new_box-reset-password-page,
    body.page-template-page-profile-php .container .new_box-reset-password-page,
    modal#edit-watch .container .new_box-reset-password-page,
    modal#add-watch .container .new_box-reset-password-page {
      flex-wrap: wrap; } }
  body.page-template-page-login-php .container .new_box-reset-password-page > div,
  body.page-template-page-createprofile-php .container .new_box-reset-password-page > div,
  body.page-template-page-reset-password-php .container .new_box-reset-password-page > div,
  body.page-template-page-profile-php .container .new_box-reset-password-page > div,
  modal#edit-watch .container .new_box-reset-password-page > div,
  modal#add-watch .container .new_box-reset-password-page > div {
    max-width: 460px;
    margin: 0 20px; }
    @media (max-width: 833px) {
      body.page-template-page-login-php .container .new_box-reset-password-page > div,
      body.page-template-page-createprofile-php .container .new_box-reset-password-page > div,
      body.page-template-page-reset-password-php .container .new_box-reset-password-page > div,
      body.page-template-page-profile-php .container .new_box-reset-password-page > div,
      modal#edit-watch .container .new_box-reset-password-page > div,
      modal#add-watch .container .new_box-reset-password-page > div {
        order: 2; } }
    @media (max-width: 833px) {
      body.page-template-page-login-php .container .new_box-reset-password-page > div.page-visual,
      body.page-template-page-createprofile-php .container .new_box-reset-password-page > div.page-visual,
      body.page-template-page-reset-password-php .container .new_box-reset-password-page > div.page-visual,
      body.page-template-page-profile-php .container .new_box-reset-password-page > div.page-visual,
      modal#edit-watch .container .new_box-reset-password-page > div.page-visual,
      modal#add-watch .container .new_box-reset-password-page > div.page-visual {
        order: 1; } }

body.page-template-page-login-php .container.login_profile h4,
body.page-template-page-createprofile-php .container.login_profile h4,
body.page-template-page-reset-password-php .container.login_profile h4,
body.page-template-page-profile-php .container.login_profile h4,
modal#edit-watch .container.login_profile h4,
modal#add-watch .container.login_profile h4 {
  margin-bottom: 10px; }

body.page-template-page-login-php .container.login_profile form,
body.page-template-page-createprofile-php .container.login_profile form,
body.page-template-page-reset-password-php .container.login_profile form,
body.page-template-page-profile-php .container.login_profile form,
modal#edit-watch .container.login_profile form,
modal#add-watch .container.login_profile form {
  width: 100%; }

@media (max-width: 833px) {
  body.page-template-page-login-php .container.login_profile,
  body.page-template-page-createprofile-php .container.login_profile,
  body.page-template-page-reset-password-php .container.login_profile,
  body.page-template-page-profile-php .container.login_profile,
  modal#edit-watch .container.login_profile,
  modal#add-watch .container.login_profile {
    margin: 20px 0 0 0; } }

body.page-template-page-login-php .container.login_profile .inner,
body.page-template-page-createprofile-php .container.login_profile .inner,
body.page-template-page-reset-password-php .container.login_profile .inner,
body.page-template-page-profile-php .container.login_profile .inner,
modal#edit-watch .container.login_profile .inner,
modal#add-watch .container.login_profile .inner {
  max-width: 1100px; }
  @media (max-width: 833px) {
    body.page-template-page-login-php .container.login_profile .inner .g_12,
    body.page-template-page-createprofile-php .container.login_profile .inner .g_12,
    body.page-template-page-reset-password-php .container.login_profile .inner .g_12,
    body.page-template-page-profile-php .container.login_profile .inner .g_12,
    modal#edit-watch .container.login_profile .inner .g_12,
    modal#add-watch .container.login_profile .inner .g_12 {
      width: 100%;
      margin-right: 0;
      margin-left: 0; } }

body.page-template-page-login-php .container.login_profile .row-comments-by-user,
body.page-template-page-createprofile-php .container.login_profile .row-comments-by-user,
body.page-template-page-reset-password-php .container.login_profile .row-comments-by-user,
body.page-template-page-profile-php .container.login_profile .row-comments-by-user,
modal#edit-watch .container.login_profile .row-comments-by-user,
modal#add-watch .container.login_profile .row-comments-by-user {
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(186, 133, 93, 0.5); }
  body.page-template-page-login-php .container.login_profile .row-comments-by-user .join_the_confersetion,
  body.page-template-page-createprofile-php .container.login_profile .row-comments-by-user .join_the_confersetion,
  body.page-template-page-reset-password-php .container.login_profile .row-comments-by-user .join_the_confersetion,
  body.page-template-page-profile-php .container.login_profile .row-comments-by-user .join_the_confersetion,
  modal#edit-watch .container.login_profile .row-comments-by-user .join_the_confersetion,
  modal#add-watch .container.login_profile .row-comments-by-user .join_the_confersetion {
    font-family: "Jost", sans-serif;
    margin: 10px 0;
    text-decoration: none;
    font-size: 12px;
    display: block; }
  body.page-template-page-login-php .container.login_profile .row-comments-by-user .commented-in,
  body.page-template-page-createprofile-php .container.login_profile .row-comments-by-user .commented-in,
  body.page-template-page-reset-password-php .container.login_profile .row-comments-by-user .commented-in,
  body.page-template-page-profile-php .container.login_profile .row-comments-by-user .commented-in,
  modal#edit-watch .container.login_profile .row-comments-by-user .commented-in,
  modal#add-watch .container.login_profile .row-comments-by-user .commented-in {
    width: 100%;
    font-weight: bold; }
    body.page-template-page-login-php .container.login_profile .row-comments-by-user .commented-in a,
    body.page-template-page-createprofile-php .container.login_profile .row-comments-by-user .commented-in a,
    body.page-template-page-reset-password-php .container.login_profile .row-comments-by-user .commented-in a,
    body.page-template-page-profile-php .container.login_profile .row-comments-by-user .commented-in a,
    modal#edit-watch .container.login_profile .row-comments-by-user .commented-in a,
    modal#add-watch .container.login_profile .row-comments-by-user .commented-in a {
      color: #ba855d;
      text-decoration: none; }
      body.page-template-page-login-php .container.login_profile .row-comments-by-user .commented-in a:hover,
      body.page-template-page-createprofile-php .container.login_profile .row-comments-by-user .commented-in a:hover,
      body.page-template-page-reset-password-php .container.login_profile .row-comments-by-user .commented-in a:hover,
      body.page-template-page-profile-php .container.login_profile .row-comments-by-user .commented-in a:hover,
      modal#edit-watch .container.login_profile .row-comments-by-user .commented-in a:hover,
      modal#add-watch .container.login_profile .row-comments-by-user .commented-in a:hover {
        text-decoration: underline; }
  body.page-template-page-login-php .container.login_profile .row-comments-by-user .commented-at,
  body.page-template-page-createprofile-php .container.login_profile .row-comments-by-user .commented-at,
  body.page-template-page-reset-password-php .container.login_profile .row-comments-by-user .commented-at,
  body.page-template-page-profile-php .container.login_profile .row-comments-by-user .commented-at,
  modal#edit-watch .container.login_profile .row-comments-by-user .commented-at,
  modal#add-watch .container.login_profile .row-comments-by-user .commented-at {
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    width: 100%; }

body.page-template-page-login-php .container.login_profile .new_loginbox,
body.page-template-page-createprofile-php .container.login_profile .new_loginbox,
body.page-template-page-reset-password-php .container.login_profile .new_loginbox,
body.page-template-page-profile-php .container.login_profile .new_loginbox,
modal#edit-watch .container.login_profile .new_loginbox,
modal#add-watch .container.login_profile .new_loginbox {
  display: flex;
  min-height: 60vh;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  body.page-template-page-login-php .container.login_profile .new_loginbox form,
  body.page-template-page-createprofile-php .container.login_profile .new_loginbox form,
  body.page-template-page-reset-password-php .container.login_profile .new_loginbox form,
  body.page-template-page-profile-php .container.login_profile .new_loginbox form,
  modal#edit-watch .container.login_profile .new_loginbox form,
  modal#add-watch .container.login_profile .new_loginbox form {
    margin: 0; }
  body.page-template-page-login-php .container.login_profile .new_loginbox h4,
  body.page-template-page-createprofile-php .container.login_profile .new_loginbox h4,
  body.page-template-page-reset-password-php .container.login_profile .new_loginbox h4,
  body.page-template-page-profile-php .container.login_profile .new_loginbox h4,
  modal#edit-watch .container.login_profile .new_loginbox h4,
  modal#add-watch .container.login_profile .new_loginbox h4 {
    margin-bottom: 20px; }
  body.page-template-page-login-php .container.login_profile .new_loginbox > div,
  body.page-template-page-createprofile-php .container.login_profile .new_loginbox > div,
  body.page-template-page-reset-password-php .container.login_profile .new_loginbox > div,
  body.page-template-page-profile-php .container.login_profile .new_loginbox > div,
  modal#edit-watch .container.login_profile .new_loginbox > div,
  modal#add-watch .container.login_profile .new_loginbox > div {
    max-width: 460px;
    margin: 0 20px; }
    body.page-template-page-login-php .container.login_profile .new_loginbox > div > div,
    body.page-template-page-createprofile-php .container.login_profile .new_loginbox > div > div,
    body.page-template-page-reset-password-php .container.login_profile .new_loginbox > div > div,
    body.page-template-page-profile-php .container.login_profile .new_loginbox > div > div,
    modal#edit-watch .container.login_profile .new_loginbox > div > div,
    modal#add-watch .container.login_profile .new_loginbox > div > div {
      display: inline; }
    body.page-template-page-login-php .container.login_profile .new_loginbox > div.no-account-yet,
    body.page-template-page-createprofile-php .container.login_profile .new_loginbox > div.no-account-yet,
    body.page-template-page-reset-password-php .container.login_profile .new_loginbox > div.no-account-yet,
    body.page-template-page-profile-php .container.login_profile .new_loginbox > div.no-account-yet,
    modal#edit-watch .container.login_profile .new_loginbox > div.no-account-yet,
    modal#add-watch .container.login_profile .new_loginbox > div.no-account-yet {
      padding: 20px 0;
      border-top: 2px solid #ba855d;
      width: 100%; }
      body.page-template-page-login-php .container.login_profile .new_loginbox > div.no-account-yet b,
      body.page-template-page-createprofile-php .container.login_profile .new_loginbox > div.no-account-yet b,
      body.page-template-page-reset-password-php .container.login_profile .new_loginbox > div.no-account-yet b,
      body.page-template-page-profile-php .container.login_profile .new_loginbox > div.no-account-yet b,
      modal#edit-watch .container.login_profile .new_loginbox > div.no-account-yet b,
      modal#add-watch .container.login_profile .new_loginbox > div.no-account-yet b {
        font-size: 24px; }
      body.page-template-page-login-php .container.login_profile .new_loginbox > div.no-account-yet a,
      body.page-template-page-createprofile-php .container.login_profile .new_loginbox > div.no-account-yet a,
      body.page-template-page-reset-password-php .container.login_profile .new_loginbox > div.no-account-yet a,
      body.page-template-page-profile-php .container.login_profile .new_loginbox > div.no-account-yet a,
      modal#edit-watch .container.login_profile .new_loginbox > div.no-account-yet a,
      modal#add-watch .container.login_profile .new_loginbox > div.no-account-yet a {
        color: #ba855d; }

body.page-template-page-login-php .container.login_profile .login_content ul,
body.page-template-page-createprofile-php .container.login_profile .login_content ul,
body.page-template-page-reset-password-php .container.login_profile .login_content ul,
body.page-template-page-profile-php .container.login_profile .login_content ul,
modal#edit-watch .container.login_profile .login_content ul,
modal#add-watch .container.login_profile .login_content ul {
  margin: 25px 0;
  padding: 0; }
  body.page-template-page-login-php .container.login_profile .login_content ul li,
  body.page-template-page-createprofile-php .container.login_profile .login_content ul li,
  body.page-template-page-reset-password-php .container.login_profile .login_content ul li,
  body.page-template-page-profile-php .container.login_profile .login_content ul li,
  modal#edit-watch .container.login_profile .login_content ul li,
  modal#add-watch .container.login_profile .login_content ul li {
    list-style: none;
    padding-left: 35px;
    margin-bottom: 10px;
    position: relative;
    font-style: italic; }
    body.page-template-page-login-php .container.login_profile .login_content ul li:before,
    body.page-template-page-createprofile-php .container.login_profile .login_content ul li:before,
    body.page-template-page-reset-password-php .container.login_profile .login_content ul li:before,
    body.page-template-page-profile-php .container.login_profile .login_content ul li:before,
    modal#edit-watch .container.login_profile .login_content ul li:before,
    modal#add-watch .container.login_profile .login_content ul li:before {
      position: absolute;
      left: 0;
      top: 4px;
      width: 25px;
      height: 25px;
      content: '';
      background: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/check-gold.svg") no-repeat center;
      background-size: 100%; }

body.page-template-page-login-php .container.login_profile .login_content .page-visual,
body.page-template-page-createprofile-php .container.login_profile .login_content .page-visual,
body.page-template-page-reset-password-php .container.login_profile .login_content .page-visual,
body.page-template-page-profile-php .container.login_profile .login_content .page-visual,
modal#edit-watch .container.login_profile .login_content .page-visual,
modal#add-watch .container.login_profile .login_content .page-visual {
  position: relative;
  left: -100px;
  width: calc(100% + 100px); }

body.page-template-page-login-php .container.login_profile .register-form-box,
body.page-template-page-createprofile-php .container.login_profile .register-form-box,
body.page-template-page-reset-password-php .container.login_profile .register-form-box,
body.page-template-page-profile-php .container.login_profile .register-form-box,
modal#edit-watch .container.login_profile .register-form-box,
modal#add-watch .container.login_profile .register-form-box {
  margin-bottom: 40px;
  padding: 0 0 40px 0; }

body.page-template-page-login-php .container.login_profile .login-form-box,
body.page-template-page-createprofile-php .container.login_profile .login-form-box,
body.page-template-page-reset-password-php .container.login_profile .login-form-box,
body.page-template-page-profile-php .container.login_profile .login-form-box,
modal#edit-watch .container.login_profile .login-form-box,
modal#add-watch .container.login_profile .login-form-box {
  padding: 40px 0; }
  body.page-template-page-login-php .container.login_profile .login-form-box h4,
  body.page-template-page-createprofile-php .container.login_profile .login-form-box h4,
  body.page-template-page-reset-password-php .container.login_profile .login-form-box h4,
  body.page-template-page-profile-php .container.login_profile .login-form-box h4,
  modal#edit-watch .container.login_profile .login-form-box h4,
  modal#add-watch .container.login_profile .login-form-box h4 {
    font-family: 700;
    font-size: 38px; }

body.page-template-page-login-php .container.login_profile .register-data,
body.page-template-page-createprofile-php .container.login_profile .register-data,
body.page-template-page-reset-password-php .container.login_profile .register-data,
body.page-template-page-profile-php .container.login_profile .register-data,
modal#edit-watch .container.login_profile .register-data,
modal#add-watch .container.login_profile .register-data {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  width: 100%; }
  body.page-template-page-login-php .container.login_profile .register-data legend,
  body.page-template-page-createprofile-php .container.login_profile .register-data legend,
  body.page-template-page-reset-password-php .container.login_profile .register-data legend,
  body.page-template-page-profile-php .container.login_profile .register-data legend,
  modal#edit-watch .container.login_profile .register-data legend,
  modal#add-watch .container.login_profile .register-data legend {
    width: 100%; }
  body.page-template-page-login-php .container.login_profile .register-data form,
  body.page-template-page-createprofile-php .container.login_profile .register-data form,
  body.page-template-page-reset-password-php .container.login_profile .register-data form,
  body.page-template-page-profile-php .container.login_profile .register-data form,
  modal#edit-watch .container.login_profile .register-data form,
  modal#add-watch .container.login_profile .register-data form {
    margin-bottom: 0; }
  @media (max-width: 833px) {
    body.page-template-page-login-php .container.login_profile .register-data,
    body.page-template-page-createprofile-php .container.login_profile .register-data,
    body.page-template-page-reset-password-php .container.login_profile .register-data,
    body.page-template-page-profile-php .container.login_profile .register-data,
    modal#edit-watch .container.login_profile .register-data,
    modal#add-watch .container.login_profile .register-data {
      margin-bottom: 30px; } }
  body.page-template-page-login-php .container.login_profile .register-data .user_info,
  body.page-template-page-createprofile-php .container.login_profile .register-data .user_info,
  body.page-template-page-reset-password-php .container.login_profile .register-data .user_info,
  body.page-template-page-profile-php .container.login_profile .register-data .user_info,
  modal#edit-watch .container.login_profile .register-data .user_info,
  modal#add-watch .container.login_profile .register-data .user_info {
    width: 100%;
    margin-bottom: 40px; }
    body.page-template-page-login-php .container.login_profile .register-data .user_info a.user_social,
    body.page-template-page-createprofile-php .container.login_profile .register-data .user_info a.user_social,
    body.page-template-page-reset-password-php .container.login_profile .register-data .user_info a.user_social,
    body.page-template-page-profile-php .container.login_profile .register-data .user_info a.user_social,
    modal#edit-watch .container.login_profile .register-data .user_info a.user_social,
    modal#add-watch .container.login_profile .register-data .user_info a.user_social {
      width: 40px;
      height: 40px;
      display: inline-block;
      background: #E9DCD6;
      margin: 0 10px 0 0;
      position: relative;
      transition: 250ms; }
      body.page-template-page-login-php .container.login_profile .register-data .user_info a.user_social:before,
      body.page-template-page-createprofile-php .container.login_profile .register-data .user_info a.user_social:before,
      body.page-template-page-reset-password-php .container.login_profile .register-data .user_info a.user_social:before,
      body.page-template-page-profile-php .container.login_profile .register-data .user_info a.user_social:before,
      modal#edit-watch .container.login_profile .register-data .user_info a.user_social:before,
      modal#add-watch .container.login_profile .register-data .user_info a.user_social:before {
        position: absolute;
        left: 0;
        top: 0;
        line-height: 40px;
        width: 100%;
        height: 40px;
        text-align: center;
        background-size: 20px 20px;
        background-position: center;
        background-repeat: no-repeat;
        content: ''; }
      body.page-template-page-login-php .container.login_profile .register-data .user_info a.user_social.instagram:before,
      body.page-template-page-createprofile-php .container.login_profile .register-data .user_info a.user_social.instagram:before,
      body.page-template-page-reset-password-php .container.login_profile .register-data .user_info a.user_social.instagram:before,
      body.page-template-page-profile-php .container.login_profile .register-data .user_info a.user_social.instagram:before,
      modal#edit-watch .container.login_profile .register-data .user_info a.user_social.instagram:before,
      modal#add-watch .container.login_profile .register-data .user_info a.user_social.instagram:before {
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-instagram.svg"); }
      body.page-template-page-login-php .container.login_profile .register-data .user_info a.user_social.facebook:before,
      body.page-template-page-createprofile-php .container.login_profile .register-data .user_info a.user_social.facebook:before,
      body.page-template-page-reset-password-php .container.login_profile .register-data .user_info a.user_social.facebook:before,
      body.page-template-page-profile-php .container.login_profile .register-data .user_info a.user_social.facebook:before,
      modal#edit-watch .container.login_profile .register-data .user_info a.user_social.facebook:before,
      modal#add-watch .container.login_profile .register-data .user_info a.user_social.facebook:before {
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-facebook.svg"); }
      body.page-template-page-login-php .container.login_profile .register-data .user_info a.user_social.website:before,
      body.page-template-page-createprofile-php .container.login_profile .register-data .user_info a.user_social.website:before,
      body.page-template-page-reset-password-php .container.login_profile .register-data .user_info a.user_social.website:before,
      body.page-template-page-profile-php .container.login_profile .register-data .user_info a.user_social.website:before,
      modal#edit-watch .container.login_profile .register-data .user_info a.user_social.website:before,
      modal#add-watch .container.login_profile .register-data .user_info a.user_social.website:before {
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-website.svg"); }
      body.page-template-page-login-php .container.login_profile .register-data .user_info a.user_social:hover,
      body.page-template-page-createprofile-php .container.login_profile .register-data .user_info a.user_social:hover,
      body.page-template-page-reset-password-php .container.login_profile .register-data .user_info a.user_social:hover,
      body.page-template-page-profile-php .container.login_profile .register-data .user_info a.user_social:hover,
      modal#edit-watch .container.login_profile .register-data .user_info a.user_social:hover,
      modal#add-watch .container.login_profile .register-data .user_info a.user_social:hover {
        background: #ba855d; }
  body.page-template-page-login-php .container.login_profile .register-data .selected_brands,
  body.page-template-page-createprofile-php .container.login_profile .register-data .selected_brands,
  body.page-template-page-reset-password-php .container.login_profile .register-data .selected_brands,
  body.page-template-page-profile-php .container.login_profile .register-data .selected_brands,
  modal#edit-watch .container.login_profile .register-data .selected_brands,
  modal#add-watch .container.login_profile .register-data .selected_brands {
    width: 100%;
    margin-bottom: 40px; }
    body.page-template-page-login-php .container.login_profile .register-data .selected_brands:last-child,
    body.page-template-page-createprofile-php .container.login_profile .register-data .selected_brands:last-child,
    body.page-template-page-reset-password-php .container.login_profile .register-data .selected_brands:last-child,
    body.page-template-page-profile-php .container.login_profile .register-data .selected_brands:last-child,
    modal#edit-watch .container.login_profile .register-data .selected_brands:last-child,
    modal#add-watch .container.login_profile .register-data .selected_brands:last-child {
      margin-bottom: 0; }
  body.page-template-page-login-php .container.login_profile .register-data .user_logout,
  body.page-template-page-createprofile-php .container.login_profile .register-data .user_logout,
  body.page-template-page-reset-password-php .container.login_profile .register-data .user_logout,
  body.page-template-page-profile-php .container.login_profile .register-data .user_logout,
  modal#edit-watch .container.login_profile .register-data .user_logout,
  modal#add-watch .container.login_profile .register-data .user_logout {
    display: block;
    width: 100%;
    margin-top: 20px; }
    @media (min-width: 834px) {
      body.page-template-page-login-php .container.login_profile .register-data .user_logout,
      body.page-template-page-createprofile-php .container.login_profile .register-data .user_logout,
      body.page-template-page-reset-password-php .container.login_profile .register-data .user_logout,
      body.page-template-page-profile-php .container.login_profile .register-data .user_logout,
      modal#edit-watch .container.login_profile .register-data .user_logout,
      modal#add-watch .container.login_profile .register-data .user_logout {
        display: inline-block;
        width: auto; } }
    body.page-template-page-login-php .container.login_profile .register-data .user_logout .logout,
    body.page-template-page-createprofile-php .container.login_profile .register-data .user_logout .logout,
    body.page-template-page-reset-password-php .container.login_profile .register-data .user_logout .logout,
    body.page-template-page-profile-php .container.login_profile .register-data .user_logout .logout,
    modal#edit-watch .container.login_profile .register-data .user_logout .logout,
    modal#add-watch .container.login_profile .register-data .user_logout .logout {
      font-family: "Jost", sans-serif;
      text-transform: uppercase;
      text-decoration: none;
      color: #000000;
      background: #ffffff;
      height: auto;
      width: auto;
      border: 1px solid #000000;
      font-size: 12px;
      padding: 0 30px;
      line-height: 35px;
      cursor: pointer;
      position: relative;
      display: inline-block;
      transition: 250ms;
      text-align: center;
      display: block; }
      @media (min-width: 834px) {
        body.page-template-page-login-php .container.login_profile .register-data .user_logout .logout,
        body.page-template-page-createprofile-php .container.login_profile .register-data .user_logout .logout,
        body.page-template-page-reset-password-php .container.login_profile .register-data .user_logout .logout,
        body.page-template-page-profile-php .container.login_profile .register-data .user_logout .logout,
        modal#edit-watch .container.login_profile .register-data .user_logout .logout,
        modal#add-watch .container.login_profile .register-data .user_logout .logout {
          width: auto; } }
      body.page-template-page-login-php .container.login_profile .register-data .user_logout .logout:hover,
      body.page-template-page-createprofile-php .container.login_profile .register-data .user_logout .logout:hover,
      body.page-template-page-reset-password-php .container.login_profile .register-data .user_logout .logout:hover,
      body.page-template-page-profile-php .container.login_profile .register-data .user_logout .logout:hover,
      modal#edit-watch .container.login_profile .register-data .user_logout .logout:hover,
      modal#add-watch .container.login_profile .register-data .user_logout .logout:hover {
        background-color: rgba(186, 133, 93, 0.4); }
  body.page-template-page-login-php .container.login_profile .register-data .select-image,
  body.page-template-page-createprofile-php .container.login_profile .register-data .select-image,
  body.page-template-page-reset-password-php .container.login_profile .register-data .select-image,
  body.page-template-page-profile-php .container.login_profile .register-data .select-image,
  modal#edit-watch .container.login_profile .register-data .select-image,
  modal#add-watch .container.login_profile .register-data .select-image {
    width: 100%;
    border-top: 1px solid #ba855d;
    border-bottom: 1px solid #ba855d;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    padding: 30px 0;
    transition: 250ms;
    position: relative; }
    body.page-template-page-login-php .container.login_profile .register-data .select-image.drag-active,
    body.page-template-page-createprofile-php .container.login_profile .register-data .select-image.drag-active,
    body.page-template-page-reset-password-php .container.login_profile .register-data .select-image.drag-active,
    body.page-template-page-profile-php .container.login_profile .register-data .select-image.drag-active,
    modal#edit-watch .container.login_profile .register-data .select-image.drag-active,
    modal#add-watch .container.login_profile .register-data .select-image.drag-active {
      background: rgba(186, 133, 93, 0.1); }
    body.page-template-page-login-php .container.login_profile .register-data .select-image .drag-image-area,
    body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .drag-image-area,
    body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .drag-image-area,
    body.page-template-page-profile-php .container.login_profile .register-data .select-image .drag-image-area,
    modal#edit-watch .container.login_profile .register-data .select-image .drag-image-area,
    modal#add-watch .container.login_profile .register-data .select-image .drag-image-area {
      width: 100%;
      margin-top: 10px;
      text-align: center;
      font-family: "Jost", sans-serif;
      font-size: 12px;
      text-transform: uppercase; }
    body.page-template-page-login-php .container.login_profile .register-data .select-image .profile-circle-container,
    body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .profile-circle-container,
    body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .profile-circle-container,
    body.page-template-page-profile-php .container.login_profile .register-data .select-image .profile-circle-container,
    modal#edit-watch .container.login_profile .register-data .select-image .profile-circle-container,
    modal#add-watch .container.login_profile .register-data .select-image .profile-circle-container {
      position: relative; }
      body.page-template-page-login-php .container.login_profile .register-data .select-image .profile-circle-container .remove-avatar,
      body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .profile-circle-container .remove-avatar,
      body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .profile-circle-container .remove-avatar,
      body.page-template-page-profile-php .container.login_profile .register-data .select-image .profile-circle-container .remove-avatar,
      modal#edit-watch .container.login_profile .register-data .select-image .profile-circle-container .remove-avatar,
      modal#add-watch .container.login_profile .register-data .select-image .profile-circle-container .remove-avatar {
        width: 30px;
        height: 30px;
        left: 0;
        top: 0;
        position: absolute;
        border-radius: 30px;
        background: #BE4444;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        line-height: 30px; }
    body.page-template-page-login-php .container.login_profile .register-data .select-image .profile-circle,
    body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .profile-circle,
    body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .profile-circle,
    body.page-template-page-profile-php .container.login_profile .register-data .select-image .profile-circle,
    modal#edit-watch .container.login_profile .register-data .select-image .profile-circle,
    modal#add-watch .container.login_profile .register-data .select-image .profile-circle {
      width: 130px;
      height: 130px;
      margin: 0 10px;
      background: #ba855d;
      color: #ffffff;
      overflow: hidden;
      line-height: 130px;
      border-radius: 100%;
      font-family: "Jost", sans-serif;
      text-align: center;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    body.page-template-page-login-php .container.login_profile .register-data .select-image .change-profile .joined_the_lounch,
    body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .change-profile .joined_the_lounch,
    body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .change-profile .joined_the_lounch,
    body.page-template-page-profile-php .container.login_profile .register-data .select-image .change-profile .joined_the_lounch,
    modal#edit-watch .container.login_profile .register-data .select-image .change-profile .joined_the_lounch,
    modal#add-watch .container.login_profile .register-data .select-image .change-profile .joined_the_lounch {
      font-family: "Jost", sans-serif;
      font-size: 12px;
      display: block;
      text-transform: uppercase; }
    body.page-template-page-login-php .container.login_profile .register-data .select-image .change-profile-pic-form,
    body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .change-profile-pic-form,
    body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .change-profile-pic-form,
    body.page-template-page-profile-php .container.login_profile .register-data .select-image .change-profile-pic-form,
    modal#edit-watch .container.login_profile .register-data .select-image .change-profile-pic-form,
    modal#add-watch .container.login_profile .register-data .select-image .change-profile-pic-form {
      display: none; }
    body.page-template-page-login-php .container.login_profile .register-data .select-image .change-profile-pic,
    body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .change-profile-pic,
    body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .change-profile-pic,
    body.page-template-page-profile-php .container.login_profile .register-data .select-image .change-profile-pic,
    modal#edit-watch .container.login_profile .register-data .select-image .change-profile-pic,
    modal#add-watch .container.login_profile .register-data .select-image .change-profile-pic {
      max-width: calc(100% - 150px); }
      body.page-template-page-login-php .container.login_profile .register-data .select-image .change-profile-pic form,
      body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .change-profile-pic form,
      body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .change-profile-pic form,
      body.page-template-page-profile-php .container.login_profile .register-data .select-image .change-profile-pic form,
      modal#edit-watch .container.login_profile .register-data .select-image .change-profile-pic form,
      modal#add-watch .container.login_profile .register-data .select-image .change-profile-pic form {
        margin-bottom: 0;
        width: 100%; }
      body.page-template-page-login-php .container.login_profile .register-data .select-image .change-profile-pic a,
      body.page-template-page-login-php .container.login_profile .register-data .select-image .change-profile-pic span,
      body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .change-profile-pic a,
      body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .change-profile-pic span,
      body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .change-profile-pic a,
      body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .change-profile-pic span,
      body.page-template-page-profile-php .container.login_profile .register-data .select-image .change-profile-pic a,
      body.page-template-page-profile-php .container.login_profile .register-data .select-image .change-profile-pic span,
      modal#edit-watch .container.login_profile .register-data .select-image .change-profile-pic a,
      modal#edit-watch .container.login_profile .register-data .select-image .change-profile-pic span,
      modal#add-watch .container.login_profile .register-data .select-image .change-profile-pic a,
      modal#add-watch .container.login_profile .register-data .select-image .change-profile-pic span {
        color: #ba855d;
        display: block;
        padding: 0 0 0 40px;
        position: relative;
        margin-bottom: 20px;
        line-height: 1.2; }
        body.page-template-page-login-php .container.login_profile .register-data .select-image .change-profile-pic a:before,
        body.page-template-page-login-php .container.login_profile .register-data .select-image .change-profile-pic span:before,
        body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .change-profile-pic a:before,
        body.page-template-page-createprofile-php .container.login_profile .register-data .select-image .change-profile-pic span:before,
        body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .change-profile-pic a:before,
        body.page-template-page-reset-password-php .container.login_profile .register-data .select-image .change-profile-pic span:before,
        body.page-template-page-profile-php .container.login_profile .register-data .select-image .change-profile-pic a:before,
        body.page-template-page-profile-php .container.login_profile .register-data .select-image .change-profile-pic span:before,
        modal#edit-watch .container.login_profile .register-data .select-image .change-profile-pic a:before,
        modal#edit-watch .container.login_profile .register-data .select-image .change-profile-pic span:before,
        modal#add-watch .container.login_profile .register-data .select-image .change-profile-pic a:before,
        modal#add-watch .container.login_profile .register-data .select-image .change-profile-pic span:before {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translate(0, -50%);
          width: 25px;
          height: 25px;
          border-radius: 25px;
          background: #ba855d;
          content: "+";
          color: #ffffff;
          text-align: center;
          line-height: 25px; }

body.page-template-page-login-php .login-form .login-error-msg,
body.page-template-page-createprofile-php .login-form .login-error-msg,
body.page-template-page-reset-password-php .login-form .login-error-msg,
body.page-template-page-profile-php .login-form .login-error-msg,
modal#edit-watch .login-form .login-error-msg,
modal#add-watch .login-form .login-error-msg {
  display: none;
  color: red;
  font-family: "Jost", sans-serif;
  font-size: 13px; }

body.page-template-page-login-php .login-form.login-error .login-error-msg,
body.page-template-page-createprofile-php .login-form.login-error .login-error-msg,
body.page-template-page-reset-password-php .login-form.login-error .login-error-msg,
body.page-template-page-profile-php .login-form.login-error .login-error-msg,
modal#edit-watch .login-form.login-error .login-error-msg,
modal#add-watch .login-form.login-error .login-error-msg {
  display: block; }

body.page-template-page-login-php .login-form input[type="submit"],
body.page-template-page-createprofile-php .login-form input[type="submit"],
body.page-template-page-reset-password-php .login-form input[type="submit"],
body.page-template-page-profile-php .login-form input[type="submit"],
modal#edit-watch .login-form input[type="submit"],
modal#add-watch .login-form input[type="submit"] {
  display: block;
  width: 100%;
  margin-top: -20px; }

body.page-template-page-login-php .add_watch_form form,
body.page-template-page-login-php .add_watch_form fieldset,
body.page-template-page-createprofile-php .add_watch_form form,
body.page-template-page-createprofile-php .add_watch_form fieldset,
body.page-template-page-reset-password-php .add_watch_form form,
body.page-template-page-reset-password-php .add_watch_form fieldset,
body.page-template-page-profile-php .add_watch_form form,
body.page-template-page-profile-php .add_watch_form fieldset,
modal#edit-watch .add_watch_form form,
modal#edit-watch .add_watch_form fieldset,
modal#add-watch .add_watch_form form,
modal#add-watch .add_watch_form fieldset {
  margin-bottom: 0; }

body.page-template-page-login-php .form-field,
body.page-template-page-createprofile-php .form-field,
body.page-template-page-reset-password-php .form-field,
body.page-template-page-profile-php .form-field,
modal#edit-watch .form-field,
modal#add-watch .form-field {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative; }
  body.page-template-page-login-php .form-field.split,
  body.page-template-page-createprofile-php .form-field.split,
  body.page-template-page-reset-password-php .form-field.split,
  body.page-template-page-profile-php .form-field.split,
  modal#edit-watch .form-field.split,
  modal#add-watch .form-field.split {
    max-width: 48%; }
  body.page-template-page-login-php .form-field.split_right,
  body.page-template-page-createprofile-php .form-field.split_right,
  body.page-template-page-reset-password-php .form-field.split_right,
  body.page-template-page-profile-php .form-field.split_right,
  modal#edit-watch .form-field.split_right,
  modal#add-watch .form-field.split_right {
    float: right; }
  body.page-template-page-login-php .form-field.address,
  body.page-template-page-createprofile-php .form-field.address,
  body.page-template-page-reset-password-php .form-field.address,
  body.page-template-page-profile-php .form-field.address,
  modal#edit-watch .form-field.address,
  modal#add-watch .form-field.address {
    width: 70%; }
  body.page-template-page-login-php .form-field.number,
  body.page-template-page-createprofile-php .form-field.number,
  body.page-template-page-reset-password-php .form-field.number,
  body.page-template-page-profile-php .form-field.number,
  modal#edit-watch .form-field.number,
  modal#add-watch .form-field.number {
    width: 25%;
    float: right; }
  body.page-template-page-login-php .form-field.city,
  body.page-template-page-createprofile-php .form-field.city,
  body.page-template-page-reset-password-php .form-field.city,
  body.page-template-page-profile-php .form-field.city,
  modal#edit-watch .form-field.city,
  modal#add-watch .form-field.city {
    float: right; }
  body.page-template-page-login-php .form-field.loading::after, body.page-template-page-login-php .form-field.error::after, body.page-template-page-login-php .form-field.validated::after,
  body.page-template-page-createprofile-php .form-field.loading::after,
  body.page-template-page-createprofile-php .form-field.error::after,
  body.page-template-page-createprofile-php .form-field.validated::after,
  body.page-template-page-reset-password-php .form-field.loading::after,
  body.page-template-page-reset-password-php .form-field.error::after,
  body.page-template-page-reset-password-php .form-field.validated::after,
  body.page-template-page-profile-php .form-field.loading::after,
  body.page-template-page-profile-php .form-field.error::after,
  body.page-template-page-profile-php .form-field.validated::after,
  modal#edit-watch .form-field.loading::after,
  modal#edit-watch .form-field.error::after,
  modal#edit-watch .form-field.validated::after,
  modal#add-watch .form-field.loading::after,
  modal#add-watch .form-field.error::after,
  modal#add-watch .form-field.validated::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    right: 10px; }
  body.page-template-page-login-php .form-field.input_social input,
  body.page-template-page-createprofile-php .form-field.input_social input,
  body.page-template-page-reset-password-php .form-field.input_social input,
  body.page-template-page-profile-php .form-field.input_social input,
  modal#edit-watch .form-field.input_social input,
  modal#add-watch .form-field.input_social input {
    padding: 0 10px 0 35px;
    width: calc(100% - 45px); }
  body.page-template-page-login-php .form-field.dropdown.loading::after, body.page-template-page-login-php .form-field.dropdown.error::after, body.page-template-page-login-php .form-field.dropdown.validated::after,
  body.page-template-page-createprofile-php .form-field.dropdown.loading::after,
  body.page-template-page-createprofile-php .form-field.dropdown.error::after,
  body.page-template-page-createprofile-php .form-field.dropdown.validated::after,
  body.page-template-page-reset-password-php .form-field.dropdown.loading::after,
  body.page-template-page-reset-password-php .form-field.dropdown.error::after,
  body.page-template-page-reset-password-php .form-field.dropdown.validated::after,
  body.page-template-page-profile-php .form-field.dropdown.loading::after,
  body.page-template-page-profile-php .form-field.dropdown.error::after,
  body.page-template-page-profile-php .form-field.dropdown.validated::after,
  modal#edit-watch .form-field.dropdown.loading::after,
  modal#edit-watch .form-field.dropdown.error::after,
  modal#edit-watch .form-field.dropdown.validated::after,
  modal#add-watch .form-field.dropdown.loading::after,
  modal#add-watch .form-field.dropdown.error::after,
  modal#add-watch .form-field.dropdown.validated::after {
    display: none !important; }
  body.page-template-page-login-php .form-field.dropdown .field-error,
  body.page-template-page-createprofile-php .form-field.dropdown .field-error,
  body.page-template-page-reset-password-php .form-field.dropdown .field-error,
  body.page-template-page-profile-php .form-field.dropdown .field-error,
  modal#edit-watch .form-field.dropdown .field-error,
  modal#add-watch .form-field.dropdown .field-error {
    clear: both; }
  body.page-template-page-login-php .form-field.loading::after,
  body.page-template-page-createprofile-php .form-field.loading::after,
  body.page-template-page-reset-password-php .form-field.loading::after,
  body.page-template-page-profile-php .form-field.loading::after,
  modal#edit-watch .form-field.loading::after,
  modal#add-watch .form-field.loading::after {
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/loader.svg"); }
  body.page-template-page-login-php .form-field.estimated_value,
  body.page-template-page-createprofile-php .form-field.estimated_value,
  body.page-template-page-reset-password-php .form-field.estimated_value,
  body.page-template-page-profile-php .form-field.estimated_value,
  modal#edit-watch .form-field.estimated_value,
  modal#add-watch .form-field.estimated_value {
    position: relative; }
    body.page-template-page-login-php .form-field.estimated_value:before,
    body.page-template-page-createprofile-php .form-field.estimated_value:before,
    body.page-template-page-reset-password-php .form-field.estimated_value:before,
    body.page-template-page-profile-php .form-field.estimated_value:before,
    modal#edit-watch .form-field.estimated_value:before,
    modal#add-watch .form-field.estimated_value:before {
      position: absolute;
      left: 0;
      top: 20px;
      text-align: center;
      line-height: 45px;
      color: rgba(0, 0, 0, 0.6);
      width: 40px;
      height: 45px;
      content: '$';
      z-index: 3; }
    body.page-template-page-login-php .form-field.estimated_value input.dollar,
    body.page-template-page-createprofile-php .form-field.estimated_value input.dollar,
    body.page-template-page-reset-password-php .form-field.estimated_value input.dollar,
    body.page-template-page-profile-php .form-field.estimated_value input.dollar,
    modal#edit-watch .form-field.estimated_value input.dollar,
    modal#add-watch .form-field.estimated_value input.dollar {
      position: relative;
      z-index: 2;
      padding-left: 40px;
      width: calc(100% - 2px); }
  body.page-template-page-login-php .form-field.error input,
  body.page-template-page-createprofile-php .form-field.error input,
  body.page-template-page-reset-password-php .form-field.error input,
  body.page-template-page-profile-php .form-field.error input,
  modal#edit-watch .form-field.error input,
  modal#add-watch .form-field.error input {
    color: #ff0000;
    border: 1px solid #FF0000; }
  body.page-template-page-login-php .form-field.error .select,
  body.page-template-page-createprofile-php .form-field.error .select,
  body.page-template-page-reset-password-php .form-field.error .select,
  body.page-template-page-profile-php .form-field.error .select,
  modal#edit-watch .form-field.error .select,
  modal#add-watch .form-field.error .select {
    color: #ff0000;
    border: 1px solid #FF0000; }
  body.page-template-page-login-php .form-field.error label,
  body.page-template-page-createprofile-php .form-field.error label,
  body.page-template-page-reset-password-php .form-field.error label,
  body.page-template-page-profile-php .form-field.error label,
  modal#edit-watch .form-field.error label,
  modal#add-watch .form-field.error label {
    color: #ff0000; }
  body.page-template-page-login-php .form-field.error::after,
  body.page-template-page-createprofile-php .form-field.error::after,
  body.page-template-page-reset-password-php .form-field.error::after,
  body.page-template-page-profile-php .form-field.error::after,
  modal#edit-watch .form-field.error::after,
  modal#add-watch .form-field.error::after {
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/error.svg"); }
  body.page-template-page-login-php .form-field.validated::after,
  body.page-template-page-createprofile-php .form-field.validated::after,
  body.page-template-page-reset-password-php .form-field.validated::after,
  body.page-template-page-profile-php .form-field.validated::after,
  modal#edit-watch .form-field.validated::after,
  modal#add-watch .form-field.validated::after {
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/validated.svg"); }
  body.page-template-page-login-php .form-field .max-word,
  body.page-template-page-createprofile-php .form-field .max-word,
  body.page-template-page-reset-password-php .form-field .max-word,
  body.page-template-page-profile-php .form-field .max-word,
  modal#edit-watch .form-field .max-word,
  modal#add-watch .form-field .max-word {
    position: absolute;
    font-size: 10px;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    top: 0px;
    right: 0; }
    body.page-template-page-login-php .form-field .max-word .error,
    body.page-template-page-createprofile-php .form-field .max-word .error,
    body.page-template-page-reset-password-php .form-field .max-word .error,
    body.page-template-page-profile-php .form-field .max-word .error,
    modal#edit-watch .form-field .max-word .error,
    modal#add-watch .form-field .max-word .error {
      color: #ff0000; }
  body.page-template-page-login-php .form-field .field-error,
  body.page-template-page-createprofile-php .form-field .field-error,
  body.page-template-page-reset-password-php .form-field .field-error,
  body.page-template-page-profile-php .form-field .field-error,
  modal#edit-watch .form-field .field-error,
  modal#add-watch .form-field .field-error {
    font-size: 10px;
    padding: 5px 0 20px 0;
    line-height: 20px;
    color: #ff0000;
    font-family: 'AktivGrotesk';
    text-transform: uppercase; }
    body.page-template-page-login-php .form-field .field-error a,
    body.page-template-page-createprofile-php .form-field .field-error a,
    body.page-template-page-reset-password-php .form-field .field-error a,
    body.page-template-page-profile-php .form-field .field-error a,
    modal#edit-watch .form-field .field-error a,
    modal#add-watch .form-field .field-error a {
      font-weight: bold; }

body.page-template-page-login-php .form-field.show-to-community,
body.page-template-page-createprofile-php .form-field.show-to-community,
body.page-template-page-reset-password-php .form-field.show-to-community,
body.page-template-page-profile-php .form-field.show-to-community,
modal#edit-watch .form-field.show-to-community,
modal#add-watch .form-field.show-to-community {
  margin-top: -40px; }

body.page-template-page-login-php input,
body.page-template-page-login-php textarea,
body.page-template-page-createprofile-php input,
body.page-template-page-createprofile-php textarea,
body.page-template-page-reset-password-php input,
body.page-template-page-reset-password-php textarea,
body.page-template-page-profile-php input,
body.page-template-page-profile-php textarea,
modal#edit-watch input,
modal#edit-watch textarea,
modal#add-watch input,
modal#add-watch textarea {
  -webkit-appearance: none; }

body.page-template-page-login-php fieldset,
body.page-template-page-createprofile-php fieldset,
body.page-template-page-reset-password-php fieldset,
body.page-template-page-profile-php fieldset,
modal#edit-watch fieldset,
modal#add-watch fieldset {
  padding: 0;
  border: 0; }

body.page-template-page-login-php legend,
body.page-template-page-createprofile-php legend,
body.page-template-page-reset-password-php legend,
body.page-template-page-profile-php legend,
modal#edit-watch legend,
modal#add-watch legend {
  font-weight: bold;
  padding: 0;
  font-family: "Jost", sans-serif;
  text-transform: uppercase; }

body.page-template-page-login-php label,
body.page-template-page-createprofile-php label,
body.page-template-page-reset-password-php label,
body.page-template-page-profile-php label,
modal#edit-watch label,
modal#add-watch label {
  font-size: 10px;
  font-family: 'AktivGrotesk', sans-serif;
  text-transform: uppercase; }

body.page-template-page-login-php input, body.page-template-page-login-php textarea, body.page-template-page-login-php select, body.page-template-page-login-php button,
body.page-template-page-createprofile-php input,
body.page-template-page-createprofile-php textarea,
body.page-template-page-createprofile-php select,
body.page-template-page-createprofile-php button,
body.page-template-page-reset-password-php input,
body.page-template-page-reset-password-php textarea,
body.page-template-page-reset-password-php select,
body.page-template-page-reset-password-php button,
body.page-template-page-profile-php input,
body.page-template-page-profile-php textarea,
body.page-template-page-profile-php select,
body.page-template-page-profile-php button,
modal#edit-watch input,
modal#edit-watch textarea,
modal#edit-watch select,
modal#edit-watch button,
modal#add-watch input,
modal#add-watch textarea,
modal#add-watch select,
modal#add-watch button {
  font-family: inherit;
  font-size: 18px;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

body.page-template-page-login-php input,
body.page-template-page-createprofile-php input,
body.page-template-page-reset-password-php input,
body.page-template-page-profile-php input,
modal#edit-watch input,
modal#add-watch input {
  height: 45px; }
  body.page-template-page-login-php input[type=number],
  body.page-template-page-createprofile-php input[type=number],
  body.page-template-page-reset-password-php input[type=number],
  body.page-template-page-profile-php input[type=number],
  modal#edit-watch input[type=number],
  modal#add-watch input[type=number] {
    width: calc(100% - 2px); }
  body.page-template-page-login-php input.button, body.page-template-page-login-php input.cta, body.page-template-page-login-php input.submit,
  body.page-template-page-createprofile-php input.button,
  body.page-template-page-createprofile-php input.cta,
  body.page-template-page-createprofile-php input.submit,
  body.page-template-page-reset-password-php input.button,
  body.page-template-page-reset-password-php input.cta,
  body.page-template-page-reset-password-php input.submit,
  body.page-template-page-profile-php input.button,
  body.page-template-page-profile-php input.cta,
  body.page-template-page-profile-php input.submit,
  modal#edit-watch input.button,
  modal#edit-watch input.cta,
  modal#edit-watch input.submit,
  modal#add-watch input.button,
  modal#add-watch input.cta,
  modal#add-watch input.submit {
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background: #000000;
    height: auto;
    width: auto;
    border: 1px solid #000000;
    font-size: 12px;
    padding: 0 30px;
    line-height: 35px;
    cursor: pointer;
    position: relative;
    background-position: center;
    width: 100%; }
    @media (min-width: 834px) {
      body.page-template-page-login-php input.button, body.page-template-page-login-php input.cta, body.page-template-page-login-php input.submit,
      body.page-template-page-createprofile-php input.button,
      body.page-template-page-createprofile-php input.cta,
      body.page-template-page-createprofile-php input.submit,
      body.page-template-page-reset-password-php input.button,
      body.page-template-page-reset-password-php input.cta,
      body.page-template-page-reset-password-php input.submit,
      body.page-template-page-profile-php input.button,
      body.page-template-page-profile-php input.cta,
      body.page-template-page-profile-php input.submit,
      modal#edit-watch input.button,
      modal#edit-watch input.cta,
      modal#edit-watch input.submit,
      modal#add-watch input.button,
      modal#add-watch input.cta,
      modal#add-watch input.submit {
        width: auto; } }
    body.page-template-page-login-php input.button:hover, body.page-template-page-login-php input.cta:hover, body.page-template-page-login-php input.submit:hover,
    body.page-template-page-createprofile-php input.button:hover,
    body.page-template-page-createprofile-php input.cta:hover,
    body.page-template-page-createprofile-php input.submit:hover,
    body.page-template-page-reset-password-php input.button:hover,
    body.page-template-page-reset-password-php input.cta:hover,
    body.page-template-page-reset-password-php input.submit:hover,
    body.page-template-page-profile-php input.button:hover,
    body.page-template-page-profile-php input.cta:hover,
    body.page-template-page-profile-php input.submit:hover,
    modal#edit-watch input.button:hover,
    modal#edit-watch input.cta:hover,
    modal#edit-watch input.submit:hover,
    modal#add-watch input.button:hover,
    modal#add-watch input.cta:hover,
    modal#add-watch input.submit:hover {
      background: #ffffff;
      color: #000000; }
    body.page-template-page-login-php input.button.is-loading, body.page-template-page-login-php input.is-loading.cta, body.page-template-page-login-php input.is-loading.submit,
    body.page-template-page-createprofile-php input.button.is-loading,
    body.page-template-page-createprofile-php input.is-loading.cta,
    body.page-template-page-createprofile-php input.is-loading.submit,
    body.page-template-page-reset-password-php input.button.is-loading,
    body.page-template-page-reset-password-php input.is-loading.cta,
    body.page-template-page-reset-password-php input.is-loading.submit,
    body.page-template-page-profile-php input.button.is-loading,
    body.page-template-page-profile-php input.is-loading.cta,
    body.page-template-page-profile-php input.is-loading.submit,
    modal#edit-watch input.button.is-loading,
    modal#edit-watch input.is-loading.cta,
    modal#edit-watch input.is-loading.submit,
    modal#add-watch input.button.is-loading,
    modal#add-watch input.is-loading.cta,
    modal#add-watch input.is-loading.submit {
      background-color: rgba(0, 0, 0, 0.2);
      color: rgba(0, 0, 0, 0.1);
      border-color: rgba(0, 0, 0, 0.2);
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px 20px;
      background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/spinner.svg"); }

body.page-template-page-login-php input,
body.page-template-page-login-php textarea,
body.page-template-page-createprofile-php input,
body.page-template-page-createprofile-php textarea,
body.page-template-page-reset-password-php input,
body.page-template-page-reset-password-php textarea,
body.page-template-page-profile-php input,
body.page-template-page-profile-php textarea,
modal#edit-watch input,
modal#edit-watch textarea,
modal#add-watch input,
modal#add-watch textarea {
  border: 0;
  border: 1px solid #979797;
  line-height: 45px;
  width: 100%;
  padding: 0 10px;
  background: #ffffff; }
  body.page-template-page-login-php input.error, body.page-template-page-login-php textarea.error,
  body.page-template-page-createprofile-php input.error,
  body.page-template-page-createprofile-php textarea.error,
  body.page-template-page-reset-password-php input.error,
  body.page-template-page-reset-password-php textarea.error,
  body.page-template-page-profile-php input.error,
  body.page-template-page-profile-php textarea.error,
  modal#edit-watch input.error,
  modal#edit-watch textarea.error,
  modal#add-watch input.error,
  modal#add-watch textarea.error {
    background: #fee0e0;
    border-bottom-color: #c80101;
    border-bottom-width: 2px; }

body.page-template-page-login-php textarea,
body.page-template-page-createprofile-php textarea,
body.page-template-page-reset-password-php textarea,
body.page-template-page-profile-php textarea,
modal#edit-watch textarea,
modal#add-watch textarea {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px; }

body.page-template-page-login-php input[type=file],
body.page-template-page-createprofile-php input[type=file],
body.page-template-page-reset-password-php input[type=file],
body.page-template-page-profile-php input[type=file],
modal#edit-watch input[type=file],
modal#add-watch input[type=file] {
  padding: 10px 25px;
  width: calc(100% - 50px);
  height: 25px;
  line-height: 1;
  border-radius: 50px;
  border: 0;
  background: rgba(186, 133, 93, 0.4); }

body.page-template-page-login-php input[type=image],
body.page-template-page-createprofile-php input[type=image],
body.page-template-page-reset-password-php input[type=image],
body.page-template-page-profile-php input[type=image],
modal#edit-watch input[type=image],
modal#add-watch input[type=image] {
  cursor: pointer;
  line-height: 1;
  padding: 0 10px;
  max-width: calc(100% - 20px);
  display: inline-block;
  line-height: 46px;
  border: 1px solid #BAABA4; }

body.page-template-page-login-php input[type=checkbox],
body.page-template-page-createprofile-php input[type=checkbox],
body.page-template-page-reset-password-php input[type=checkbox],
body.page-template-page-profile-php input[type=checkbox],
modal#edit-watch input[type=checkbox],
modal#add-watch input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
  width: auto; }

body.page-template-page-login-php input[type=radio],
body.page-template-page-createprofile-php input[type=radio],
body.page-template-page-reset-password-php input[type=radio],
body.page-template-page-profile-php input[type=radio],
modal#edit-watch input[type=radio],
modal#add-watch input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  -o-appearance: radio;
  appearance: radio;
  width: auto; }

body.page-template-page-login-php label.checkbox,
body.page-template-page-createprofile-php label.checkbox,
body.page-template-page-reset-password-php label.checkbox,
body.page-template-page-profile-php label.checkbox,
modal#edit-watch label.checkbox,
modal#add-watch label.checkbox {
  float: left;
  width: calc(100% - 40px);
  height: 30px;
  line-height: 30px;
  padding: 10px 0 10px 40px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  body.page-template-page-login-php label.checkbox input[type=checkbox],
  body.page-template-page-createprofile-php label.checkbox input[type=checkbox],
  body.page-template-page-reset-password-php label.checkbox input[type=checkbox],
  body.page-template-page-profile-php label.checkbox input[type=checkbox],
  modal#edit-watch label.checkbox input[type=checkbox],
  modal#add-watch label.checkbox input[type=checkbox] {
    border: none;
    position: absolute;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #CECECE;
    border-bottom: 0; }
  body.page-template-page-login-php label.checkbox input[type=checkbox]:checked,
  body.page-template-page-createprofile-php label.checkbox input[type=checkbox]:checked,
  body.page-template-page-reset-password-php label.checkbox input[type=checkbox]:checked,
  body.page-template-page-profile-php label.checkbox input[type=checkbox]:checked,
  modal#edit-watch label.checkbox input[type=checkbox]:checked,
  modal#add-watch label.checkbox input[type=checkbox]:checked {
    background: #CECECE url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/checkbox.svg") center center no-repeat; }

body.page-template-page-login-php label.radio,
body.page-template-page-createprofile-php label.radio,
body.page-template-page-reset-password-php label.radio,
body.page-template-page-profile-php label.radio,
modal#edit-watch label.radio,
modal#add-watch label.radio {
  float: left;
  width: calc(100% - 40px);
  height: 30px;
  line-height: 30px;
  padding: 10px 0 10px 40px;
  position: relative; }
  body.page-template-page-login-php label.radio input[type=radio],
  body.page-template-page-createprofile-php label.radio input[type=radio],
  body.page-template-page-reset-password-php label.radio input[type=radio],
  body.page-template-page-profile-php label.radio input[type=radio],
  modal#edit-watch label.radio input[type=radio],
  modal#add-watch label.radio input[type=radio] {
    position: absolute;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: auto;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #CECECE;
    border: 0;
    line-height: 50px; }
  body.page-template-page-login-php label.radio input[type=radio]:checked,
  body.page-template-page-createprofile-php label.radio input[type=radio]:checked,
  body.page-template-page-reset-password-php label.radio input[type=radio]:checked,
  body.page-template-page-profile-php label.radio input[type=radio]:checked,
  modal#edit-watch label.radio input[type=radio]:checked,
  modal#add-watch label.radio input[type=radio]:checked {
    background: #CECECE url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/radio_checked.svg") center center no-repeat; }

body.page-template-page-login-php input:focus,
body.page-template-page-login-php button:focus,
body.page-template-page-login-php select:focus,
body.page-template-page-createprofile-php input:focus,
body.page-template-page-createprofile-php button:focus,
body.page-template-page-createprofile-php select:focus,
body.page-template-page-reset-password-php input:focus,
body.page-template-page-reset-password-php button:focus,
body.page-template-page-reset-password-php select:focus,
body.page-template-page-profile-php input:focus,
body.page-template-page-profile-php button:focus,
body.page-template-page-profile-php select:focus,
modal#edit-watch input:focus,
modal#edit-watch button:focus,
modal#edit-watch select:focus,
modal#add-watch input:focus,
modal#add-watch button:focus,
modal#add-watch select:focus {
  outline: none;
  outline-offset: 0;
  box-shadow: none; }

body.page-template-page-login-php textarea:focus,
body.page-template-page-createprofile-php textarea:focus,
body.page-template-page-reset-password-php textarea:focus,
body.page-template-page-profile-php textarea:focus,
modal#edit-watch textarea:focus,
modal#add-watch textarea:focus {
  outline: none;
  outline-offset: 0;
  box-shadow: none; }

body.page-template-page-login-php .select,
body.page-template-page-createprofile-php .select,
body.page-template-page-reset-password-php .select,
body.page-template-page-profile-php .select,
modal#edit-watch .select,
modal#add-watch .select {
  width: 100%;
  float: left;
  height: 46px;
  line-height: 46px;
  position: relative;
  border: 1px solid #979797;
  box-sizing: border-box;
  background: #F7F7F7;
  overflow: hidden;
  cursor: pointer;
  z-index: 5; }
  body.page-template-page-login-php .select:after,
  body.page-template-page-createprofile-php .select:after,
  body.page-template-page-reset-password-php .select:after,
  body.page-template-page-profile-php .select:after,
  modal#edit-watch .select:after,
  modal#add-watch .select:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 100%;
    content: '';
    background: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/arrow_down-black.svg") no-repeat center center;
    z-index: 3; }
  body.page-template-page-login-php .select select,
  body.page-template-page-createprofile-php .select select,
  body.page-template-page-reset-password-php .select select,
  body.page-template-page-profile-php .select select,
  modal#edit-watch .select select,
  modal#add-watch .select select {
    width: 110%;
    position: absolute;
    z-index: 4;
    padding: 0;
    height: 40px;
    margin-left: 10px;
    background: none;
    border: none;
    outline: none;
    line-height: 40px;
    -webkit-appearance: none;
    max-width: none !important;
    color: #333333; }
  body.page-template-page-login-php .select:focus,
  body.page-template-page-createprofile-php .select:focus,
  body.page-template-page-reset-password-php .select:focus,
  body.page-template-page-profile-php .select:focus,
  modal#edit-watch .select:focus,
  modal#add-watch .select:focus {
    outline: none; }
  body.page-template-page-login-php .select.error,
  body.page-template-page-createprofile-php .select.error,
  body.page-template-page-reset-password-php .select.error,
  body.page-template-page-profile-php .select.error,
  modal#edit-watch .select.error,
  modal#add-watch .select.error {
    border-bottom-color: #c80101;
    border-bottom-width: 2px; }
    body.page-template-page-login-php .select.error select,
    body.page-template-page-createprofile-php .select.error select,
    body.page-template-page-reset-password-php .select.error select,
    body.page-template-page-profile-php .select.error select,
    modal#edit-watch .select.error select,
    modal#add-watch .select.error select {
      color: red; }

body.page-template-page-login-php .validation-error-message,
body.page-template-page-createprofile-php .validation-error-message,
body.page-template-page-reset-password-php .validation-error-message,
body.page-template-page-profile-php .validation-error-message,
modal#edit-watch .validation-error-message,
modal#add-watch .validation-error-message {
  display: none; }

body.page-template-page-login-php form.validation-error .validation-error-message,
body.page-template-page-createprofile-php form.validation-error .validation-error-message,
body.page-template-page-reset-password-php form.validation-error .validation-error-message,
body.page-template-page-profile-php form.validation-error .validation-error-message,
modal#edit-watch form.validation-error .validation-error-message,
modal#add-watch form.validation-error .validation-error-message {
  color: red;
  display: block;
  font-family: 'AktivGrotesk', sans-serif;
  font-size: 13px;
  margin-bottom: 20px; }

body.page-template-page-login-php fieldset,
body.page-template-page-createprofile-php fieldset,
body.page-template-page-reset-password-php fieldset,
body.page-template-page-profile-php fieldset,
modal#edit-watch fieldset,
modal#add-watch fieldset {
  margin-bottom: 20px;
  width: 100%; }

.reset-link-sent .form-field {
  display: none; }

.reset-link-sent .success-msg {
  display: block !important; }

.brandlist-checkboxes {
  height: 640px;
  margin-bottom: 40px;
  overflow: auto; }
  @media (max-width: 833px) {
    .brandlist-checkboxes {
      height: 50vh;
      width: 240px;
      padding: 0 20px;
      margin: 20px auto;
      background: rgba(186, 133, 93, 0.1); } }

.info-tooltip {
  width: 16px;
  height: 16px;
  background: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/info.svg");
  background-size: 16px 16px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 5px;
  cursor: pointer; }
  .info-tooltip .info {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    top: 25px;
    font-family: "Jost", sans-serif;
    color: #fff;
    background: #000;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 11px;
    position: absolute;
    width: 240px;
    transition: 200ms all;
    z-index: 999; }
    .info-tooltip .info:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid black;
      position: absolute;
      top: -5px;
      margin-left: 2px;
      left: 50%; }
  .info-tooltip:hover .info {
    visibility: visible;
    opacity: 1; }

.my_watchlist_box {
  width: 100%; }
  .my_watchlist_box .watchlist {
    margin: 15px 0;
    padding-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    border-bottom: 1px solid rgba(186, 133, 93, 0.3); }
    .my_watchlist_box .watchlist h5 {
      font-size: 20px;
      font-family: 700;
      font-weight: bold; }
      .my_watchlist_box .watchlist h5 > span {
        font-family: "Tiempos Headline", serif;
        font-weight: normal; }
    .my_watchlist_box .watchlist .watch-icon {
      width: 50px;
      height: 50px;
      margin: 0 10px 0 0;
      background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/Watch_icon.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 25px; }
    .my_watchlist_box .watchlist .watch-specs {
      width: calc(100% - 60px); }
      .my_watchlist_box .watchlist .watch-specs > .h3, .my_watchlist_box .watchlist .wp-content .watch-specs > h2, .wp-content .my_watchlist_box .watchlist .watch-specs > h2, .my_watchlist_box .watchlist .wp-content .watch-specs > h3, .wp-content .my_watchlist_box .watchlist .watch-specs > h3, .my_watchlist_box .watchlist .timelinebox .slick-slide .watch-specs > .years, .timelinebox .slick-slide .my_watchlist_box .watchlist .watch-specs > .years {
        margin-bottom: 4px; }
    .my_watchlist_box .watchlist .watch_specs_details {
      display: flex;
      font-family: "Jost", sans-serif;
      font-size: 14px;
      text-transform: uppercase; }
      .my_watchlist_box .watchlist .watch_specs_details > div {
        margin-right: 10px; }
      .my_watchlist_box .watchlist .watch_specs_details.watch_story {
        width: 100%;
        font-family: "Tiempos Headline", serif;
        text-transform: none;
        color: rgba(0, 0, 0, 0.8); }
    .my_watchlist_box .watchlist .remove-watch {
      width: 20px;
      height: 20px;
      left: -10px;
      top: -5px;
      position: absolute;
      border-radius: 20px;
      background: #BE4444;
      text-align: center;
      color: #ffffff;
      text-decoration: none;
      line-height: 20px; }
    .my_watchlist_box .watchlist .edit-watch {
      font-family: "Jost", sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      position: absolute;
      right: 0;
      bottom: 0;
      padding: 3px 4px;
      line-height: 24px;
      background: #ffffff; }

.add_watch_to_list {
  padding: 8px 20px;
  font-family: "Jost", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #ffffff;
  background: #000000;
  border: 1px solid #000000;
  margin: 10px 0;
  cursor: pointer;
  transition: 250ms; }
  .add_watch_to_list:hover {
    background: #ffffff;
    color: #000000; }

.container.commentbox .commment_new_container p {
  margin-bottom: 1.5em;
  font-size: 14px; }
  @media (min-width: 834px) {
    .container.commentbox .commment_new_container p {
      font-size: 16px; } }
  .container.commentbox .commment_new_container p:first-child {
    font-style: normal;
    font-size: 14px; }
    @media (min-width: 834px) {
      .container.commentbox .commment_new_container p:first-child {
        font-size: 16px; } }
  .container.commentbox .commment_new_container p.akismet_comment_form_privacy_notice {
    display: none; }
  .container.commentbox .commment_new_container p.comment-form-comment-subscribe {
    line-height: 15px; }
    .container.commentbox .commment_new_container p.comment-form-comment-subscribe label {
      display: flex;
      align-items: flex-start; }
      .container.commentbox .commment_new_container p.comment-form-comment-subscribe label span {
        margin-top: 2px; }
      .container.commentbox .commment_new_container p.comment-form-comment-subscribe label input {
        margin-right: 5px;
        height: 18px !important; }

.container.commentbox .commment_new_container .comment-form-comment {
  width: 100%;
  display: flex;
  flex-direction: column; }
  .container.commentbox .commment_new_container .comment-form-comment textarea {
    padding: 10px; }

.container.commentbox .commment_new_container .validation-error-message {
  font-size: 14px;
  line-height: 1.2;
  padding-bottom: 20px;
  display: none; }

.container.commentbox .commment_new_container .navigation {
  width: 100%;
  display: flex;
  justify-content: center;
  font-family: "Jost", sans-serif;
  font-size: 12px; }
  .container.commentbox .commment_new_container .navigation .page-numbers {
    padding: 5px 10px;
    margin: 0 2px;
    text-decoration: none;
    background: rgba(186, 133, 93, 0.4); }
  .container.commentbox .commment_new_container .navigation a.page-numbers {
    background: #ba855d; }
    .container.commentbox .commment_new_container .navigation a.page-numbers:hover {
      background: rgba(186, 133, 93, 0.8); }

.container.commentbox .commment_new_container form {
  margin: 0;
  width: 100%; }

.container.commentbox .commment_new_container .comment-notes,
.container.commentbox .commment_new_container .akismet_comment_form_privacy_notice {
  font-family: "Jost", sans-serif;
  font-size: 10px !important;
  text-transform: uppercase;
  margin-bottom: 15px; }
  .container.commentbox .commment_new_container .comment-notes #email-notes,
  .container.commentbox .commment_new_container .akismet_comment_form_privacy_notice #email-notes {
    display: block;
    width: 100%; }

.container.commentbox .commment_new_container .comment-logged-in-text {
  margin-bottom: 10px; }

.container.commentbox .commment_new_container .form-field {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
  width: 100%;
  float: none; }
  .container.commentbox .commment_new_container .form-field.account_or_not {
    justify-content: space-between;
    margin: 0 0 0 0;
    padding: 15px 10px 10px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.4); }
    .container.commentbox .commment_new_container .form-field.account_or_not b {
      font-weight: 700; }
    .container.commentbox .commment_new_container .form-field.account_or_not p {
      margin: 0; }
    .container.commentbox .commment_new_container .form-field.account_or_not .link-to-login {
      font-family: "Jost", sans-serif;
      text-transform: uppercase;
      text-decoration: none;
      padding: 0 20px;
      line-height: 30px;
      font-size: 12px;
      color: #000000;
      border: 1px solid #000000;
      display: inline-block;
      transition: 250ms; }
      .container.commentbox .commment_new_container .form-field.account_or_not .link-to-login:hover {
        background: #000000;
        color: #ffffff; }
    .container.commentbox .commment_new_container .form-field.account_or_not .no-account-yet {
      width: 100%;
      margin: 10px 0 0 0; }
      .container.commentbox .commment_new_container .form-field.account_or_not .no-account-yet p {
        font-size: 20px;
        line-height: 1.3; }
      @media (min-width: 834px) {
        .container.commentbox .commment_new_container .form-field.account_or_not .no-account-yet {
          width: calc(60% - 20px);
          margin: 0 10px; } }
  .container.commentbox .commment_new_container .form-field:last-child {
    margin-bottom: 0; }
  .container.commentbox .commment_new_container .form-field.error textarea {
    border: 1px solid #BE4444; }
  .container.commentbox .commment_new_container .form-field.error .validation-error-message {
    display: block; }
  .container.commentbox .commment_new_container .form-field.pass-reset {
    font-size: 12px; }
  .container.commentbox .commment_new_container .form-field label {
    font-size: 10px;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .container.commentbox .commment_new_container .form-field input {
    padding: 0 10px;
    font-size: 14px;
    max-width: calc(100% - 20px);
    background-color: #F7F7F7;
    border: 1px solid #979797;
    height: 38px;
    line-height: 38px;
    float: none;
    clear: both; }
    .container.commentbox .commment_new_container .form-field input:focus {
      outline: none; }
    .container.commentbox .commment_new_container .form-field input[type=submit]:hover {
      background: #ffffff; }
    .container.commentbox .commment_new_container .form-field input[type=submit].is-loading {
      background-color: rgba(0, 0, 0, 0.2);
      color: rgba(0, 0, 0, 0.1);
      border-color: rgba(0, 0, 0, 0.2);
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/spinner.svg");
      background-size: 20px; }
  .container.commentbox .commment_new_container .form-field textarea {
    background: #F7F7F7;
    border: 1px solid #979797;
    line-height: 1.1;
    float: none;
    clear: both;
    font-size: 14px; }
    .container.commentbox .commment_new_container .form-field textarea:focus {
      outline: none; }

.container.commentbox .commment_new_container .comment-respond {
  background: #E9DCD6;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  margin-bottom: 20px; }
  @media (min-width: 834px) {
    .container.commentbox .commment_new_container .comment-respond {
      padding: 20px;
      margin-bottom: 20px; } }
  .container.commentbox .commment_new_container .comment-respond .comment-reply-title {
    font-family: "Jost", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    line-height: 30px; }
  .container.commentbox .commment_new_container .comment-respond .cancel-comment-reply-link,
  .container.commentbox .commment_new_container .comment-respond #cancel-comment-reply-link {
    color: #ffffff;
    background: #000000;
    border: 1px solid #000000;
    display: inline-block;
    padding: 0 30px 0 10px;
    position: relative;
    line-height: 30px;
    transition: 250ms;
    text-decoration: none;
    margin: 0 15px; }
    .container.commentbox .commment_new_container .comment-respond .cancel-comment-reply-link:hover,
    .container.commentbox .commment_new_container .comment-respond #cancel-comment-reply-link:hover {
      color: #000000;
      background: #ffffff; }
      .container.commentbox .commment_new_container .comment-respond .cancel-comment-reply-link:hover:after,
      .container.commentbox .commment_new_container .comment-respond #cancel-comment-reply-link:hover:after {
        background: #000000;
        color: #ffffff; }
    .container.commentbox .commment_new_container .comment-respond .cancel-comment-reply-link:after,
    .container.commentbox .commment_new_container .comment-respond #cancel-comment-reply-link:after {
      position: absolute;
      right: 10px;
      top: 9px;
      width: 13px;
      height: 13px;
      line-height: 12px;
      text-align: center;
      border-radius: 20px;
      color: #000000;
      background: #ffffff;
      content: '×';
      font-size: 10px;
      font-family: "Jost", sans-serif; }
  .container.commentbox .commment_new_container .comment-respond .comment-form {
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .container.commentbox .commment_new_container .comment-respond .comment-form p {
      display: flex;
      flex-wrap: wrap;
      margin: 0 0 20px 0;
      width: 100%; }
      .container.commentbox .commment_new_container .comment-respond .comment-form p.logged-in-as {
        display: block;
        font-family: "Jost", sans-serif;
        font-size: 12px;
        text-transform: uppercase; }
      .container.commentbox .commment_new_container .comment-respond .comment-form p .log-out-link {
        align-self: flex-end; }
      .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-form-author {
        max-width: 100%;
        margin-right: 0; }
        .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-form-author label,
        .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-form-author input {
          width: 100%; }
        @media (min-width: 834px) {
          .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-form-author {
            max-width: calc(50% - 10px);
            margin-right: 10px; } }
      .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-form-email {
        max-width: 100%;
        margin-left: 0; }
        .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-form-email label,
        .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-form-email input {
          width: 100%; }
        @media (min-width: 834px) {
          .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-form-email {
            max-width: calc(50% - 10px);
            margin-left: 10px; } }
      .container.commentbox .commment_new_container .comment-respond .comment-form p label {
        font-size: 10px;
        font-family: "Jost", sans-serif;
        text-transform: uppercase;
        margin-bottom: 5px; }
      .container.commentbox .commment_new_container .comment-respond .comment-form p input {
        padding: 0 10px;
        font-size: 14px;
        background: #F7F7F7;
        border: 1px solid #979797;
        height: 38px;
        line-height: 38px;
        float: none;
        clear: both; }
        .container.commentbox .commment_new_container .comment-respond .comment-form p input:focus {
          outline: none; }
        .container.commentbox .commment_new_container .comment-respond .comment-form p input[type=submit].is-loading {
          background-color: rgba(0, 0, 0, 0.2);
          color: rgba(0, 0, 0, 0.1);
          border-color: rgba(0, 0, 0, 0.2);
          position: relative;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/spinner.svg");
          background-size: 20px; }
      .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-subscription-form {
        display: none; }
        .container.commentbox .commment_new_container .comment-respond .comment-form p.comment-subscription-form input[type=checkbox] {
          height: 16px;
          margin-right: 7px; }
      .container.commentbox .commment_new_container .comment-respond .comment-form p textarea {
        background-color: #F7F7F7;
        border: 1px solid #979797;
        line-height: 1.1;
        float: none;
        clear: both;
        font-size: 14px; }
        .container.commentbox .commment_new_container .comment-respond .comment-form p textarea.error {
          border: 2px solid #BE4444; }
        .container.commentbox .commment_new_container .comment-respond .comment-form p textarea:focus {
          outline: none; }

.container.commentbox .commment_new_container .comment_login_box {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .container.commentbox .commment_new_container .comment_login_box .comment_loginbox_labels {
    display: flex;
    flex-wrap: no-wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    width: 100%;
    line-height: 1.2;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 30px; }
    .container.commentbox .commment_new_container .comment_login_box .comment_loginbox_labels > div {
      padding: 10px;
      position: relative;
      cursor: pointer; }
      .container.commentbox .commment_new_container .comment_login_box .comment_loginbox_labels > div.current {
        font-weight: bold; }
        .container.commentbox .commment_new_container .comment_login_box .comment_loginbox_labels > div.current:after {
          position: absolute;
          left: 0;
          bottom: 0;
          height: 4px;
          width: 100%;
          background: #000000;
          content: ''; }
  .container.commentbox .commment_new_container .comment_login_box .fratello-account-comment {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: none; }
    .container.commentbox .commment_new_container .comment_login_box .fratello-account-comment .split {
      width: 48%; }
    .container.commentbox .commment_new_container .comment_login_box .fratello-account-comment .login_and_createaccount {
      line-height: 1;
      background: red;
      display: flex;
      flex-wrap: no-wrap;
      justify-content: space-between; }
      .container.commentbox .commment_new_container .comment_login_box .fratello-account-comment .login_and_createaccount p {
        margin: 0 40px;
        width: auto; }
    .container.commentbox .commment_new_container .comment_login_box .fratello-account-comment.current {
      display: flex; }
  .container.commentbox .commment_new_container .comment_login_box .fratello-geust-comment {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: none; }
    .container.commentbox .commment_new_container .comment_login_box .fratello-geust-comment .form-field {
      width: 48%; }
    .container.commentbox .commment_new_container .comment_login_box .fratello-geust-comment.current {
      display: flex; }

.container.commentbox .commment_new_container .comment_new_form_box {
  background: #E9DCD6;
  padding: 20px;
  margin-bottom: 50px; }
  .container.commentbox .commment_new_container .comment_new_form_box .comment-respond {
    width: 100%;
    padding: 0;
    margin-bottom: 0; }
  @media (min-width: 834px) {
    .container.commentbox .commment_new_container .comment_new_form_box {
      padding: 25px; } }
  .container.commentbox .commment_new_container .comment_new_form_box .h1 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px; }
    @media (min-width: 834px) {
      .container.commentbox .commment_new_container .comment_new_form_box .h1 {
        font-size: 30px; } }
    .container.commentbox .commment_new_container .comment_new_form_box .h1 span {
      font-weight: normal;
      font-style: italic;
      display: inline-block;
      margin: 0 5px;
      font-size: 18px; }
      @media (min-width: 834px) {
        .container.commentbox .commment_new_container .comment_new_form_box .h1 span {
          font-size: 30px; } }
  .container.commentbox .commment_new_container .comment_new_form_box .form_new_box {
    display: flex;
    flex-wrap: wrap; }
    .container.commentbox .commment_new_container .comment_new_form_box .form_new_box .comment-list {
      list-style: none;
      margin: 0;
      padding: 0; }
      .container.commentbox .commment_new_container .comment_new_form_box .form_new_box .comment-list li {
        list-style: none;
        list-style: none;
        margin: 0;
        padding: 0; }
        .container.commentbox .commment_new_container .comment_new_form_box .form_new_box .comment-list li ol {
          margin-left: 50px;
          list-style: none;
          margin: 0;
          padding: 0; }

.comment-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .comment-list a.comment-reply-link.scroll-disabled {
    pointer-events: none; }
  .comment-list li {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    border-bottom: 1px solid #979797; }
    .comment-list li ol {
      margin-left: 0px;
      padding-left: 30px; }
      @media (min-width: 834px) {
        .comment-list li ol {
          padding-left: 50px; } }
      .comment-list li ol.children > li ol.children > li ol.children > li ol.children > li ol.children {
        padding-left: 0; }
      .comment-list li ol li {
        border-bottom: none; }
        .comment-list li ol li ol {
          margin-left: 0; }
    .comment-list li textarea.comment-edit {
      background: #FFF;
      font-size: 16px;
      margin-bottom: 10px; }
    .comment-list li .save-comment-cancel,
    .comment-list li .save-comment-edit {
      padding: 0 15px 0 15px;
      line-height: 30px;
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 20px;
      margin-right: 10px; }
    .comment-list li .edit-notif {
      font-family: "Jost", sans-serif;
      font-size: 12px;
      clear: both;
      width: 100%;
      color: #999; }
    .comment-list li .comment-body {
      display: flex;
      flex-wrap: wrap;
      padding-left: 30px;
      margin-bottom: 30px;
      position: relative; }
      .comment-list li .comment-body a {
        word-break: break-all; }
      .comment-list li .comment-body .comment-content .embed-youtube {
        display: none !important; }
      @media (min-width: 834px) {
        .comment-list li .comment-body {
          padding-left: 50px; } }
      .comment-list li .comment-body.hot-comment {
        padding: 20px 20px 20px 40px;
        background: rgba(233, 220, 214, 0.5);
        border-bottom: 1px solid #E9DCD6; }
        @media (min-width: 834px) {
          .comment-list li .comment-body.hot-comment {
            padding: 20px 20px 20px 70px; } }
        .comment-list li .comment-body.hot-comment .hart-comment {
          top: 20px;
          right: 10px; }
          @media (min-width: 834px) {
            .comment-list li .comment-body.hot-comment .hart-comment {
              top: 32px;
              right: 20px; } }
      .comment-list li .comment-body .hart-comment {
        position: absolute;
        right: 15px;
        min-width: 16px;
        height: 20px;
        font-family: "Jost", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        padding-right: 20px;
        background: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/fw_hart.svg") no-repeat center;
        background-size: 18px;
        background-position: center right;
        cursor: pointer;
        content: '';
        top: 0; }
        @media (min-width: 834px) {
          .comment-list li .comment-body .hart-comment {
            top: 12px; } }
        .comment-list li .comment-body .hart-comment:hover {
          background: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/fw_hart_1.svg") no-repeat center;
          background-size: 18px;
          background-position: center right; }
        .comment-list li .comment-body .hart-comment.hot {
          background: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/fw_hart_1.svg") no-repeat center;
          background-size: 18px;
          background-position: center right; }
        .comment-list li .comment-body .hart-comment.not-hot {
          background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/fw_hart.svg") !important; }
      .comment-list li .comment-body .comment-meta {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        font-family: "Jost", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        padding-top: 0;
        padding-right: 0; }
        @media (min-width: 834px) {
          .comment-list li .comment-body .comment-meta {
            padding-top: 10px;
            padding-right: 60px; } }
        @media (min-width: 834px) {
          .comment-list li .comment-body .comment-meta .comment-metadata {
            display: block; } }
        .comment-list li .comment-body .comment-meta .comment-author {
          margin-right: 10px; }
          .comment-list li .comment-body .comment-meta .comment-author .says {
            display: none; }
          .comment-list li .comment-body .comment-meta .comment-author.vcard > img {
            width: 25px;
            left: 0px;
            height: 25px;
            border-radius: 40px;
            overflow: hidden;
            position: absolute;
            top: 0; }
            @media (min-width: 834px) {
              .comment-list li .comment-body .comment-meta .comment-author.vcard > img {
                width: 40px;
                height: 40px; } }
          .comment-list li .comment-body .comment-meta .comment-author.vcard > div {
            position: absolute;
            border-radius: 40px;
            overflow: hidden;
            position: absolute;
            top: 0;
            color: #ffffff;
            left: -60px;
            background: #ba855d;
            text-align: center;
            font-size: 10px;
            width: 25px;
            left: 0px;
            height: 25px;
            line-height: 25px; }
            @media (min-width: 834px) {
              .comment-list li .comment-body .comment-meta .comment-author.vcard > div {
                left: 0;
                width: 40px;
                height: 40px;
                line-height: 40px; } }
            .comment-list li .comment-body .comment-meta .comment-author.vcard > div img {
              border-radius: 40px;
              overflow: hidden;
              position: absolute;
              top: 0;
              left: 0;
              min-width: 25px;
              min-height: 25px; }
              @media (min-width: 834px) {
                .comment-list li .comment-body .comment-meta .comment-author.vcard > div img {
                  min-width: 40px;
                  min-height: 40px; } }
        .comment-list li .comment-body .comment-meta .comment-awaiting-moderation {
          padding: 15px;
          text-transform: none;
          font-style: normal;
          color: #BE4444; }
      .comment-list li .comment-body .reply {
        width: 100%; }
        .comment-list li .comment-body .reply a {
          font-size: 12px;
          font-family: "Jost", sans-serif;
          text-transform: uppercase;
          padding: 0 20px 0 40px;
          position: relative;
          display: inline-block; }
          .comment-list li .comment-body .reply a:after {
            position: absolute;
            left: 5px;
            top: 0;
            width: 25px;
            height: 20px;
            content: '';
            background: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/reply-to.svg") no-repeat center;
            background-size: 100%; }
        .comment-list li .comment-body .reply .edit {
          padding: 0 20px 0 0px; }
          .comment-list li .comment-body .reply .edit::after {
            background: none; }

.not-allowed {
  font-family: "Jost", sans-serif;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  background-color: rgba(185, 170, 163, 0.25); }

.newsletter-box .container {
  position: relative; }

.newsletter-box .row {
  position: relative;
  z-index: 2; }

.newsletter-box .h1 {
  margin-top: 25px;
  margin-bottom: 35px; }
  @media (min-width: 834px) {
    .newsletter-box .h1 {
      margin-top: 0; } }

.newsletter-box .newsletter-bg {
  position: absolute;
  right: -120px;
  top: 50%;
  transform: translateY(-50%) rotate(17deg);
  z-index: 1;
  right: -160px;
  width: 620px;
  opacity: 0.1; }
  @media (min-width: 834px) {
    .newsletter-box .newsletter-bg {
      opacity: 0.3;
      right: -120px;
      width: 920px; } }
  .newsletter-box .newsletter-bg img {
    width: 100%; }

.newsletter-box .container .gform_wrapper {
  position: relative; }
  @media (max-width: 833px) {
    .newsletter-box .container .gform_wrapper .gform_body .gfield {
      margin-bottom: 10px; } }
  @media (min-width: 834px) {
    .newsletter-box .container .gform_wrapper .gform_body {
      width: 70%; } }
  .newsletter-box .container .gform_wrapper .gform_body input {
    height: 36px; }
  @media (min-width: 834px) {
    .newsletter-box .container .gform_wrapper .gform_footer {
      width: 30%;
      position: absolute;
      right: 0;
      bottom: 0;
      margin: 0;
      padding: 0; } }
  .newsletter-box .container .gform_wrapper .gform_footer .gform_button {
    border: 1px solid #ffffff;
    color: #ffffff;
    width: 100%; }

html.lock {
  overflow-y: hidden; }

/*
Modal
---------------------------------------------------------------------------------------------------- */
.modal {
  display: none; }
  .modal .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.4); }
  .modal .content {
    background: #FFF;
    padding: 30px 25px 35px 25px;
    box-sizing: border-box;
    left: 50%;
    width: 450px; }
    @media (max-width: 833px) {
      .modal .content {
        position: fixed !important;
        top: 0px !important;
        margin: 0 !important;
        padding-top: 70px;
        left: 0;
        width: 100%;
        height: 100%; } }
    .modal .content .form-field {
      max-width: calc(100% - 2px); }
  .modal .close-btn {
    position: absolute;
    right: 0;
    top: -40px;
    width: 40px;
    height: 40px;
    background: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-close-white.svg") center/18px 18px no-repeat, #000000; }
    @media (max-width: 833px) {
      .modal .close-btn {
        top: 0; } }
  .modal .modal-title {
    margin-bottom: 20px !important;
    font-size: 22px; }
    @media (max-width: 833px) {
      .modal .modal-title {
        position: fixed;
        left: 25px;
        font-size: 20px;
        top: 20px;
        right: 50px; } }
  .modal .modal-content {
    margin-bottom: 20px; }
  .modal .content-wrap {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 100%; }
  .modal.loading .content {
    position: relative;
    min-height: 200px; }
    .modal.loading .content:before {
      content: "";
      width: 32px;
      height: 32px;
      background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/spinner-dark.svg");
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -16px 0 0 -16px; }
    .modal.loading .content .content-wrap {
      display: none; }

.content-wrapper {
  position: relative;
  margin-bottom: 35px; }
  @media (min-width: 834px) {
    .content-wrapper {
      margin-bottom: 60px; } }
  @media (min-width: 1440px) {
    .content-wrapper {
      margin-bottom: 70px; } }
  .content-wrapper.black-section {
    background-color: #1E1E1E;
    color: #DEDEDE;
    padding: 50px 0; }
    @media (min-width: 834px) {
      .content-wrapper.black-section {
        padding: 80px 0; } }
    .content-wrapper.black-section .section-title-element {
      border-bottom: 1px solid #5B5B5B;
      color: #EDEDED; }
      .content-wrapper.black-section .section-title-element.no-line {
        border-bottom: none; }

.sections-wrapper-list {
  margin-bottom: 30px; }
  @media (min-width: 834px) {
    .sections-wrapper-list {
      margin-bottom: 50px; } }

.sections-scrollable {
  width: calc(100% + 34px);
  margin-left: -17px;
  padding-left: 17px; }
  @media (min-width: 834px) {
    .sections-scrollable {
      width: 100%;
      margin-left: 0;
      padding-left: 0; } }
  .sections-scrollable .post-tile-normal {
    border-bottom: none; }
  .sections-scrollable > div {
    width: 100%;
    max-width: 360px;
    min-width: 270px; }
    @media (min-width: 768px) {
      .sections-scrollable > div {
        min-width: 280px; } }
    @media (min-width: 834px) {
      .sections-scrollable > div {
        min-width: 270px; } }
    .sections-scrollable > div:last-child {
      border-right: 17px solid transparent;
      margin-right: 0;
      min-width: 286px; }
      @media (min-width: 768px) {
        .sections-scrollable > div:last-child {
          min-width: 296px; } }
      @media (min-width: 834px) {
        .sections-scrollable > div:last-child {
          min-width: 286px;
          max-width: none;
          border-right: 0; } }
    @media (min-width: 834px) {
      .sections-scrollable > div {
        max-width: none;
        width: 48%;
        margin-right: 0; } }

.section-title-element {
  border-bottom: 1px solid #DEDEDE;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 12px;
  margin-bottom: 15px; }
  @media (min-width: 834px) {
    .section-title-element {
      padding-bottom: 12px;
      margin-bottom: 35px; } }

.category-header .section-title-element {
  flex-wrap: wrap; }

.to-archive {
  font-family: "Jost", sans-serif;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.20em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #9E9E9E; }
  @media (min-width: 834px) {
    .to-archive {
      letter-spacing: 1px;
      font-size: 14px; } }

.col-footer {
  width: 100%;
  display: flex;
  justify-content: flex-end; }

.social_box {
  display: none; }
  @media (min-width: 768px) {
    .social_box {
      display: flex;
      align-items: center;
      margin-left: 20px; } }
  .social_box > span {
    font-weight: 500; }
  .social_box ul.share {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
    .social_box ul.share li span {
      width: 30px;
      height: 28px;
      display: block;
      background-position: center;
      background-size: 18px;
      background-repeat: no-repeat;
      cursor: pointer; }
      .social_box ul.share li span.share-facebook {
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/social-icons/facebook.svg"); }
      .social_box ul.share li span.share-twitter {
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/social-icons/twitter.svg"); }
      .social_box ul.share li span.share-whatsapp {
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/social-icons/whatsapp.svg"); }
      .social_box ul.share li span.share-pinterest {
        background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/social-icons/pin.svg"); }

input {
  border-radius: 0; }

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

.container .gform_wrapper .gfield_label {
  font-family: "Jost", sans-serif;
  font-weight: 400; }

.container .gform_wrapper .gform_footer {
  margin: 0; }
  .container .gform_wrapper .gform_footer input.button, .container .gform_wrapper .gform_footer input.cta, .container .gform_wrapper .gform_footer input.submit {
    font-size: 12px;
    padding: 0 30px;
    line-height: 35px; }
  .container .gform_wrapper .gform_footer .button[type=submit], .container .gform_wrapper .gform_footer .cta[type=submit], .container .gform_wrapper .gform_footer .submit[type=submit] {
    color: #000000;
    background-color: #ffffff; }

.gpoll_wrapper,
.gform_confirmation_wrapper {
  padding: 20px 50px;
  background: #F7F7F7;
  margin-bottom: 20px !important; }
  .gpoll_wrapper .gpoll_ratio_box,
  .gform_confirmation_wrapper .gpoll_ratio_box {
    border-radius: 0;
    background-color: #000000; }
  .gpoll_wrapper .gpoll_choice_label,
  .gform_confirmation_wrapper .gpoll_choice_label {
    font-family: "Jost", sans-serif;
    font-size: 12px; }
  .gpoll_wrapper .gfield_description,
  .gform_confirmation_wrapper .gfield_description {
    display: none; }
  .gpoll_wrapper .gpoll_bar,
  .gform_confirmation_wrapper .gpoll_bar {
    background-color: rgba(255, 255, 255, 0.4) !important; }
  .gpoll_wrapper .gpoll_wrapper.green,
  .gform_confirmation_wrapper .gpoll_wrapper.green {
    font-family: "Jost", sans-serif;
    font-size: 10px;
    padding: 0; }
    .gpoll_wrapper .gpoll_wrapper.green .gpoll_ratio_box,
    .gform_confirmation_wrapper .gpoll_wrapper.green .gpoll_ratio_box {
      background-color: rgba(0, 0, 0, 0.9) !important; }
    .gpoll_wrapper .gpoll_wrapper.green .gpoll_bar_juice,
    .gform_confirmation_wrapper .gpoll_wrapper.green .gpoll_bar_juice {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.6) !important;
      border-radius: 0; }
      .gpoll_wrapper .gpoll_wrapper.green .gpoll_bar_juice:after,
      .gform_confirmation_wrapper .gpoll_wrapper.green .gpoll_bar_juice:after {
        display: none; }
  .gpoll_wrapper .gpoll_container .gfield_description,
  .gform_confirmation_wrapper .gpoll_container .gfield_description {
    display: block; }

.form-field {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding-top: 20px;
  position: relative; }
  .form-field p:last-child {
    margin-bottom: 0; }
  .form-field.address {
    width: 70%; }
  .form-field.number {
    width: 25%;
    float: right; }
  .form-field.zip_code {
    width: 35%; }
  .form-field.city {
    float: right;
    width: 60%; }
  .form-field.input_social input {
    padding: 0 10px 0 40px;
    width: calc(100% - 50px); }
  .form-field.input_social.validated:after {
    display: none; }
  .form-field.input_social:before {
    position: absolute;
    left: 0;
    top: 21px;
    width: 35px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    content: ''; }
  .form-field.input_social.instagram:before {
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-instagram.svg");
    opacity: .5; }
  .form-field.input_social.facebook:before {
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-facebook.svg");
    opacity: .5; }
  .form-field.input_social.website:before {
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-website.svg");
    opacity: .5; }
  .form-field.loading::after, .form-field.error::after, .form-field.validated::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    right: 10px;
    top: 30px; }
  .form-field input[type=file] {
    border-radius: 20px; }
  .form-field label {
    position: absolute;
    top: 0;
    left: 0; }
  .form-field.dropdown.loading::after, .form-field.dropdown.error::after, .form-field.dropdown.validated::after {
    display: none !important; }
  .form-field.dropdown .field-error {
    clear: both; }
  .form-field.loading::after {
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/loader.svg"); }
  .form-field.error input {
    color: #ff0000;
    border: 1px solid #FF0000; }
  .form-field.error .select {
    color: #ff0000;
    border: 1px solid #FF0000; }
  .form-field.error label {
    color: #ff0000; }
  .form-field.error::after {
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/error.svg"); }
  .form-field.validated::after {
    background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/validated.svg"); }
  .form-field .field-error {
    font-size: 10px;
    padding: 5px 0 20px 0;
    line-height: 20px;
    color: #ff0000;
    font-family: 'AktivGrotesk';
    text-transform: uppercase; }
    .form-field .field-error a {
      font-weight: bold; }

.form-box,
.container .gform_wrapper,
.container .gform_wrapper .gfield {
  margin-top: 0;
  margin-bottom: 0; }
  .form-box input[type=email],
  .form-box input[type=url],
  .form-box input[type=text],
  .form-box textarea,
  .container .gform_wrapper input[type=email],
  .container .gform_wrapper input[type=url],
  .container .gform_wrapper input[type=text],
  .container .gform_wrapper textarea,
  .container .gform_wrapper .gfield input[type=email],
  .container .gform_wrapper .gfield input[type=url],
  .container .gform_wrapper .gfield input[type=text],
  .container .gform_wrapper .gfield textarea {
    background-color: red;
    border: none;
    background-color: #ffffff;
    padding: 14px 20px !important;
    outline: none;
    width: 100% !important; }
    .form-box input[type=email]::-webkit-input-placeholder,
    .form-box input[type=url]::-webkit-input-placeholder,
    .form-box input[type=text]::-webkit-input-placeholder,
    .form-box textarea::-webkit-input-placeholder,
    .container .gform_wrapper input[type=email]::-webkit-input-placeholder,
    .container .gform_wrapper input[type=url]::-webkit-input-placeholder,
    .container .gform_wrapper input[type=text]::-webkit-input-placeholder,
    .container .gform_wrapper textarea::-webkit-input-placeholder,
    .container .gform_wrapper .gfield input[type=email]::-webkit-input-placeholder,
    .container .gform_wrapper .gfield input[type=url]::-webkit-input-placeholder,
    .container .gform_wrapper .gfield input[type=text]::-webkit-input-placeholder,
    .container .gform_wrapper .gfield textarea::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #000000; }
    .form-box input[type=email]:-moz-placeholder,
    .form-box input[type=url]:-moz-placeholder,
    .form-box input[type=text]:-moz-placeholder,
    .form-box textarea:-moz-placeholder,
    .container .gform_wrapper input[type=email]:-moz-placeholder,
    .container .gform_wrapper input[type=url]:-moz-placeholder,
    .container .gform_wrapper input[type=text]:-moz-placeholder,
    .container .gform_wrapper textarea:-moz-placeholder,
    .container .gform_wrapper .gfield input[type=email]:-moz-placeholder,
    .container .gform_wrapper .gfield input[type=url]:-moz-placeholder,
    .container .gform_wrapper .gfield input[type=text]:-moz-placeholder,
    .container .gform_wrapper .gfield textarea:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #000000; }
    .form-box input[type=email]::-moz-placeholder,
    .form-box input[type=url]::-moz-placeholder,
    .form-box input[type=text]::-moz-placeholder,
    .form-box textarea::-moz-placeholder,
    .container .gform_wrapper input[type=email]::-moz-placeholder,
    .container .gform_wrapper input[type=url]::-moz-placeholder,
    .container .gform_wrapper input[type=text]::-moz-placeholder,
    .container .gform_wrapper textarea::-moz-placeholder,
    .container .gform_wrapper .gfield input[type=email]::-moz-placeholder,
    .container .gform_wrapper .gfield input[type=url]::-moz-placeholder,
    .container .gform_wrapper .gfield input[type=text]::-moz-placeholder,
    .container .gform_wrapper .gfield textarea::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #000000; }
    .form-box input[type=email]:-ms-input-placeholder,
    .form-box input[type=url]:-ms-input-placeholder,
    .form-box input[type=text]:-ms-input-placeholder,
    .form-box textarea:-ms-input-placeholder,
    .container .gform_wrapper input[type=email]:-ms-input-placeholder,
    .container .gform_wrapper input[type=url]:-ms-input-placeholder,
    .container .gform_wrapper input[type=text]:-ms-input-placeholder,
    .container .gform_wrapper textarea:-ms-input-placeholder,
    .container .gform_wrapper .gfield input[type=email]:-ms-input-placeholder,
    .container .gform_wrapper .gfield input[type=url]:-ms-input-placeholder,
    .container .gform_wrapper .gfield input[type=text]:-ms-input-placeholder,
    .container .gform_wrapper .gfield textarea:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #000000; }
  .form-box input[type=file],
  .container .gform_wrapper input[type=file],
  .container .gform_wrapper .gfield input[type=file] {
    width: 100% !important; }
    .form-box input[type=file]::-webkit-input-placeholder,
    .container .gform_wrapper input[type=file]::-webkit-input-placeholder,
    .container .gform_wrapper .gfield input[type=file]::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #000000; }
    .form-box input[type=file]:-moz-placeholder,
    .container .gform_wrapper input[type=file]:-moz-placeholder,
    .container .gform_wrapper .gfield input[type=file]:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #000000; }
    .form-box input[type=file]::-moz-placeholder,
    .container .gform_wrapper input[type=file]::-moz-placeholder,
    .container .gform_wrapper .gfield input[type=file]::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #000000; }
    .form-box input[type=file]:-ms-input-placeholder,
    .container .gform_wrapper input[type=file]:-ms-input-placeholder,
    .container .gform_wrapper .gfield input[type=file]:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #000000; }
  .form-box :-ms-input-placeholder,
  .container .gform_wrapper :-ms-input-placeholder,
  .container .gform_wrapper .gfield :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: red; }
  .form-box ::-ms-input-placeholder,
  .container .gform_wrapper ::-ms-input-placeholder,
  .container .gform_wrapper .gfield ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red; }
  .form-box label.gfield_label,
  .container .gform_wrapper label.gfield_label,
  .container .gform_wrapper .gfield label.gfield_label {
    font-size: 16px;
    font-weight: 400;
    transition: transform .25s;
    margin-top: 0 !important; }
    .form-box label.gfield_label .gfield_required,
    .container .gform_wrapper label.gfield_label .gfield_required,
    .container .gform_wrapper .gfield label.gfield_label .gfield_required {
      color: #BE4444; }
  .form-box .select,
  .form-box .ginput_container_select,
  .container .gform_wrapper .select,
  .container .gform_wrapper .ginput_container_select,
  .container .gform_wrapper .gfield .select,
  .container .gform_wrapper .gfield .ginput_container_select {
    background-color: white;
    border: 1px solid #CACACA;
    padding: 5px 0;
    outline: none;
    width: 100%;
    height: 40px;
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    .form-box .select:after,
    .form-box .ginput_container_select:after,
    .container .gform_wrapper .select:after,
    .container .gform_wrapper .ginput_container_select:after,
    .container .gform_wrapper .gfield .select:after,
    .container .gform_wrapper .gfield .ginput_container_select:after {
      position: absolute;
      right: 0;
      top: 0;
      width: 40px;
      text-align: center;
      height: 40px;
      line-height: 40px;
      z-index: 1;
      content: ''; }
    .form-box .select select,
    .form-box .ginput_container_select select,
    .container .gform_wrapper .select select,
    .container .gform_wrapper .ginput_container_select select,
    .container .gform_wrapper .gfield .select select,
    .container .gform_wrapper .gfield .ginput_container_select select {
      -webkit-appearance: none;
      line-height: 30px;
      position: absolute;
      left: 0;
      padding: 0 15px;
      width: 110% !important;
      border: none;
      background: none;
      z-index: 4;
      font-family: "Jost", sans-serif; }
  .form-box.e-mail .form-row,
  .container .gform_wrapper.e-mail .form-row,
  .container .gform_wrapper .gfield.e-mail .form-row {
    margin-bottom: 20px; }
  .form-box.e-mail label,
  .container .gform_wrapper.e-mail label,
  .container .gform_wrapper .gfield.e-mail label {
    font-size: 80%; }
  .form-box.e-mail input[type=url],
  .form-box.e-mail input[type=text],
  .form-box.e-mail textarea,
  .container .gform_wrapper.e-mail input[type=url],
  .container .gform_wrapper.e-mail input[type=text],
  .container .gform_wrapper.e-mail textarea,
  .container .gform_wrapper .gfield.e-mail input[type=url],
  .container .gform_wrapper .gfield.e-mail input[type=text],
  .container .gform_wrapper .gfield.e-mail textarea {
    border: none;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0;
    padding: 16px !important;
    outline: none;
    width: 100% !important; }
  .form-box .gfield,
  .container .gform_wrapper .gfield,
  .container .gform_wrapper .gfield .gfield {
    margin-top: 0;
    margin-bottom: 18px;
    position: relative;
    padding-left: 0;
    padding-right: 0; }
    .form-box .gfield:before,
    .container .gform_wrapper .gfield:before,
    .container .gform_wrapper .gfield .gfield:before {
      display: none; }
  .form-box .gform_footer,
  .container .gform_wrapper .gform_footer,
  .container .gform_wrapper .gfield .gform_footer {
    margin: 0;
    padding: 0; }
    .form-box .gform_footer .button[type=submit], .form-box .gform_footer .cta[type=submit], .form-box .gform_footer .submit[type=submit], .container .gform_wrapper .gform_footer .button[type=submit], .container .gform_wrapper .gform_footer .cta[type=submit], .container .gform_wrapper .gform_footer .submit[type=submit],
    .container .gform_wrapper .gfield .gform_footer .button[type=submit],
    .container .gform_wrapper .gfield .gform_footer .cta[type=submit],
    .container .gform_wrapper .gfield .gform_footer .submit[type=submit] {
      font-family: "Jost", sans-serif;
      margin: 0;
      padding: 0 35px; }
  .form-box .focused label.gfield_label,
  .form-box .not-empty label.gfield_label,
  .container .gform_wrapper .focused label.gfield_label,
  .container .gform_wrapper .not-empty label.gfield_label,
  .container .gform_wrapper .gfield .focused label.gfield_label,
  .container .gform_wrapper .gfield .not-empty label.gfield_label {
    transform: translateY(-22px); }
  .form-box .gfield_error,
  .container .gform_wrapper .gfield_error,
  .container .gform_wrapper .gfield .gfield_error {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important; }
    .form-box .gfield_error .ginput_container,
    .container .gform_wrapper .gfield_error .ginput_container,
    .container .gform_wrapper .gfield .gfield_error .ginput_container {
      margin-top: 0 !important; }
  .form-box .validation_error,
  .container .gform_wrapper .validation_error,
  .container .gform_wrapper .gfield .validation_error {
    display: none !important; }
  .form-box .section-content,
  .container .gform_wrapper .section-content,
  .container .gform_wrapper .gfield .section-content {
    margin: 0; }
  .form-box .h3, .form-box .wp-content h2, .wp-content .form-box h2, .form-box .wp-content h3, .wp-content .form-box h3, .form-box .timelinebox .slick-slide .years, .timelinebox .slick-slide .form-box .years,
  .container .gform_wrapper .h3,
  .container .gform_wrapper .wp-content h2,
  .wp-content .container .gform_wrapper h2,
  .container .gform_wrapper .wp-content h3,
  .wp-content .container .gform_wrapper h3,
  .container .gform_wrapper .timelinebox .slick-slide .years,
  .timelinebox .slick-slide .container .gform_wrapper .years,
  .container .gform_wrapper .gfield .h3,
  .container .gform_wrapper .gfield .wp-content h2,
  .wp-content .container .gform_wrapper .gfield h2,
  .container .gform_wrapper .gfield .wp-content h3,
  .wp-content .container .gform_wrapper .gfield h3,
  .container .gform_wrapper .gfield .timelinebox .slick-slide .years,
  .timelinebox .slick-slide .container .gform_wrapper .gfield .years {
    margin-bottom: 40px; }
  .form-box .team-tile,
  .container .gform_wrapper .team-tile,
  .container .gform_wrapper .gfield .team-tile {
    max-width: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0; }
    @media (min-width: 834px) {
      .form-box .team-tile,
      .container .gform_wrapper .team-tile,
      .container .gform_wrapper .gfield .team-tile {
        flex-direction: row;
        margin-bottom: 20px; } }
    .form-box .team-tile .featured-image,
    .container .gform_wrapper .team-tile .featured-image,
    .container .gform_wrapper .gfield .team-tile .featured-image {
      max-width: 280px;
      margin-right: 40px; }
    .form-box .team-tile .team-body,
    .container .gform_wrapper .team-tile .team-body,
    .container .gform_wrapper .gfield .team-tile .team-body {
      margin-top: 10px; }

.scrollable {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 834px) {
    .scrollable {
      overflow-x: hidden; } }

.container.video-channel-box {
  color: #ffffff; }
  .container.video-channel-box .wrap {
    flex-direction: column;
    max-width: 1200px; }
  .container.video-channel-box a,
  .container.video-channel-box span[data-extrnallink] {
    cursor: pointer;
    text-decoration: none; }
  .container.video-channel-box .video-section-title {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 30px; }
    @media (min-width: 834px) {
      .container.video-channel-box .video-section-title {
        margin-bottom: 50px; } }
    .container.video-channel-box .video-section-title .teammembers_title {
      font-family: "Jost", sans-serif;
      margin-bottom: 0;
      font-size: 16px;
      font-weight: bold;
      color: #ffffff; }
      @media (min-width: 834px) {
        .container.video-channel-box .video-section-title .teammembers_title {
          font-size: 28px; } }
  .container.video-channel-box .video-section-content {
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 834px) {
      .container.video-channel-box .video-section-content {
        flex-direction: row;
        justify-content: space-between; } }
  .container.video-channel-box .more {
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-size: 12px;
    padding-right: 20px;
    position: relative;
    text-align: right; }
    @media (min-width: 834px) {
      .container.video-channel-box .more {
        font-size: 14px;
        padding-right: 30px; } }
    .container.video-channel-box .more:after {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      width: 20px;
      height: 26px;
      background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/right_arrow.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 6px;
      content: ''; }
      @media (min-width: 834px) {
        .container.video-channel-box .more:after {
          background-size: 8px; } }
  .container.video-channel-box .h2 {
    font-size: 16px;
    margin: 0; }
    @media (min-width: 834px) {
      .container.video-channel-box .h2 {
        font-size: 28px; } }
    .container.video-channel-box .h2.alt {
      font-family: "Jost", sans-serif;
      font-weight: 500; }
  .container.video-channel-box .main-video-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%; }
    @media (min-width: 834px) {
      .container.video-channel-box .main-video-box {
        width: 54%;
        margin-bottom: 20px;
        margin-bottom: 0; } }
    .container.video-channel-box .main-video-box .video-click-new {
      margin-bottom: 20px; }
      @media (min-width: 834px) {
        .container.video-channel-box .main-video-box .video-click-new {
          max-width: 645px;
          margin-bottom: 0; } }
    .container.video-channel-box .main-video-box .new_subtitle {
      font-family: "Jost", sans-serif;
      line-height: 20px;
      font-size: 16px;
      font-weight: 300;
      text-align: center;
      height: 21px;
      max-width: 680px;
      white-space: wrap;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; }
      @media (min-width: 834px) {
        .container.video-channel-box .main-video-box .new_subtitle {
          text-align: left;
          font-size: 20px;
          height: 30px;
          line-height: 1.5em;
          margin-left: 0;
          margin-right: 0; } }
  .container.video-channel-box .video-sidebar {
    width: 100%;
    min-width: calc(100% + 40px);
    margin-left: -20px;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    display: flex; }
    @media (min-width: 834px) {
      .container.video-channel-box .video-sidebar {
        min-width: 0;
        max-width: 509px;
        width: 50%;
        margin-left: 10px;
        margin-bottom: 0; } }
    .container.video-channel-box .video-sidebar .videolist-box {
      list-style: none;
      padding: 10px 0 0 0;
      margin: 0;
      display: flex;
      flex-wrap: nowrap;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none; }
      @media (min-width: 834px) {
        .container.video-channel-box .video-sidebar .videolist-box {
          padding: 0;
          flex-direction: row;
          flex-wrap: wrap;
          overflow-x: hidden; } }
      .container.video-channel-box .video-sidebar .videolist-box li {
        font-family: "Jost", sans-serif;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        width: 100%;
        cursor: pointer; }
        .container.video-channel-box .video-sidebar .videolist-box li.current {
          position: relative; }
          .container.video-channel-box .video-sidebar .videolist-box li.current:before {
            display: none;
            position: absolute;
            left: calc(50% - 20px);
            bottom: 100%;
            width: 20px;
            height: 10px;
            content: '';
            background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-triangle-up.svg");
            background-repeat: no-repeat;
            background-position: bottom; }
            @media (min-width: 834px) {
              .container.video-channel-box .video-sidebar .videolist-box li.current:before {
                display: none; } }
        @media (min-width: 834px) {
          .container.video-channel-box .video-sidebar .videolist-box li {
            margin-bottom: 26px; } }
        .container.video-channel-box .video-sidebar .videolist-box li:first-child {
          border-left: 20px solid transparent; }
          @media (min-width: 834px) {
            .container.video-channel-box .video-sidebar .videolist-box li:first-child {
              border-left: 0; } }
        .container.video-channel-box .video-sidebar .videolist-box li:last-child {
          border-right: 20px solid transparent; }
          @media (min-width: 834px) {
            .container.video-channel-box .video-sidebar .videolist-box li:last-child {
              border-right: 0;
              padding-bottom: 0;
              margin-bottom: 0;
              border-bottom: 0; } }
        .container.video-channel-box .video-sidebar .videolist-box li:hover .img {
          opacity: 1; }
          .container.video-channel-box .video-sidebar .videolist-box li:hover .img:before, .container.video-channel-box .video-sidebar .videolist-box li:hover .img:after {
            opacity: 1; }
        .container.video-channel-box .video-sidebar .videolist-box li .img {
          margin-right: 14px;
          width: 100%;
          height: auto;
          position: relative;
          opacity: 1;
          transition: 350ms;
          width: 191px;
          overflow: hidden; }
          .container.video-channel-box .video-sidebar .videolist-box li .img:before {
            position: absolute;
            transition: 250ms;
            z-index: 6;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            border-radius: 40px;
            background-color: rgba(255, 255, 255, 0.5);
            content: '';
            opacity: 0; }
          .container.video-channel-box .video-sidebar .videolist-box li .img:after {
            opacity: 0;
            transition: 250ms;
            position: absolute;
            z-index: 6;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 15px;
            height: 20px;
            background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-play.svg");
            background-size: 10px;
            background-repeat: no-repeat;
            background-position: center;
            content: ''; }
          @media (min-width: 834px) {
            .container.video-channel-box .video-sidebar .videolist-box li .img {
              opacity: 0.7;
              width: 185px;
              margin-right: 30px; } }
        .container.video-channel-box .video-sidebar .videolist-box li:last-child .img {
          margin-right: 0; }
          @media (min-width: 834px) {
            .container.video-channel-box .video-sidebar .videolist-box li:last-child .img {
              margin-right: 30px; } }
        .container.video-channel-box .video-sidebar .videolist-box li .title {
          width: 60%;
          display: none;
          padding: 5px 0;
          transition: 350ms; }
          @media (min-width: 834px) {
            .container.video-channel-box .video-sidebar .videolist-box li .title {
              display: flex;
              flex-direction: column;
              justify-content: space-between; } }
          .container.video-channel-box .video-sidebar .videolist-box li .title .tag {
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            margin-bottom: 7px;
            color: #ba855d; }
          .container.video-channel-box .video-sidebar .videolist-box li .title .h3, .container.video-channel-box .video-sidebar .videolist-box li .title .wp-content h2, .wp-content .container.video-channel-box .video-sidebar .videolist-box li .title h2, .container.video-channel-box .video-sidebar .videolist-box li .title .wp-content h3, .wp-content .container.video-channel-box .video-sidebar .videolist-box li .title h3, .container.video-channel-box .video-sidebar .videolist-box li .title .timelinebox .slick-slide .years, .timelinebox .slick-slide .container.video-channel-box .video-sidebar .videolist-box li .title .years {
            font-size: 18px;
            color: #EDEDED;
            font-weight: 700;
            white-space: wrap;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: normal;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
          .container.video-channel-box .video-sidebar .videolist-box li .title .duration {
            color: #EDEDED; }

.container .video-click-new {
  position: relative;
  overflow: hidden; }
  .container .video-click-new .video-container {
    margin-bottom: 0; }
  .container .video-click-new .play-full-video_click {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    cursor: pointer; }
    .container .video-click-new .play-full-video_click:hover .play-full-video {
      background-color: rgba(255, 255, 255, 0.6); }
  .container .video-click-new .play-full-video {
    position: absolute;
    z-index: 6;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    text-indent: -999px;
    border: 0;
    background-color: rgba(255, 255, 255, 0.4);
    width: 50px;
    height: 50px;
    border-radius: 100px;
    transition: 250ms;
    cursor: pointer; }
    @media (min-width: 834px) {
      .container .video-click-new .play-full-video {
        width: 100px;
        height: 100px; } }
    .container .video-click-new .play-full-video:after {
      position: absolute;
      z-index: 6;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 35px;
      height: 40px;
      background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/icon-play.svg");
      background-size: 12px;
      background-repeat: no-repeat;
      background-position: center;
      content: ''; }
      @media (min-width: 834px) {
        .container .video-click-new .play-full-video:after {
          background-size: 25px; } }
    @media (min-width: 834px) {
      .container .video-click-new .play-full-video {
        width: 110px;
        height: 110px;
        border-radius: 160px; }
        .container .video-click-new .play-full-video:after {
          width: 50px;
          height: 60px;
          background-size: 30px; } }
  .container .video-click-new .preview_img {
    position: absolute;
    top: 50%;
    height: 100%;
    width: 100%;
    transform: translateY(-50%); }
    .container .video-click-new .preview_img img {
      top: 50%;
      position: relative;
      transform: translateY(-50%); }

.container.podcast-section .podcastbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (min-width: 834px) {
    .container.podcast-section .podcastbox {
      flex-wrap: nowrap; } }
  .container.podcast-section .podcastbox .h1 {
    margin-top: 20px; }
    @media (min-width: 834px) {
      .container.podcast-section .podcastbox .h1 {
        margin-top: 0;
        max-width: 280px; } }
  .container.podcast-section .podcastbox .podcast-intro-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%; }
    .container.podcast-section .podcastbox .podcast-intro-box .podcast-intro {
      order: 3;
      font-family: "Jost", sans-serif;
      margin-bottom: 30px;
      font-size: 17px;
      line-height: 21px; }
      @media (min-width: 834px) {
        .container.podcast-section .podcastbox .podcast-intro-box .podcast-intro {
          order: 2;
          margin-bottom: 48px;
          max-width: 270px;
          display: block; } }
    .container.podcast-section .podcastbox .podcast-intro-box .podcast-logos {
      order: 4;
      margin-top: auto;
      margin-bottom: 0; }
      @media (min-width: 834px) {
        .container.podcast-section .podcastbox .podcast-intro-box .podcast-logos {
          order: 3; } }

.container.podcast-section .podcastlist {
  display: flex;
  justify-content: space-between;
  align-self: flex-end;
  order: 2;
  margin-bottom: 30px;
  margin-top: 10px; }
  @media (min-width: 834px) {
    .container.podcast-section .podcastlist {
      margin-top: 0;
      max-width: 790px;
      right: 15px;
      margin-bottom: 30px;
      position: absolute; } }
  .container.podcast-section .podcastlist.scrollable {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    width: calc(100% + 30px); }
    @media (min-width: 834px) {
      .container.podcast-section .podcastlist.scrollable {
        width: calc(100% - 270px); } }
  .container.podcast-section .podcastlist .post-tile-podcast {
    min-width: 250px;
    margin-right: 15px; }
    @media (min-width: 834px) {
      .container.podcast-section .podcastlist .post-tile-podcast {
        margin-right: 0; } }
    .container.podcast-section .podcastlist .post-tile-podcast:last-child {
      border-right: 15px solid transparent;
      min-width: 265px; }
      @media (min-width: 834px) {
        .container.podcast-section .podcastlist .post-tile-podcast:last-child {
          border-right: none; } }
    @media (min-width: 834px) {
      .container.podcast-section .podcastlist .post-tile-podcast {
        margin-left: 45px; } }
    .container.podcast-section .podcastlist .post-tile-podcast:first-child {
      margin-left: 0; }
    .container.podcast-section .podcastlist .post-tile-podcast .figure {
      padding-bottom: 0;
      margin-bottom: 0; }

.container.podcast-section .podcast-appstore {
  width: 155px;
  height: 35px;
  display: inline-block;
  background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/podcast-apple.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 30px 10px 0; }
  @media (min-width: 834px) {
    .container.podcast-section .podcast-appstore {
      margin: 0 10px 0 0; } }

.container.podcast-section .podcast-spotify {
  width: 90px;
  height: 32px;
  display: inline-block;
  background-image: url("https://www.fratellowatches.com/wp-content/themes/fratellomag/assets/images/Spotify-White-Logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0 12px 0; }
  @media (min-width: 834px) {
    .container.podcast-section .podcast-spotify {
      margin: 0 10px 0 0; } }

.post-tile-box {
  width: 100%;
  text-decoration: none;
  padding-bottom: 24px;
  display: block; }
  @media (min-width: 834px) {
    .post-tile-box:last-child {
      padding-bottom: 0; } }
  @media (min-width: 834px) {
    .post-tile-box {
      padding-bottom: 40px; }
      .post-tile-box:last-child {
        padding-bottom: 0; } }
  .post-tile-box .figure {
    margin-bottom: 24px; }
    @media (min-width: 834px) {
      .post-tile-box .figure {
        margin-bottom: 40px; } }
  .post-tile-box .subtitle {
    margin-bottom: 24px; }
    @media (min-width: 834px) {
      .post-tile-box .subtitle {
        margin-bottom: 40px; } }
  .post-tile-box .post-list-meta {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 18px;
    align-items: center;
    justify-content: space-between; }
    .post-tile-box .post-list-meta.has-poll .publication-date {
      display: none; }
      @media (min-width: 1680px) {
        .post-tile-box .post-list-meta.has-poll .publication-date {
          display: inline-block; } }
    .post-tile-box .post-list-meta .comment-list-count {
      align-self: flex-start;
      margin-left: 18px;
      margin-right: auto;
      height: 18px;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .post-tile-box .post-list-meta .comment-list-count span {
        margin-top: 0px;
        margin-right: 5px;
        width: 11px;
        height: 11px; }
      .post-tile-box .post-list-meta .comment-list-count svg {
        color: #BAABA4; }

.post-tile-main {
  width: 100%;
  text-decoration: none;
  text-align: center;
  padding-bottom: 24px;
  display: block;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 20px; }
  @media (min-width: 834px) {
    .post-tile-main {
      border-bottom: none;
      margin-bottom: 0; } }
  .post-tile-main:last-child {
    padding-bottom: 24px; }
  .post-tile-main .inner-row {
    padding-left: 15px;
    padding-right: 15px; }
  .post-tile-main .h1 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
    font-size: 22px; }
    @media (min-width: 834px) {
      .post-tile-main .h1 {
        font-size: 34px; } }
  @media (min-width: 834px) {
    .post-tile-main {
      padding-bottom: 35px; }
      .post-tile-main:last-child {
        padding-bottom: 35px; } }
  .post-tile-main .figure {
    margin-bottom: 20px;
    min-height: 186px; }
    @media (min-width: 834px) {
      .post-tile-main .figure {
        margin-bottom: 30px; } }
    @media (min-width: 834px) {
      .post-tile-main .figure .lazy {
        max-height: none; } }
    .post-tile-main .figure .lazy.loaded {
      max-height: none; }
      @media (min-width: 420px) {
        .post-tile-main .figure .lazy.loaded {
          max-height: none; } }
      @media (min-width: 834px) {
        .post-tile-main .figure .lazy.loaded {
          max-height: none; } }
      @media (min-width: 1024px) {
        .post-tile-main .figure .lazy.loaded {
          max-height: none; } }
      @media (min-width: 1440px) {
        .post-tile-main .figure .lazy.loaded {
          max-height: none; } }
      @media (min-width: 1680px) {
        .post-tile-main .figure .lazy.loaded {
          max-height: none; } }
  .post-tile-main .subtitle {
    margin-bottom: 14px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 834px) {
      .post-tile-main .subtitle {
        font-size: 21px;
        margin-bottom: 22px; } }
  .post-tile-main .post-list-meta {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center; }
    .post-tile-main .post-list-meta .comment-list-count {
      margin-right: 0; }

.post-tile-normal {
  min-height: 300px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 20px; }
  .post-tile-normal:last-child {
    margin-bottom: 0; }
  @media (min-width: 420px) {
    .post-tile-normal {
      margin-bottom: 0;
      border-bottom: 0; } }
  @media (min-width: 768px) {
    .post-tile-normal {
      min-height: 220px; } }
  @media (min-width: 834px) {
    .post-tile-normal {
      margin-bottom: 30px; } }
  .post-tile-normal .figure {
    margin-bottom: 20px;
    min-height: 77px;
    max-height: 3293px; }
    @media (min-width: 360px) {
      .post-tile-normal .figure {
        min-height: 88px; } }
  .post-tile-normal .h2 {
    height: 68px;
    width: 100%;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 16px; }
    @media (min-width: 400px) {
      .post-tile-normal .h2 {
        height: 78px; } }
    @media (min-width: 768px) {
      .post-tile-normal .h2 {
        height: 50px;
        -webkit-line-clamp: 2; } }
    @media (min-width: 834px) {
      .post-tile-normal .h2 {
        height: 50px;
        -webkit-line-clamp: 2; } }
  .post-tile-normal .post-list-meta {
    flex-wrap: nowrap; }
    .post-tile-normal .post-list-meta .author_lable, .post-tile-normal .post-list-meta .input-lable, .post-tile-normal .post-list-meta .wp-content .gform_wrapper .gform_body ul.gform_fields .gfield .gfield_label, .wp-content .gform_wrapper .gform_body ul.gform_fields .gfield .post-tile-normal .post-list-meta .gfield_label, .post-tile-normal .post-list-meta .post-list-meta, .post-tile-normal .post-list-meta .comment-count, .post-tile-normal .post-list-meta .publication-date, .post-tile-normal .post-list-meta .category-list, .post-tile-normal .post-list-meta .social_box > span, .post-tile-normal .post-list-meta .container.video-channel-box .video-sidebar .videolist-box li .title .duration, .container.video-channel-box .video-sidebar .videolist-box li .title .post-tile-normal .post-list-meta .duration, .post-tile-normal .post-list-meta .specs_rows_box .specs_row .specs_spec_title, .specs_rows_box .specs_row .post-tile-normal .post-list-meta .specs_spec_title {
      white-space: nowrap;
      display: inline-block;
      text-overflow: ellipsis;
      max-width: 100%;
      overflow: hidden; }

.col-custom-thin .post-tile-normal {
  height: auto;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 20px; }
  @media (min-width: 834px) {
    .col-custom-thin .post-tile-normal {
      margin-bottom: 0;
      border-bottom: none; } }

.page-template-page-popular .post-tile-normal,
.page-template-page-featured-list .post-tile-normal,
.archive .post-tile-normal,
.blog .post-tile-normal,
body.search .post-tile-normal {
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 20px; }
  @media (min-width: 834px) {
    .page-template-page-popular .post-tile-normal,
    .page-template-page-featured-list .post-tile-normal,
    .archive .post-tile-normal,
    .blog .post-tile-normal,
    body.search .post-tile-normal {
      border-bottom: none;
      margin-bottom: 30px; } }

.new-main-section .post-tile-normal {
  border-bottom: none; }
  .new-main-section .post-tile-normal .h2 {
    height: 68px; }
    @media (min-width: 400px) {
      .new-main-section .post-tile-normal .h2 {
        height: 76px; } }
    @media (min-width: 768px) {
      .new-main-section .post-tile-normal .h2 {
        height: 50px;
        -webkit-line-clamp: 2; } }

@media (min-width: 834px) {
  .single-post .post-tile-normal {
    height: auto;
    min-height: 220px; } }

.post-tile-small {
  display: flex;
  position: relative;
  justify-content: space-between;
  border-bottom: 1px solid #DEDEDE;
  padding-left: 15px;
  margin-left: -15px;
  padding-bottom: 0;
  width: calc(100% + 30px); }
  @media (min-width: 834px) {
    .post-tile-small {
      width: 100%;
      margin-left: 0;
      padding-left: 0;
      margin-bottom: 25px;
      padding-bottom: 25px; } }
  .post-tile-small:first-child {
    border-top: 1px solid #DEDEDE; }
    @media (min-width: 834px) {
      .post-tile-small:first-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0; } }
  .post-tile-small + .col-footer {
    margin: 20px 0 0 0; }
  .post-tile-small + .adbox {
    margin-top: 20px; }
    @media (min-width: 834px) {
      .post-tile-small + .adbox {
        margin-top: 0; } }
  @media (min-width: 834px) {
    .post-tile-small:last-child {
      padding-bottom: 25px; } }
  .post-tile-small.hasimage .h3, .post-tile-small.hasimage .wp-content h2, .wp-content .post-tile-small.hasimage h2, .post-tile-small.hasimage .wp-content h3, .wp-content .post-tile-small.hasimage h3, .post-tile-small.hasimage .timelinebox .slick-slide .years, .timelinebox .slick-slide .post-tile-small.hasimage .years {
    width: calc(100% - 135px);
    margin: 15px 0 0 0; }
    @media (min-width: 834px) {
      .post-tile-small.hasimage .h3, .post-tile-small.hasimage .wp-content h2, .wp-content .post-tile-small.hasimage h2, .post-tile-small.hasimage .wp-content h3, .wp-content .post-tile-small.hasimage h3, .post-tile-small.hasimage .timelinebox .slick-slide .years, .timelinebox .slick-slide .post-tile-small.hasimage .years {
        margin: 0;
        height: 75px;
        -webkit-line-clamp: 3; } }
  .post-tile-small .h3, .post-tile-small .wp-content h2, .wp-content .post-tile-small h2, .post-tile-small .wp-content h3, .wp-content .post-tile-small h3, .post-tile-small .timelinebox .slick-slide .years, .timelinebox .slick-slide .post-tile-small .years {
    margin: 0 0 30px  0;
    overflow: hidden;
    height: 45px;
    white-space: wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .post-tile-small .figure {
    width: 120px;
    margin: 0; }
    @media (min-width: 834px) {
      .post-tile-small .figure {
        width: 114px; } }
  .post-tile-small .post-list-meta {
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: calc(100% - 150px);
    display: flex;
    flex-direction: row;
    overflow: hidden; }
    @media (min-width: 834px) {
      .post-tile-small .post-list-meta {
        left: 0;
        bottom: 10px;
        width: calc(100% - 135px); } }

.single .post-tile-small {
  margin-top: 15px; }
  @media (min-width: 834px) {
    .single .post-tile-small {
      margin-top: 0; } }

.col-custom-thin {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .col-custom-thin .post-tile-small:last-child {
    margin-bottom: 0; }

.post-tile-editors {
  display: flex;
  justify-content: space-between; }
  .post-tile-editors > div {
    width: calc(100% - 90px); }
    .post-tile-editors > div .h3, .post-tile-editors > div .wp-content h2, .wp-content .post-tile-editors > div h2, .post-tile-editors > div .wp-content h3, .wp-content .post-tile-editors > div h3, .post-tile-editors > div .timelinebox .slick-slide .years, .timelinebox .slick-slide .post-tile-editors > div .years {
      margin: 0;
      overflow: hidden;
      white-space: wrap;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
  .post-tile-editors .figure {
    width: 75px;
    margin-bottom: 0; }
  .post-tile-editors .author {
    margin-bottom: 5px; }

.post-tile-big .figure {
  margin-bottom: 20px; }

.post-tile-big .h2 {
  width: 100%;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  @media (min-width: 834px) {
    .post-tile-big .h2 {
      -webkit-line-clamp: 3; } }

.post-tile-big .post-list-meta {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .post-tile-big .post-list-meta .poll-box {
    margin: 0; }

.col-custom-wide .post-tile-big {
  padding-bottom: 20px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 20px; }
  .col-custom-wide .post-tile-big .h2 {
    height: 48px; }
    @media (min-width: 400px) {
      .col-custom-wide .post-tile-big .h2 {
        font-size: 21px;
        height: auto;
        -webkit-line-clamp: 3; } }
    @media (min-width: 834px) {
      .col-custom-wide .post-tile-big .h2 {
        font-size: 32px;
        height: 80px;
        -webkit-line-clamp: 3; } }
  @media (min-width: 834px) {
    .col-custom-wide .post-tile-big {
      margin-bottom: 0;
      border-bottom: 1px solid #DEDEDE; } }

.section-most-viewed .col-custom-wide .post-tile-big {
  border: none;
  margin-bottom: 0; }
  @media (min-width: 834px) {
    .section-most-viewed .col-custom-wide .post-tile-big {
      border-bottom: 1px solid #DEDEDE; } }

.post-tile-podcast {
  position: relative;
  padding-bottom: 0;
  overflow: hidden; }
  .post-tile-podcast .figure img {
    transition: 1500ms; }
  .post-tile-podcast .podcast-button {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    padding: 0 50px 0 60px;
    border-radius: 50px;
    font-weight: 700;
    transform: translateY(-50%) translateX(-50%);
    font-family: "Jost", sans-serif;
    background-color: rgba(30, 30, 30, 0.85);
    transition: 250ms; }
    .post-tile-podcast .podcast-button:before {
      transition: 250ms;
      position: absolute;
      left: 3px;
      top: 3px;
      width: 34px;
      height: 34px;
      content: '';
      border-radius: 34px;
      background-color: #ffffff;
      z-index: 2; }
    .post-tile-podcast .podcast-button:after {
      transition: 250ms;
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      z-index: 2;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 10px solid #9E9E9E; }
  .post-tile-podcast:hover .figure {
    overflow: hidden; }
    .post-tile-podcast:hover .figure img {
      transform: scale(1.03); }
  .post-tile-podcast:hover .podcast-button {
    padding: 0 60px 0 50px;
    background-color: #1e1e1e;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4); }
    .post-tile-podcast:hover .podcast-button:before {
      left: calc(100% - 36px); }
    .post-tile-podcast:hover .podcast-button:after {
      left: calc(100% - 18px); }
  .post-tile-podcast .podcastbars {
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 80%;
    max-width: 245px;
    transform: translateX(-50%); }

.team-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .team-list .team-tile {
    width: 50%; }
    @media (min-width: 834px) {
      .team-list .team-tile {
        width: 30%; } }

.team-tile {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin-bottom: 30px; }
  .team-tile .intro-team {
    padding: 0 20px; }
  @media (min-width: 834px) {
    .team-tile {
      margin-bottom: 50px; } }

.figure-round {
  border-radius: 300px;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-bottom: 30px; }
  @media (min-width: 834px) {
    .figure-round {
      width: 140px;
      height: 140px; } }
  @media (min-width: 1024px) {
    .figure-round {
      width: 180px;
      height: 180px; } }
  .figure-round.author-detail {
    width: 150px;
    height: 150px; }
  .figure-round img {
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: bottom;
    position: relative;
    overflow: hidden; }

.poll-box {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  height: 18px;
  background-color: #EEEEEE;
  display: flex;
  justify-content: space-between;
  font-family: "Jost", sans-serif;
  font-size: 11px;
  line-height: 19px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 0 8px;
  position: relative; }
  .poll-box > div {
    z-index: 2; }
  .poll-box .left-result {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: '';
    height: 100%;
    width: 50%;
    background-color: #E3DAD5; }

.add_anouncement {
  font-size: 10px;
  font-family: "Jost", sans-serif;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase; }

.container.vert_add_header {
  margin: 0 0 20px 0;
  overflow: hidden; }
  .container.vert_add_header .inner {
    padding: 0; }
    .container.vert_add_header .inner .g_12.g_12_12 {
      overflow: hidden; }
  .container.vert_add_header.has_mobile_add .g_12_12.mob_add {
    display: none; }

.page-template-frontpage .vert_add_header {
  margin: 20px 0; }

.wp-content .adbox.smalladd {
  margin: 0 auto 20px auto; }

.adbox {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding-bottom: 18px;
  position: relative; }
  .adbox .add_anouncement {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    padding: 0;
    text-align: right;
    line-height: 1; }
  .adbox .adbox.label {
    position: absolute;
    bottom: 100%;
    width: 100%;
    text-align: center;
    font-family: "Jost", sans-serif;
    font-size: 10px;
    color: #EDEDED; }
  .adbox.smalladd {
    width: 100%;
    position: relative;
    margin: 20px auto 0 auto; }
    .adbox.smalladd .banner > div {
      margin-bottom: 0 !important; }
    .adbox.smalladd:after {
      top: 0;
      left: 0;
      width: 100%;
      height: calc(100% - 18px);
      content: '';
      position: absolute;
      z-index: -1; }
  .adbox picture,
  .adbox img {
    position: relative;
    z-index: 2; }
  .adbox .fall-back-ad-copy {
    font-size: 12px;
    color: #EDEDED;
    width: 100%;
    padding: 0 20px;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    text-align: center; }

.banner {
  width: 100%;
  display: inline-block;
  text-align: center; }
  .banner > div {
    max-width: 100%;
    display: inline-block;
    margin-bottom: 35px !important; }
    @media (min-width: 834px) {
      .banner > div {
        margin-bottom: 40px !important; } }

.sidebar .banner > div,
.section-popular .banner > div {
  max-width: 300px;
  margin-bottom: 0; }

.specs_rows_box {
  display: flex;
  flex-direction: column;
  margin-top: 20px; }
  .specs_rows_box .h3, .specs_rows_box .wp-content h2, .wp-content .specs_rows_box h2, .specs_rows_box .wp-content h3, .wp-content .specs_rows_box h3, .specs_rows_box .timelinebox .slick-slide .years, .timelinebox .slick-slide .specs_rows_box .years {
    margin-bottom: 20px; }
  @media (min-width: 834px) {
    .specs_rows_box {
      margin-bottom: 2em; } }
  .specs_rows_box .specs_row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    padding: 5px 10px; }
    @media (min-width: 834px) {
      .specs_rows_box .specs_row {
        flex-wrap: nowrap;
        flex-direction: row; } }
    .specs_rows_box .specs_row:nth-child(even) {
      background-color: rgba(222, 222, 222, 0.5); }
    @media (min-width: 834px) {
      .specs_rows_box .specs_row .specs_spec_title {
        line-height: 25px;
        min-width: 150px; } }
    .specs_rows_box .specs_row .specs_spec_data {
      word-wrap: break-word;
      line-height: 25px; }
      @media (min-width: 834px) {
        .specs_rows_box .specs_row .specs_spec_data {
          width: 60%; } }

.content-wrapper.brand-seo-landingpage .seo-section-row {
  margin-bottom: 25px; }
  @media (min-width: 834px) {
    .content-wrapper.brand-seo-landingpage .seo-section-row {
      margin-bottom: 40px; } }
  .content-wrapper.brand-seo-landingpage .seo-section-row:last-child {
    margin-bottom: 0; }
  .content-wrapper.brand-seo-landingpage .seo-section-row .seo-list-block {
    margin-bottom: 30px; }
    @media (min-width: 834px) {
      .content-wrapper.brand-seo-landingpage .seo-section-row .seo-list-block {
        margin-bottom: 0; } }

.content-wrapper.brand-seo-landingpage .seo-brand-list {
  margin: 0 0 15px 0;
  padding: 0; }
  .content-wrapper.brand-seo-landingpage .seo-brand-list li {
    list-style: none;
    padding: 0;
    margin-bottom: 2px; }
  .content-wrapper.brand-seo-landingpage .seo-brand-list a {
    color: #ba855d;
    position: relative;
    padding: 0 0 0 20px;
    text-decoration: none;
    display: block; }
    .content-wrapper.brand-seo-landingpage .seo-brand-list a:before {
      position: absolute;
      left: 0;
      top: 8px;
      width: 8px;
      height: 8px;
      content: '';
      background-color: #ba855d; }

.seo-cta-top-section {
  margin-bottom: 30px; }
  @media (min-width: 834px) {
    .seo-cta-top-section {
      margin-bottom: 35px; } }

.new-main-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 15px; }
  .new-main-section > .post-tile-box {
    width: calc(50% - 10px);
    height: auto;
    max-width: 360px;
    min-height: 0;
    margin-bottom: 0px; }
    @media (min-width: 768px) {
      .new-main-section > .post-tile-box {
        min-width: 220px; } }
    @media (min-width: 834px) {
      .new-main-section > .post-tile-box {
        max-width: 370px;
        width: 48%;
        margin-right: 0; } }
    @media (min-width: 834px) {
      .new-main-section > .post-tile-box:nth-child(3) {
        margin-bottom: 0; } }
    @media (min-width: 834px) {
      .new-main-section > .post-tile-box:nth-child(4) {
        margin-bottom: 0; } }

.extra-space-for-mobile .container,
.section-previous-featured .container,
.section-most-viewed .container {
  margin-top: 15px; }
  @media (min-width: 834px) {
    .extra-space-for-mobile .container,
    .section-previous-featured .container,
    .section-most-viewed .container {
      margin-top: 0; } }

.featuredlist-articles-list {
  margin-bottom: 20px; }
  @media (min-width: 834px) {
    .featuredlist-articles-list {
      margin-bottom: 0; } }

.main-editors-popular {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 834px) {
    .main-editors-popular {
      flex-direction: row; } }
  .main-editors-popular > div {
    margin-left: 7px;
    margin-right: 7px; }
    @media (min-width: 834px) {
      .main-editors-popular > div {
        margin-left: 25px;
        margin-right: 25px; } }
    .main-editors-popular > div.section-editors {
      margin-bottom: 30px;
      margin-top: 15px; }
      @media (min-width: 834px) {
        .main-editors-popular > div.section-editors {
          margin-top: 0; } }
      .main-editors-popular > div.section-editors .scrollable {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px; }
        @media (min-width: 834px) {
          .main-editors-popular > div.section-editors .scrollable {
            margin-left: -15px;
            margin-right: -15px; } }
        .main-editors-popular > div.section-editors .scrollable .scollable-blok {
          margin-right: 25px;
          width: 100%; }
          @media (min-width: 834px) {
            .main-editors-popular > div.section-editors .scrollable .scollable-blok {
              margin: 0;
              width: auto; } }
          .main-editors-popular > div.section-editors .scrollable .scollable-blok:first-child {
            margin-bottom: 0; }
            @media (min-width: 834px) {
              .main-editors-popular > div.section-editors .scrollable .scollable-blok:first-child {
                margin-bottom: 40px; } }
          .main-editors-popular > div.section-editors .scrollable .scollable-blok:last-child {
            border-right: 15px solid transparent; }
            @media (min-width: 834px) {
              .main-editors-popular > div.section-editors .scrollable .scollable-blok:last-child {
                border-right: none; } }
        .main-editors-popular > div.section-editors .scrollable .post-tile-editors {
          min-width: 250px;
          margin-right: 20px; }
          @media (min-width: 834px) {
            .main-editors-popular > div.section-editors .scrollable .post-tile-editors {
              min-width: none;
              margin-right: 0;
              margin-bottom: 7px; } }
          .main-editors-popular > div.section-editors .scrollable .post-tile-editors:nth-child(2) {
            -moz-column-break-after: auto !important;
                 break-after: auto !important; }
        @media (min-width: 834px) {
          .main-editors-popular > div.section-editors .scrollable {
            flex-wrap: wrap; } }
      @media (min-width: 834px) {
        .main-editors-popular > div.section-editors {
          width: 25%;
          margin-bottom: 0; } }
    .main-editors-popular > div.section-essential {
      margin-bottom: 30px; }
      @media (min-width: 834px) {
        .main-editors-popular > div.section-essential {
          max-width: 481px;
          margin-bottom: 0; } }
      .main-editors-popular > div.section-essential .post-tile-normal {
        height: auto;
        padding-bottom: 20px;
        border-bottom: 1px solid #DEDEDE;
        max-height: none; }
        @media (min-width: 834px) {
          .main-editors-popular > div.section-essential .post-tile-normal {
            margin-bottom: 25px; } }
        .main-editors-popular > div.section-essential .post-tile-normal .h2 {
          overflow: hidden;
          white-space: wrap;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: normal;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; }
        .main-editors-popular > div.section-essential .post-tile-normal:last-child {
          padding-bottom: 0;
          margin-bottom: 0;
          border-bottom: none; }
        .main-editors-popular > div.section-essential .post-tile-normal .subtitle {
          display: none; }
        .main-editors-popular > div.section-essential .post-tile-normal .figure {
          max-height: none; }
          .main-editors-popular > div.section-essential .post-tile-normal .figure img {
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            vertical-align: bottom;
            position: relative;
            overflow: hidden; }
    .main-editors-popular > div.section-popular {
      margin-bottom: 0;
      margin-top: 25px; }
      @media (min-width: 834px) {
        .main-editors-popular > div.section-popular {
          width: 25%;
          margin-top: 0;
          margin-bottom: 0; } }
      @media (max-width: 833px) {
        .main-editors-popular > div.section-popular .section-title-element {
          padding-left: 14px;
          padding-right: 14px;
          width: calc(100% + 28px);
          margin-left: -14px;
          margin-bottom: 0; } }
      @media (min-width: 834px) {
        .main-editors-popular > div.section-popular .post-tile-small {
          padding-bottom: 17px;
          margin-bottom: 17px; } }
      .main-editors-popular > div.section-popular .post-tile-small .h3, .main-editors-popular > div.section-popular .post-tile-small .wp-content h2, .wp-content .main-editors-popular > div.section-popular .post-tile-small h2, .main-editors-popular > div.section-popular .post-tile-small .wp-content h3, .wp-content .main-editors-popular > div.section-popular .post-tile-small h3, .main-editors-popular > div.section-popular .post-tile-small .timelinebox .slick-slide .years, .timelinebox .slick-slide .main-editors-popular > div.section-popular .post-tile-small .years {
        font-size: 16px; }
        @media (min-width: 834px) {
          .main-editors-popular > div.section-popular .post-tile-small .h3, .main-editors-popular > div.section-popular .post-tile-small .wp-content h2, .wp-content .main-editors-popular > div.section-popular .post-tile-small h2, .main-editors-popular > div.section-popular .post-tile-small .wp-content h3, .wp-content .main-editors-popular > div.section-popular .post-tile-small h3, .main-editors-popular > div.section-popular .post-tile-small .timelinebox .slick-slide .years, .timelinebox .slick-slide .main-editors-popular > div.section-popular .post-tile-small .years {
            line-height: 1.32;
            height: 66px;
            -webkit-line-clamp: 3; } }
      @media (min-width: 834px) {
        .main-editors-popular > div.section-popular .post-tile-small .figure {
          width: 90px; } }
      @media (min-width: 834px) {
        .main-editors-popular > div.section-popular .post-tile-small .comment-count {
          bottom: 13px; } }

@media (min-width: 834px) {
  .section-most-viewed .custom-grid .col-custom-thin {
    order: 1; } }

body.page-template-page-editors .post-tile-editors {
  margin-bottom: 20px; }
  @media (min-width: 834px) {
    body.page-template-page-editors .post-tile-editors {
      margin-bottom: 50px;
      min-height: 100px; } }

body.page-template-page-sections .section-row {
  position: relative;
  padding-bottom: 30px; }
  @media (min-width: 834px) {
    body.page-template-page-sections .section-row {
      padding-bottom: 60px; } }
  body.page-template-page-sections .section-row:after {
    position: absolute;
    left: 17px;
    bottom: 0;
    height: 1px;
    width: calc(100% - 34px);
    content: '';
    background-color: #CACACA; }
    @media (min-width: 834px) {
      body.page-template-page-sections .section-row:after {
        left: 25px;
        width: calc(100% - 50px); } }

body.single .container.single-header {
  margin-bottom: 30px; }
  @media (min-width: 834px) {
    body.single .container.single-header {
      margin-bottom: 50px; } }

body.single .container .preview_img img {
  top: 0;
  transform: none; }

body.single .subtitle {
  margin-bottom: 23px; }
  @media (min-width: 834px) {
    body.single .subtitle {
      margin-bottom: 45px; } }

body.single .row-single {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0; }
  @media (min-width: 834px) {
    body.single .row-single {
      justify-content: space-between;
      flex-direction: row;
      margin-left: 5px;
      margin-right: 5px; } }
  body.single .row-single .maincontnet {
    width: 100%;
    max-width: 900px;
    margin-bottom: 40px; }
    @media (min-width: 834px) {
      body.single .row-single .maincontnet {
        width: 75%; } }
    @media (min-width: 834px) {
      body.single .row-single .maincontnet {
        padding: 0 40px;
        margin-bottom: 0; } }
  body.single .row-single .sidebar {
    width: 100%; }
    @media (min-width: 834px) {
      body.single .row-single .sidebar {
        width: 25%; } }
    body.single .row-single .sidebar .sidebar-content-part {
      display: none; }
      @media (min-width: 834px) {
        body.single .row-single .sidebar .sidebar-content-part {
          display: inline-block;
          margin-bottom: 75px; } }
    body.single .row-single .sidebar .poll-box {
      overflow: hidden; }
    @media (min-width: 834px) {
      body.single .row-single .sidebar {
        padding: 0;
        max-width: 320px; } }

body.single .eapps-instagram-feed-container {
  margin-top: 15px;
  border-top: 1px solid #dedede; }

body.single .article-body {
  width: 100%; }
  body.single .article-body p:first-child::first-letter {
    float: left;
    font-size: 68px;
    line-height: 50px;
    padding-top: 8px;
    padding-right: 12px;
    padding-left: 3px; }

body.single .article-content .poll-box {
  max-width: none;
  margin-bottom: 25px; }
  @media (min-width: 834px) {
    body.single .article-content .poll-box {
      margin-bottom: 50px; } }

body.single .commentbox .maincontnet {
  padding-left: 0; }

body.single .commment_new_container {
  font-family: georgia, sans-serif; }

.search-box-navmenu {
  margin: 0; }

body .content-wrapper.archive-header {
  margin-bottom: 0; }

body .content-wrapper.main-image-header-box {
  margin-bottom: 0; }
  body .content-wrapper.main-image-header-box.article-single {
    margin-bottom: 23px; }
    @media (min-width: 834px) {
      body .content-wrapper.main-image-header-box.article-single {
        margin-bottom: 35px; } }
    @media (min-width: 360px) {
      body .content-wrapper.main-image-header-box.article-single .container .figure {
        min-height: 206px; } }
    @media (min-width: 420px) {
      body .content-wrapper.main-image-header-box.article-single .container .figure {
        min-height: 241px; } }
    @media (min-width: 768px) {
      body .content-wrapper.main-image-header-box.article-single .container .figure {
        min-height: 332px; } }
    @media (min-width: 1024px) {
      body .content-wrapper.main-image-header-box.article-single .container .figure {
        min-height: 435px; } }
    @media (min-width: 1125px) {
      body .content-wrapper.main-image-header-box.article-single .container .figure {
        min-height: 481px; } }
    @media (min-width: 1440px) {
      body .content-wrapper.main-image-header-box.article-single .container .figure {
        min-height: 540px; } }
  body .content-wrapper.main-image-header-box .container {
    padding: 0;
    margin-bottom: 0; }
    @media (min-width: 834px) {
      body .content-wrapper.main-image-header-box .container {
        padding-left: 22px;
        padding-right: 22px; } }
    body .content-wrapper.main-image-header-box .container .figure {
      min-height: 184px; }
      @media (min-width: 768px) {
        body .content-wrapper.main-image-header-box .container .figure {
          min-height: 320px; } }

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  /* 1 */
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
  /* 3 */ }

.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important; }

#wpstats {
  display: none !important; }
/*# sourceMappingURL=main.css.map */