.content-wrapper {
max-width: 1335px;
}
.content-wrapper--vertical-spacing,
.dnd-section {
padding: 40px 1rem;
}
.dnd-section > .row-fluid {
max-width: 1335px;
}
html {
font-size: 14px;
}
body {
color: #000;
font-size: 14px;
}
a,
body,
p {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
a {
color: #142d48;
}
a:focus,
a:hover {
color: #000520;
}
a:active,
a:focus,
a:hover {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
a:active {
color: #3c5570;
}
.h1,
h1 {
font-size: 43px;
}
.h1,
.h2,
h1,
h2 {
color: #000; font-family: 'Sansumi DemiBold', sans-serif;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.h2,
h2 {
font-size: 45px;
}
.h3,
h3 {
font-size: 40px;
}
.h3,
.h4,
h3,
h4 {
color: #000; font-family: 'Sansumi DemiBold', sans-serif;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.h4,
h4 {
font-size: 28px;
}
.h5,
h5 {
font-size: 24px;
}
.h5,
.h6,
h5,
h6 {
color: #000; font-family: 'Sansumi DemiBold', sans-serif;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.h6,
h6 {
font-size: 22px;
}
blockquote {
border-left-color: #fff;
}
.button,
.hs-blog-post-listing__post-button,
.hs_button,
button {
font-family: Poppins, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
padding: 14px 23px;
text-decoration: none;
text-transform: uppercase;
}
.button,
.button:focus,
.button:hover,
.hs-blog-post-listing__post-button,
.hs-blog-post-listing__post-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs_button,
button,
button:focus,
button:hover {
background-color: #000;
border: 1px solid #000;
border-radius: 0;
color: #fff;
}
.button:active,
.hs-blog-post-listing__post-button:active,
button:active {
background-color: #282828;
border-color: #282828;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.menu__item--depth-1:last-child > a,
.menu__item--depth-1:last-child > span {
background-color: #000;
border: 1px solid #000;
border-radius: 0;
color: #fff;
font-family: Poppins, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
padding: 14px 23px;
text-decoration: none;
text-transform: uppercase;
}
.menu__item--depth-1:last-child > a:focus,
.menu__item--depth-1:last-child > a:hover,
.menu__item--depth-1:last-child > span:focus,
.menu__item--depth-1:last-child > span:hover {
background-color: #000;
border: 1px solid #000;
border-radius: 0;
color: #fff;
}
.menu__item--depth-1:last-child > a:active,
.menu__item--depth-1:last-child > span:active {
background-color: #282828;
border-color: #282828;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.submitted-message,
form {
font-family: Poppins, sans-serif;
padding: 0;
}
.form-title,
.submitted-message,
form {
background-color: hsla(0, 0%, 100%, 0);
border: 1px #fff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.form-title {
color: #000;
font-family: Marcellus SC, serif;
font-size: 40px;
padding: 0 0 30px;
}
form label,
form legend {
color: #000;
}
form input[type="email"],
form input[type="file"],
form input[type="number"],
form input[type="password"],
form input[type="search"],
form input[type="tel"],
form input[type="text"],
form select,
form textarea {
background-color: #f1f1f1;
border: 0 #f1f1f1;
border-radius: 0;
color: #000;
}
::-webkit-input-placeholder {
color: #000;
}
::-moz-placeholder {
color: #000;
}
:-ms-input-placeholder {
color: #000;
}
::placeholder {
color: #000;
}
.hs-fieldtype-date .input .hs-dateinput:before {
color: #000;
}
.fn-date-picker td.is-selected .pika-button {
background: #000;
}
.fn-date-picker td .pika-button:hover {
background-color: #000 !important;
}
.fn-date-picker td.is-today .pika-button {
color: #000;
}
form .hs-button,
form input[type="submit"] {
background-color: #000;
border: 1px solid #000;
border-radius: 0;
color: #fff;
font-family: Poppins, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
padding: 14px 23px;
text-decoration: none;
text-transform: uppercase;
}
form .hs-button:focus,
form .hs-button:hover,
form input[type="submit"]:focus,
form input[type="submit"]:hover {
background-color: hsla(0, 0%, 100%, 0);
border: 1px solid #102236;
color: #102236;
}
form .hs-button:active,
form input[type="submit"]:active {
background-color: #282828;
border-color: #282828;
}
table {
background-color: #fff;
}
table,
td,
th {
border: 1px solid #000;
}
td,
th {
color: #000;
padding: 18px;
}
thead th {
background-color: #000;
color: #fff;
}
tfoot td {
background-color: #fff;
color: #000;
}
.header {
background-color: hsla(0, 0%, 100%, 0);
}
.header__language-switcher .lang_list_class li a,
.header__language-switcher-label-current,
.header__logo .logo-company-name,
.menu__link {
color: #fff;
font-family: Poppins;
}
.menu__child-toggle-icon {
border-top-color: #fff;
}
.header__language-switcher .lang_list_class li a:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher-label-current:focus,
.header__language-switcher-label-current:hover,
.menu .menu__link:focus,
.menu .menu__link:hover {
color: #d7d7d7;
}
.menu__child-toggle-icon:focus,
.menu__child-toggle-icon:hover {
border-top-color: #d7d7d7;
}
.header__language-switcher .lang_list_class li a:active,
.header__language-switcher-label-current:active,
.menu .menu__link:active {
color: #fff;
}
.menu__child-toggle-icon:active {
border-top-color: #fff;
}
.menu .menu__item--depth-1 > .menu__link--active-link:after {
background-color: #fff;
}
@media (min-width: 767px) {
.header__language-switcher .lang_list_class,
.menu .menu__submenu,
.menu__submenu--level-2 > .menu__item:first-child:before {
background-color: #fff;
border: 2px #000;
}
}
.menu__submenu .menu__link,
.menu__submenu .menu__link:focus,
.menu__submenu .menu__link:hover {
background-color: #fff;
color: #000;
}
.header__language-switcher .lang_list_class:before {
border-bottom-color: #000;
}
.header__language-switcher .lang_list_class li:hover,
.menu__submenu .menu__link:focus,
.menu__submenu .menu__link:hover,
.menu__submenu--level-2 > .menu__item:first-child.focus:before,
.menu__submenu--level-2 > .menu__item:first-child:hover:before {
opacity: 0.78;
text-decoration: underline;
}
.header__language-switcher .lang_list_class.first-active:after {
border-bottom-color: hsla(0, 0%, 100%, 0);
}
.header__language-switcher .lang_list_class li a,
.header__language-switcher-label-current {
font-family: Poppins;
}
.header__language-switcher-label-current:after {
border-top-color: #fff;
}
@media (max-width: 767px) {
.header__navigation {
background-color: hsla(0, 0%, 0%, 0.9);
}
.header__navigation-toggle svg,
.menu-arrow svg {
fill: #fff;
}
}
.footer {
background-color: hsla(0, 0%, 100%, 0.95);
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer img,
.footer label,
.footer li,
.footer p,
.footer span {
color: #000;
}
.blog-header__inner,
.blog-post,
.blog-related-posts {
padding: 40px 0;
}
.blog-post__meta a,
.blog-post__tag-link,
.blog-post__tag-link:focus,
.blog-post__tag-link:hover {
color: #000;
}
.blog-post__tag-link:active {
color: #282828;
}
.blog-related-posts__title-link,
.blog-related-posts__title-link:active,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:hover { font-family: 'Sansumi DemiBold', sans-serif;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.blog-related-posts__title-link,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:hover {
color: #000;
}
.blog-related-posts__title-link:active {
color: #282828;
}
.blog-comments {
margin-bottom: 40px;
}
#comments-listing .comment-reply-to {
color: #142d48;
}
#comments-listing .comment-reply-to:focus,
#comments-listing .comment-reply-to:hover {
color: #000520;
}
#comments-listing .comment-reply-to:active {
color: #3c5570;
}
.hs-search-results__title {
color: #000; font-family: 'Sansumi DemiBold', sans-serif;
font-style: normal;
font-weight: 600;
text-decoration: none;
}
.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:active,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:hover { font-family: 'Sansumi DemiBold', sans-serif;
font-style: normal;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:hover {
color: #000;
}
.hs-blog-post-listing__post-title-link:active {
color: #282828;
}
.hs-blog-post-listing__post-author-name,
.hs-blog-post-listing__post-tag,
.hs-pagination__link--number,
.hs-pagination__link--number:focus,
.hs-pagination__link--number:hover,
.hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link:hover .hs-pagination__link-text {
color: #000;
}
.hs-pagination__link--number:active,
.hs-pagination__link:active .hs-pagination__link-text {
color: #282828;
}
.hs-pagination__link-icon svg {
fill: #000;
}
.card__price {
color: #000; font-family: 'Sansumi DemiBold', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 40px;
text-decoration: none;
}
.card__body svg {
fill: #000;
}
.social-links__icon,
.social-links__icon:focus,
.social-links__icon:hover {
background-color: #000;
}
.social-links__icon:active {
background-color: #282828;
color: #000; font-family: 'Sansumi DemiBold', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 40px;
text-decoration: none;
}
.video-slider-item h5 {
font-size: 18px;
margin-top: 12px;
line-height: 22px;
}
@media (max-width: 1200px) {
h1 {
font-size: 42px;
}
h2 {
font-size: 38px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 22px;
}
h6 {
font-size: 20px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 38px;
}
h2 {
font-size: 34px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
}
@media (max-width: 640px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
}