/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

















@media (min-width: 1601px) {
  .dnd-section > .row-fluid,
  .header__container,
  .footer__container,
  .page-center,
  .content-wrapper {
    max-width: 1536px;
  }
}

.dnd-section {
  padding-bottom: 40px;
  padding-top: 40px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #F8FAFC;
}





html {
  font-size: 16;
}

body {
  color: rgba(102, 93, 85, 1.0);
  font-family: mattervivvi-regular, Helvetica, sans-serif;
  font-weight: 400;
}


a {
  color: rgba(37, 134, 236, 1.0);
}

a:hover,
a:focus {
  color: rgba(37, 134, 236, 1.0);
}

@media (min-width: 1025px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 30px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 20px;
  }
}


h1 {
  color: rgba(37, 134, 236, 1.0);
  font-family: mattervivvi-semibold;
  font-weight: 600;
}

h2 {
  color: rgba(37, 134, 236, 1.0);
  font-family: mattervivvi-semibold;
  font-weight: 600;
}

h3 {
  color: rgba(37, 134, 236, 1.0);
  font-family: mattervivvi-semibold;
  font-weight: 600;
}

h4 {
  color: rgba(37, 134, 236, 1.0);
  font-family: mattervivvi-semibold;
  font-weight: 600;
}

h5 {
  color: rgba(37, 134, 236, 1.0);
  font-family: mattervivvi-semibold;
  font-weight: 600;
}

h6 {
  color: rgba(37, 134, 236, 1.0);
  font-family: mattervivvi-semibold;
  font-weight: 600;
}







form,
.submitted-message {
  border-color: rgba(#null, 0.0) ;
  font-family: mattervivvi-regular, Helvetica, sans-serif;
}

h3.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(37, 134, 236, 1.0);
}

form .hs-button,
form .button--primary,
.error-page .hs-button {
  background-color: rgba(255, 255, 255, 0.0);
  border-color: rgba(37, 134, 236, 1.0);
  border-radius: 0px;
  border-width: 2px;
  color: rgba(37, 134, 236, 1.0);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.hs-form-field, .hs-search-module .field .hs-input {
  border-color: rgba(172, 165, 158, 1.0);
  border-radius: 0px;
  background-color: rgba(#null, 0.0);
}


.hs-button:hover,
.button--primary:hover {
  background-color: rgba(186, 135, 72, 0.0);
  border-color: rgba(37, 134, 236, 1.0);
  color: rgba(37, 134, 236, 1.0);
}


.hs-form label {
  color: rgba(102, 93, 85, 1.0);
}

.hs-form legend {
  color: rgba(102, 93, 85, 1.0);
}

form .hs-input,
form select,
form textarea,
input[type="password"] {
  color: ;
}

form .hs-input:focus,
form select:focus,
form textarea:focus {
  border-color: rgba(172, 165, 158, 1.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

input:-moz-placeholder,
input::-webkit-input-placeholder {
  color: #665d55;
}


.hs-richtext {
  font-size: 16;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: mattervivvi-regular, Helvetica, sans-serif;
}

.fn-date-picker td.is-today .pika-button {
  color: #494a52;
}

.fn-date-picker td.is-selected .pika-button {
  background: #494a52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #F8FAFC !important;
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(73, 74, 82, 1.0);
  color: rgba(73, 74, 82, 1.0);
}

thead th,
thead td {
  background-color: rgba(73, 74, 82, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(73, 74, 82, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(73, 74, 82, 1.0);
}





header.header {
  background-color: rgba(255, 255, 255, 1.0);
}

body  .custom-menu-primary .hs-menu-wrapper > ul > li > a {
  color: rgba(102, 93, 85, 1.0);
}

body .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover,
body .custom-menu-primary .hs-menu-wrapper > ul > li:focus > a {
  color: rgba(37, 134, 236, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

body .custom-menu-primary .hs-menu-wrapper > ul ul {
  background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .hs-menu-wrapper > ul ul a {
  color: rgba(102, 93, 85, 1.0);
}

body .custom-menu-primary .hs-menu-wrapper > ul ul li > a:hover {
  background-color: rgba(0, 0, 0, 0.0);
  color: rgba(37, 134, 236, 1.0);
}

body .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a {
  color: rgba(102, 93, 85, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

body .custom-menu-primary .hs-menu-wrapper > ul ul li.active-branch > a {
  color: rgba(102, 93, 85, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

.header-button button {
  color: rgba(172, 165, 158, 1.0);
  border-color: rgba(172, 165, 158, 1.0);
}

.header-button button:hover {
  color: rgba(37, 134, 236, 1.0);
  border-color: rgba(37, 134, 236, 1.0);
}








.footer {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(#null, 0.0);
}

.footer a {
  color: rgba(102, 93, 85, 1.0);
}

.footer a:hover {
  color: rgba(37, 134, 236, 1.0);
}

.footer__copyright {
  color: rgba(#null, 0.0);
}

.footer-menu-wrapper .hs-menu-wrapper>ul>li {
  border-top-color: rgba(243, 235, 229, 1.0);
}












.blog-post__date {
  border-color: #665d55;
}


.blog-tag-filter__menu-link--active-item:after {
  background-color: #494a52;
}


.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #494a52;
}

.blog-post__title {
  color: #2586ec;
  font-family:mattervivvi-semibold;
  font-size: 30px;
  font-weight: ;
}

.blog-post__author {
  background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}










body .icon svg {
  fill: #494a52;
}

body .tns-nav button.tns-nav-active {
  background-color: #494a52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #494a52;
}

body .social-links__icon {
  background-color: #494a52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
  fill: rgba(#null, 0.0);
}

body .team-member__description {
  background-color: #F8FAFC;
}





.body-container__website .dnd-section:nth-child(odd) {
  background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
}



.span8.widget-span.widget-type-cell.cell_16024967387322-vertical-alignment.dnd-column { border-left: 2px solid #f9f1ea; }
.hs-form-ecfd3cab-136a-46d1-a8b6-e03476ba6f33_93195394-b8ef-45fd-abc7-eb409da2347c .hs-field-desc{ color: #aca59e !important; }
legend.hs-field-desc{ color: #aca59e !important; }
.hs-form-field .hs-form-required { display: none; }
.span8.widget-span.widget-type-cell.cell_1601432396828-vertical-alignment.dnd-column{ border-left: 2px solid #f9f1ea !important; }
.hs-form textarea{ min-height: 100px; }

fieldset.form-columns-0 { margin: 0 !important; }
.hs-form-4487b21f-b3b1-4bf9-96dd-4fa967df4e95_3bd5940c-2a17-4802-933e-3419ac46004f fieldset.form-columns-2 .hs-form-field { margin-bottom: 0; }
fieldset.form-columns-2 { margin-bottom: 0 !important; }
fieldset.form-columns-0 p { margin: 5px 0 !important; }
.hs-button, .hs-form-field input[type=text], .hs-form-field input[type=email], .hs-form-field input[type=phone], .hs-form-field input[type=number], .hs-form-field input[type=tel], .hs-form-field input[type=date], .hs-form-field textarea { padding: 0 0 5px 0 !important; }
.hs-form-field textarea { padding: 10px !important; }
.body-container-wrapper .hs-form-field { margin-bottom: 10px !important; }
.hs-fieldtype-checkbox>label>span { color: #aca59e!important; }
ul.inputs-list >li label span { color: #aca59e; !important; }
input.hs-input, select.hs-input, textarea.hs-input, input[type="password"]{ font-size: 16px; line-height: 16px; }
.hs-form-field label span { font-size: 16px; line-height: 26px; }
div#hs_cos_wrapper_widget_1602508008253 { max-width: 600px; margin: 0 auto; position:relative; }
div#hs_cos_wrapper_widget_1602508008253:after {content: '';position: absolute;top: 50px;left:-25%;background-image: url(https://7061949.fs1.hubspotusercontent-na1.net/hubfs/7061949/Face08_Multi.png);height: 100px;width: 100px;background-position: center;background-repeat: no-repeat;background-size: contain;}
#hs_cos_wrapper_widget_1601318862590 input[type="text"]{ padding-bottom: 6px !important; }
#hs_cos_wrapper_widget_1601318862590 input[type="submit"] { margin: 20px 0 0 0 !important; }
.hs-form-field .input, .hs-form-field input{ padding: 0 0 10px 0 !important; }
.cell_16014911587832-vertical-alignment.dnd-column { border-left: 3px solid #f3ebe5; }
form#hsForm_b0e102c9-3c5a-4ff8-b65a-6d4e521e7c94_9330 h1 { color: #ff7f00; font-size: 26px !important; }
form#hsForm_b0e102c9-3c5a-4ff8-b65a-6d4e521e7c94_9330 h2 { color: #ff7f00; font-size: 22px; }
form#hsForm_b0e102c9-3c5a-4ff8-b65a-6d4e521e7c94_9330 input.hs-button.primary.large { color: #ff7f00; border-color: #ff7f00; }
fieldset .hs-fieldtype-checkbox label span:first-child { color: #ff7f00 !important; }
fieldset.form-columns-1 .hs_message label span{ color: #ff7f00 !important; }

.container-fluid.body-container.body-container__website.apply-vivvi form{margin:auto}

.apply-thnaku-cover .dnd-module { width: 100%; max-width: 600px; margin: auto !important; float: none !important; position: relative; }
.apply-thnaku-cover .dnd-module h1 { font-size: 42px; line-height: 47px; }
.apply-thnaku-cover .dnd-module p span { font-size: 25px !important; color: rgba(102, 93, 85, 1.0); }
.apply-thnaku-cover .dnd-module:before { content: ' '; top: 90px; left: -230px; background-image: url(https://go.vivvi.com/hs-fs/hubfs/Face08_Multi.png?width=130&height=130&name=Face08_Multi.png); width: 150px; height: 150px; position: absolute; background-size: cover; }

.hs-button { background: transparent !important; }
.hs-button:hover{border-color: #1272d9 !important; color: #1272d9 !important; }







@media(max-width:1199px){
  div#hs_cos_wrapper_widget_1602508008253:after { left: -22%; }
}


@media(max-width:991px){
  div#hs_cos_wrapper_widget_1602508008253:after { left: -15%; }
}

@media(max-width:767px){
  .span8.widget-span.widget-type-cell.cell_1601432396828-vertical-alignment.dnd-column{ border-left:none !important; }
  .span8.widget-span.widget-type-cell.cell_16024967387322-vertical-alignment.dnd-column { border-left:none !important; }
  div#hs_cos_wrapper_widget_1602508008253:after { display:none; }
  .cell_16014911587832-vertical-alignment.dnd-column { border-left:none; }
  .span8.widget-span.widget-type-cell.cell_16014911587832-vertical-alignment.dnd-column { border-left: none !important; }
}


@media(max-width:480px){
  .footer-form-wrapper .field {  width: 100% !important; }
  .footer-form-wrapper .hs_submit.hs-submit { width: 100% !important; float: left !important; display: inline-block !important; }
}