/*********************************** css for Ayrking - Do not override ******************/
@import url('https://fonts.googleapis.com/css?family=Oswald|PT+Sans|Roboto+Condensed');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css');
@import url('ycp.css');
@font-face {
    font-family: 'FranklinGothic-Book';
    src: url('/css/fonts/FranklinGothic-Book.eot?#iefix') format('embedded-opentype'), url('/css/fonts/FranklinGothic-Book.woff') format('woff'), url('/css/fonts/FranklinGothic-Book.ttf') format('truetype'), url('/css/fonts/FranklinGothic-Book.svg#FranklinGothic-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothic-Demi';
    src: url('/css/fonts/FranklinGothic-Demi.eot?#iefix') format('embedded-opentype'), url('/css/fonts/FranklinGothic-Demi.woff') format('woff'), url('/css/fonts/FranklinGothic-Demi.ttf') format('truetype'), url('/css/fonts/FranklinGothic-Demi.svg#FranklinGothic-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ITC-Franklin-Gothic-Std-Demi';
    src: url('/css/fonts/ITC-Franklin-Gothic-Std-Demi.otf') format('embedded-opentype'), url('/css/fonts/ITC-Franklin-Gothic-Std-Demi.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothic-Medium';
    src: url('/css/fonts/FranklinGothic-Medium.eot?#iefix') format('embedded-opentype'), url('/css/fonts/FranklinGothic-Medium.woff') format('woff'), url('/css/fonts/FranklinGothic-Medium.ttf') format('truetype'), url('/css/fonts/FranklinGothic-Medium.svg#FranklinGothic-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: 'FranklinGothic-Book', sans-serif;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    /*font-family: 'PT Sans', sans-serif;*/
    color: #777;
    width: 100%;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
}
a {
    color: #ED1C2F;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

.block .list .active > a {
    color: #ED1C2F;
}

.block .list a:hover {
    color: #ED1C2F;
}
.breadcrumb a:hover {
    color: #E5B42F;
}
.button-1{
    background-color: #ED1C2F !important;
}
.button-1:hover, .button-2:hover {
    background-color: #E5B42F !important;
}
.product-title a:hover {
    color: #ED1C2F !important;
}
.search-input label{
    font-size:16px;
}
.header {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .header {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .header {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .header {
        width: 1170px;
    }
}

.master-wrapper-content {
    /*position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 auto;*/
    width:100%;
    max-width:1440px;
    padding:0px 3px;
}
.master-column-wrapper {
    padding-top: 0px;
}
.overview .product-price,
.variant-overview .product-price {
    font-family: 'FranklinGothic-Demi', sans-serif;
    font-size: 22px;
    color: #444;
}
.header-wrapper {
    width: 100%;
    margin: auto;
    /*text-align: center;*/
    /*background-image:url(/images/grid-repeat.png);*/
    background-color:#ffffff;
    /*background-repeat: repeat-x;
    background-position-y:-25px;*/
}
.header-upper {
    background-color: #fff;
    border: none;
    margin: auto;
}
.header-menu{
    border:none !important;
}
.header-lower {
    position: relative;
    z-index: 0;
    padding: 5px 0;
}
.header-links-wrapper {
    color: #ED1C2E;
}
.picture-thumbs .thumb-item img{
    padding:4px;
    border:1px solid #efefef !important;
}
    .picture-thumbs .thumb-item img :hover {
        width: 101%;
    }
.message-error-cart {
	display: block;
    text-align: center;
    font-size: 18px;
    color: #e4434b;
    margin-top: 5px;
}
}
/* product detail page */

.product-sku {
    font-family: 'FranklinGothic-Demi', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    color:#ccc;
}
.product-name {
    font-family: 'FranklinGothic-Demi', sans-serif;
    font-size: 28px;
    border:none !important;
    padding:0px;
}
.product-name-cart {
   
    font-size: 22px;
    border:none !important;
    padding:0px;
}
.full-description ul {
    margin-top:0px;
    padding-top:0px;
}
.mapblock {
    width: 100%;
    background: url(/images/map_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
    text-align: center;
    padding: 20px 40px;
    position: relative;
    display: block;
}
.diyblock {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 60px;
}
.partshomeblock {
    width: 100%;
    background: url(/images/parts_home_back.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding-top:90px;
    margin:0px auto;
}
.partspageblock {
    width: 100%;
    background: url(/images/parts_portal.png);
    background-repeat: repeat-x;
    background-size: cover;
    height: 220px;
    text-align: center;
/*     padding-top: 90px; */
}
.partshomeheader {
    position:relative;
    margin:0 auto;
    width: 1050px;
}
.partshometextblock {
    margin:0px auto;
    font-family: 'FranklinGothic-Book', sans-serif;
    font-size:16px;
    line-height:22px;
    color: #777;
    float: left;
    
    padding: 70px 60px 20px 0px;
}
.partshometextblock h1 {
    font-family: 'FranklinGothic-Demi', sans-serif;
    font-size:36px;
}
.catdetails {
    position: relative;
    width: 200px;
    margin: 0px auto;
    bottom:0;
    text-align: center;
}
.itemdetails {
    
    position: relative;
    width: 100%;
    margin: 0px auto;
    text-align: left;
}
.itemdetails p{
    font-family: 'FranklinGothic-Book', sans-serif;
    font-size: 15px;
    color: #7B8489;
    
}
.itemdetails h3, .itemdetails h3 a {
    margin: 16px 0 0 0;
    font-family: 'FranklinGothic-Demi', sans-serif;
    font-size: 17px;
    color: #313C43;
}
.itemdetails a:hover {
    color: #ED1E30;
    text-decoration:underline;
}
.cat-title {
    font-family: 'FranklinGothic-Demi', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    position: absolute;
    top: -90px;
    margin: 0px auto;
    text-align: center;
    padding: 10px;
    width:100%;
}
.cat-title a {
    color: #313C43;
}
.add-catinfo {
    background: #fff;
    opacity:0.95;
    font-family: 'FranklinGothic-Book', sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    padding: 22px;
    width:200px;
    height:290px;
    margin:0px auto;
    position: absolute;
    top: -310px;
    display:none;
}
select.red{
    
    border-color:red;
    height:38px;
}
#wrap {
    background: #e7e7e7;
    padding: 5%;
    text-align: center;
    width: 80%;
}

#left, #right {
    background: #ccc;
    display: inline-block;
    padding: 2%;
}
.add-catinfo p {
    padding: 20px 0px;
    font-family: 'FranklinGothic-Book', sans-serif;
    font-size: 14px;
}
.add-catinfo .learnbtn {
    font-family: 'FranklinGothic-Demi', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: red;
    letter-spacing: 2px;
}
.add-catinfo h3 {
    font-family: 'FranklinGothic-Demi', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 20px;
    text-align: center
}
.mannualtext {
    padding: 10px 0px;
    font-family: 'FranklinGothic-Book', sans-serif;
    font-size: 16px;
}
.partshometextblock h3, .partspagetextblock h3 {
    font-family: 'FranklinGothic-Demi', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}
.partspagetextblock{
    padding:25px 0px;
    text-align:center;
}
.topsellersblock {
    width: 100%;
    background: #F4F7F8;
    text-align: center;
    padding: 10px 20px;
    margin:0 auto;
}
.relateditemsblock {
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
}
.store-search-box {
    font-family: 'FranklinGothic-Book', sans-serif;
    font-size: 16px;
    line-height: 26px;
}
form.small-search-box-form{
    margin:0;
    padding:0;
}
.partshomeimage {
    float: right;
    width: 30%;
}
.category-title{
    font-family: 'FranklinGothic-Demi', sans-serif;
    padding:40px 0px;
    text-align:center;
}
.category-title h1{
    
    font-size:34px;
    line-height:40px;
}
.category-title h2 {
    font-size: 28px;
    line-height: 34px;
}
h1, h2, h3, h4, h5 {
    font-family: 'FranklinGothic-Demi', sans-serif;
    padding: 10px 0px;
}

.large-nav .nav-contain a {
    font-size:1.12rem !important;
}

.copyright {
    background: #6D767B;
    color: #fff;
    margin: auto;
    padding: 20px;
}
.copyright-info{
    max-width:1170px;
    margin:auto;
}
.contact-info {
    display:block;
    color: #313C43;
    padding: 10px 0px;
    font-family: 'FranklinGothic-Book', sans-serif;
    font-size: 16px;
}
.contact-info .content {
    
}
.mapblock h3 {
    font-family: 'FranklinGothic-Medium', sans-serif;
    font-size:30px;
}

.item-box-cat .product-box-add-to-cart-button {
    width: 100% !important;
}

.item-box-cat .product-title {
    text-align: center;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

/* Product detail page */





/* top sellers grid */
.titem-grid:after {
    content: "";
    display: block;
    clear: both;
}

.titem-box {
    position: relative;
    width: 100%;
    float: left;
    margin: 0 0 80px;
    text-align: left;
}
.titem-box {
    width: 23.33333%;
    margin: 0 0.5% 50px;
}

.titem-box:nth-child(3n+1) {
    clear: none;
}

.titem-box:nth-child(4n+1) {
    clear: both;
}
.titem-box .picture {
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
    margin: 0 0 20px;
}

.titem-box .picture a {
    display: block;
    position: relative;
}

.titem-box .picture a:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.titem-box .picture a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.titem-box:hover .picture a img {
    opacity: 0.85;
}

.titem-box .details {
    padding: 0 10px;
}

.titem-box .product-title {
    margin: 0 0 10px;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.2;
    font-weight: normal;
    color: #4ab2f1;
}

.titem-box .product-title a {
    display: block;
}

.titem-box .product-title a:hover {
    color: #248ece;
}

.titem-box .sku {
    margin: 0 0 15px;
}

.titem-box .product-rating-box {
    display: inline-block;
    margin: 0 0 10px;
}

.titem-box .rating {
    background: url('../images/rating1.png') repeat-x;
    width: 95px;
    height: 14px;
}

.titem-box .rating div {
    background: url('../images/rating2.png') repeat-x;
    height: 14px;
}

.titem-box .description {
    display: none;
}

.titem-box .description a {
    display: block;
    overflow: hidden;
}

.titem-box .prices {
    margin: 0 0 10px;
    overflow: hidden;
}

.titem-box .old-price {
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #aaa;
    text-decoration: line-through;
}

.titem-box .actual-price {
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #666;
}

.titem-box .tax-shipping-info a {
    color: #4ab2f1;
}

.titem-box .tax-shipping-info a:hover {
    text-decoration: underline;
}

.titem-box .buttons {
    margin: 0;
    font-size: 0;
}

.titem-box input[type="button"] {
    display: inline-block;
    height: 40px;
    border: none;
    vertical-align: middle;
}

.titem-box .product-box-add-to-cart-button {
    width: 60%;
    background-color: #ED1C2E;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

.titem-box .product-box-add-to-cart-button:hover {
    background-color: #248ece;
}

.titem-box .add-to-compare-list-button,
.titem-box .add-to-wishlist-button {
    width: 20%;
    border-left: 1px solid #fff !important;
    background-color: #eaeaea;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}

.titem-box .add-to-compare-list-button {
    background-image: url('../images/compare-button.png');
}

.titem-box .add-to-wishlist-button {
    background-image: url('../images/wishlist-button.png');
}

.titem-box .add-to-compare-list-button:hover,
.titem-box .add-to-wishlist-button:hover {
    background-color: #ddd;
}


/* top sellers end */


.input-group {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.input-group > div {
    display: table-cell;
    border: 1px solid #ddd;
    vertical-align: middle; /* needed for Safari */
}

.input-group-icon {
    background: #eee;
    color: #777;
    padding: 0 12px
}

.input-group-area {
    width: 100%;
}

.input-group input {
    border: 0;
    display: block;
    width: 100%;
    padding: 8px;
}


.navbar .navbar-brand .logo {
    max-width: 200px;
    padding: 0px 10px 0px 0px;
    height:75px;
    overflow: hidden;
}

/*#top-navigation .logo {
    max-width: 200px;
    padding: 0px 10px 0px 0px;
    height: 75px;
    overflow: hidden;
}*/ 


    .homepagetext{
        max-width:300px;
    }




.wrapper {
    width: 1400px;
    margin: 0 auto;
}

.container {
    width: 100% !important;
    max-width:1440px !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px !important;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px !important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px !important;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px !important;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px !important;
    }
}

/*=============================================
=            FONTS            =
=============================================*/
@font-face {
    font-family: FranklinGothicReg;
    src: url("/css/fonts/FranklinGothic-Book.ttf") format("opentype");
}

@font-face {
    font-family: FranklinGothicReg;
    font-weight: bold;
    src: url("/css/fonts/FranklinGothic-Demi.ttf") format("opentype");
}

/*=====  End of FONTS  ======*/
/*=============================================
=            COLORS            =
=============================================*/
.bg-grey0 {
    background-color: #17272F;
}

.bg-grey1 {
    background-color: #313C43;
}

.bg-grey2 {
    background-color: #6D767B;
}

.bg-grey3 {
    background-color: #A5ACAE;
}

.bg-grey4 {
    background-color: #D8DDDF;
}

.bg-grey5 {
    background-color: #ECF0F1;
}

.bg-grey6 {
    background-color: #F4F7F8;
}

.bg-yellow {
    background-color: #E5B42F;
}

.bg-red {
    background-color: #ED1C2F;
}

.bg-blue {
    background-color: #528A9F;
}

.text-grey0 {
    color: #17272F;
}

.text-grey1 {
    color: #313C43;
}

.text-grey2 {
    color: #6D767B;
}

.text-grey3 {
    color: #A5ACAE;
}

.text-grey4 {
    color: #D8DDDF;
}

.text-grey5 {
    color: #ECF0F1;
}

.text-grey6 {
    color: #F4F7F8;
}

.text-yellow {
    color: #E5B42F;
}

.text-red {
    color: #ED1C2F;
}

.text-blue {
    color: #528A9F;
}

/*=====  End of COLORS  ======*/
:root {
    font-size: 16px;
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}
/*=============================================
=            FOOTER            =
=============================================*/
.menu-footer-my-account-container .menu .menu-item {
    text-transform: capitalize;
}

.footer-col h4,
.footer-col h4 a {
    font-family: 'FranklinGothic-Book', sans-serif;
    font-size: 1.2rem;
    font-weight: 100;
    color: #FFFFFF;
}

.footer-col p,
.footer-col li,
.footer-col a {
    color: #D8DDDF !important;
    font-size: 1.15rem !important;
    font-weight: 100;
}

.footer-col ul {
    list-style: none;
    padding: 0px;
}

.footer-col .gf_simple_horizontal {
    position: relative;
    overflow: hidden;
}

    .footer-col .gf_simple_horizontal .gfield {
        padding-right: 0px !important;
        width: auto;
    }

    .footer-col .gf_simple_horizontal .gform_body {
        width: 100% !important;
    }

    .footer-col .gf_simple_horizontal input.large {
        position: relative;
        padding: 15px 0px 15px 20px !important;
        margin-top: 0px;
        display: inline-block;
        border: 0px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .footer-col .gf_simple_horizontal .gfield_error {
        max-width: 100% !important;
        width: 100%;
        background: none !important;
        border: 0px !important;
        padding: 0px !important;
    }

        .footer-col .gf_simple_horizontal .gfield_error input {
            border: 0px !important;
            margin: 0px !important;
            box-shadow: inset 0px 0px 3px #f5dfe3;
        }

            .footer-col .gf_simple_horizontal .gfield_error input,
            .footer-col .gf_simple_horizontal .gfield_error input::placeholder {
                font-weight: bold;
            }

    .footer-col .gf_simple_horizontal label {
        display: none;
    }

    .footer-col .gf_simple_horizontal .gform_button {
        display: inline-block;
        padding: 15px 20px;
        margin-right: 0px !important;
        border: 0px;
        color: #FFFFFF;
        background-color: #A5ACAE;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        font-size: 1rem;
        width: auto !important;
    }

        .footer-col .gf_simple_horizontal .gform_button:hover {
            background: #ED1C2F;
        }

    .footer-col .gf_simple_horizontal .gfield_description.validation_message {
        text-align: center;
        position: absolute;
        display: none;
        top: 0px;
        font-weight: 100;
        font-size: 1.1rem;
    }

    .footer-col .gf_simple_horizontal .validation_error {
        color: #ffffff;
        background-color: #ED1C2F;
        padding: 5px;
        margin-bottom: 5px;
        border: 0px;
    }

    .footer-col .gf_simple_horizontal .gform_confirmation_message {
        padding: 30px;
        text-align: center;
        font-size: 2rem;
    }

.footer-col .social-media {
    margin-top: 0px;
}

    .footer-col .social-media table {
        float: right;
        margin-right: 8px;
    }

    .footer-col .social-media a {
        display: block;
        margin: 10px;
    }

        .footer-col .social-media a svg {
            width: 35px;
        }

        .footer-col .social-media a:hover path {
            fill: #ED1C2F;
        }
@media only screen and (max-width: 640px) {
    .gf_simple_horizontal .gform_footer {
        margin-top: 0px !important;
    }

    .gf_simple_horizontal input.large {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .gf_simple_horizontal label {
        display: none;
    }

    .gf_simple_horizontal .gform_button {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }
}
/*=====  End of FOOTER  ======*/
/*=============================================
=            AJAX SPINNER            =
=============================================*/
body img.gform_ajax_spinner {
    position: fixed !important;
    left: -100000px;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.custom-gform-spinner {
    position: absolute;
    z-index: -1;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 30%;
    margin-left: -50px;
    opacity: 0;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

    .custom-gform-spinner img {
        width: 100%;
        -webkit-animation: spin .5s linear infinite;
        animation: spin .5s linear infinite;
    }

    .custom-gform-spinner.visible {
        z-index: 5;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

/*=====  End of AJAX SPINNER  ======*/

/*=============================================
=            GRAVITY FORMS            =
=============================================*/
.ginput_container {
    padding: 0px;
    margin: 0px;
}

.gfield_description.validation_message {
    text-align: center;
    position: absolute;
    display: none;
    top: 0px;
    font-weight: 100;
    font-size: 1.1rem;
}

h3.gform_title {
    font-size: 2.4rem !important;
    font-weight: bold;
    padding: 30px 0px;
    margin-bottom: 40px;
    text-align: center;
}

.gform_description {
    text-align: center;
}

.gfield input,
.gfield textarea {
    display: block;
    padding: 10px 10px !important;
    font-size: 1rem !important;
    border: 1px solid red;
    border: 1px solid #A5ACAE;
    margin-top: 0px !important;
}

.gfield textarea {
    min-height: 203px;
}

.ginput_container.ginput_container_checkbox {
    margin-top: 0px !important;
}

    .ginput_container.ginput_container_checkbox .gfield_checkbox li {
        margin-right: 20px;
    }

        .ginput_container.ginput_container_checkbox .gfield_checkbox li label {
            margin-top: 5px;
            font-size: 1rem;
            margin-left: 5px;
        }

.name_first,
.name_last {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

     .name_first input,
    .name_last input {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.gform_button {
    display: block;
    margin: 0px auto;
    border: 2px solid #ED1C2F;
    float: right;
}

    .gform_button:hover {
        background-color: #FFFFFF;
    }

.gfield_error {
    max-width: 100% !important;
    width: 100%;
    background: none !important;
    border: 0px !important;
    padding: 0px !important;
}

    .gfield_error input {
        border: 1px solid #ED1C2F !important;
        color: #ED1C2F;
        box-shadow: inset 0px 0px 3px #f5dfe3;
    }

        .gfield_error input,
        .gfield_error input::placeholder {
            font-weight: bold;
            color: #ED1C2F;
        }

.validation_error {
    color: #ffffff;
}

.gform_confirmation_message {
    padding: 30px;
    text-align: center;
    font-size: 2rem;
}

/*=====  End of GRAVITY FORMS  ======*/

.button, .cta, #top-navigation .search .searchform .searchsubmit, .calculator a#calculate, .page-template-template-contact .gform_button {
    font-size: 1rem;
    background-color: #ED1C2F;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 100;
    padding: 10px 30px;
    transition: .15s ease-in-out;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

    .button:hover, .cta:hover, #top-navigation .search .searchform .searchsubmit:hover, .calculator a#calculate:hover, .page-template-template-contact .gform_button:hover {
        background-color: #E5B42F;
        color: #ffffff;
        text-decoration: none;
    }

    .button.on-white, .on-white.cta, #top-navigation .search .searchform .on-white.searchsubmit, .calculator a.on-white#calculate, .page-template-template-contact .on-white.gform_button {
        border: 2px solid #ED1C2F;
    }


.badge {
    border-radius: 0;
    font-size: 12px;
    line-height: 1;
    padding: .375rem .5625rem;
    font-weight: normal
}

.badge-outline-primary {
    color: #ED1C2F;
    border: 1px solid #ECF0F1;
    background: #F4F7F8;
}

.badge.badge-pill {
    border-radius: 10rem
}

.badge-outline-info {
    color: #3da5f4;
    border: 1px solid #3da5f4
}

.badge-outline-danger {
    color: #f1536e;
    border: 1px solid #f1536e
}

.badge-outline-success {
    color: #00c689;
    border: 1px solid #00c689
}

.badge-outline-warning {
    color: #fda006;
    border: 1px solid #fda006
}

/*----------  PORTAL GRID  ----------*/
/*----------  PORTAL GRID  ----------*/
.block-portal-grid .grid-block-contain {
    padding: 3.5rem 2rem;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    border-radius: 5px;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    .block-portal-grid .grid-block-contain .copy-panel {
        padding: 10% 10%;
        height: 100%;
        transition: .5s ease-in-out;
        transform: translateY(65%);
    }

        .block-portal-grid .grid-block-contain .copy-panel h3 {
            margin-top: 20px;
            font-size: 1.8rem;
            line-height: 2.5rem;
        }

        .block-portal-grid .grid-block-contain .copy-panel .copy {
            opacity: 0;
            transition: .5s ease-in-out;
            font-size: 1.2rem;
        }

        .block-portal-grid .grid-block-contain .copy-panel .title {
            letter-spacing: .1rem;
        }

    .block-portal-grid .grid-block-contain:hover {
        background-size: 110%;
        box-shadow: inset 0px 0px 120px #BBD5DE;
    }

        .block-portal-grid .grid-block-contain:hover .copy-panel {
            background-color: #ffffffef;
            transform: translateY(20%);
            opacity: 1;
        }

            .block-portal-grid .grid-block-contain:hover .copy-panel .copy {
                opacity: 1;
                transition: .5s ease-in-out;
            }

.block-portal-grid .col-lg-4 .copy-panel h3 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.block-portal-grid.block-portal-resources .grid-block-contain {
    padding: 0px;
    position: relative;
    height: 90%;
}

    .block-portal-grid.block-portal-resources .grid-block-contain img {
        opacity: .4;
        transition: .5s ease-in-out;
    }

    .block-portal-grid.block-portal-resources .grid-block-contain .copy-panel {
        position: absolute;
        transform: translateY(45%);
        bottom: 0px;
        width: 100%;
        height: 50%;
        padding: 20px;
    }

        .block-portal-grid.block-portal-resources .grid-block-contain .copy-panel h3 {
            font-size: 1.2rem;
            color: #FFFFFF;
            transition: .5s ease-in-out;
            text-transform: none !important;
            padding-bottom: 10px;
        }

        .block-portal-grid.block-portal-resources .grid-block-contain .copy-panel .title {
            width: 100%;
            text-align: center;
            font-size: .9rem;
            font-weight: bold;
            display: block;
            color: #ED1C2F;
        }

            .block-portal-grid.block-portal-resources .grid-block-contain .copy-panel .title:hover {
                color: #313C43;
            }

    .block-portal-grid.block-portal-resources .grid-block-contain:hover {
        box-shadow: inset 0px 0px 120px #BBD5DE;
    }

        .block-portal-grid.block-portal-resources .grid-block-contain:hover img {
            opacity: 1;
        }

        .block-portal-grid.block-portal-resources .grid-block-contain:hover .copy-panel {
            background-color: rgba(255, 255, 255, 0.735);
            transform: translateY(0%);
            opacity: 1;
        }

            .block-portal-grid.block-portal-resources .grid-block-contain:hover .copy-panel h3 {
                color: #17272F;
            }

            .block-portal-grid.block-portal-resources .grid-block-contain:hover .copy-panel .copy {
                opacity: 1;
                transition: .5s ease-in-out;
            }

@media only screen and (max-width: 992px) {
    .block-portal-grid .grid-block-contain {
        padding: 20% 5% 10% 5%;
        overflow: hidden;
        background-position: 20px 20px;
        background-repeat: no-repeat;
        background-size: 110%;
        transition: .5s ease-in-out;
    }

        .block-portal-grid .grid-block-contain .copy-panel {
            opacity: 1 !important;
            padding: 30px;
            transform: translateY(0);
            background-color: rgba(255, 255, 255, 0.646);
            transform: translateY(20%);
        }

            .block-portal-grid .grid-block-contain .copy-panel h3 {
                font-size: 1.5rem;
            }

            .block-portal-grid .grid-block-contain .copy-panel .copy {
                opacity: 1;
                transition: .5s ease-in-out;
            }

        .block-portal-grid .grid-block-contain:hover {
            box-shadow: inset 0px 0px 120px #BBD5DE;
        }

    .block-portal-grid.block-portal-resources .grid-block-contain img {
        opacity: .9;
        transition: .5s ease-in-out;
        padding-bottom: 30px;
    }

    .block-portal-grid.block-portal-resources .grid-block-contain .copy-panel {
        padding: 10px 0px;
        transform: translateY(0);
    }

        .block-portal-grid.block-portal-resources .grid-block-contain .copy-panel h3 {
            color: #17272F;
        }

    .block-portal-grid.block-portal-resources:hover .copy-panel {
        opacity: 1 !important;
        background-color: #FFFFFF !important;
        transform: translateY(0);
    }

    .acc-more img {
        max-width: 200px;
    }
}

/*----------  SLIDING ANIMATION  ----------*/
@keyframes crawlAnimation {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-50%);
    }

    0% {
        transform: translateY(0);
    }
}

.animate-crawl {
    transform: perspective(800px) rotateY(-20deg);
    backface-visibility: visible;
}

    .animate-crawl .animate-col {
        padding: 0px;
    }

.tile-contain {
    position: absolute;
    animation-name: crawlAnimation;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 300s;
    backface-visibility: visible;
}

    .tile-contain .tile {
        width: 130px;
        height: 130px;
        margin: 0px auto;
        margin-bottom: 20px;
        border-radius: 5px;
        box-shadow: -5px 5px 0px #A5ACAE;
        background-color: #FFFFFF;
        background-size: 70%;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 1;
        backface-visibility: visible;
    }

.colnum-2 {
    top: -60px;
}

.colnum-4 {
    top: -60px;
}

.block-title {
    font-size: 3rem;
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
    .animate-crawl {
        opacity: .25;
    }

}