@charset "UTF-8";
/*
Theme Name: Custom
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
@font-face {
  font-family: 'BARNEGAT';
  src: url("./fonts/BARNEGAT-Regular.woff2") format("woff2"), url("./fonts/BARNEGAT-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/* Vars */
:root {
  --color-primary: #ff1f2d;
  --color-primary-lighter: #ff717a;
  --color-primary-darker: #ce131f;
  --color-secondary: #000;
  --color-secondary-lighter: #000;
  --color-secondary-darker: #000;
  --color-accent: var(----color-primary);
  --color-muted: #e7e7e7;
  --color-red: #a62022;
  --color-orange: #ee7f00;
  --color-green: #729648;
  --text-color: #000;
  --text-muted-color: #777;
  --gutter-section: 30px; }
  @media (min-width: 960px) {
    :root {
      --gutter-section: 50px; } }
  @media (min-width: 1280px) {
    :root {
      --gutter-section: 60px; } }
  @media (min-width: 1600px) {
    :root {
      --gutter-section: 100px; } }

/* Globals */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-family: "articulat-cf", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 21px;
  line-height: 1.5;
  color: var(--text-color);
  background: var(--color-primary);
  word-break: break-word; }
  @media (min-width: 960px) {
    html {
      font-size: 25px; } }

p,
ul,
ol,
dl,
address,
fieldset,
figure {
  font-style: normal; }
  p:not(:first-child),
  ul:not(:first-child),
  ol:not(:first-child),
  dl:not(:first-child),
  address:not(:first-child),
  fieldset:not(:first-child),
  figure:not(:first-child) {
    margin-top: 20px; }

ul, ol {
  padding-left: 25px; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 300;
  text-transform: none;
  line-height: 1.1;
  text-rendering: optimizeLegibility;
  word-break: break-word;
  margin-top: 30px; }
  h1:first-child, style + h1, h2:first-child, style + h2, h3:first-child, style + h3, h4:first-child, style + h4, h5:first-child, style + h5, h6:first-child, style + h6,
  .h1:first-child, style +
  .h1, .h2:first-child, style + .h2, .h3:first-child, style + .h3, .h4:first-child, style + .h4, .h5:first-child, style + .h5, .h6:first-child, style + .h6 {
    margin-top: 0; }

h1, .h1 {
  font-size: 40px; }
  @media (min-width: 1280px) {
    h1, .h1 {
      font-size: 80px; } }

h2, .h2 {
  color: var(--color-secondary);
  font-size: 34px;
  line-height: 1.2; }
  @media (min-width: 1280px) {
    h2, .h2 {
      font-size: 60px; } }
  h2 em, .h2 em {
    font-style: normal;
    font-family: BARNEGAT, sans-serif;
    color: var(--color-primary); }
  h4 + h2, h4 + .h2 {
    margin-top: 0; }

h3, .h3 {
  font-size: 20px;
  line-height: 1.3; }
  @media (min-width: 960px) {
    h3, .h3 {
      font-size: 25px; } }

h4, .h4 {
  font-size: 20px;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 700; }

h5, .h5 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 300; }
  @media (min-width: 960px) {
    h5, .h5 {
      font-size: 25px; } }

blockquote * {
  font-style: italic;
  color: var(--color-primary); }

blockquote:not(:first-child) {
  margin-top: 15px; }

hr {
  border: 0;
  height: 1px;
  background: #e6e6e6; }

img {
  max-width: 100%;
  height: auto; }

a {
  color: var(--text-color);
  text-decoration: none; }
  a:hover {
    text-decoration: none;
    color: var(--text-color-lighter); }

::-moz-selection {
  background: var(--color-primary);
  color: #fff;
  text-shadow: none; }

::selection, mark {
  background: var(--color-primary);
  color: #fff;
  text-shadow: none; }

small {
  font-size: 16px; }

strong, b {
  font-weight: 900;
  color: var(--color-secondary); }

em {
  font-style: italic; }

abbr {
  text-decoration: none; }

iframe {
  border: 0; }

::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--text-muted-color); }

::-moz-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--text-muted-color); }

:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--text-muted-color); }

:-moz-placeholder {
  font-size: 18px;
  font-weight: 400;
  color: var(--text-muted-color); }

/* Layout */
.container {
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1280px; }
  .container.small {
    max-width: 960px; }
  .container.large {
    max-width: 1480px; }
  .container.expand {
    max-width: none; }

.grid {
  display: flex;
  flex-wrap: wrap;
  margin: -7.5px;
  /* @include respond-to($breakpoint-large) {
    margin: -30px;

    & > * {
      padding: 30px;
    }
  } */ }
  .grid > * {
    width: 100%;
    padding: 7.5px; }
  @media (min-width: 960px) {
    .grid {
      margin: -15px; }
      .grid > * {
        padding: 15px; }
      .grid.gutter-small {
        margin: -7.5px; }
        .grid.gutter-small > * {
          padding: 7.5px; } }
  .grid.center {
    align-items: center; }

@media (min-width: 480px) {
  .w-1-2\@s {
    width: 50%; }
  .w-1-3\@s {
    width: 33.33333%; }
  .w-2-3\@s {
    width: 66.66666%; }
  .w-1-4\@s {
    width: 25%; }
  .w-3-4\@s {
    width: 75%; }
  .w-1-5\@s {
    width: 20%; }
  .w-2-5\@s {
    width: 40%; }
  .w-3-5\@s {
    width: 60%; }
  .w-4-5\@s {
    width: 80%; } }

@media (min-width: 960px) {
  .w-1-2\@m {
    width: 50%; }
  .w-1-3\@m {
    width: 33.33333%; }
  .w-2-3\@m {
    width: 66.66666%; }
  .w-1-4\@m {
    width: 25%; }
  .w-3-4\@m {
    width: 75%; }
  .w-1-5\@m {
    width: 20%; }
  .w-2-5\@m {
    width: 40%; }
  .w-3-5\@m {
    width: 60%; }
  .w-4-5\@m {
    width: 80%; } }

@media (min-width: 1280px) {
  .w-1-2\@l {
    width: 50%; }
  .w-1-3\@l {
    width: 33.33333%; }
  .w-2-3\@l {
    width: 66.66666%; }
  .w-1-4\@l {
    width: 25%; }
  .w-3-4\@l {
    width: 75%; }
  .w-1-5\@l {
    width: 20%; }
  .w-2-5\@l {
    width: 40%; }
  .w-3-5\@l {
    width: 60%; }
  .w-4-5\@l {
    width: 80%; } }

@media (min-width: 1600px) {
  .w-1-2\@xl {
    width: 50%; }
  .w-1-3\@xl {
    width: 33.33333%; }
  .w-2-3\@xl {
    width: 66.66666%; }
  .w-1-4\@xl {
    width: 25%; }
  .w-3-4\@xl {
    width: 75%; }
  .w-1-5\@xl {
    width: 20%; }
  .w-2-5\@xl {
    width: 40%; }
  .w-3-5\@xl {
    width: 60%; }
  .w-4-5\@xl {
    width: 80%; } }

/* Tools */
.padding-vertical, #page-footer .container, #perfection-container {
  padding-top: var(--gutter-section);
  padding-bottom: var(--gutter-section); }

.margin-vertical, hr, .section {
  margin: var(--gutter-section) 0; }

.visible\@s,
.visible\@m,
.visible\@l,
.visible\@xl {
  display: none; }

@media (min-width: 480px) {
  .visible\@s {
    display: initial; }
  .hidden\@s {
    display: none; } }

@media (min-width: 960px) {
  .visible\@m {
    display: initial; }
  .hidden\@m {
    display: none; } }

@media (min-width: 1280px) {
  .visible\@l {
    display: initial; }
  .hidden\@l {
    display: none; } }

@media (min-width: 1600px) {
  .visible\@xl {
    display: initial; }
  .hidden\@xl {
    display: none; } }

.inverse *, #page-footer * {
  color: var(--color-primary); }

.inverse a, #page-footer a {
  color: var(--color-primary); }

/* Buttons */
.button, input[type=submit] {
  font-size: 20px;
  font-weight: 500;
  text-transform: none;
  line-height: 1;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border: 2px solid #000;
  background: transparent;
  color: #000;
  height: 60px;
  padding: 0 45px;
  transition: all ease-in-out 0.2s;
  white-space: nowrap;
  letter-spacing: 0; }
  .button:hover, input:hover[type=submit] {
    background: #000;
    color: var(--color-primary); }
  .inverse .button, #page-footer .button, .inverse input[type=submit], #page-footer input[type=submit] {
    border-color: var(--color-primary);
    color: var(--color-primary); }
    .inverse .button:hover, #page-footer .button:hover, .inverse input:hover[type=submit], #page-footer input:hover[type=submit] {
      background: var(--color-primary);
      color: #000 !important; }

table {
  margin-top: 20px;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  font-size: 17px;
  line-height: 1.3;
  font-weight: normal; }
  table:not(:first-child) {
    margin-top: 15px; }
  table tr {
    border-top: 1px solid #ddd; }
  table > tr:first-child,
  table > thead:first-child > tr:first-child,
  table > tbody:first-child > tr:first-child {
    border-top: none; }
  table th, table td {
    padding: 6px 12px 6px 0; }
    table th:last-child, table td:last-child {
      padding-right: 0; }
  table thead td, table th {
    font-weight: normal;
    color: var(--text-muted-color); }
  @media (min-width: 960px) {
    table {
      font-size: 19px; }
      table td, table th {
        padding: 8px 16px 8px 0; }
      table thead td, table th {
        font-size: 17px; } }

.table-responsive {
  width: 100%;
  overflow-x: scroll; }
  .table-responsive > table {
    max-width: none;
    width: auto;
    min-width: 100%; }

@media (max-width: 959px) {
  .table-collapse th, .table-collapse td {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0; }
    .table-collapse th:not(:first-child), .table-collapse td:not(:first-child) {
      padding-top: 0; } }

/* Forms */
.input-base, input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=date],
input[type=tel], textarea, select {
  font-family: inherit;
  font-size: 18px;
  font-weight: inherit;
  width: 100%;
  background: #fff;
  border: none;
  border-radius: 4px; }
  .input-base:focus, input:focus[type=text],
  input:focus[type=email],
  input:focus[type=number],
  input:focus[type=password],
  input:focus[type=date],
  input:focus[type=tel], textarea:focus, select:focus {
    outline: none; }

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=date],
input[type=tel] {
  height: 50px;
  padding: 0 15px; }

textarea {
  padding: 15px;
  height: 200px; }

select {
  height: 50px;
  padding: 0 8px; }

label {
  display: block;
  color: var(--text-color);
  font-size: 15px; }

fieldset {
  border: none; }

/* Elements */
.menu-button {
  display: inline-block;
  position: relative;
  height: 28px;
  width: 34px; }
  .menu-button > span, .menu-button:before, .menu-button:after {
    display: block;
    background: var(--color-primary);
    height: 3px;
    position: absolute;
    width: 100%;
    transition: all ease-in-out 0.2s; }
    .inverse .menu-button > span, #page-footer .menu-button > span, .inverse .menu-button:before, #page-footer .menu-button:before, .inverse .menu-button:after, #page-footer .menu-button:after {
      background: #000; }
  .menu-button:hover > span, .menu-button:hover:before, .menu-button:hover:after {
    background: var(--color-primary-darker); }
  .menu-button > span {
    top: 50%;
    margin-top: -1px; }
  .menu-button:before {
    content: "";
    top: 1px; }
  .menu-button:after {
    content: "";
    bottom: 0; }
  .menu-button.close:before {
    transform: rotate(-135deg);
    top: 50%;
    margin-top: -1px; }
  .menu-button.close:after {
    transform: rotate(135deg);
    top: 50%;
    margin-top: -1px; }
  .menu-button.close > span {
    opacity: 0; }

.elementor-widget-text-editor a {
  border-bottom: 2px solid; }
  .elementor-widget-text-editor a:hover {
    border-bottom: none; }

:root {
  --header-height: 80px; }
  @media (min-width: 960px) {
    :root {
      --header-height: 160px; } }

#page-header {
  height: var(--header-height);
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  transition: transform ease 0.5s;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase; }
  .elementor-editor-active #page-header {
    pointer-events: none; }
  #page-header > .container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative; }
  #page-header .text {
    display: none; }
    #page-header .text a {
      transition: all ease 0.3s; }
      #page-header .text a:hover {
        color: #fff; }
  #page-header #logo {
    line-height: 1;
    width: 60px;
    height: 60px;
    background: transparent no-repeat center center;
    background-size: contain;
    transition: all ease 0.3s; }
    #page-header #logo a {
      display: block;
      height: 100%;
      line-height: 1; }
      #page-header #logo a img {
        width: 100%; }
  #page-header .nav {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 900; }
    #page-header .nav a {
      transition: color linear 0.15s; }
      #page-header .nav a:hover, #page-header .nav a.current {
        color: #fff; }
  #page-header .nav-lang {
    margin-right: 20px; }
    #page-header .nav-lang a:first-child:after {
      content: "";
      display: inline-block;
      height: 12px;
      width: 2px;
      background: #000;
      margin: 0 0 0 5px; }
  #page-header * {
    color: #000; }
  #page-header a:hover,
  #page-header a.current {
    color: #fff; }
  #page-header #logo {
    background-image: url(/wp-content/themes/custom/images/logo-black.svg); }
  #page-header .nav-lang a:first-child:after {
    background: #000; }
  body.headroom--not-top #page-header {
    transform: translateY(-100%); }
  body.headroom--bottom #page-header {
    transform: translateY(0); }
    body.headroom--bottom #page-header * {
      color: var(--color-primary); }
    body.headroom--bottom #page-header #logo {
      background-image: url(/wp-content/themes/custom/images/logo.svg); }
    body.headroom--bottom #page-header .nav-lang a:first-child:after {
      background: var(--color-primary); }
  @media (min-width: 960px) {
    #page-header > .container {
      padding-top: 30px;
      padding-bottom: 30px; }
    #page-header .text {
      display: block; }
    #page-header #logo {
      width: 100px;
      height: 100px;
      position: absolute;
      left: 50%;
      top: 30px;
      transform: translateX(-50px); } }

body {
  padding-top: var(--header-height); }

body.nav-show {
  overflow: hidden; }

#nav-main {
  position: fixed;
  z-index: 20;
  right: 0;
  top: 0;
  width: 740px;
  max-width: 100%;
  height: 100vh;
  background: #000;
  opacity: 0;
  pointer-events: none;
  transition: all ease-in-out 0.3s;
  word-break: break-word;
  transform: translateX(100%); }
  #nav-main:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: -100vw;
    width: 200vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3); }
  body.nav-show #nav-main {
    opacity: 1;
    transform: translateX(0);
    pointer-events: all; }
  #nav-main a.close {
    right: 23px;
    top: 25px;
    position: absolute; }
    #nav-main a.close:hover .menu-button > span, #nav-main a.close:hover .menu-button:before, #nav-main a.close:hover .menu-button:after {
      background: #fff; }
  #nav-main .menu-button {
    pointer-events: none; }
  #nav-main > div {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 120px;
    position: relative; }
  #nav-main .menu-main-container,
  #nav-main .menu-main-en-container {
    padding: 0 15px;
    max-width: 580px;
    margin: 0 auto; }
  #nav-main ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 900;
    counter-reset: nav-main; }
    #nav-main ul li {
      margin: 15px 0;
      counter-increment: nav-main; }
      #nav-main ul li a {
        color: var(--color-primary);
        transition: color linear 0.15s; }
        #nav-main ul li a:before {
          content: "0" counter(nav-main);
          color: inherit;
          display: inline-block;
          width: 35px;
          font-weight: 400; }
      #nav-main ul li:nth-child(n+10) a:before {
        content: counter(nav-main); }
      #nav-main ul li a:hover {
        color: #fff; }
  #nav-main ul.sub-menu {
    text-transform: none;
    font-size: 18px;
    font-weight: 300; }
    #nav-main ul.sub-menu li {
      margin: 10px 0;
      line-height: 1.4; }
      #nav-main ul.sub-menu li a {
        color: #fff; }
        #nav-main ul.sub-menu li a:before {
          display: none; }
  #nav-main ul.sub-menu ul.sub-menu li {
    text-transform: none;
    font-size: 16px; }
  @media (min-width: 480px) {
    #nav-main ul.sub-menu li {
      padding-left: 35px; } }
  @media (min-width: 960px) {
    #nav-main > div {
      padding-top: 50px; }
    #nav-main .menu-main-container,
    #nav-main .menu-main-en-container {
      padding: 30px 0; }
    #nav-main a.close {
      top: 36px;
      right: calc(50% - 290px); }
    #nav-main ul li {
      font-size: 24px;
      margin: 20px 0; }
    #nav-main ul.sub-menu li {
      font-size: 20px; } }

#page-footer {
  background: #000; }
  #page-footer .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    position: relative; }
  #page-footer .contact {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px; }
  #page-footer .bottom {
    position: absolute;
    bottom: 30px;
    left: 15px;
    right: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    text-transform: uppercase; }
  #page-footer .copyright {
    font-size: 11px;
    order: 2;
    margin-top: 20px; }
  #page-footer .links {
    order: 1;
    font-size: 17px; }
    #page-footer .links ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      #page-footer .links ul li {
        display: inline-block;
        margin: 0 5px; }
  @media (min-width: 960px) {
    #page-footer .contact {
      display: flex;
      align-items: center;
      justify-content: center; }
      #page-footer .contact p {
        margin: 0 20px; }
    #page-footer .bottom {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      text-align: left; }
    #page-footer .copyright {
      margin: 0;
      order: 1; }
    #page-footer .links {
      order: 2; } }

#to-top {
  display: block;
  background: #000;
  color: var(--color-primary);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: fixed;
  right: 15px;
  bottom: 15px;
  transition: all ease 0.2s; }
  #to-top i.fas {
    line-height: 1;
    font-size: 16px; }
  body.headroom--bottom #to-top {
    background: var(--color-primary);
    color: #000; }
  body.headroom--top #to-top {
    opacity: 0;
    pointer-events: none; }
  @media (min-width: 960px) {
    #to-top {
      bottom: 25px;
      right: 25px; } }

#content {
  min-height: 500px; }

body:not(.elementor-editor-active):not(.e--ua-isTouchDevice) .parallax {
  background: transparent !important; }

#perfection-container {
  background: transparent;
  overflow: hidden; }
  #perfection-container .img {
    background: url(/wp-content/themes/custom/images/perfection-bg.jpg) no-repeat center center fixed;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-bottom: 102.0856%;
    position: relative; }
  #perfection-container .mask {
    background: url(/wp-content/themes/custom/images/perfection-overlay.svg) no-repeat center center;
    background-size: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: inset 0 0 0 2px #000, 0 0 0 200vw #000;
    position: absolute; }

#img-effect .elementor-widget-container {
  position: relative; }

#img-effect #img-effect-hover {
  position: absolute;
  left: 0;
  top: 0;
  display: none; }

#img-effect:hover #img-effect-hover {
  display: block; }

body.home {
  padding-top: 0; }
  body.home #page-header * {
    color: var(--color-primary); }
  body.home #page-header #logo {
    background-image: url(/wp-content/themes/custom/images/logo.svg); }
  body.home #page-header .nav-lang a:first-child:after {
    background: var(--color-primary); }
  body.home.headroom--bottom #page-header * {
    color: #000; }
  body.home.headroom--bottom #page-header a:hover,
  body.home.headroom--bottom #page-header a.current {
    color: #fff; }
  body.home.headroom--bottom #page-header #logo {
    background-image: url(/wp-content/themes/custom/images/logo-black.svg); }
  body.home.headroom--bottom #page-header .nav-lang a:first-child:after {
    background: #000; }
  body.home.headroom--bottom #to-top {
    background: #000;
    color: var(--color-primary); }
  body.home #page-footer {
    background: var(--color-primary); }
    body.home #page-footer * {
      color: #000; }
    body.home #page-footer .button, body.home #page-footer input[type=submit] {
      border-color: #000; }
      body.home #page-footer .button:hover, body.home #page-footer input:hover[type=submit] {
        background: #000;
        color: var(--color-primary) !important; }

.anchor {
  position: relative;
  top: calc(var(--header-height) * -1); }

body.home .anchor {
  top: 0; }
  body.home .anchor#top {
    top: 200vh; }

#cc--main {
  z-index: 50; }
  #cc--main #cm {
    max-width: 400px;
    border-radius: 0;
    padding: 30px; }
  #cc--main * {
    font-family: "objektiv-mk1", sans-serif;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: 0;
    color: #000; }
  #cc--main #c-ttl {
    font-size: 17px; }
  #cc--main .c-bn {
    box-sizing: border-box;
    white-space: nowrap;
    height: 45px;
    line-height: 35px;
    padding: 0 20px;
    background: var(--color-muted);
    border: none;
    border-radius: 0;
    transform: none !important; }
    #cc--main .c-bn, #cc--main .c-bn span {
      transition: none !important;
      font-size: 13px;
      font-weight: 700;
      text-transform: none; }
    #cc--main .c-bn:hover {
      background: #f2f2f2; }
  #cc--main #c-p-bn, #cc--main #s-all-bn {
    background: var(--color-primary); }
    #cc--main #c-p-bn, #cc--main #c-p-bn span, #cc--main #s-all-bn, #cc--main #s-all-bn span {
      color: #fff; }
    #cc--main #c-p-bn:hover, #cc--main #s-all-bn:hover {
      background: var(--color-primary); }
  #cc--main #s-c-bn {
    border: none !important;
    background: none !important; }
    #cc--main #s-c-bn:after, #cc--main #s-c-bn:before {
      top: 50%;
      left: 50%;
      margin: -4px 0 0 -1px; }
  #cc--main #s-bns {
    height: auto; }
  #cc--main #cc_div .cc-link {
    border: none;
    text-decoration: none;
    display: inline;
    padding: 0 0 2px 0; }
    #cc--main #cc_div .cc-link:hover {
      border-bottom: 1px solid #000;
      padding-bottom: 0; }
  #cc--main #cc_div p:not(:first-child):hover {
    margin: 15px 0 0 0; }
  #cc--main #c-links {
    margin-top: 15px; }
    #cc--main #c-links a {
      font-size: 14px;
      margin-right: 8px; }