/*@import '../../fonts.css';
@import '../../font-awesome.min.css';*/

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    padding: 0;

}
a.phone_btn:hover {
    color: white;
    text-decoration: none;
}

.phone_btn {
    display: inline-block;
    color: #fff;
    background: #ff7000;
    border-radius: .5em;
    text-align: center;
    padding: 1em 3.5em;
    position: relative;
    font-size: 10px
}


.phone_btn:hover {
    text-decoration: none
}

.phone_btn:hover .tooltip_popup {
    opacity: 1
}

.phone_btn span {
    display: block
}

.phone_btn span {
    display: block
}
.phone_btn span.phone {
    font: 500 1.9em Roboto;
    letter-spacing: .02em;
}

.phone_btn span.show_all {
    font: 400 15px Roboto;
    border-bottom: 1px dashed #fff;
    letter-spacing: 1px;
    display: inline-block
}

.phone_btn.to_watch .visible_block {
    display: none
}

.phone_btn.to_watch .hidden_phones {
    display: block
}

.phone_btn .visible_block {
    display: block
}

.phone_btn .hidden_phones {
    display: none
}

.phone_btn .tooltip_popup {
    display: none;
    width: 100%;
    background: #f6f6f6;
    position: absolute;
    z-index: 2;
    top: 108%;
    right: 0;
    left: 0;
    font-size: 10px;
    -webkit-box-shadow: 0 0 18px -5px #000;
    box-shadow: 0 0 18px -5px #000;
    cursor: default;
    border-radius: .5em;
    padding: 4em 3em
}

.phone_btn .tooltip_popup.active {
    display: block
}

.phone_btn .tooltip_popup:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 13px solid #f6f6f6;
    position: absolute;
    top: -12px;
    left: 8%
}

.phone_btn .tooltip_popup .close_tooltip {
    color: #a29692;
    background: url(/site/images/laznya.ua/users/anketa/img/close_tooltip.png) no-repeat;
    background-size: 100% 100%;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 6%;
    right: 2%
}

.phone_btn .tooltip_popup .close_tooltip em {
    font-size: 1.6em;
    vertical-align: middle
}

.phone_btn .tooltip_popup .question {
    color: #000;
    font-size: 1.45em;
    padding-bottom: .7em;
    border-bottom: 1px solid #dadada;
    display: inline-block
}

.phone_btn .tooltip_popup .list_btns {
    width: 100%;
    padding-top: 1.5em
}

.phone_btn .tooltip_popup .list_btns li {
    padding: .4em 2em;
    display: inline-block;
    width: 9em;
    height: auto;
    cursor: pointer;
    background: #1fb66d;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 5px -2px #000;
    box-shadow: 0 0 5px -2px #000
}

.phone_btn .tooltip_popup .list_btns li.btn_no {
    background: #f63f3f
}

.phone_btn .tooltip_popup .list_btns li:active {
    -webkit-box-shadow: 5px 4px 20px -8px #000 inset;
    box-shadow: 5px 4px 20px -8px #000 inset
}

.phone_btn .tooltip_popup .list_btns.hidden {
    display: none
}

.phone_btn .tooltip_popup .list_btns.hidden + .thanks {
    display: block
}

.phone_btn .tooltip_popup .thanks {
    padding-top: 1.5em;
    display: none
}

.phone_btn .tooltip_popup .thanks img {
    display: block;
    margin: 0 auto 1em auto;
    width: 4.2em
}

.phone_btn .tooltip_popup .thanks span {
    color: #ff8d00;
    font-size: 1.6em
}

.button {
    width: 100%;
    max-width: 28.5em;
    margin: .5em .7em;
    display: block;
    min-height: 6em;
}

a.phone_btn .hidden_phones  {
    padding: .95em;
}

.button em {
    font: 1.9em 'Roboto Condensed'
}

.button.order_free_time {
    padding: 1.5em 0
}