/* ANCHOR buttons */
.btn,
a.btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: linear-gradient(180deg, #91B83F 0%, #B8D9AA 100%);
    border-radius: 40px;
    box-shadow: none;
    transition: all .2s ease;
    z-index: 3;
    padding: 0;
}



.btn:hover,
a.btn:hover {
    box-shadow: 0 5px 15px rgba(151, 189, 77, 0.6);
    color: #fff;
}

.btn_rarrow,
a.btn_rarrow {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 7px 5px 7px 21px;
    font-size: 16px;
    line-height: 15px;
    color: #FFFFFF;
    background: linear-gradient(180deg, #91B83F 0%, #B8D9AA 100%);
    border: 0;
    border-radius: 40px;
    cursor: pointer;
    transition: .3s all ease-in-out;
}

input.btn_rarrow {
    height: 51px;
    padding-right: 70px;
    background: url(/upload/common/rarr.png) center right 10px no-repeat, linear-gradient(180deg, #91B83F 0%, #B8D9AA 100%);
}

.btn_rarrow:after,
a.btn_rarrow:after {
    content: '';
    display: inline-block;
    width: 37px;
    height: 37px;
    margin-left: 10px;
    background: linear-gradient(180deg, #5D883D 0%, #ACD19E 100%);
    border-radius: 50%;
}

.btn_rarrow:before, 
a.btn_rarrow:before {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 15px;
    height: 10px;
    content: '';
    display: inline-block;
    background: url(/img/icon-arrow.svg) center/cover no-repeat;
}

.btn_rarrow:hover,
a.btn_rarrow:hover {
    box-shadow: 0 5px 15px rgba(151,189,77,.6);
    color: #fff;
}

.btn_show,
a.btn_show {
    padding: 15px 30px;
    border: 1px solid #E6EDF3;
    border-radius: 50px;
    color: #77B09D;
    cursor: pointer;
    transition: .3s all ease-in-out;
    position: relative;
    background: #fff;
}

.btn_show:hover, 
a.btn_show:hover {
    border: 1px solid #8798A5;
}

.btn_show:after,
a.btn_show:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url(/img/icon-arrow-btm.svg) center no-repeat;
    position: absolute;
    top: 17px;
    right: 20px;
}

.btn_border,
a.btn_border {
    padding: 18px 20px;
    font-size: 16px;
    line-height: 15px;
    border: 1px solid #E6EDF3;
    border-radius: 50px;
    color: #8798A5;
    cursor: pointer;
    transition: .3s all ease-in-out;
    position: relative;
}

.btn_border:hover,
a.btn_border:hover {
    border: 1px solid #8798A5;
    color: #3B454D;
}

@media (min-width: 1024px) {
    .btn_show,
    a.btn_show {
        display: none;
    }
}

/* ANCHOR forms */
:focus {
    outline: 0;
}

button,
input,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15; 
    margin: 0; 
    background: transparent;
    -webkit-appearance: none;
      -moz-appearance: none;
        appearance: none;
    -webkit-box-shadow: none;
      box-shadow: none; 
}

button,
input { 
    overflow: visible;
    outline:none!important;
    outline-offset: 0!important;
}

button { 
    border: 0;
    cursor: pointer; 
    text-transform: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; 
    padding: 0; 
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
    -webkit-appearance: none;
    margin: 0;
}

::-webkit-file-upload-button {
    -webkit-appearance: button; 
    font: inherit; 
}

.mail_name {
    display: none;
}

.form__input {
    font: 16px/24px 'Gotham Pro', Helvetica, sans-serif;
    border: 1px solid #B3C1CB;
    border-radius: 8px;
    padding: 10px 20px;
    color: #3B454D;
    transition: .3s all ease-in-out;
    width: 100%;
    height: 46px;
    display: block;
    background: #fff;
}

.form__input::placeholder {
    color: #B3C1CB;
    font-size: 14px;
}

.form__input:focus {
    border: 1px solid #3B454D;
}

.form__zoom {
    position: relative;
}

.btn__zoom {
    position: absolute;
    right: 10px;
    top: 13px;
}

.forms__input-item {
    padding-bottom: 20px;
}

.forms__input {
    font: 16px/24px 'Gotham Pro', Helvetica, sans-serif;
    border: 0;
    border-bottom: 1px solid #B3C1CB;
    padding: 10px 0;
    color: #3B454D;
    transition: .3s all ease-in-out;
    width: 100%;
    height: 46px;
    display: block;
    background: #fff;
}

.forms__input::placeholder {
    color: #B3C1CB;
    font-size: 14px;
}

.forms__input:focus {
    border-bottom: 1px solid #3B454D;
}