/** @file Generic base elements. */

*, *::before, *::after { box-sizing: border-box; -moz-box-sizing: border-box; }

html, body { height: 100%; opacity: 1; box-sizing: border-box; margin: 0; padding: 0; color: #222222; font-weight: normal; font-family: 'apclight', sans-serif; letter-spacing: 0.01em; font-size: 100%; font-style: normal;
    -webkit-font-smoothing: antialiased; }
body.is-fixed { position: fixed; overflow: hidden; width: 100%; }

[dir="rtl"] body { background-position: top right; }

h1, h2, h3, h4, h5, h6 { font-family: 'ptsbold', sans-serif; font-weight: normal; letter-spacing: -0.02em; }

h1 { font-size: 52px; line-height: 50px; margin: 0; }
h2 { display: inline-block; position: relative; font-size: 42px; letter-spacing: -0.02em; line-height: 45px; padding-bottom: 40px; margin-bottom: 40px; }
h3 { margin: 0 0 20px; font-size: 24px; line-height: 28px; }
h4 { margin: 0; }
h5 { margin: 0 0 15px 0; font-size: 18px; line-height: 20px; }

table th { font-weight: normal; font-family: 'ecdmed', sans-serif; font-size: 13px; }

#block-inbali-page-title h1 { margin-bottom: 50px; }
#block-inbali-page-title h1::after { display: block; content: ' '; width: 60px; height: 1px; border-bottom: 1px solid #283d38; margin: 0 auto;  padding-top: 45px; }

body.user #block-inbali-page-title h1 { margin-bottom: 20px; }
body.user #block-inbali-page-title h1::after { content: none; }

p { font-family: 'apclight', sans-serif; font-weight: normal; text-align: left; font-size: 14px; line-height: 21px; margin-bottom: 25px; }
p a { font-size: 14px; text-transform: none; }

a { text-decoration: none; color: #222222; }
a:hover {  }
a:focus {  }

small { font-size: 10px; line-height: 15px; letter-spacing: 0.1em; }
small a { color: #283d38; font-size: 10px; text-transform: none; }

button { font-family: inherit; }

form input.form-submit { text-decoration: none; font-family: 'ecdmed', sans-serif; font-weight: normal; font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; padding: 15px 55px 15px 25px; border: 2px solid #222222; color: #222222;
    background-color: #ffffff; background-image: url('../../images/arrow-black.svg'); background-repeat: no-repeat; background-size: 22px; background-position: right 20px center;
    transition: background-position 0.3s ease; }
form input.form-submit:hover { background-position: right 10px center; }

.button-link { width: 100%; text-align: center; }
.button-link a { display: inline-block; padding: 15px 55px 15px 25px; border: 2px solid #222222; text-decoration: none; font-family: 'ecdmed', sans-serif; font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
    background-repeat: no-repeat; background-size: 22px; background-position: right 20px center; }
.button-link.green a { color: #ffffff; border: 2px solid #7bb914;
    background-color: #7bb914; background-image: url('../../images/arrow-white.svg'); }
.button-link.white a { color: #222222;
    background-color: #ffffff; background-image: url('../../images/arrow-black.svg'); }
.button-link.whitegreen a { color: #7bb914; border: 2px solid #7bb914;
    background-color: #ffffff; background-image: url('../../images/arrow-green.svg'); }
.button-link.trans a { color: #222222;
    background-color: transparent; background-image: url('../../images/arrow-black.svg'); }

span.button { display: inline-block; position: relative; font-size: 11px; text-decoration: none; text-align: center; font-family: 'poppinsbold', sans-serif; letter-spacing: 2px; text-transform: uppercase; pointer-events: all; z-index: 0;
    background-color: transparent;
    user-select: none; -webkit-user-select: none; touch-action: manipulation; }
span.button input { background: transparent; border: 1px solid #283d38; }

span.button:after { position: absolute; content: " "; width: 100%; height: 100%; top: 5px; left: 5px; z-index: -1;
    background-color: #52c0a7;
    transition: 0.2s; }
span.button:hover:after,
span.button:active:after { top: 0; left: 0; }

img, video { display: block; width: 100%; height: auto; }
audio { display: block; max-width: 100%; }

ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
ul li { display: block; }

.messages__wrapper { padding: 20px; }
.messages { position: relative; width: 100%; max-width: 560px; text-align: center; margin: 0 auto 25px; padding: 0 30px 20px; font-family: 'ecdmed', sans-serif; font-size: 14px; z-index: 1;
    background: #efefef; }

.messages a { text-decoration: none; font-family: 'ecdmed', sans-serif; color: #7bb914; }
.messages a:hover { text-decoration: none; }
.messages.messages--status::before { content: ' '; position: relative; display: block; width: 50px; height: 50px; margin: 0 auto; top: -15px;
    background-color: transparent; background-image: url('../../images/status-tooth.png'); background-repeat: no-repeat; background-size: 50px; background-position: center; }
.messages.messages--error { background-color: #f9edce; }
.messages.messages--error::before { content: ' '; position: relative; display: block; width: 50px; height: 90px; margin: 0 auto; top: -15px;
    background-color: transparent; background-image: url('../../images/status-warning.png'); background-repeat: no-repeat; background-size: 50px; background-position: center; }