/* Start:/include/services/fontfinder/fontfinder.css?17296868368113*/
.fontfinder {padding-top: 50px;margin-bottom: 30px;}
.fontfinder__container {width: 1100px;max-width: calc(100% - 30px);margin: 0 auto;box-sizing: border-box;}
.fontfinder__container.heading {border-bottom: 1px solid #FFCF1C;margin-bottom: 30px;padding-bottom: 30px;}
.fontfinder__title {text-align: center;font-size: 46px;margin-bottom: 30px;}
.fontfinder__input {background: rgb(255, 255, 255, .05);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);display: flex;flex-direction: column;padding: 30px;margin-bottom: 30px;}
.fontfinder__input p {text-align: center;font-size: 18px;line-height: 24px;margin-bottom: 60px;}
.fontfinder__input input[type="text"] {border: none;border-bottom: 2px solid #FFCF1C;background: transparent;text-align: center;font-size: 24px;margin-bottom: 30px;color: #fff;margin: 0 60px 30px;padding-bottom: 5px;box-sizing: border-box;}
.fontfinder__input input[type="text"]::placeholder {color: rgba(255, 255, 255, 0.5);}
.fontfinder__input button {transition: ease-out 1s;margin: 0;font-size: 18px;color: #fff;height: 50px;width: 300px;max-width: 100%;background: linear-gradient(90deg, #934DA3 -0.04%, #EE8475 100.17%);border: 2px solid #FFFFFF;box-sizing: border-box;box-shadow: 0px 5px 15px rgba(24, 26, 28, 0.15);border-radius: 100px;margin: 0 auto}
.fontfinder__input button:hover {background: #EE8475;transition: 0s;}
.fontfinder__result {background: rgb(255, 255, 255, .05);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);display: flex;flex-direction: column;display: grid;row-gap: 60px;opacity: 0;transform: rotateX(90deg);transform-origin: top;max-height: 0;transition: .3s ease-out, padding 0s;}
.fontfinder__result.active {background: rgb(255, 255, 255, .05);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);display: flex;flex-direction: column;padding: 30px;margin-bottom: 30px;display: grid;row-gap: 60px;opacity: 1;transform: rotateX(0);transition: .5s ease-out, padding 0s;max-height: 1000px;}
.fontfinder-result__heading {text-align: center;font-size: 18px;line-height: 24px;}
.fontfinder-result__table {margin: 0 60px 0;}
.fontfinder-result__table tr + tr {border-top: 1px solid rgba(255, 255, 255, 0.25);}
.fontfinder-result__table th {font-size: 18px;color: #FFCB17;text-align: left;padding: 0 0 20px;}
.fontfinder-result__table td {padding: 15px 15px 15px 0;width: 50%;line-height: 20px;}
.fontfinder-result__btn {font-size: 18px;color: #000;height: 50px;max-width: 100%;background: -o-linear-gradient(284.82deg, #FFCF1C 28.65%, #FFB800 100%);background: linear-gradient(165.18deg, #FFCF1C 28.65%, #FFB800 100%);border: 2px solid #FFFFFF;box-sizing: border-box;box-shadow: 0px 5px 15px rgba(24, 26, 28, 0.15);border-radius: 100px;margin: 0 auto;width: unset;min-height: 50px;height: unset;padding: 5px 25px;}
.fontfinder__ad {background: rgb(255, 255, 255, .05);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);display: flex;flex-direction: column;padding: 10px;margin-bottom: 30px;display: grid;grid-template-columns: repeat(2,1fr);row-gap: 20px;column-gap: 20px;}
.fontfinder-bonuses {background: rgb(255, 255, 255, .05);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);padding: 30px;margin-bottom: 30px;}
.fontfinder-bonuses__title {text-align: center;font-size: 46px;margin-bottom: 30px;font-weight: bold;}
.fontfinder-bonuses__subtitle {text-align: center;font-size: 18px;line-height: 24px;margin-bottom: 60px;}
.fontfinder-bonuses__list {display: grid;grid-template-columns: repeat(4,1fr);column-gap: 20px;row-gap: 20px;margin-bottom: 60px;}
.fontfinder-bonuses-item {background: #FFCB17;border-radius: 16px;display: flex;flex-direction: column;}
.fontfinder-bonuses-item__bonus {display: flex;background: linear-gradient(90deg, #934DA3 -0.04%, #EE8475 100.17%);border-radius: 16px 16px 0 0;font-size: 20px;line-height: 24px;text-align: center;padding: 9px;height: 100px;align-items: center;justify-content: center;}
.fontfinder-bonuses-item__logo {height: 120px;background: #fff;display: flex;}
.fontfinder-bonuses-item__logo img {max-width: 100%;max-height: 100%;padding: 10px;box-sizing: border-box;margin: auto;object-fit: contain;}
.fontfinder-bonuses-item__description {color: #000;text-align: center;padding: 15px 10px 0;margin-bottom: 30px; line-height: 1.2em;}
.fontfinder-bonuses-item__button {margin: auto auto 15px;transition: ease-out 1s;padding: 10px 20px;font-size: 16px;color: #fff;background: linear-gradient(90deg, #934DA3 -0.04%, #EE8475 100.17%);border: 2px solid #FFFFFF;box-sizing: border-box;box-shadow: 0px 5px 15px rgba(24, 26, 28, 0.15);border-radius: 100px;}
.fontfinder-bonuses-item__button:hover {background: #EE8475;transition: 0s;}
.fontfinder-bonuses__more-btn {font-size: 18px;background: -o-linear-gradient(284.82deg, #FFCF1C 28.65%, #FFB800 100%);background: linear-gradient(165.18deg, #FFCF1C 28.65%, #FFB800 100%);border: 2px solid #FFFFFF;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 5px 15px rgba(24, 26, 28, 0.15);box-shadow: 0px 5px 15px rgba(24, 26, 28, 0.15);border-radius: 100px;font-weight: bold;text-transform: uppercase;height: 64px;width: 360px;max-width: 100%;border: 4px solid #FFFFFF;display: flex;justify-content: center;align-items: center;color: #000;margin: auto;text-align: center;}
.fontfinder-bonuses__more-btn:hover {background: #FFDA50;}
.fontfinder__text {background: rgb(255, 255, 255, .05);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);padding: 30px;line-height: 20px;}
.fontfinder__text p + p {margin-top: 15px;}

.fontfinder-block {
    background: #fff;
    padding-top: 49px;
    padding-bottom: 45px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right:auto;
    text-align: center;
    box-sizing: border-box;
    box-sizing: border-box;
	color:#222;
}

.fontfinder-block--form {
    padding-left: 100px;
    padding-right: 100px;
    box-sizing: border-box;
}
.fontfinder-block-title {
    font-size: 19px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 55px;
}
input.fontfinder-url {
    width: 100%;
    text-align: center;
    border: none;
    background: transparent;
    border-bottom: 2px solid #303030;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    font-size: 25px;
    height: 50px;
    margin-bottom: 17px;
    box-sizing: border-box;
    color: rgb(24, 26, 28);
}
input.fontfinder-url::-moz-placeholder {
    color: rgb(24, 26, 28);
}
input.fontfinder-url::-webkit-input-placeholder { color: rgb(24, 26, 28); }
input.fontfinder-url:-ms-input-placeholder { color: rgb(24, 26, 28); }
input.fontfinder-url::-ms-input-placeholder { color: rgb(24, 26, 28); }
input.fontfinder-url::placeholder { color: rgb(24, 26, 28); }
input.fontfinder-url:focus {
    border-bottom: 2px solid rgb(254, 206, 26);
    outline: 0;
    box-shadow: none;
    transition: all 0.3s ease;
}
input.fontfinder-url:hover {
    outline: 0;
}
.fontfinder-url--info {
    font-size: 16px;
    margin-bottom: 30px;
}

.fontfinder-table {
    box-sizing: border-box;
    width: 100%;
    text-align: left;
}
.fontfinder-table thead {
    font-size: 19px;
    box-sizing: border-box;
}
.fontfinder-table thead th {
    padding-bottom: 25px;
    padding-left: 100px;
    box-sizing: border-box;
}
.fontfinder-tbody tr:nth-child(even) {
    background: #fff1bc;
}
.fontfinder-tbody td{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 100px;
}


@media screen and (max-width: 768px) and (min-width: 280px) {
    .fontfinder-table thead th {padding-left: 10px;    }
    .fontfinder-tbody td {padding-left: 10px;}
    .fontfinder__ad {display: flex;background: none;}
}
@media screen and (max-width: 992px) and (min-width: 768px) {
    .fontfinder-bonuses__list {grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width: 767px) and (min-width: 568px) {
    .fontfinder-bonuses__list {grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 567px) and (min-width: 280px) {
    .fontfinder-bonuses__list {grid-template-columns: repeat(1,1fr);}
    .fontfinder__title {font-size: 41px;}
    .fontfinder-bonuses__title {font-size: 41px;}
}
/* End */
/* /include/services/fontfinder/fontfinder.css?17296868368113 */