.head-btn:hover {
    background: white;
    cursor: pointer;
}
.bread {
    float: left;
    margin-top: 1em;
    width: 100%;
}
footer {
    float: left;
    width: 100%;
    background: linear-gradient(-45deg, #0452bc, #021B79);
    margin-top: 1em;
    padding: 1.5em 3% 2em 3%;
    box-sizing: border-box;
    position: relative;
}
footer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-repeat: repeat;
    height: 10px;
    background-size: 20px 20px;
    background-image: radial-gradient(circle at 10px -5px, #ffffff 12px, #ffffff00 13px);
}
footer .share, .services {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 2em;
}
.share .text {
    color: white;
    float: left;
    margin-bottom: 1em;
    margin-right: .5em;
    line-height: 1.7em;
}
.lang-select {
    right: 3%;
    position: absolute;
    background: white;
    top: 3em;
    border-radius: 5px;
    padding: .5em 0;
    max-width: 11em;
    margin-top: .5em;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.25);
    z-index: 2;
}
.lang-select a {
    text-decoration: none;
    color: #02207e;
    width: 100%;
    float: left;
    line-height: 1.5em;
    padding: .25em 1em;
    font-size: .9em;
    box-sizing: border-box;
}
.lang-select img {
    height: 1.5em;
    float: left;
    margin-right: 1em;
}
.lang-select a:hover {
    background: #e0e0e0;
}
.head-btn.opened .open {
    transform: rotate(180deg);
}
.share .link {
    float: left;
    width: 1.5em;
    margin-right: .5em;
    height: 1.5em;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: .7;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    border-radius: 5px;
}
.share .link:hover {
    cursor: pointer;
    opacity: 1;
}
.link.vk {
    background-image: url(/img/social/vk.svg);
}
.link.ok {
    background-image: url(/img/social/ok.svg);
}
.link.fb {
    background-image: url(/img/social/fb.svg);
}
.link.tw {
    background-image: url(/img/social/tw.svg);
}
.link.wa {
    background-image: url(/img/social/wa.svg);
}
.link.tg {
    background-image: url(/img/social/tg.svg);
}
.link.vb {
    background-image: url(/img/social/vb.svg);
}
.device-select {
    position: absolute;
    background: white;
    left: 0;
    border-radius: 5px;
    margin-top: .5em;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.25);
    z-index: 2;
    padding: .5em 0;
    color: #5d5d5d;
    margin: 2em 3%;
    box-sizing: border-box;
    border: 1px solid #1174e6;
    max-width: 40em;
}
.device-select a {
    text-decoration: none;
    color: #03207e;
    line-height: 1.5em;
}
.device-select a:hover {
    color: #1174e6;
    cursor: pointer;
}

.device-select a.group {
    float: left;
    background: #f1f0f0;
    width: 100%;
    padding: .25em 1em;
    box-sizing: border-box;
    margin-top: .25em;
}
.device-select div {
    padding: .25em 1em;
    float: left;  
}
.device-select a.name {
    white-space: nowrap;
}
.lang-select:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    right: .8em;
    top: -.6em;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid transparent;
    border-bottom: .3em solid white;
}
.devices a:hover, .services a:hover {
    color: white;
    cursor: pointer;
}
.choose-device.opened:after {
    transform: rotate(180deg);
}
.privacy-alert {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: .5em 3%;
    background: #f2f0f0;
    z-index: 9999;
    box-sizing: border-box;
}
.privacy-alert:before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    right: 0;
    background-repeat: repeat;
    height: 10px;
    background-size: 20px 20px;
    background-image: radial-gradient(circle at 10px 15px, #f3f0f0 12px, #ffffff00 13px);
}
.privacy-alert a {
    color: #0575E6;
    text-decoration: none;
    box-shadow: 0 2px;
}
.close-btn {
    float: right;
    width: 1.1em;
    height: 1.1em;
    background-image: url(/img/cancel.svg);
    background-size: 1.1em;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.review {
    padding: .5em 1.5%;
    background: #f2f0f0;
    float: left;
    width: 97%;
    margin: 1em 1.5% 0 1.5%;
    margin-top: 1em;
    box-sizing: border-box;
    border-radius: 5px;
}
.h2 {
    color: #0551bb;
    font-family: Arial Black, sans-serif;
    font-size: 1.2em;
}
.stars {
    float: left;
    margin-top: 1em;
    margin-bottom: .5em;
}
.stars div {
    float: left;
    border-right: .5em solid transparent;
    background-size: 1.5em;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
}
.stars .fill {
    background-image: url(/img/design/star-gray-fill.svg);
}
.stars .outline {
    background-image: url(/img/design/star-gray-outline.svg);
}
.stars-num {
    line-height: 1.5em;
    float: left;
    box-sizing: border-box;
    color: #b8b8b8;
    font-family: Arial Black, sans-serif;
    margin-top: 1em;
    margin-bottom: .5em;
    margin-left: .5em;
}