/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 19 2021 | 15:34:55 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 19 2021 | 13:29:47 */
/****VARIABLES****/
/*COLORS*/
#olark-wrapper div.olark-launch-button-wrapper {
  bottom: 7px !important;
  right: 7px !important; }
  #olark-wrapper div.olark-launch-button-wrapper:focus-within {
    bottom: 7px !important;
    right: 7px !important; }
  #olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 80000;
    cursor: pointer; }
    #olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper {
      -webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%);
      clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%); }
      #olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper .olark-launch-button {
        -webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
        clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important; }
        #olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper .olark-launch-button svg path, #olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper .olark-launch-button svg rect {
          stroke: #ffb854 !important; }
          #olark-wrapper div.olark-launch-button-wrapper svg.olark-svg-clip-path.covered:hover ~ div.olark-button-focus-wrapper .olark-launch-button svg circle {
            fill: #ffb854 !important; }
  #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper {
    display: flex;
    flex-direction: unset;
    align-items: center;
    justify-content: center;
    -webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
    clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
    height: 46px;
    width: 46px;
    background: #dec89b;
    transition: all 200ms ease !important; }
    #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:focus-within {
      -webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
      clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
      padding: 0 !important;
      background-color: #de5516 !important; }
      #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:focus-within .olark-launch-button {
        -webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
        clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important; }
    #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button {
      -webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%) !important;
      clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%) !important;
      width: 42px !important;
      height: 42px !important;
      background: #fff8f0 !important;
      transition: all 200ms ease !important; }
      #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button svg {
        width: 30px !important;
        height: 30px !important; }
        #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button svg path, #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button svg rect {
          stroke: #404040 !important; }
        #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button svg circle {
          fill: #404040 !important; }
    #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover {
      -webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%);
      clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%); }
      #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover .olark-launch-button {
        -webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
        clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important; }
        #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover .olark-launch-button svg path, #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover .olark-launch-button svg rect {
          stroke: #ffb854 !important; }
          #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper:hover .olark-launch-button svg circle {
            fill: #ffb854 !important; }
  #olark-wrapper #olark-container {
    border: none !important;
    bottom: 60px !important; }
  #olark-wrapper #olark-container:focus:not(.olark-inline), #olark-wrapper #olark-container:focus-within {
    bottom: 60px !important; }
  #olark-wrapper #olark-container .olark-operator-message:not(.olark-message-trans-bg) {
    position: relative !important; }
    #olark-wrapper #olark-container .olark-operator-message:not(.olark-message-trans-bg)::before, #olark-wrapper #olark-container .olark-operator-message:not(.olark-message-trans-bg)::after {
      display: block !important;
      content: '';
      height: 10px;
      width: 10px;
      background: white;
      position: absolute;
      top: -1px;
      left: -1px;
      clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%); }
    #olark-wrapper #olark-container .olark-operator-message:not(.olark-message-trans-bg)::after {
      top: unset;
      left: unset;
      bottom: -1px;
      right: -1px;
      clip-path: polygon(100% 100%, 100% 0%, 0% 100%);
      -webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 100%); }
  #olark-wrapper #olark-container .olark-visitor-message {
    position: relative !important;
    background: #dec89b !important; }
    #olark-wrapper #olark-container .olark-visitor-message::before, #olark-wrapper #olark-container .olark-visitor-message::after {
      display: block !important;
      content: '';
      height: 10px;
      width: 10px;
      background: white;
      position: absolute;
      bottom: -1px;
      left: -1px;
      clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
      -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%); }
    #olark-wrapper #olark-container .olark-visitor-message::after {
      top: unset;
      left: unset;
      top: -1px;
      right: -1px;
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%); }
  #olark-wrapper #olark-container .olark-button {
    position: relative !important;
    margin-bottom: 10px !important; }
    #olark-wrapper #olark-container .olark-button::before, #olark-wrapper #olark-container .olark-button::after {
      display: block !important;
      content: '';
      height: 10px;
      width: 10px;
      background: white;
      position: absolute;
      top: -1px;
      left: -1px;
      clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%); }
    #olark-wrapper #olark-container .olark-button::after {
      top: unset;
      left: unset;
      bottom: -1px;
      right: -1px;
      clip-path: polygon(100% 100%, 100% 0%, 0% 100%);
      -webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 100%); }
  #olark-wrapper #olark-container .olark-branding-link {
    display: none !important; }
  #olark-wrapper #olark-container a {
    color: #de5516 !important; }
  #olark-wrapper #olark-container .olark-operator-message a {
    color: #ffb854 !important; }
  #olark-wrapper #olark-container .olark-message-block-container {
    /* Firefox */
    scrollbar-width: none;
    /* IE 10+ */
    -ms-overflow-style: none; }
    #olark-wrapper #olark-container .olark-message-block-container::-webkit-scrollbar {
      /* Chrome Safari */
      display: none; }

html body #olark-wrapper .olark-top-bar {
  background: #de5516 !important;
  color: #fff8f0 !important;
  border: none !important; }

html body #olark-wrapper #olark-container:focus:not(.olark-inline) {
  border: none !important;
  border-color: none !important;
  border-style: none !important;
  right: inherit !important;
  /****************************************************/
  /*MEDIA QUERY 600px*/ }

@media only screen and (min-width: 600px) {
  /****************************************************/
  /*MEDIA QUERY 700px*/
    html body #olark-wrapper #olark-container {
      right: 10px !important;
      bottom: 80px !important; }
      html body #olark-wrapper #olark-container:focus:not(.olark-inline), html body #olark-wrapper #olark-container:focus-within {
        right: 10px !important;
        bottom: 80px !important; } }

@media only screen and (min-width: 700px) {
  #olark-wrapper div.olark-launch-button-wrapper {
    bottom: 10px !important;
    right: 10px !important; }
    #olark-wrapper div.olark-launch-button-wrapper:focus-within {
      bottom: 10px !important;
      right: 10px !important; }
    #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper {
      height: 60px;
      width: 60px; }
      #olark-wrapper div.olark-launch-button-wrapper div.olark-button-focus-wrapper .olark-launch-button {
        width: 56px !important;
        height: 56px !important; } }