@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: WearCheck - www.wearcheck.com Web site
    Description: The Leader in Oil Analysis
    Author: Bill Quesnel
    Version: 1.0

-----------------------------------------------------------------------------------*/

section { padding: 25px 0px; }

.section-heading.quarter {
    margin-bottom: 10px;
}
/* hide revolution layer slider when screen size is too small */
@media screen and (max-width: 800px) {
    .slider-container {
        display: none !important;
    }
}

.resp-tabs-container.long {
    min-height: 800px;
}

@media (min-width: 1600px) {
    .container {
        max-width:1440px
    }
}

.table td, .table th {
    border-top: none;
}

div.privacy-info {
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 20px 50px;
}

.resp-tabs-container {
    min-height: 600px;
}

.resp-tab-content-active {
    display: block;
    border-top-color: #d21e00 !important;
}
.resp-tab-content {
    border: none;
    border-top: 1px solid #c1c1c1;
    border-top-color: #c1c1c1;
    float: left;
    width: 100%;
}

.blog-list-simple-text h4 {
    font-size: 21px;
    font-weight: 600;
}

.blog-list-simple-text p {
    border-top: none;
    color: #202020;
}

.blog-style1 .item .content {
    padding: 20px 30px;
}
.blog-style1 .item .post-img img { width: 80%; }
.blog-style1 .item .video-thumbnail img { width: 80%; }

.video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.video-thumbnail::before {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    font-size: 60px;
    color: #fff;
    opacity: 0.8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.video-thumbnail:hover::before {
    color: #f00;
}    

.no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; }
.story-video { height: 150px; } /* video bkg image height */
.bkg-benefits { background: #f0f0f0; } /* service - benefits bkg */
.img-50 { max-width: 50% }
.img-60 { max-width: 60% }
.img-75 { max-width: 75% }
.inner-row { margin-left: 0px; margin-right: 0px; }
.header-text { font-weight: 600; color: #0A0A0A;  }
.test-img { width: 80px; }
.no-border { border: none !important; }

.bg-gradient-theme {
  background: #e21313;
  background: -webkit-linear-gradient(to right bottom, #e21313, #d27d79, #c36969, #909090, #000000);
  background: -moz-linear-gradient(to right bottom, #e21313, #d27d79, #c36969, #909090, #000000);
  background: -o-linear-gradient(to right bottom, #e21313, #d27d79, #c36969, #909090, #000000);
  background: linear-gradient(to right bottom, #e21313, #d27d79, #c36969, #909090, #000000); }
  
.border-radius-30 {
  border-radius: 30px; }
  
/* app download */
.app-download-btn a {
  background: #fff; }
  .app-download-btn a:hover {
    background: #e21313;
    color: #fff;
    border-color: transparent !important; }
.app-download-btn p {
  line-height: 1; }  
  
/************************************/
/*     START Contact Form           */
/************************************/
.msg-error {
        color: #c65848;    
    }
    .g-recaptcha.error {
        border: solid 2px #c64848;
      padding: .2em;
      width: 19em;
    }
/*
input,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: inherit;
    border: none;
    background: transparent;
    line-height: normal;
    
}
*/
.field {
    width: 100%;
    float: left;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 750px) {
    .floating-labels .field--two-thirds {
        width:66.66667%
    }

    .floating-labels .field--half {
        width: 50%
    }

    .floating-labels .field--three-eights {
        width: 37.5%
    }

    .floating-labels .field--third {
        width: 33.33333%
    }

    .floating-labels .field--quarter {
        width: 25%
    }
}

.field__message {
    line-height: 1.3em;
    margin: 0.57143em 0 0.28571em
}

.field__message--error {
    display: none;
    color: #ff6d6d
}

.field--error .field__message--error {
    display: block
}

.field__message__icon {
    margin-right: 0.25em;
    vertical-align: -3px
}

.field__label {
    font-weight: 500;
    margin: 0.5em 0;
    display: none
}

.floating-labels .main .field__label {
    color: #737373
}

.default-background .field__label {
    color: #333333
}

.floating-labels .default-background .field__label {
    color: #737373
}


.floating-labels .field__label {
    font-size: .8em;
    font-weight: normal;
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 0.22857em;
    margin-left: 1px;
    padding: 0 0.91667em;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    color:#00F;
}

.floating-labels .field--show-floating-label .field__label {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}


.animate-floating-labels .field__label {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

.field__label--visible {
    display: block
}

.field__input-wrapper {
    position: relative;
    background:#fff;
}

.field__input, textarea {
    border: 1px transparent solid  !important;
    background-clip: padding-box;
    border-radius: 5px !important ;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    padding: 0.92857em 0.78571em;
    word-break: normal;
    -webkit-box-shadow: 0 0 0 1px #AAA !important;
    box-shadow: 0 0 0 1px #AAA !important;
}



.animate-floating-labels .field__input {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

    
    .field--select-no-floating-label-adjust {
       padding-bottom: 3px; 
        padding-top: 0.2em;
    }
    
.floating-labels .field--show-floating-label .field__input {
    padding-top: 1.2em;
    padding-bottom: 3px
}

.floating-labels .field--show-floating-label .field__input::-webkit-input-placeholder {
    color: #000;
}

.floating-labels .field--show-floating-label .field__input:-moz-placeholder {
    color: #000;
}

.floating-labels .field--show-floating-label .field__input::-moz-placeholder {
    color: #000;
}

.floating-labels .field--show-floating-label .field__input:-ms-input-placeholder {
    color: #000;
}

:placeholder-shown {
    color: #000;
}

::-webkit-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;  
}

:-ms-input-placeholder {
    color: #000;  
}
    
.field__input,.field__input-wrapper--flag-focus .field__input {
    outline: none;

    -webkit-box-shadow: 0 0 0 1px #AAA;
    box-shadow: 0 0 0 1px #AAA
}

    
.field__input:focus,.field__input-wrapper--flag-focus .field__input {
    outline: none;
    border-color: #1990c6;
    -webkit-box-shadow: 0 0 0 1px #1990c6;
    box-shadow: 0 0 0 1px #1990c6
}

.field--error .field__input {
    border-color: #ff6d6d;
    -webkit-box-shadow: 0 0 0 1px #ff6d6d;
    box-shadow: 0 0 0 1px #ff6d6d
}

.field__input-wrapper--icon-left .field__input {
    padding-left: 2.85714rem
}

.field__input-wrapper--icon-right .field__input {
    padding-right: 2.85714rem
}

.field__input-wrapper--flag-right .field__input {
    padding-right: 4.71429rem
}

.field__input--zip {
    text-transform: uppercase
}

.field__input--zip::-webkit-input-placeholder {
    text-transform: none
}

.field__input--zip:-moz-placeholder {
    text-transform: none
}

.field__input--zip::-moz-placeholder {
    text-transform: none
}

.field__input--zip:-ms-input-placeholder {
    text-transform: none
}

.field__input--select::-ms-expand {
    display: none
}

    
.field__input--select option {
    background-color: #fff;
    color: #000;
    font-size:14px;
}

.field__input--select {
    height:44px;
    font-size:14px;
}
.field__input {
    height:44px;
}
    
/************************************/
/*       END Contact Form           */
/************************************/