html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:var(--color-black);text-decoration:none}mark{background-color:#ff9;color:var(--color-black);font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}
html{overflow-x: hidden;}
body{
font-family: 'e-Ukraine';
background: #fff;
font-size: 12px;
line-height: 22px;
color: #000;
min-width: 320px;
font-weight: normal;
position: relative;
overflow-x: hidden;
padding-bottom: 85px;
box-sizing: border-box;
min-height: 100vh;
}
.container{max-width: 1106px; width: 100%; margin: 0 auto; box-sizing: border-box;}
header{position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 9999;
z-index: 300; padding: 12px 0; border: 1px solid #EEEEEE; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.08); border-radius: 0px 0px 5px 5px;}
header nav li{display: inline-block; position: relative; margin-right: 35px;}
header nav li.menu-item-has-children{padding-right: 12px;}
header nav li a{display: block; padding: 14px 0}
header nav li.menu-item-has-children:after{position: absolute; top: 0; right: 0; width: 7px; height: 100%; background: url("../img/arr.svg") 50% 50% no-repeat; content: ''; transition: all 0.2s;}
header nav li.menu-item-has-children:hover:after{transform: rotate(180deg);}
header nav li .sub-menu{display: none; overflow: hidden; border-radius: 5px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.08); position: absolute; top: 100%; left: -15px; min-width: 200px; z-index: 200; background: #fff}
header nav li:hover > .sub-menu{display: block;}
header nav li .sub-menu li{padding: 0; margin: 0; display: block;}
header nav li .sub-menu li:after{display: none;}
header nav li .sub-menu li a{display: block; background: #fff; padding: 10px 15px;}
header nav li .sub-menu li a:hover{background: #FFD500}
header nav li a{color: #000;}
header .flex{align-items: center;}
header .lang{position: relative; cursor: pointer; text-transform: uppercase; margin-left: 35px; font-size: 14px;}
header .lang .current{position: relative; padding-right: 12px;}
header .lang .current:after{position: absolute; top: 0; right: 0; width: 7px; height: 100%; background: url("../img/arr.svg") 50% 50% no-repeat; content: ''; transition: all 0.2s;}
header .lang .current.open:after{transform: rotate(180deg);}
#breadcrumbs {
margin-top: 87px;
}
header .pull{display: none;}
.wpml-ls-legacy-dropdown-click {
width: 45px;
line-height: 16px;
}
.wpml-ls-legacy-dropdown-click a {
border: none
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
background: transparent;
border: none
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
position: absolute;
top: 0;
right: 0;
width: 7px;
height: 100%;
background: url("../img/arr.svg") 50% 50% no-repeat;
content: '';
transition: all 0.2s;
font-size: 0;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
border: none;
}
#promo{padding: 230px 0 2px; margin-top: 87px; background: url("../img/map_ukraine.svg") 50% 90px no-repeat; overflow: hidden;}
#promo .more a{display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: url("../img/btn__more.svg") 50% 100% no-repeat; margin: 0 auto;}
#promo .more a:hover svg path:last-child{fill: #355AAF!important}
#promo .flex{justify-content: center; gap: 30px; margin-bottom: 260px}
#promo .flex .btn{font-size: 12px;}
#promo .text{max-width: 812px; margin: 0 auto; position: relative; z-index: 3}
#promo h1{text-align: center; margin-bottom: 30px; font-size: 55px; font-family: 'Ermilov'; line-height: 50px;}
#promo h1 strong{color: #355AAF; display: block;}
#promo .images{position: absolute; top: 65px; left: calc(50% - 340px); width: 700px}
#promo .images img{-webkit-animation: 8s passport ease infinite; animation: 8s passport ease infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; position: absolute; top: 0; width: 116px; height: 116px; object-fit: cover; border: 2px solid #FFFFFF; border-radius: 5px; filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.02)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08));}
#promo .images img:nth-child(1){left: 0;}
#promo .images img:nth-child(2){right: 65px; -webkit-animation: 8s passport ease infinite; animation: 8s passport ease infinite;}
#promo .images img:nth-child(3){left: 112px; top: 420px; -webkit-animation: 8s passport ease infinite; animation: 8s passport ease infinite;}
#promo .images img:nth-child(4){right: 0; top: 426px; -webkit-animation: 12s passport ease infinite; animation: 12s passport ease infinite;}
@-webkit-keyframes passport { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: none; transform: none; } } @keyframes passport { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: none; transform: none; } }
#promo .words{width: 1920px; position: absolute; text-align: center; top: 70px; left: calc(50% - 960px); text-transform: uppercase; box-sizing: border-box; color: #EEEEEE; font-family: 'Proxima Nova Rg'; line-height: normal;}
#promo .words span{position: absolute; top: 0; width: 100%; left: calc(50% - 810px); opacity: 0; display: block; max-width: 400px;}
#promo .words span:nth-child(1){opacity: 1; font-size: 30px}
#promo .words span:nth-child(2){opacity: 1; font-size: 55px; font-weight: 700; left: calc(50% + 300px)}
#promo .words span:nth-child(3){opacity: 1; top: 165px; font-size: 55px; font-weight: 700; left: calc(50% - 880px)}
#promo .words span:nth-child(4){opacity: 1; top: 190px; font-size: 40px; left: calc(50% + 510px)}
#promo .words span:nth-child(5){opacity: 1; top: 280px; font-size: 55px; left: calc(50% - 894px)}
#promo .words span:nth-child(6){opacity: 1; top: 360px; font-size: 55px; font-weight: 700; left: calc(50% + 470px)}
#promo .words span:nth-child(7){opacity: 1; top: 420px; font-size: 55px; font-weight: 700; left: calc(50% - 694px)}
#history{padding: 65px 0 0;}
#history .all{padding: 27px 0 0;}
#history .swiper-slide{width: 350px; position: relative; overflow: hidden; border-radius: 5px;}
#history .swiper-slide:hover img{transform: scale(1.04);}
#history img{width: 100%; max-height: 255px; object-fit: cover; border-radius: 5px}
#history .info{position: absolute; box-sizing: border-box; padding: 20px; width: calc(100% - 96px); height: calc(100% - 80px); top: 40px; left: 48px; backdrop-filter: blur(2.5px); color: #EFF4FF; background: rgba(39, 91, 181, 0.5); border-radius: 5px;}
#history .info .audio{margin-bottom: 17px; width: 20px; height: 20px; background: url("../img/audio.svg") 50% 50% no-repeat;}
#history .info .flag{position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: url("../img/flag_ua.svg") 0 0 no-repeat; background-size: 100%}
#history .info .flag.en{background: url("../img/flag_en.svg") 0 0 no-repeat; background-size: 100%}
#history .info p{font-size: 16px; margin-bottom: 15px}
#history .info .date{font-size: 10px;}
#history .info span{position: absolute; bottom: 14px; right: 27px; width: 38px; height: 38px; background: url("../img/quote.svg") 50% 50% no-repeat;}
#history.history__inn{padding-bottom: 60px;}
#history.history__inn .info{position: relative; width: 100%; top: 0; left: 0; background: #EFF4FF; padding: 20px; transition: all 0.2s;}
#history.history__inn .info:hover{background: #355AAF; color: #fff}
#history.history__inn .info{color: #000}
#history.history__inn .info .audio{background: url("../img/audiob.svg") 0 0 no-repeat;}
#history.history__inn .info:hover .audio{background: url("../img/audio.svg") 0 0 no-repeat;}
#history.history__inn .swiper-slide{width: 254px;}
#category{padding: 100px 0 60px;}
#category.inn{padding-top: 0}
#category .bt__note{max-width: 390px}
#category .flex{align-items: flex-start;}
#sidebar{width: 255px; box-sizing: border-box; border-radius: 5px; border: 1px solid #EEEEEE}
#sidebar .box{margin-bottom: 7px; border-bottom: 1px solid #EEEEEE; padding: 13px 20px;}
#sidebar .box:last-child{margin-bottom: 0; border-bottom: none;}
#sidebar .box .box__title{font-size: 16px; color: #355AAF; font-family: 'Ermilov'; margin-bottom: 5px}
#sidebar .box:first-child .box__title{font-size: 22px}
#sidebar .box li{position: relative; line-height: 22px;}
#sidebar .box li a{color: #000; position: relative;}
#sidebar .box li a:hover{color: #355AAF; padding-left: 13px;}
#sidebar .box .category-link.current{color: #355AAF; padding-left: 13px;}
#sidebar .box .type-link.current{color: #355AAF; padding-left: 13px;}
#sidebar .box li a:after{width: 4px; height: 4px; top: calc(50% - 2px); left: 0; position: absolute; content: ''; border-radius: 50%; background: #355AAF; opacity: 0}
#sidebar .box .type-link.current:after{width: 4px; height: 4px; top: calc(50% - 2px); left: 0; position: absolute; content: ''; border-radius: 50%; background: #355AAF; opacity: 1}
#sidebar .box .category-link.current:after{width: 4px; height: 4px; top: calc(50% - 2px); left: 0; position: absolute; content: ''; border-radius: 50%; background: #355AAF; opacity: 1}
#sidebar .box li a:hover:after{opacity: 1}
#category .data{width: calc(100% - 285px)}
#category .data .filters{display: none;}
#category .data .search{position: relative; margin-bottom: 19px; width: 100%;}
#category .data .search .btn{position: absolute; top: calc(50% - 7px); right: 14px;}
#category .items .item{transition: all 0.2s; position: relative; border-radius: 5px; padding: 20px; box-sizing: border-box; background: #EFF4FF;}
#category .items .item a{color: #000}
#category .items .item .audio{margin-bottom: 17px; width: 20px; height: 20px; background: url("../img/audiob.svg") 50% 50% no-repeat;}
#category .items .item .text, #history.history__inn .info .text{margin-bottom: 17px; width: 20px; height: 20px; background: url("../img/text-icon.svg") 50% 50% no-repeat;}
#history .info .text{margin-bottom: 17px; width: 20px; height: 20px; background: url("../img/text-icon-white.svg") 50% 50% no-repeat;}
#category .items .item .flag{position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; border-radius: 50%; background: url("../img/flag_ua.svg") 0 0 no-repeat; background-size: 100%}
#category .items .item .flag.en{background: url("../img/flag_en.svg") 0 0 no-repeat; background-size: 100%}
#category .items .item p, #history .info p {
font-size: 16px;
margin-bottom: 15px;
min-height: 66px;
display: -webkit-box;
-webkit-line-clamp: 3; /* Ограничение в 3 строки */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; /* Добавляет троеточие */
}
#category .items .item:hover{background: #355AAF;}
#category .items .item:hover a{color: #fff}
#category .items .item:hover .audio{background: url("../img/audio.svg") 50% 50% no-repeat;}
#category .items .item:hover .text, #history.history__inn .info:hover .text{background: url("../img/text-icon-white.svg") 50% 50% no-repeat;}
#category .items .item .date{font-size: 10px;}
#category .items .item span{position: absolute; bottom: 14px; right: 27px; width: 38px; height: 38px; background: url("../img/quote.svg") 50% 50% no-repeat;}
.pagination{align-items: center!important; justify-content: flex-start!important; gap: 10px; padding: 30px 0 0}
.pagination a,.pagination span{display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: #355AAF; border-radius: 50%;}
.pagination span.current,.pagination a:hover{color: #fff; background: #355AAF}
.pagination span:hover{color: #fff; background: #355AAF; cursor: pointer;}
.pagination .prev{transform: rotate(180deg);}
.pagination .prev:hover,.pagination .next:hover{background: transparent;}
.pagination .prev:hover path:last-child,.pagination .next:hover path:last-child{fill: #355AAF!important}
.pagination-list {
display: flex;
align-items: center;
gap: 10px;
}
#breadcrumbs{padding: 16px 0;}
#breadcrumbs .flex{justify-content: flex-start; gap: 5px}
#breadcrumbs a{color: #000; border-bottom: 1px solid transparent;}
#breadcrumbs a:hover{border-color: #000}
#mystory{padding: 0 0 60px}
#mystory .inn{padding: 60px; border-radius: 5px; text-align: center; color: #fff; background: #355AAF url("../img/bg_mystory.png") 50% 50% no-repeat; background-size: cover;}
#mystory .title{font-size: 35px; margin-bottom: 15px; font-family: 'Ermilov';}
#mystory p{margin: 0 auto 12px; max-width: 400px}
#mystory .btn{margin: 0 auto;}
#story__audio{padding: 0;}
#story__audio .info{padding: 20px; border-radius: 5px; background: #EFF4FF; align-items: flex-start; margin-bottom: 16px;}
#story__audio .info .image{width: 170px}
#story__audio .info .image img{width: 170px; filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.02)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08)); height: 170px; object-fit: cover; border-radius: 5px; border: 2px solid #fff;}
#story__audio .info .data{width: calc(100% - 190px)}
#story__audio.no-image .info .data{width: 100%}
#story__audio .info .data .flex{justify-content: flex-start; gap: 20px; align-items: center;}
#story__audio .info .data .flex a{display: block; height: 24px; line-height: 24px; border-radius: 5px; color: #355AAF; border: 2px solid #fff; font-size: 14px; padding: 0 25px}
#story__audio .info .data .flex a:hover{color: #fff; border-color: #355AAF; background: #355AAF}
#story__audio .info .data .flex .audio,#story__audio .info .data .flex .text{width: 20px; height: 20px; background: url("../img/audiob.svg") 50% 50% no-repeat;}
#story__audio .info .data .flex .text{background: url("../img/text.svg") 50% 50% no-repeat;}
#story__audio .info .data .flex .date{font-size: 10px}
#story__audio .info .data .title{padding: 20px 0 14px; font-size: 25px; font-weight: 700; color: #355AAF; line-height: 23px; font-family: 'Ermilov';}
#story__audio .info .data .text{font-size: 14px; line-height: 22px; padding-right: 20px}
#story__audio .info .data .text p{margin-bottom: 25px;}
#story__audio .info .data .text p:last-child{margin-bottom: 0}
#story__audio .share{justify-content: flex-start; gap: 10px}
#story__audio .share .flex{gap: 10px}
.player{position: relative;}
.player .flex{align-items: center; justify-content: space-between!important;}
.player .time{font-size: 10px; margin-bottom: 17px}
.player .audio__line{height: 5px; margin-bottom: 15px; border-radius: 5px; background: #fff; position: relative;}
.player .audio__line span{position: absolute; top: 0; padding-left: 10px; left: 0px; border-radius: 5px; height: 5px; background: #355AAF; width: 40%;}
.player .audio__line span:after{position: absolute; top: calc(50% - 9px); width: 18px; height: 18px; right: 0; content: ''; border-radius: 50%; background: #355AAF}
.player .btns{justify-content: flex-start!important; gap: 0!important}
.player .btn{width: 48px; height: 32px; display: flex; align-items: center; justify-content: center;}
.player .btns .btn-prev{background: url("../img/prev.svg") 0 50% no-repeat;}
.player .btns .btn-next{background: url("../img/next.svg") 100% 50% no-repeat;}
.player .btns .btn-pause,.player .btns .btn-play{border: 2px solid #fff; border-radius: 5px;}
.player .btns .btn-pause,.player .btns .btn-play{background: url("../img/play.svg") 50% 50% no-repeat; background-size: 20px;}
.player .btns .btn-pause,.player .btns .btn-pause{background: url("../img/pause.svg") 50% 50% no-repeat;}
#story__add{padding: 0 0 60px}
#story__add .news__story{align-items: center; margin-bottom: 28px}
#story__add .btn{margin: 0 auto}
#story__add .btn:hover{
opacity: .85;
}
#story__add .news__story .item{box-sizing: border-box; height: 275px; padding: 25px; width: calc(50% - 30px); background: #EFF4FF; border-radius: 5px; text-align: center;}
#story__add .news__story .title{margin-bottom: 20px; font-size: 20px; color: #355AAF; font-family: 'Ermilov';}
#story__add textarea,#story__add input{border-color: rgba(53, 90, 175, 0.3); background: transparent;}
#story__add input{margin-bottom: 12px}
#story__add textarea{height: 180px}
#story__add svg:hover rect:first-child{fill: #1A3D8E!important; transition: all 0.2s}
.content{font-size: 14px; line-height: 22px}
.content p{margin-bottom: 20px}
.content ul{margin-bottom: 20px}
.content li{position: relative; padding-left: 25px; background: url("../img/ls.svg") 0 0 no-repeat; margin-bottom: 3px}
.text-name-story {
box-sizing: border-box;
padding: 25px;
background: #EFF4FF;
border-radius: 5px;
text-align: center;
margin-bottom: 25px;
}
.text-name-story .title{
margin-bottom: 20px;
font-size: 20px;
color: #355AAF;
font-family: 'Ermilov';
}
#story__add .text-name-story input{
width: 600px;
max-width: 100%
}
.error-input, .wpcf7-not-valid {
border-color: red!important
}
.grid-two {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.form-blue {
box-sizing: border-box;
padding: 25px;
background: #EFF4FF;
border-radius: 5px;
text-align: center;
margin-bottom: 25px;
height: fit-content;
}
.form-blue input, .form-blue textarea {
margin-bottom: 20px;
}
#story__add .form-blue textarea {
height: 97px;
}
.content-about strong{
font-weight: 700;
font-size: 22px;
line-height: 28px;
color: #355AAF;
margin-top: 30px;
}
.arrow-about {
float: right;
}
input.btn-yellow {
background: #FFD500!important;
}
.wpcf7-not-valid-tip {
display: none;
}
#thanks{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3000; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center;}
#thanks .data{width: 600px; max-width: calc(100% - 28px); position: relative;}
#thanks .data .inn{box-sizing: border-box; padding: 60px; border-radius: 5px; background: #355AAF url("../img/bg_thanks.png") 50% 50% no-repeat; text-align: center; color: #fff}
#thanks .data .title{margin-bottom: 10px; font-size: 35px; font-family: 'Ermilov';}
#thanks .data p{margin-bottom: 24px}
#thanks .data .btn{margin: 0 auto; font-size: 12px}
#thanks .close{position: absolute; top: -45px; right: -45px; transition: all 0.2s;}
#thanks .close:hover svg path{fill: #FFD500!important}
.wow{visibility: hidden;}
footer{padding: 11px 0; border-top: 1px solid #EEEEEE; position: absolute; bottom: 0; left: 0; width: 100%;}
footer .flex{align-items: center;}
#totop{position: fixed; bottom: 12px; right: 65px; z-index: 400; display: none;}
#totop:hover svg path:last-child{fill: #355AAF!important}
.slider-products .swiper{padding: 0 1px}
.slider-sw,.list__swiper{position: relative;}
.slider-sw .swiper-button-prev,.slider-sw .swiper-button-next{width: 44px; opacity: 1!important; height: 44px; top: -55px; transition: all 0.15s ease-out; display: flex; align-items: center; justify-content: center;}
.slider-sw .swiper-button-prev:hover svg path:last-child,.slider-sw .swiper-button-next:hover svg path:last-child{fill: #355AAF!important}
.slider-sw .swiper-button-prev svg,.slider-sw .swiper-button-next svg{width: auto; height: auto;}
.slider-sw .swiper-button-prev:after,.slider-sw .swiper-button-next:after{display: none;}
.slider-sw .swiper-button-prev{left: calc(100% - 100px);}
.slider-sw .swiper-button-next{right: 0}
.slider-sw .swiper-button-prev:before{position: absolute; top: calc(50% - 15px); right: -4px; width: 1px; height: 30px; background: #EEEEEE; content: ''}
.slider-sw.slider__start .swiper-button-prev{transform: rotate(180deg); left: -74px; background: #EEF3F6}
.slider-sw.slider__start .swiper-button-next{right: -74px; background: #EEF3F6}
.slider-sw.slider__start .swiper-button-prev:hover,.slider-sw.slider__start .swiper-button-next:hover{background: #FFE600}
.slider-products.slider-sw .swiper-pagination{bottom: 0px!important}
.sll1.slider-sw .swiper-pagination{bottom: 0px!important}
.sll2.slider-sw .swiper-pagination{bottom: 0px!important}
.slider-sw .swiper-pagination{bottom: -8px!important;}
.slider-sw .swiper-pagination-bullet{width: 8px; height: 8px; opacity: 1; background: transparent; border: 1px solid #8FC143; border-radius: 50%!important}
.slider-sw .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #8FC143}
.compensate-for-scrollbar{margin-right: 0!important}
.f-nav{display: none;}
section{position: relative; z-index: 2}
.flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.grid.grid-4{grid-template-columns: repeat(4,1fr);}
.bt{font-size: 35px; margin-bottom: 20px; font-weight: 700; font-family: 'Ermilov'; line-height: 32px; color: #275BB5; position: relative;}
.bt span{display: inline-block; position: relative; z-index: 3; padding-right: 52px; background: url("../img/bt.svg") 100% 50% no-repeat;}
.bt i{font-size: 55px; color: #EEEEEE; text-transform: uppercase; font-style: normal; font-family: 'Proxima Nova Rg'; position: absolute; top: -20px; left: -64px}
.bt__note{max-width: 470px; margin-bottom: 30px; font-size: 12px; line-height: 22px;}
section{box-sizing: border-box; position: relative;}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select{
width: 100%; height: 42px; border-radius: 5px; border: 1px solid #EEEEEE; color: #000; font-size: 12px; padding: 0 13px; background: #fff;
}
select{background: #fff url("../img/arrb.svg") calc(100% - 16px) 50% no-repeat;}
textarea{padding: 13px; border-radius: 5px; height: 120px; resize: none; background: transparent;}
input[type="checkbox"],input[type="radio"]{display:none;}
::placeholder{color: #959EAD;}
button{background: transparent;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
a,svg,svg path{text-decoration: none; transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}
a:hover{transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto; transition: all 0.15s ease-out;}
div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn,.btn:after{font-family: 'e-Ukraine'; display: inline-block; cursor: pointer; position: relative; text-align: center; cursor: pointer; padding: 0; border: none; transition: all 0.2s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;}
.btn:hover{transition: all 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn-yellow{display: flex; align-items: center; justify-content: center; width: 190px; height: 42px; background: #FFD500; border-radius: 5px; color: #000; font-size: 14px;}
.btn-yellow svg{margin-right: 11px}
.btn-yellow:hover{box-shadow: none; background: #F0CA06;}
.btn-blue{display: flex; align-items: center; justify-content: center; width: 190px; height: 42px; background: #355AAF; border-radius: 5px; color: #fff; font-size: 14px;}
.btn-blue svg{margin-right: 11px}
.btn-blue:hover{box-shadow: none; background: #1A3D8E;}
.btn-blue-tr{display: flex; align-items: center; justify-content: center; width: 190px; height: 42px; border-radius: 5px; color: #355AAF; border: 1px solid #355AAF}
.btn-blue-tr:hover{color: #fff; background: #355AAF}
.btn-blue-tr svg{margin-right: 11px}
.btn-blue-tr:hover svg path{fill: #fff!important}
.btn-search{width: 14px; height: 14px; background: url("../img/btn_search.svg") 50% 50% no-repeat;}
input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: 'e-Ukraine';}
.allert {
margin-bottom: 10px;
padding: 15px;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
}
.allert-error {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
margin-bottom: 20px;
display: none;
}
.allert-success {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
margin-bottom: 20px;
display: none;
}
#story__add #pause-recording, #story__add #play-recording, #story__add #stop-recording {
width: 50px;
display: inline-block;
}
#story__add #pause-recording.disabled, #story__add #play-recording.disabled, #story__add #stop-recording.disabled {
opacity: .2;
cursor: not-allowed;
}
#audio-preview {
opacity: 0;
}