html {
    background: #fff url(../images/top.jpg) no-repeat 50% -34px
}

body {
    margin: 0;
    color: #6fb8dc;
    min-width: 1274px;
    font: 15px/18px Tahoma, Geneva, sans-serif;
    background: url(../images/bttm.jpg) no-repeat 50% 100%
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

img {
    border-style: none
}

input,
select,
textarea {
    vertical-align: middle;
    font: 100% arial, helvetica, sans-serif
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #034b8f;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

q {
    quotes: none
}

q:before {
    content: ''
}

q:after {
    content: ''
}

article,
aside,
audio,
canvas,
datalist,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
summary,
time,
video {
    display: block
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}


/*!!!!!!!!!!!!!!!!!!!!!!!*/

.clear {
    clear: both;
    content: "";
    display: block
}

.text-shadow {
    text-shadow: 1px 0 0 #fff
}

.radius {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.shadow-box {
    -webkit-box-shadow: 2px 2px 4px 0 #000;
    -moz-box-shadow: 2px 2px 4px 0 #000;
    box-shadow: 2px 2px 4px 0 #000
}

.shadow-in {
    box-shadow: inset 10px 10px 30px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 10px 10px 30px rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 10px 10px 30px rgba(0, 0, 0, .5)
}

.linar-grad {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000), to(#fff));
    background: -webkit-linear-gradient(#000, #fff);
    background: -moz-linear-gradient(#000, #fff);
    background: -ms-linear-gradient(#000, #fff);
    background: -o-linear-gradient(#000, #fff);
    background: linear-gradient(#000, #fff)
}

#header:after {
    display: block;
    clear: both;
    content: ""
}

#wrapper {
    width: 1274px;
    margin: 0 auto
}

#header {
    width: 100%;
    position: relative
}

#header .logo {
    margin: 0;
    position: absolute;
    top: 182px;
    left: 0;
    width: 225px;
    height: 113px;
    z-index: 70
}

.logo a {
    line-height: 0;
    font-style: 0;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    height: 100%;
    outline: none;
    background: url(../images/logo.png) no-repeat
}

.slogan,
.slogan_ua {
    margin: 0;
    width: 582px;
    height: 188px;
    position: absolute;
    top: 34px;
    left: -45px
}

.slogan {
    background: url(../images/slogan.png) no-repeat
}

.slogan_ua {
    background: url(../images/slogan_ua.png) no-repeat
}

.info-cntact {
    width: 217px;
    position: absolute;
    top: 33px;
    right: 0
}

.header-search {
    display: none;
    width: 100%;
    position: absolute;
    top: 30px
}

.header-search.active {
    display: block
}

.lang {
    width: 100%;
    overflow: hidden;
    padding-bottom: 25px
}

.lang ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

.lang ul li {
    float: left;
    width: 22px;
    height: 16px;
    margin-right: 4px
}

.lang ul li a {
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 100%;
    background: url(../images/lang.gif) no-repeat 0 -16px
}

.lang ul .ua a {
    background-position: 0 0
}

.lang span {
    font: 15px/17px Tahoma, Geneva, sans-serif;
    float: left;
    color: #117fb4
}

.bg {
    background: #fff;
    background: rgba(255, 255, 255, .5);
    border: 2px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    overflow: hidden;
    padding: 17px 0 16px 10px
}

.tell {
    margin: 0;
    padding: 0;
    list-style: none;
    font: bold 16px/26px Verdana, Verdana, Geneva, sans-serif;
    color: #117fb4;
    padding-bottom: 15px
}

.tell li {
    padding-left: 30px
}

.tell .lf {
    background: url(../images/lf.png) no-repeat 0 50%
}

.tell .mts {
    background: url(../images/mts.png) no-repeat 0 50%
}

.tell .kv {
    background: url(../images/kv.png) no-repeat 0 50%
}

.btn,
.title {
    width: 100%;
    font-size: 20px;
    line-height: 58px;
    font-weight: 700;
    font-family: Tahoma, Geneva, sans-serif;
    height: 58px;
    display: block;
    text-align: center;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0 auto;
    background: url(../images/bg.gif) repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    text-shadow: 1px 1px 0 #004e93
}

.title {
    cursor: inherit
}

.btn:hover {
    background: url(../images/bgh.gif) repeat-x
}

.btn a {
    display: block;
    height: 100%;
    color: #fff;
    text-shadow: 1px 1px 0 #004e93
}

.btn a:hover {
    text-decoration: none
}

.bg .btn {
    width: 194px;
    margin: 0
}

.serch {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 4px 0 0;
    padding-bottom: 7px
}

.serch label {
    font: 17px/20px Tahoma, Geneva, sans-serif;
    color: #006da8;
    text-shadow: 1px 1px 0 #fff
}

.serch .text {
    width: 100%;
    border: 1px solid #75a4bb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 15px;
    color: #c6c7cb;
    margin: 3px 0 0;
    padding: 8px 60px 7px 10px
}

.bul {
    display: block;
    border: 0;
    position: absolute;
    top: 4px;
    right: 3px
}

#main {
    width: 100%;
    overflow: hidden;
    padding-bottom: 80px;
    margin-top: -12px
}

#sidebar-left {
    float: left;
    width: 219px
}

#sidebar-right {
    float: right;
    width: 219px
}

#content {
    float: left;
    width: 820px;
    margin: 0 0 0 8px;
    padding-top: 28px
}

.container {
    width: 100%;
    border: 1px solid #75a4bb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 12px;
    background: #fff
}

.container:after {
    display: block;
    content: "";
    clear: both
}

.banners img {
    display: block;
    margin: 0 auto
}

.container:before {
    display: block;
    content: "";
    position: absolute;
    height: 9px;
    width: 100%;
    bottom: -9px;
    left: 0;
    background: url(../images/sh1.png) no-repeat 50% 0
}

.menu {
    margin: 0;
    padding: 20px 5px 35px 17px;
    list-style: none;
    width: 100%;
    overflow: hidden
}

.menu li {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 17px;
    color: #00607f;
    margin-top: 15px
}

.menu li a {
    color: #00607f;
    background: url(../images/mark.gif) no-repeat 0 50%;
    padding-left: 18px;
    display: block
}

.menu li ul {
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden
}

.menu li ul li {
    padding: 0 0 0 27px;
    margin: 0;
    text-transform: none
}

.menu li ul li a {
    background: 0 0;
    padding: 0;
    color: #59add7;
    display: inline
}

.children li:before {
    content: '\25CB  ';
    position: absolute;
    left: 1.11ch;
    color: #d49622;
}

.children li:hover:before {
    content: '\25CF  ';
}

.question {
    width: 100%;
    padding: 0 14px 5px
}

.question:after {
    display: block;
    clear: both;
    content: ""
}

.question ul {
    margin: 0;
    padding: 9px 0 0;
    list-style: none;
    width: 100%;
    overflow: hidden
}

.question ul li {
    float: left;
    width: 100%;
    padding-bottom: 8px
}

.question ul .text {
    display: block;
    width: 100%;
    margin: 4px 0 0;
    padding: 3px 10px 2px;
    border: 1px solid #abadb3
}

.question ul textarea {
    width: 100%;
    margin: 0;
    padding: 5px;
    height: 70px;
    border: 1px solid #abadb3;
    font-size: 15px;
    line-height: 1;
    overflow: auto;
    resize: none;
    outline: none
}

.question ul label {
    color: #006ba6;
    font: 16px/20px Tahoma, Geneva, sans-serif
}

.question h3 {
    margin: 14px 0 0;
    color: #006ba6;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 17px;
    font-size: 16px;
    line-height: 21px
}

.soc {
    width: 100%;
    overflow: hidden
}

.soc ul {
    float: left;
    margin: 0 0 0 2px;
    padding: 0;
    list-style: none
}

.soc ul li {
    float: left;
    width: 24px;
    height: 24px
}

.soc ul li a {
    display: block;
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    height: 100%;
    background: url(../images/soc.gif) no-repeat
}

.soc ul .t a {
    background-position: -24px 0
}

.soc ul .b a {
    background-position: -48px 0
}

.soc span {
    float: left;
    font-size: 17px;
    line-height: 20px;
    color: #007eb5;
    padding: 5px 0 0 10px
}

.korz {
    width: 100%;
    overflow: hidden;
    height: 158px;
    padding: 0 0 0 104px;
    background: url(../images/kor.gif) no-repeat
}

.korz strong {
    width: 50px;
    height: 50px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00b3d0;
    background: -moz-linear-gradient(top, #00b3d0 0%, #056ca7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b3d0), color-stop(100%, #056ca7));
    background: -webkit-linear-gradient(top, #00b3d0 0%, #056ca7 100%);
    background: -o-linear-gradient(top, #00b3d0 0%, #056ca7 100%);
    background: -ms-linear-gradient(top, #00b3d0 0%, #056ca7 100%);
    background: linear-gradient(to bottom, #00b3d0 0%, #056ca7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00b3d0', endColorstr='#056ca7', GradientType=0);
    text-align: center;
    font-weight: 400;
    margin: 57px auto 0
}

.korz strong:hover {
    opacity: .8
}

.korz strong a {
    display: block;
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    font-weight: 700
}

.korz strong a:hover {
    text-decoration: none
}

.korz span {
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    color: #117fb4;
    margin-top: 7px
}

.korz span a {
    color: #117fb4
}

.otziv {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden
}

.otziv li {
    width: 100%;
    float: left;
    background: url(../images/sh2.png) no-repeat 50% 100%;
    padding-bottom: 17px;
    padding-top: 10px
}

.otziv li p {
    margin: 0;
    padding: 0 13px;
    font-size: 13px;
    line-height: 16px;
    color: #59add7
}

.otziv li p a {
    color: #59add7
}

.otziv li .h4 {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #00607f;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding-top: 9px
}

.otziv li .h4 em {
    float: left;
    width: 28px;
    height: 31px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/mark.png) no-repeat;
    margin: -9px 11px 0 13px
}

.more {
    text-align: right;
    display: block;
    padding: 5px 24px 10px 0
}

.more a {
    font-size: 14px;
    line-height: 20px;
    color: #00607f;
    font-family: Tahoma, Geneva, sans-serif;
    background: url(../images/mark3.gif) no-repeat 100% 50%;
    padding-right: 14px;
    font-weight: 700
}

#footer {
    width: 980px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #056ca7;
    border-bottom: 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    padding: 0 22px 20px;
    position: relative
}

#footer:after {
    display: block;
    clear: both;
    content: ""
}

#footer:before {
    height: 9px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: -9px;
    left: 0;
    background: url(../images/sh4.png) no-repeat 50% 0;
    display: block;
    content: ""
}

.pchel {
    position: absolute;
    top: -66px;
    left: 16px
}

#footer .columns {
    float: left;
    padding-top: 41px
}

.columns .col {
    float: left;
    padding: 0 13px 0 20px;
    min-height: 210px;
    border-left: 1px solid #d1ecf5;
    width: 200px
}

.columns .col:first-child {
    border-left: 0;
    width: 135px;
    width: 150px
}

.infs {
    float: left
}

.columns .col ul {
    margin: 7px 0 0;
    padding: 0 0 16px;
    list-style: none;
    color: #59add7;
    font-size: 15px;
    line-height: 18px
}

.columns .col ul a {
    color: #59add7
}

.columns .col h3 {
    margin: 0;
    width: 159px;
    font-size: 15px;
    line-height: 18px;
    color: #00607f;
    font-weight: 400;
    text-transform: uppercase
}

.columns .last {
    width: 187px!important
}

.infs .logo {
    margin: 30px 0 0;
    width: 175px;
    height: 88px
}

.infs .logo a {
    background: url(../images/logo2.png) no-repeat
}

.infs .soc ul {
    float: none
}

.infs .soc span {
    display: block;
    float: none;
    padding: 0 0 7px
}

.infs .tell {
    padding-bottom: 5px
}

#nav {
    padding-top: 307px
}

#nav ul {
    display: table;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    background: #fff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e7f8fc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7f8fc));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e7f8fc 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e7f8fc 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e7f8fc 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e7f8fc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7f8fc', GradientType=0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 -2px 3px 0 #b2d8e9;
    -moz-box-shadow: 0 -2px 3px 0 #b2d8e9;
    box-shadow: 0 -2px 3px 0 #b2d8e9;
    position: relative
}

#nav ul:after {
    display: block;
    content: '';
    height: 7px;
    width: 100%;
    background: url(../images/sh3.png) no-repeat 50% 0;
    position: absolute;
    left: 0;
    bottom: -7px
}

#nav li {
    float: left;
    padding: 0 15px;
    background: url(../images/sel.gif) no-repeat 0 50%
}

#nav li:first-child {
    background: 0 0
}

#nav li a {
    font: 15px/42px Tahoma, Geneva, sans-serif;
    color: #0070aa
}

#nav li a:hover,
#nav .active a {
    color: #e68317;
    text-decoration: none
}

#nav li .sub-menu li {
    padding: 0 5px
}

#container {
    width: 100%;
    border: 1px solid #75a4bb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    margin-top: 4px;
    padding-bottom: 20px;
    padding-top: 20px;
    background: #fff
}

#container:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    height: 9px;
    width: 100%;
    overflow: hidden;
    background: url(../images/sh6.png) no-repeat 50% 0
}

.row-product {
    width: 100%;
    overflow: hidden
}

.row-product h1 {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #00607f;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 38px;
    padding-bottom: 10px
}

.slider {
    overflow: hidden;
    width: 812px;
    margin: 0 auto
}

.slider .cont {
    width: 100%;
    overflow: hidden;
    position: relative
}

.slider .cont ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 9999px;
    overflow: hidden;
    height: 172px
}

.slider .cont ul li {
    padding: 0 6px;
    float: left
}

.slider .cont ul li div.slider-elem {
    width: 100%;
    border: 1px solid #75a4bb;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left
}

.slider .cont ul div.slider-elem:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 100%;
    height: 9px;
    content: "";
    background: url(../images/sh5.png) no-repeat 50% 0
}

.slider .cont ul li img.slider-elem {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.slider .cont ul li a.slider-elem {
    display: block;
    height: 100%;
    position: relative
}

.slider .cont ul li span.slider-elem {
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
    width: 100%;
    padding: 0 10px;
    background: #b0d4e6;
    background: rgba(176, 212, 230, .7);
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 17px;
    color: #006ba6;
    vertical-align: middle;
    border-top: 1px solid #d8e9ee;
    height: 40px
}

.slider .cont ul li span em.slider-elem {
    vertical-align: middle;
    display: table-cell;
    font-style: normal
}

.funk {
    position: absolute;
    top: 62px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
    outline: none;
    display: block;
    z-index: 90;
    opacity: .6
}

.funk:hover {
    opacity: 1
}

.back {
    left: 16px;
    background: url(../images/btn.png) no-repeat
}

.next {
    right: 16px;
    background: url(../images/btn.png) no-repeat 0 -32px
}

.row-product .row {
    width: 100%;
    width: 830px;
    overflow: hidden;
    padding: 0 0 0 10px;
    display: flex;
    flex-wrap: wrap
}

.row-product .row .item {
    float: left;
    width: 258px;
    margin: 0 12px 30px 0
}

.row-product .row .item .img {
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 198px;
    position: relative
}

.item .img span {
    width: 70px;
    height: 46px;
    display: block;
    position: absolute;
    top: 12px;
    left: -8px
}

.skidka .img span {
    background: url(../images/skidka.png) no-repeat
}

.new .img span {
    background: url(../images/new.png) no-repeat
}

.good .img span {
    background: url(../images/good.png) no-repeat
}

.row .item .img img {
    display: block;
    margin: 0 auto
}

.etc {
    width: 100%;
    overflow: hidden;
    padding-top: 7px
}

.etc .name {
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #59add7;
    margin-top: 4px
}

.etc .detal {
    float: right;
    padding: 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font: 11px/20px Arial, Arial, Helvetica, sans-serif;
    color: #fff;
    background: #e7a325;
    background: -moz-linear-gradient(top, #e7a325 0%, #d49622 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7a325), color-stop(100%, #d49622));
    background: -webkit-linear-gradient(top, #e7a325 0%, #d49622 100%);
    background: -o-linear-gradient(top, #e7a325 0%, #d49622 100%);
    background: -ms-linear-gradient(top, #e7a325 0%, #d49622 100%);
    background: linear-gradient(to bottom, #e7a325 0%, #d49622 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e7a325', endColorstr='#d49622', GradientType=0);
    text-shadow: 1px 1px 0 #be5903
}

.etc .detal:hover {
    text-decoration: none;
    background: #e39508;
    background: -moz-linear-gradient(top, #e39508 0%, #cd8605 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e39508), color-stop(100%, #cd8605));
    background: -webkit-linear-gradient(top, #e39508 0%, #cd8605 100%);
    background: -o-linear-gradient(top, #e39508 0%, #cd8605 100%);
    background: -ms-linear-gradient(top, #e39508 0%, #cd8605 100%);
    background: linear-gradient(to bottom, #e39508 0%, #cd8605 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e39508', endColorstr='#cd8605', GradientType=0)
}

#video {
    width: 100%;
    overflow: hidden;
    padding: 0 25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1ch;
}

.video-row {
    /* width:calc(50% - 10px); */
    overflow: hidden;
    padding-bottom: 30px;
    /* float:left; */
    /* margin-right:10px; */
}

.video-row h1 {
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #00607f;
    text-transform: uppercase;
    padding-bottom: 17px;
    min-height: 80px
}

.video-row iframe {
    width: 100%;
    height: 210px
}

.breadcrumbs {
    margin: 0;
    padding: 0 0 0 30px;
    list-style: none;
    width: 100%;
    overflow: hidden
}

.breadcrumbs li {
    float: left;
    font-size: 17px;
    line-height: 20px;
    color: #0070aa;
    font-family: Tahoma, Geneva, sans-serif;
    background: url(../images/sel2.gif) no-repeat 0 5px;
    padding: 0 10px
}

.breadcrumbs li:first-child {
    background: 0 0
}

.breadcrumbs li:last-child {
    color: #D49622
}

.breadcrumbs li a {
    color: #0070aa
}

.row-tovar {
    width: 100%;
    overflow: hidden;
    padding: 36px 10px 15px
}

.info-tovar {
    width: 444px;
    float: left;
    margin: -6px 0 0 35px
}

.info-tovar h2,
.info-tovar .h2,
.h2 {
    margin: 0;
    font-weight: 400;
    font-size: 27px;
    line-height: 30px;
    color: #00607f;
    font-family: Tahoma, Geneva, sans-serif;
    padding-bottom: 10px
}

.info-tovar h1,
.info-tovar h3,
.info-tovar .h1,
.info-tovar .h3,
.h3 {
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #00607f
}

.info-tovar h1 {
    text-transform: uppercase;
    margin-top: 5px
}

.info-tovar p {
    margin: 5px 0 0;
    font-size: 15px;
    line-height: 18px;
    color: #6fb8dc
}

.buttons {
    width: 100%;
    overflow: hidden;
    padding: 18px 0
}

.buttons:hover {
    background: 0 0!important
}

.button {
    float: left;
    width: 167px;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    margin: 0 6px 0 0;
    padding: 0 5px;
    font-weight: 700;
    white-space: nowrap
}

.zkz .button {
    color: #fff!important
}

.button a {
    color: #fff;
    display: block
}

.button a:hover {
    text-decoration: none
}

.img-gal {
    float: left;
    width: 262px
}

.big-prev-cont {
    width: 100%;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 193px
}

.thumbs img {
    border: 1px solid #d9d9d9;
    margin: 8px 5px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.plch {
    width: 100%;
    overflow: hidden
}

.plch .thumb {
    width: 100%;
    overflow: hidden
}

.plch .thumbs img {
    float: left
}

.big-prev img {
    display: block;
    margin: 0 auto
}

.kontakt {
    width: 100%;
    overflow: hidden;
    padding: 0 28px;
    color: #00607f
}

.main-title,
.dostavka h1 {
    margin: 20px 0 0;
    font-size: 15px;
    line-height: 20px;
    color: #00607f;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px
}

.kontakt p {
    margin: 0;
    font-size: 17px;
    line-height: 26px
}

.kontakt .tell {
    padding-bottom: 0
}

.adr {
    width: 100%;
    overflow: hidden;
    padding-top: 20px
}

.adr aside {
    width: 100%;
    overflow: hidden;
    padding-top: 4px
}

.adr .photo {
    float: left;
    border: 1px solid #042564
}

.adr .photo img,
.adr .map img {
    display: block
}

.adr .map {
    float: left;
    margin: 0 0 0 15px;
    border: 1px solid #042564
}

.adr h2 {
    margin: 25px 0 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #00607f
}

.kontakt .question {
    padding: 0;
    width: 400px
}

.gold {
    cursor: pointer
}

.kontakt .question textarea {
    height: 130px
}

.main,
.optovik,
.dostavka,
.blog {
    width: 100%;
    overflow: hidden;
    padding: 0 25px
}

.main h2 {
    font-size: 15px;
    line-height: 20px;
    color: #59add7;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400
}

.main p {
    margin: 15px 0 0;
    font-size: 15px;
    line-height: 18px;
    color: #00607f;
    text-align: justify
}

.main aside {
    width: 100%;
    overflow: hidden;
    padding-top: 20px
}

.main aside img {
    float: right;
    border: 1px solid #78a6bd
}

.main aside img:first-child {
    float: left
}

.optovik img {
    border: 1px solid #78a6bd
}

.optovik p {
    font-size: 15px;
    line-height: 18px;
    color: #00607f
}

.tell .mail {
    padding-left: 0
}

.tell .mail a {
    color: #117fb4
}

.dostavka h3 {
    font-size: 18px;
    line-height: 20px;
    color: #59add7;
    margin: 15px 0 0;
    font-weight: 400;
    font-family: Tahoma, Geneva, sans-serif
}

.dostavka ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    font-size: 18px;
    line-height: 22px;
    color: #006ba6;
    font-family: Tahoma, Geneva, sans-serif
}

.who {
    width: 100%;
    overflow: hidden;
    padding-top: 30px
}

.who-row {
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px
}

.who-row .txt {
    float: left;
    width: 640px
}

.who-row .txt p {
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    color: #006ba6
}

.who-row .im {
    float: left;
    width: 100px;
    margin: 0 15px 0 0
}

.blog h1 {
    margin: 0;
    font-size: 17px;
    line-height: 20px;
    color: #59add7;
    font-weight: 400;
    text-transform: uppercase
}

.blog {
    padding-top: 20px
}

.blog h1 a {
    color: #59add7
}

.post {
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
    background: url(../images/sh3.png) no-repeat 50% 0
}

.blog .post:first-child {
    background: 0 0
}

.post p {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 18px;
    color: #00607f;
    text-align: justify
}

.prev-post {
    padding: 10px 0
}

.post .more {
    float: none;
    padding: 0;
    display: inline;
    font-size: 14px;
    line-height: 20px;
    color: #59add7;
    font-family: Tahoma, Geneva, sans-serif;
    background: url(../images/mark3.gif) no-repeat 100% 50%;
    padding-right: 14px
}

.pager {
    width: 100%;
    overflow: hidden;
    text-align: center
}

.pager ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pager ul li {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #e46f07;
    margin: 0 2px
}

.pager ul li a {
    color: #116b88
}

.pager ul .active a {
    color: #e46f07;
    text-decoration: underline
}

.post img,
.akcii img {
    border: 1px solid #78a6bd
}

.akcii {
    width: 100%;
    overflow: hidden;
    padding: 0 25px
}

.akcii h4 {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #59add7;
    font-weight: 400;
    padding-bottom: 15px
}

.akcii h2 {
    margin: 0;
    font-size: 17px;
    line-height: 20px;
    color: #034b8f;
    text-transform: uppercase
}

.akcii h3 {
    margin: 0;
    padding: 10px 0;
    font-size: 17px;
    line-height: 20px;
    color: #00607f
}

.akcii .button {
    float: right
}

.akcii p {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 18px;
    color: #00607f
}

.countdown_dashboard {}

#countdown_dashboard {
    height: 110px;
    margin: 15px 0
}

.dash {
    width: 110px;
    height: 114px;
    background: transparent url(../images/dash.png) 0 0 no-repeat;
    float: left;
    margin-left: 20px;
    position: relative
}

.dash .digit {
    font-size: 55pt;
    font-weight: 700;
    float: left;
    width: 55px;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    color: #555;
    position: relative;
    line-height: 93px
}

.dash .bottom {
    line-height: 93px
}

.dash_title {
    position: absolute;
    display: block;
    bottom: 0;
    right: 6px;
    font-size: 9pt;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 2px
}

.korz-cont {
    width: 100%;
    overflow: hidden;
    padding: 0 35px
}

.korz-table {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d2d4d7;
    padding-bottom: 14px
}

.korz-table table {
    width: 100%
}

.korz-table table th {
    color: #00607f;
    font-size: 15px;
    line-height: 28px;
    border-top: 1px solid #d2d4d7;
    border-bottom: 1px solid #d2d4d7;
    text-align: left
}

.korz-table table td {
    vertical-align: bottom;
    padding-bottom: 7px;
    padding-top: 4px
}

.korz-table table label {
    font-size: 21px;
    line-height: 23px;
    color: #59add7
}

.korz-table table span {
    font-size: 14px;
    line-height: 17px;
    color: #00607f
}

.korz-table table .text {
    max-width: 48px;
    font-size: 14px;
    color: #00607f;
    margin: 0;
    padding: 2px 2px 1px;
    border: 1px solid #d2d4d7;
    text-align: center
}

.dell {
    width: 14px;
    height: 14px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    display: inline-block;
    background: url(../images/del.gif) no-repeat
}

.korz-table table .dell {
    margin-left: 10px
}

.total-cost {
    width: 100%;
    overflow: hidden;
    padding: 0 30px 0 0;
    text-align: right;
    font-size: 17px;
    line-height: 20px;
    color: #00607f;
    font-weight: 700
}

.buttons-etc {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 20px
}

.buttons-etc a {
    font-size: 17px;
    line-height: 38px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #c9cace;
    background: -moz-linear-gradient(top, #c9cace 0%, #b0b3b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9cace), color-stop(100%, #b0b3b8));
    background: -webkit-linear-gradient(top, #c9cace 0%, #b0b3b8 100%);
    background: -o-linear-gradient(top, #c9cace 0%, #b0b3b8 100%);
    background: -ms-linear-gradient(top, #c9cace 0%, #b0b3b8 100%);
    background: linear-gradient(to bottom, #c9cace 0%, #b0b3b8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c9cace', endColorstr='#b0b3b8', GradientType=0);
    display: inline-block;
    padding: 0 16px;
    margin: 0 3px;
    text-shadow: 1px 1px 0 #9ea1a8;
    font-weight: 700
}

.buttons-etc a:hover {
    text-decoration: none
}

.korz-cont .main-title {
    padding-left: 30px
}

.zakaz-form {
    width: 100%;
    overflow: hidden;
    padding-top: 25px
}

.zakaz-form h1 {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #00607f;
    font-weight: 400;
    text-transform: uppercase
}

.zakaz-form p {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 15px;
    color: #abadb3
}

.zakaz-form em {
    font-style: normal;
    color: #e99019
}

.form-cont {
    width: 100%;
    overflow: hidden;
    padding: 30px 190px 0 0
}

.form-cont ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 460px
}

.form-cont ul li {
    width: 100%;
    float: left;
    padding-bottom: 20px
}

.form-cont ul li .text {
    float: right;
    width: 290px;
    border: 1px solid #abadb3;
    margin: 0;
    padding: 2px 5px 1px
}

.form-cont ul li label {
    float: left;
    width: 169px;
    text-align: right;
    padding: 4px 7px 0 0;
    font-size: 14px;
    line-height: 17px;
    color: #00607f
}

.zakaz-form .button {
    width: 291px;
    text-align: center;
    margin: 10px 0 0;
    float: right
}

.light-box {
    width: 415px;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
    border: 3px solid #f1a222;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.light-box h3 {
    text-align: center;
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 20px;
    color: #00607f;
    font-weight: 400
}

.zkz {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden
}

.zkz li {
    float: left;
    width: 100%;
    padding-bottom: 13px
}

.zkz li .text {
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #abadb3;
    margin: 0;
    padding: 2px 5px 1px;
    width: 245px
}

.zkz li label {
    float: left;
    width: 107px;
    text-align: right;
    font-size: 15px;
    line-height: 22px;
    color: #00607f;
    padding-right: 15px
}

.zkz li label em {
    font-style: normal;
    color: #e99019
}

.zkz .button {
    margin: 0 0 0 107px!important;
    width: 245px!important;
    padding: 0!important
}

.l-b-cont {
    width: 100%;
    position: relative;
    padding-top: 40px
}

.l-b-cont:after,
.slder-tov:after {
    display: block;
    clear: both;
    content: ""
}

.fancybox-overlay {
    background: url(../images/fancybox_overlay.png) repeat!important
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important
}

.fancybox-skin {
    padding: 0!important
}

.fancybox-close {
    width: 23px!important;
    height: 23px!important;
    position: absolute!important;
    top: 12px!important;
    right: 18px!important;
    font-size: 0!important;
    text-indent: -9999px!important;
    overflow: hidden!important;
    outline: inherit!important;
    background: url(../images/close.gif) no-repeat!important
}

.light-box-big {
    width: 750px
}

.light-box-big .l-b-cont {
    padding: 40px 18px 30px
}

.l-b-cont h1 {
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    color: #00607f;
    font-weight: 400;
    text-transform: uppercase
}

.tovar-one {
    width: 100%;
    overflow: hidden;
    padding: 30px 0 0
}

.img-prevs {
    float: left;
    width: 150px;
    position: relative
}

.img-prevs img {
    display: block;
    margin: 0 auto
}

.img-prevs .dell {
    position: absolute;
    top: 5px;
    left: 0
}

.tov-in {
    float: left;
    width: 520px
}

.tov-in p {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 18px;
    color: #6fb8dc
}

.etc-i {
    width: 100%;
    overflow: hidden;
    padding-top: 25px
}

.etc-i label {
    float: left;
    font-size: 24px;
    line-height: 28px;
    color: #00607f;
    padding: 0 23px 0 0
}

.etc-i .text {
    width: 55px;
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #abadb3;
    margin: 0;
    padding: 2px 5px 1px;
    text-align: center;
    color: #00607f
}

.etc-i span {
    float: left;
    padding-left: 10px;
    font-size: 17px;
    color: #00607f;
    line-height: 20px;
    padding-top: 6px
}

.light-box-big h4 {
    margin: 20px 0 0;
    font-size: 17px;
    line-height: 20px;
    color: #00607f
}

.bg-button {
    width: 100%;
    overflow: hidden
}

.bg-button .button {
    float: right;
    width: 175px
}

.slder-tov {
    width: 100%;
    padding: 20px 0
}

.sld-cont {
    width: 100%;
    overflow: hidden
}

.sld-cont ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 9999px;
    overflow: hidden
}

.sld-cont ul li {
    float: left;
    width: 215px
}

.sld-cont .img {
    float: left;
    width: 75px
}

.sld-cont .img img {
    display: block;
    margin: 0 auto
}

.img-txt {
    float: left;
    width: 140px
}

.img-txt strong {
    font-size: 15px;
    line-height: 17px;
    color: #6fb8dc;
    font-weight: 400;
    display: block
}

.img-txt strong a {
    color: #6fb8dc;
    text-decoration: underline
}

.img-txt strong a:hover {
    text-decoration: none
}

.img-txt span {
    display: block;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    color: #00607f;
    padding-top: 5px
}

.slder-tov .funk {
    position: static;
    top: 0;
    left: 0;
    float: left;
    margin-top: 10px!important
}

.slder-tov .next {
    float: right;
    margin-right: -10px
}

.slder-tov .back {
    float: left;
    margin: 0 0 0 -10px
}

.sld-cont {
    float: left;
    width: 645px
}

.gold,
.buttons-etc a {
    border: 1px solid #d49622!important;
    line-height: 36px!important;
    background: #e7a325;
    background: -moz-linear-gradient(top, #e7a325 0%, #d49622 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7a325), color-stop(100%, #d49622))!important;
    background: -webkit-linear-gradient(top, #e7a325 0%, #d49622 100%)!important;
    background: -o-linear-gradient(top, #e7a325 0%, #d49622 100%)!important;
    background: -ms-linear-gradient(top, #e7a325 0%, #d49622 100%)!important;
    background: linear-gradient(to bottom, #e7a325 0%, #d49622 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e7a325', endColorstr='#d49622', GradientType=0)!important;
    text-shadow: 1px 1px 0 #be5903!important
}

.gold:hover,
.buttons-etc a:hover {
    border: 1px solid #cd8605!important;
    background: #e39508!important;
    background: -moz-linear-gradient(top, #e39508 0%, #cd8605 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e39508), color-stop(100%, #cd8605))!important;
    background: -webkit-linear-gradient(top, #e39508 0%, #cd8605 100%)!important;
    background: -o-linear-gradient(top, #e39508 0%, #cd8605 100%)!important;
    background: -ms-linear-gradient(top, #e39508 0%, #cd8605 100%)!important;
    background: linear-gradient(to bottom, #e39508 0%, #cd8605 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e39508', endColorstr='#cd8605', GradientType=0)!important
}

.blue {
    background: #0ac;
    background: -moz-linear-gradient(top, #00aacc 0%, #0072aa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aacc), color-stop(100%, #0072aa));
    background: -webkit-linear-gradient(top, #00aacc 0%, #0072aa 100%);
    background: -o-linear-gradient(top, #00aacc 0%, #0072aa 100%);
    background: -ms-linear-gradient(top, #00aacc 0%, #0072aa 100%);
    background: linear-gradient(to bottom, #00aacc 0%, #0072aa 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00aacc', endColorstr='#0072aa', GradientType=0);
    height: 38px;
    line-height: 16px;
    padding-top: 2px;
    text-shadow: 1px 1px 0 #0061a0
}

.blue:hover {
    background: #009cc3;
    background: -moz-linear-gradient(top, #009cc3 0%, #005b9d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009cc3), color-stop(100%, #005b9d));
    background: -webkit-linear-gradient(top, #009cc3 0%, #005b9d 100%);
    background: -o-linear-gradient(top, #009cc3 0%, #005b9d 100%);
    background: -ms-linear-gradient(top, #009cc3 0%, #005b9d 100%);
    background: linear-gradient(to bottom, #009cc3 0%, #005b9d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#009cc3', endColorstr='#005b9d', GradientType=0)
}

.type-product {
    padding-left: 10px!important
}

.woocommerce-message .button,
.woocommerce .buttons-etc .button {
    width: auto!important;
    color: #5e5e5e!important
}

.dell {
    vertical-align: middle!important
}

.woocommerce-billing-fields .form-cont ul {
    width: 100%;
    overflow: hidden;
    float: none!important
}

.woocommerce-billing-fields .form-cont ul li label {
    text-align: left!important
}

.woocommerce-billing-fields .form-cont ul .form-row-last {
    float: left!important
}

a.show-more-closed-button {
    font-size: 21px;
    font-weight: 700
}

ul#qtranslate-2-chooser,
ul#qtranslate-2-chooser li {
    display: inline
}

.woocommerce~.main-title {
    display: none
}

.buy-online {
    float: right;
    margin-right: 16px;
    background: #bebebe;
    color: #000;
    text-shadow: none;
    cursor: pointer;
}

.blue.buy-online:hover {
    color: white
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    max-width: 95%
}

.is-ajax-search label {
    width: 79%;
    margin-bottom: 10px!important
}

.is-form-style input.is-search-input {
    width: 126%
}

.is-form-style button.is-search-submit {
    border: none;
    position: relative
}

.is-search-icon {
    border: none!important;
    position: absolute;
    top: -5px;
    right: 0
}

.book-grid-it.book {
    width: 30%;
    margin-right: 5%;
    float: left;
    text-align: center
}

.book-grid-it.book:nth-child(3n) {
    margin-right: 0
}

.book-grid-it.book span {
    display: block
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1ch;
    min-height: 5ch;
    width: 100%;
    grid-column: 1 / -1;
}

.pagination .prev,
.pagination .next {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    background-size: cover
}

.pagination .prev {
    background-position: top
}

.pagination .next {
    background-position: bottom
}

.price-and-stock {
    display: flex;
    justify-content: space-between;
}

.price-and-stock span.stock {
    font-size: 80%;
    color: #5e5e5e;
	display:none;
}

.payment-container,
.delivery-container {
    display: flex;
    flex-direction: column;
    padding-left: 2ch;
}

/* recall btn */

.recall-container {
 --size:100px;
 position:fixed;
 right:1rem;
 top:max(5rem , calc(25% - var(--size)));
 display:grid;
 place-items:center;
 cursor:pointer;
 border-radius: 100vw;
 padding: 0.5ch;
 background: linear-gradient(to bottom, #009cc3AA 0%, #005b9dAA 100%);
}
.recall {
 appearance:none;
 position:relative;
 width:var(--size);
 height:var(--size);
 border:none;
 background:none;
 animation-name:recall-shaking;
 animation-duration:4s;
 animation-timing-function:recall-shaking;
 animation-delay:2s;
 animation-iteration-count:infinite;
 animation-direction:normal;
 animation-play-state:running
}
.recall:hover {
 animation-play-state:paused
}
@keyframes recall-shaking {
 1% {
  transform:translate(0,0) rotate(0)
 }
 2% {
  transform:translate(-1px,0) rotate(-5deg)
 }
 3% {
  transform:translate(1px,0) rotate(5deg)
 }
 4% {
  transform:translate(-1px,0) rotate(-5deg)
 }
 5% {
  transform:translate(1px,0) rotate(5deg)
 }
 6% {
  transform:translate(-1px,0) rotate(-5deg)
 }
 7% {
  transform:translate(1px,0) rotate(5deg)
 }
 8% {
  transform:translate(-1px,0) rotate(-5deg)
 }
 9% {
  transform:translate(1px,0) rotate(5deg)
 }
 10% {
  transform:translate(-1px,0) rotate(-5deg)
 }
 11% {
  transform:translate(1px,0) rotate(5deg)
 }
 12% {
  transform:translate(-1px,0) rotate(-5deg)
 }
 13% {
  transform:translate(1px,0) rotate(5deg)
 }
 14% {
  transform:translate(-1px,0) rotate(-5deg)
 }
 15% {
  transform:translate(1px,0) rotate(5deg)
 }
 21% {
  transform:translate(0,0) rotate(0)
 }
 100% {
  transform:translate(0,0) rotate(0)
 }
}
.recall .phone-base,
.recall .phone-tube {
 position:absolute;
 inset:0;
 width:var(--size);
 height:var(--size);
 background-size:70%;
 background-repeat:no-repeat
}
.recall .phone-base {
 background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNDM0MDQwO30NCjwvc3R5bGU+DQo8dGl0bGU+dGVsZXBob25lLWdseXBoPC90aXRsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNTkuNCwxNzcuMmw0LjMtNDguM2gtMjkuNWwtMTAuMSw0OC4zSDE4Ny45bC0xMC4xLTQ4LjNoLTI5LjVsNC4zLDQ4LjNsLTI5LjEsMzYuMUw3Mi4xLDM1OXY4MC41aDEyLjV2NC4yDQoJYzAsMy4xLDIuNSw1LjUsNS42LDUuNWgzMC41YzMuMSwwLDUuNS0yLjUsNS42LTUuNXYtNC4yaDI1OS41djQuMmMwLDMuMSwyLjUsNS41LDUuNiw1LjVoMzAuNWMzLjEsMCw1LjUtMi41LDUuNS01LjV2LTQuMmgxMi41VjM1OQ0KCWwtNTEuMy0xNDUuN0wzNTkuNCwxNzcuMnogTTI1NiwzODguMWMtNDYuNCwwLTg0LTM3LjYtODQtODRzMzcuNi04NCw4NC04NHM4NCwzNy42LDg0LDg0UzMwMi40LDM4OC4xLDI1NiwzODguMUwyNTYsMzg4LjF6Ii8+DQo8ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgwLjE2MDIgLTAuOTg3MSAwLjk4NzEgMC4xNjAyIC0xNi44MDQ0IDQ0OS45MDg4KSIgY2xhc3M9InN0MCIgY3g9IjI1NiIgY3k9IjIzNC44IiByeD0iMTEuNiIgcnk9IjExLjYiLz4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjI1NiIgY3k9IjM3My41IiByPSIxMS42Ii8+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIzMjUuMyIgY3k9IjMwNC4yIiByPSIxMS42Ii8+DQo8ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC05MS4wNSAyOTAuNDEyNSkiIGNsYXNzPSJzdDAiIGN4PSIzMDUiIGN5PSIyNTUuMSIgcng9IjExLjYiIHJ5PSIxMS42Ii8+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIzMDUiIGN5PSIzNTMuMiIgcj0iMTEuNiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMwOSwyODEuNGMyLjUsNS45LDkuNCw4LjYsMTUuMyw2LjFjNS45LTIuNSw4LjYtOS40LDYuMS0xNS4zYy0yLjUtNS45LTkuNC04LjYtMTUuMy02LjFjMCwwLDAsMCwwLDANCglDMzA5LjIsMjY4LjcsMzA2LjUsMjc1LjUsMzA5LDI4MS40eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI3OC44LDM1Ny4yYy01LjksMi41LTguNiw5LjQtNi4xLDE1LjNjMi41LDUuOSw5LjQsOC42LDE1LjMsNi4xYzUuOS0yLjUsOC42LTkuNCw2LjEtMTUuMw0KCUMyOTEuNSwzNTcuNCwyODQuNywzNTQuNywyNzguOCwzNTcuMkMyNzguOCwzNTcuMiwyNzguOCwzNTcuMiwyNzguOCwzNTcuMnoiLz4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjIyOC43IiBjeT0iMjQwLjQiIHI9IjExLjYiLz4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjMyMC4xIiBjeT0iMzMwLjYiIHI9IjExLjYiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzgsMjUwLjhjNS45LDIuNSwxMi43LTAuNCwxNS4yLTYuM2MyLjUtNS45LTAuNC0xMi43LTYuMy0xNS4ycy0xMi43LDAuNC0xNS4yLDYuM2MwLDAsMCwwLDAsMA0KCUMyNjkuMiwyNDEuNiwyNzIuMSwyNDguNCwyNzgsMjUwLjh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU2LjUsMjYxLjZjLTIzLjUsMC00Mi41LDE5LTQyLjUsNDIuNWMwLDIzLjUsMTksNDIuNSw0Mi41LDQyLjVjMjMuNSwwLDQyLjUtMTksNDIuNS00Mi41DQoJQzI5OSwyODAuNiwyODAsMjYxLjYsMjU2LjUsMjYxLjZDMjU2LjUsMjYxLjYsMjU2LjUsMjYxLjYsMjU2LjUsMjYxLjZ6Ii8+DQo8L3N2Zz4NCg==);
 background-position:center
}
.recall .phone-tube {
 background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MDAgMjkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MDAgMjkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNDM0MDQwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY3LjUsMTc4LjZjMS43LTQuMiwzLjctOC4zLDYuMS0xMi4yYzAuNi0xNy43LDEzLjgtMzEuOSwzMC4xLTMxLjloMTkwLjljMTYuNiwwLDMwLjEsMTQuOCwzMC4xLDMzdjENCgljMC42LDEsMS4xLDIuMSwxLjYsMy4yYzIuNiw2LDUuNyw3LjQsMTEuNyw3LjRjMzYuMS0wLjIsNzIuMy0wLjEsMTA4LjUtMC4xYzIuNywwLDUuNC0wLjUsOC4yLTAuN2MwLjUtMzMuMS0xMC43LTU5LjEtMzkuMy03Nw0KCWMtMzAuOS0xOS4zLTY1LjEtMjYuNS0xMDAuMy0yN2MtODAtMS4yLTE2MC0xLjItMjQwLDBjLTM0LjYsMC40LTY4LjQsMTAuNC05Ny42LDI5Yy0yOCwxNy42LTM1LjcsNDQtMzQuMSw3NS4zSDE2Ny41eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTU1My42LDE4NS45SDQzMC4zYy0zLjEsMjguNC0xLjEsMzAuNiwyNi4yLDMwLjZjMjQuNSwwLDQ5LDAsNzMuNSwwQzU1MS44LDIxNi40LDU1OC4zLDIwOCw1NTMuNiwxODUuOXoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjcuMiwxODYuMUg0My44Yy0yLjksMjUuMiwxLjUsMzAuNCwyNS40LDMwLjRzNDcuNiwwLDcxLjUsMEMxNjEuNywyMTYuNCwxNjguNywyMDguNCwxNjcuMiwxODYuMXoiLz4NCjwvc3ZnPg0K);
 background-position:50% 15%;
 transition:transform 250ms ease-in-out
}
.recall:hover .phone-tube {
 transform:translateY(-15%) rotate(45deg)
}