/*
Theme Name: HandyBank
Author: Elena Nazarova
Version: 1.21.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/******************************************************************************************/

/* BASIC                                                                                  */

/******************************************************************************************/

*, *:before, *:after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

::-moz-selection {
   background: #353d4a;
   color: #ffffff;
}

::selection {
   background: #353d4a;
   color: #ffffff;
}

ul, ol {
   list-style: none;
}

a {
   text-decoration: none;
}

body {
   font-family: 'Open Sans', sans-serif;
   min-height: 100vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background: white;
   line-height: 1.5;
   font-size: 14px;
   color: #231f20;
}

h1 {
   font-size: 2em;
}

h1, h2, h3, h4, h5, h6 {
   line-height: 1.2;
   font-weight: 600;
   margin-bottom: 15px;
}

p {
   margin-bottom: 15px;
}

b {
   font-weight: 600;
}

.container {
   width: 100%;
   max-width: 1280px;
   margin: 0 auto;
}

.content-wrapper {
   margin-bottom: 30px;
}

main {
   -webkit-box-flex: 1;
   -ms-flex: auto;
   flex: auto;
   border-top: 1px solid #ececec;
}

.margin-30 {
   margin-bottom: 30px;
}

/******************************************************************************************/

/* HEADER                                                                                 */

/******************************************************************************************/

header {
   background: white;
}

header .container {
   position: relative;
}

.custom-logo {
	display: block;
	width: 230px;
	height: 36px;
}

.widget_btru_widget {
   padding: 0 10px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   background: #231f20;
   border-radius: 4px;
}

#liink {
   display: block;
   color: white;
   font-weight: 600;
}

#liink span {
   margin-left: 4px;
   font-size: 12px;
}

#liink span:first-of-type {
   font-size: 20px;
   margin-left: 0;
}

#liink span:nth-of-type(2) {
   font-size: 16px;
}

.lang-item img {
	display: none!important;	
}

#menu .menu>.lang-item>a {
	display: block;
}

#menu .menu>.lang-item>a:hover {
	box-shadow: none;
}

.lang-item-en a {
	width: 40px;
	height: 20px;
	background: url(/wp-content/uploads/2022/01/en-flag.svg) no-repeat;
	background-size: cover;
}

.lang-item-ru a {
	width: 30px;
	height: 20px;
	background: url(/wp-content/uploads/2022/01/ru-flag.svg) no-repeat;
	background-size: cover;
}

.burger {
   display: none;
   position: relative;
   width: 28px;
   height: 19px;
   cursor: pointer;
}

.burger span {
   position: absolute;
   top: 8px;
   width: 28px;
   height: 3px;
   background: #201f1f;
   -webkit-transition: background-color .3s ease-in-out;
   -o-transition: background-color .3s ease-in-out;
   transition: background-color .3s ease-in-out;
}

.burger span:before, .burger span:after {
   content: " ";
   position: absolute;
   width: 28px;
   height: 3px;
   background: #201f1f;
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: background-color .3s ease-in-out, top .4s ease-in-out, -webkit-transform .4s ease-in-out;
   transition: background-color .3s ease-in-out, top .4s ease-in-out, -webkit-transform .4s ease-in-out;
   -o-transition: background-color .3s ease-in-out, transform .4s ease-in-out, top .4s ease-in-out;
   transition: background-color .3s ease-in-out, transform .4s ease-in-out, top .4s ease-in-out;
   transition: background-color .3s ease-in-out, transform .4s ease-in-out, top .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.burger span:before {
   top: -8px;
}

.burger span:after {
   top: 8px;
}

.show {
   display: block!important;
}

/******************************************************************************************/

/* PRIVATE&BANK&CREDIT&PROMO PAGE                                                         */

/******************************************************************************************/

.slide {
   height: calc(100vh - 76px);
   background: url(/wp-content/uploads/2019/09/private.jpg) no-repeat;
   background-position: 50% 50%;
   background-size: cover;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   color: white;
}

.bank {
   background: url(/wp-content/uploads/2019/09/banks.jpg) no-repeat;
   background-position: 50% 50%;
   background-size: cover;
}

.credit {
   background: url(/wp-content/uploads/2019/12/credit-3.jpg) no-repeat;
   background-position: 50% 50%;
   background-size: cover;
}

.companies {
   background: url(/wp-content/uploads/2021/11/taxi.jpg) no-repeat;
   background-position: 50% 50%;
   background-size: cover;
}

.promo {
   background: none;
}

#slide-one {
   background: url(/wp-content/uploads/2021/02/promo-4.jpg) no-repeat;
   background-position: 50% 50%;
   background-size: cover;
}

.wpcf7 form .wpcf7-response-output {
   color: #231f20;
}

.promo .container, .promo article {
   width: 100%;
   height: 100%;
   position: relative;
}

#wpcf7-f1900-o1, .promo-form {
   text-align: left;
}

#wpcf7-f1900-o1 form, .promo-form {
   width: 100%;
   max-width: 500px;
	padding: 0 15px;
   margin: 0 auto;
}

#wpcf7-f1900-o1 .form-label, .promo-form .form-label {
   color: #231f20;
   display: block;
   margin-bottom: 5px;
}

.promo-intro, #wpcf7-f1900-o1, .promo-form {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   transform: translatey(-50%);
}

.button.yellow-btn {
   padding: 10px 60px;
   height: auto;
   line-height: 1;
   margin-top: 40px;
}

.yellow-btn img {
   display: block;
   width: auto;
   height: 30px;
}

#slide-two, #slide-three {
   display: none;
}

#btn-green {
   background: #55B432;
}

.btn-row {
	display: table;
	margin: 0 auto;
}

.promo-text h1 {
   font-size: 32px;
   text-transform: uppercase;
   font-weight: bold;
	text-shadow: 0 6px 12px rgba(0, 0, 0, .15);
}

.promo h1 span {
   font-size: 32px;
   display: block;
   font-weight: bold;
   text-transform: uppercase;
}

.promo-text h2 {
   font-size: 25px;
   text-transform: lowercase;
   font-weight: bold;
	text-shadow: 0 6px 12px rgba(0, 0, 0, .15);
}

.promo h1 {
   font-size: 25px;
   font-weight: bold;
	text-shadow: 0 6px 12px rgba(0, 0, 0, .15);
}

.promo-text h3, .promo h2 {
   font-size: 18px;
   font-weight: normal;
   line-height: 2;
	text-shadow: 0 6px 12px rgba(0, 0, 0, .15);
}

.promo-text h3 a {
   color: white;
   -webkit-box-shadow: inset 0 -2px #ffb914;
   box-shadow: inset 0 -2px #ffb914;
   -webkit-transition: .3s linear;
   -o-transition: .3s linear;
   transition: .3s linear;
}

.promo-text h3 a:hover {
   -webkit-box-shadow: inset 0 -10px #ffb914;
   box-shadow: inset 0 -10px #ffb914;
}

.arrow-btn {
   position: relative;
   color: #231f20;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-top: 40px;
   background: #ffb914;
   border-radius: 4px;
   height: 46px;
   line-height: 46px;
   padding: 0 58px 0 20px;
   font-weight: 600;
   -webkit-transition: .3s linear;
   -o-transition: .3s linear;
   transition: .3s linear;
}

.arrow-btn:after {
   content: "\24";
   font-family: eleganticons;
   speak: none;
   font-style: normal;
   font-weight: 700;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   font-size: 18px;
   -webkit-font-smoothing: antialiased;
   position: absolute;
   top: 50%;
   transform: translatey(-50%);
   right: 20px;
   -webkit-transition: .3s linear;
   -o-transition: .3s linear;
   transition: .3s linear;
}

.arrow-btn:hover:after {
   right: 14px;
}

.grey-background {
   background: #f0f0f0;
   padding: 40px 0;
}

.grid-wrapper p {
   margin-bottom: 20px;
}

.grid-wrapper p:last-child {
   margin-bottom: 0;
}

.heading {
   font-weight: 600;
   font-size: 28px;
   line-height: 1.2;
   margin-bottom: 20px;
}

.description {
   margin-bottom: 30px;
}

.grid-inner b {
   font-weight: normal;
}

.paint-1 {
   height: 100%;
   background: url(/wp-content/uploads/2019/12/paint5.svg) no-repeat;
   background-size: contain;
   background-position: right center;
}

.paint-2 {
   height: 100%;
   background: url(/wp-content/uploads/2019/11/bank-banner.png) no-repeat;
   background-size: contain;
   background-position: left center;
}

.paint-3 {
   height: 100%;
   background: url(/wp-content/uploads/2019/12/paint9.svg) no-repeat;
   background-size: contain;
   background-position: right center;
}

.paint-4 {
   height: 100%;
   background: url(/wp-content/uploads/2019/12/paint.svg) no-repeat;
   background-size: contain;
   background-position: left center;
}

.paint-5 {
   height: 100%;
   background: url(/wp-content/uploads/2019/09/mockup.png) no-repeat;
   background-size: contain;
   background-position: left center;
}

.taxi-1 {
	height: 100%;
   background: url(/wp-content/uploads/2021/11/taxi-1.svg) no-repeat;
   background-size: contain;
   background-position: left center;
}

.list-circle.icons-list {
   margin-bottom: 0;
}

.grid-inner span {
   display: table;
   margin: 0 auto;
   width: 60px;
   height: 60px;
}

.grid-inner span.step-1 {
   background: url(/wp-content/uploads/2019/12/deal.svg) no-repeat;
   background-size: cover;
}

.grid-inner span.step-2 {
   background: url(/wp-content/uploads/2019/12/online-payment.svg) no-repeat;
   background-size: cover;
}

.grid-inner span.step-3 {
   background: url(/wp-content/uploads/2019/12/submit-order.svg) no-repeat;
   background-size: cover;
}

.grid-inner span.step-4 {
   background: url(/wp-content/uploads/2019/12/reseive.svg) no-repeat;
   background-size: cover;
}

.grid-inner span.step-5 {
   background: url(/wp-content/uploads/2019/12/transfer.svg) no-repeat;
   background-size: cover;
}

.next-icon {
   width: 30px;
   height: 30px;
   background: url(/wp-content/uploads/2019/12/next.svg) no-repeat;
   background-size: cover;
}

.grid li, .icons-list li {
   margin-bottom: 20px;
}

.icons-list li:last-child {
   margin-bottom: 0;
}

.grid-link, .flex div {
   display: block;
   height: 100%;
   background: white;
   padding: 20px;
   border-radius: 4px;
   border: 1px solid #f0f0f0;
   color: inherit;
   -webkit-transition: .3s linear;
   -o-transition: .3s linear;
   transition: .3s linear;
}

.grid-link:hover, .flex div:hover, button:hover, .grid article a:hover, .button:hover {
   -webkit-box-shadow: 0 10px 38px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.12);
   box-shadow: 0 10px 38px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.12);
}

.grid-link:hover {
   -webkit-transform: translateY(-7px);
   -ms-transform: translateY(-7px);
   transform: translateY(-7px);
}

.grid-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 20px;
}

.grid span {
   font-weight: 700;
}

.grid li p {
   font-size: 14px;
   margin-bottom: 0;
}

.grid-link img, .docs-grid img {
   display: block;
   height: 48px;
}

.white-background {
   background: white;
   padding: 40px 0;
}

.flex li {
   margin-bottom: 20px;
}

.flex b {
   font-size: 30px;
   font-weight: 600;
   line-height: 1;
}

.flex img {
   display: block;
   width: 100%;
   max-width: 200px;
   height: auto;
}

.shadow {
   color: #231f20;
   -webkit-box-shadow: inset 0 -2px #ffb914;
   box-shadow: inset 0 -2px #ffb914;
   -webkit-transition: .3s linear;
   -o-transition: .3s linear;
   transition: .3s linear;
}

.shadow:hover {
   -webkit-box-shadow: inset 0 -10px #ffb914;
   box-shadow: inset 0 -10px #ffb914;
}

#fancybox-wrap {
   width: 100%!important;
   max-width: 410px;
}

#fancybox-outer, #fancybox-content {
   -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .3)!important;
   box-shadow: 0 10px 25px rgba(0, 0, 0, .3)!important;
   border-radius: 5px!important;
   box-sizing: border-box!important;
   width: 100%!important;
   max-width: 410px;
}

div.wpcf7 {
   margin: 0!important;
   padding: 0!important;
}

div.wpcf7 .screen-reader-response {
   position: absolute;
   overflow: hidden;
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
   width: 1px;
   margin: 0;
   padding: 0;
   border: 0;
}

.form-title {
   text-align: center;
   margin-bottom: 0;
   padding: 60px 30px 0;
   font-size: 26px;
   position: relative;
}

.form-title:after {
   content: "";
   position: absolute;
   z-index: -1;
   left: 45px;
   top: 35px;
   border-radius: 50%;
   background: #FDB653;
   -webkit-box-shadow: 100px -25px 0 -10px rgba(253, 182, 83, .9), 180px 15px 0 -15px rgba(253, 182, 83, .7), 260px -10px 0 -20px rgba(253, 182, 83, .5);
   box-shadow: 100px -25px 0 -10px rgba(253, 182, 83, .9), 180px 15px 0 -15px rgba(253, 182, 83, .7), 260px -10px 0 -20px rgba(253, 182, 83, .5);
   height: 75px;
   width: 75px;
}

.form-wrapper {
   padding: 50px 30px 30px;
}

.form-row input, .form-row textarea {
   margin-bottom: 10px;
   width: 100%;
   border-width: 0;
   background: #f4f4f4;
   padding: 0 20px;
   height: 46px;
   line-height: 46px;
   border-radius: 4px;
   margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   color: #231f20;
}

.form-row:last-of-type, .form-row input[type="submit"] {
   margin-bottom: 0;
}

div.wpcf7 .ajax-loader {
   display: none!important;
}

input::placeholder, textarea::placeholder {
   color: #231f20;
}

.input-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 0 -10px;
}

.feedback-form input, .feedback-form textarea {
   width: 100%;
   border-width: 0;
   background: #f0f0f0;
   padding: 0 20px;
   height: 46px;
   line-height: 46px;
   border-radius: 4px;
   margin-bottom: 20px;
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   color: #231f20;
}

.input-col {
   width: 50%;
   padding: 0 10px;
}

.feedback-form textarea, .form-row textarea {
   resize: vertical;
   min-height: 92px;
}

span.wpcf7-not-valid-tip {
   margin-top: -15px;
   font-size: 12px;
   margin-bottom: 20px;
}

div.wpcf7-response-output {
   font-size: 12px;
   margin: 0 30px 20px;
   padding: 10px 20px;
}

button, .button, .form-row input[type="submit"] {
   display: inline-block;
   border-width: 0;
   background: #ffb914;
   border-radius: 4px;
   height: 36px;
   line-height: 36px;
   padding: 0 20px;
   font-weight: 600;
   font-size: 14px;
   font-family: 'Open Sans', sans-serif;
   -webkit-transition: .3s linear;
   -o-transition: .3s linear;
   transition: .3s linear;
   cursor: pointer;
   color: inherit;
}

.form-row input[type="submit"] {
   height: 46px;
   line-height: 46px;
}

.button-row {
   text-align: right;
}

.image-wrapper img {
   display: block;
   width: 100%;
   max-width: 100%;
   height: auto;
}

.text-wrapper p {
   line-height: 2;
}

.mobile-app-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.mobile-app-links li {
   width: 45%;
}

.mobile-app-links a, .app-link a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #231f20;
}

.mobile-app-links i, .app-link i {
   display: inline-block;
   width: 30px;
   height: 30px;
   background-size: cover;
   margin-right: 10px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}

.apple-icon {
   background: url(/wp-content/uploads/2019/09/apple.svg);
}

.play-icon {
   background: url(/wp-content/uploads/2019/09/playstore.svg);
}

.mobile-app-links span span, .app-link span span {
   font-size: 12px;
   display: block;
}

.mobile-app-links b, .app-link b {
   font-size: 16px;
   display: block;
   white-space: nowrap;
}

.owl-carousel .owl-item img {
   width: auto!important;
   margin: 0 auto;
}

.owl-nav {
   margin-top: 15px;
   text-align: center;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
   width: 36px;
   text-align: center;
}

.owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus {
   outline: none;
}

.owl-carousel span {
   display: block;
   line-height: 36px;
   font-size: 30px;
}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
}

#fancybox-outer, #fancybox-content {
   -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .3)!important;
   box-shadow: 0 10px 25px rgba(0, 0, 0, .3)!important;
   border-radius: 5px!important;
}

.image-banner img {
   display: block;
   width: 100%;
   height: auto;
}

.text-banner-2 p {
   margin-bottom: 20px;
}

.list-icons li {
   display: flex;
   margin-bottom: 10px;
}

.list-icons li:last-child {
   margin-bottom: 0;
}

.list-icons div {
   flex-shrink: 0;
   margin-right: 20px;
}

.list-icons b, .list-icons span {
   display: block;
   line-height: 1.5;
}

.list-icons span {
   font-size: .9em;
}

.image-banner-2 img {
   display: block;
   width: 100%;
   height: auto;
}

.docs-grid img {
   display: block;
	width: auto;
   height: 48px;
	margin-right: 20px;
}

.docs-grid a {	
	color: #231f20;
}

/******************************************************************************************/

/* NEWS PAGE                                                                              */

/******************************************************************************************/

.breadcrumbs {
   padding: 20px 0;
   font-size: 14px;
}

.breadcrumbs a {
   color: #231f20;
   font-weight: 600;
}

.kb_title, .breadcrumb_last {
   color: #b3b3b3;
}

.time-wrapper {
   color: #b3b3b3;
   font-size: 14px;
}

.post-image-wrapper img {
   width: 100%;
   height: auto;
   display: block;
}

.info-icon:before {
   content: "\70";
   font-family: eleganticons;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   color: #ffb914;
   margin-right: 10px;
   font-size: 20px;
}

h2.screen-reader-text {
   display: none;
}

.pagination {
   margin-top: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.nav-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.nav-links a, .nav-links span {
   display: block;
   width: 36px;
   height: 36px;
   line-height: 36px;
   margin-left: 5px;
   text-align: center;
   background: white;
   border-radius: 4px;
   border: 1px solid #f0f0f0;
   color: inherit;
   -webkit-transition: .3s linear;
   -o-transition: .3s linear;
   transition: .3s linear;
}

.nav-links a.next:before {
   content: "\35";
   font-family: eleganticons;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
}

.nav-links a.prev:before {
   content: "\34";
   font-family: eleganticons;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
}

.nav-links span.current {
   font-weight: bold;
}

/******************************************************************************************/

/* ARCHIVE PAGE                                                                           */

/******************************************************************************************/

.archive-title {
   margin-bottom: 40px;
}

.grid-articles article {
   margin-bottom: 20px;
}

.grid-articles article a {
   display: block;
   height: 100%;
   background: white;
   border-radius: 4px;
   border: 1px solid #f0f0f0;
   color: inherit;
   -webkit-transition: .3s linear;
   -o-transition: .3s linear;
   transition: .3s linear;
}

.grid-articles article li.lslide {
   padding: 0;
}

.lSSlideOuter {
   position: relative;
}

.lSSlideOuter .lSPager.lSpg {
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.grid-articles .lSSlideOuter .lSPager.lSpg>li {
   width: auto;
   padding: 5px;
   margin: 0;
}

.lSSlideOuter .lSPager.lSpg>li a {
   display: block;
   border-width: 0;
}

.lSSlideOuter .lSPager.lSpg>li:hover a, .lSSlideOuter .lSPager.lSpg>li.active a {
   background-color: #ffb914;
}

.grid-articles article .slider-wrapper {
   height: 100%;
   background: white;
   border-radius: 4px;
   border: 1px solid #f0f0f0;
   cursor: pointer;
}

.grid-articles article img {
   display: block;
   width: 100%;
   height: auto;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.post-info {
   padding: 20px;
   border-top: 1px solid #e6eaef;
}

.post-date {
   font-size: 12px;
   background: #f0f0f0;
   border-radius: 4px;
   padding: 4px 10px;
   font-weight: 600;
}

.post-info h3 {
   font-size: 16px;
   margin: 0;
   line-height: 1.4;
}

/******************************************************************************************/

/* PRESENTATIONS PAGE                                                                     */

/******************************************************************************************/

.post-thumb a {
   display: block;
}

.post-thumb img {
   display: block;
   width: 100%;
   height: auto;
   box-shadow: 0 0 0 2px #f5f5f5;
}

/******************************************************************************************/

/* CONTACTS PAGE                                                                          */

/******************************************************************************************/

#map2, #map {
   width: 100%;
   height: 500px;
   margin-bottom: 30px;
}

#map2 *, #map * {
   -ms-touch-action: auto;
   touch-action: auto;
}

.contacts-block {
   background: #f0f0f0;
   padding: 20px;
   border-radius: 4px;
   margin-bottom: 30px;
}

.address {
   padding-bottom: 10px;
}

.work-time {
   text-transform: uppercase;
   font-size: 14px;
   line-height: 18px;
   color: #6a6a6a;
   padding-bottom: 15px;
}

.contacts span {
   display: inline-block;
   margin-top: 10px;
}

.contacts a {
   display: block;
   padding-left: 55px;
   position: relative;
   color: inherit;
   font-weight: 600;
   line-height: 40px;
}

.contacts span:first-child {
   margin-right: 40px;
}

.contacts span a:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   background: url(/wp-content/uploads/2019/12/phone-2.svg) no-repeat 50% 50% #ffb914;
   background-size: 24px auto;
   width: 40px;
   height: 40px;
   border-radius: 50%;
}

.contacts span:last-child a:before {
   background: url(/wp-content/uploads/2019/12/email.svg) no-repeat 50% 50% #ffb914;
   background-size: 20px auto;
}

.post-title {
   margin-bottom: 20px;
   font-weight: 700;
}

.bank-info {
   background: #f0f0f0;
   padding: 20px 10px;
   border-radius: 4px;
   max-width: 800px;
   margin: 0 auto 30px 0;
}

.bank-info li {
   padding: 0 10px;
}

.bank-info li:first-child {
   margin-bottom: 10px;
}

.bank-info strong {
   margin-bottom: 10px;
   display: block;
   font-size: 19px;
}

.bank-info b {
   display: block;
   font-size: 17px;
}

.bank-info span {
   display: block;
   font-size: 14px;
}

.list-collapse li {
   border-bottom: 1px solid #e6eaef;
}

.list-collapse li:last-child {
   border-bottom: none;
}

.list-collapse b {
   font-size: 18px;
   font-weight: 600;
}

.list-collapse span {
   display: block;
   background: #f0f0f0;
   padding: 15px 20px 15px 60px;
}

.list-collapse span span {
   display: block;
   padding: 0;
   font-size: 14px;
}

.list-collapse span b {
   display: block;
   font-size: 16px;
}

.list-collapse a:not(.shadow) {
   color: #231f20;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   line-height: 1;
   padding: 15px 20px;
}

.list-collapse a:not(.shadow):before {
   content: "\32";
   font-family: eleganticons;
   speak: none;
   font-style: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   color: #ffb914;
   font-weight: bold;
   font-size: 20px;
   margin-right: 20px;
}

.list-collapse a.collapsed:before {
   content: "\33";
   font-family: eleganticons;
   speak: none;
   font-style: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
}

.list-collapse .collapse:not(.show) {
   display: none;
}

.list-collapse {
   margin-bottom: 30px;
   border: 1px solid #e6eaef;
   border-radius: 4px;
}

.status-curent, .status-archive, .status-future {
   display: block;
   font-size: 12px;
   background: #f3f1f2;
   color: #87787c;
   border-radius: 4px;
   padding: 4px 10px;
   font-weight: 600;
   width: 136px;
   text-align: center;
}

.status-curent {
   background: #fff0cc;
   color: #ffb914;
}

.status-future {
   background: #fbe7e0;
   color: #EB7B59;
}

.links-list {
   max-width: 800px;
   margin-bottom: 30px;
}

.links-list li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 10px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.links-list a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: inherit;
}

.links-list a:before {
   content: "";
   display: block;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #ffb914;
   margin-right: 15px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}

.list-circle {
   margin-bottom: 30px;
}

.list-circle li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 10px;
   border-bottom: none;
}

.list-circle a.shadow {
   margin: 0 4px;
}

.list-circle li:before {
   content: "";
   display: block;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #ffb914;
   margin-right: 15px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}

.list-circle b {
   display: block;
}

.list-circle span {
   display: block;
}

.list-circle p {
   margin-bottom: 0;
}

.numered-list {
   counter-reset: li;
   list-style: none;
}

.numered-list li {
   position: relative;
   margin-bottom: 30px;
}

.numered-list li:before {
   content: counter(li);
   counter-increment: li;
   color: white;
   display: inline-block;
   margin-right: 15px;
   height: 2em;
   width: 2em;
   line-height: 2em;
   text-align: center;
   font-weight: bold;
   border-radius: 50%;
   background: #ffb914;
}

/******************************************************************************************/

/* PAGE MOBILNOST                                                                         */

/******************************************************************************************/

.app-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 40px;
}

.qr-image img {
   display: block;
   width: 120px;
   height: auto;
}

.app-link {
   margin-left: 40px;
}

.app-image {
   display: none;
}

.app-image img {
   display: block;
   width: 100%;
   height: auto;
}

.mobile-grid p b {
   font-size: 30px;
   display: block;
   margin: 8px 0;
}

/******************************************************************************************/

/* 404 PAGE                                                                               */

/******************************************************************************************/

.error404 main .container {
   padding: 0;
}

.error-title {
   text-align: center;
   margin: 50px 0;
}

.error-container {
   text-align: center;
   font-size: 70px;
   font-family: 'Catamaran', sans-serif;
   font-weight: 800;
}

.error-container>span {
   display: inline-block;
   line-height: 0.7;
   position: relative;
   color: #FFB914;
}

.error-container>span>span {
   display: inline-block;
   position: relative;
}

.error-container>span:nth-of-type(1) {
   -webkit-perspective: 1000px;
   perspective: 1000px;
   -webkit-perspective-origin: 500% 50%;
   perspective-origin: 500% 50%;
   color: #213cad;
}

.error-container>span:nth-of-type(1)>span {
   -webkit-transform-origin: 50% 100% 0px;
   -ms-transform-origin: 50% 100% 0px;
   transform-origin: 50% 100% 0px;
   -webkit-transform: rotateX(0);
   transform: rotateX(0);
   -webkit-animation: easyoutelastic 8s infinite;
   animation: easyoutelastic 8s infinite;
}

.error-container>span:nth-of-type(3) {
   -webkit-perspective: none;
   perspective: none;
   -webkit-perspective-origin: 50% 50%;
   perspective-origin: 50% 50%;
   color: #a67607;
}

.error-container>span:nth-of-type(3)>span {
   -webkit-transform-origin: 100% 100% 0px;
   -ms-transform-origin: 100% 100% 0px;
   transform-origin: 100% 100% 0px;
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-animation: rotatedrop 8s infinite;
   animation: rotatedrop 8s infinite;
}

@-webkit-keyframes easyoutelastic {
   0% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
   }
   9% {
      -webkit-transform: rotateX(210deg);
      transform: rotateX(210deg);
   }
   13% {
      -webkit-transform: rotateX(150deg);
      transform: rotateX(150deg);
   }
   16% {
      -webkit-transform: rotateX(200deg);
      transform: rotateX(200deg);
   }
   18% {
      -webkit-transform: rotateX(170deg);
      transform: rotateX(170deg);
   }
   20% {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
   }
   60% {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
   }
   80% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
   }
   100% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
   }
}

@keyframes easyoutelastic {
   0% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
   }
   9% {
      -webkit-transform: rotateX(210deg);
      transform: rotateX(210deg);
   }
   13% {
      -webkit-transform: rotateX(150deg);
      transform: rotateX(150deg);
   }
   16% {
      -webkit-transform: rotateX(200deg);
      transform: rotateX(200deg);
   }
   18% {
      -webkit-transform: rotateX(170deg);
      transform: rotateX(170deg);
   }
   20% {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
   }
   60% {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
   }
   80% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
   }
   100% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
   }
}

@-webkit-keyframes rotatedrop {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }
   10% {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
   }
   15% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
   }
   70% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
   }
   80% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }
   100% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
   }
}

@keyframes rotatedrop {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }
   10% {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
   }
   15% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
   }
   70% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
   }
   80% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
   }
   100% {
      -webkit-transform: rotateX(0);
      transform: rotateX(0);
   }
}

/******************************************************************************************/

/* FOOTER                                                                                 */

/******************************************************************************************/

footer {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   border-top: 1px solid #ececec;
}

.phone-footer {
   font-size: 24px;
   color: #231f20;
}

.footer-top, .footer-middle {
   border-bottom: 1px solid #e6eaef;
}

#menu-footer a, #menu-footer-en a {
   display: block;
   white-space: nowrap;
   color: #231f20;
   padding: 20px 0;
   font-weight: 700;
   font-size: 16px;
   line-height: 1;
}

#menu-links, #menu-links-en {
   padding: 10px 0;
}

#menu-links a, #menu-links-en a {
   color: #231f20;
   font-weight: 600;
   font-size: 14px;
   display: block;
   padding: 10px 0;
}

#menu-item-1843 a, #menu-item-2586 a {
   display: flex;
   align-items: center;
}

#menu-item-1843 a:after, #menu-item-2586 a:after {
   content: "\e0c1";
   font-family: 'ElegantIcons';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   -webkit-font-smoothing: antialiased;
   margin-left: 5px;
   font-size: 16px;
   line-height: 21px;
}

.footer-bottom {
   font-size: 13px;
   padding: 10px 0;
   text-align: center;
}

/******************************************************************************************/

/* MEDIA                                                                                  */

/******************************************************************************************/

@media(min-width: 450px) {
   #menu-footer, #menu-footer-en {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
}

@media(min-width: 500px) {
   .grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -10px;
   }
   .grid li {
      width: 50%;
      padding: 0 10px;
   }
}

@media(max-width: 599px) {
   .flex span, .flex b {
      display: block;
   }
   .flex span {
      margin-bottom: 15px;
   }
   .custom-logo-link {
	   display: block;
      width: 36px;
      overflow: hidden;
   }
}

@media (min-width: 600px) {
   .grid-articles {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -10px;
   }
   .grid-articles article {
      width: 50%;
      padding: 0 10px;
   }
   .flex div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
   .flex span {
      text-align: left;
      padding: 0 20px 0 0;
   }
   .flex b {
      margin-left: 20px;
      font-size: 35px;
   }
   .error-container {
      font-size: 120px;
   }
}

@media(max-width:767px) {
   .post-image-wrapper {
      margin: 0 0 20px;
   }
	#wpcf7-f1900-o1 .form-label{font-size:12px;}
}

@media(min-width: 768px) {
   body {
      font-size: 16px;
   }
   .promo-text h1, .promo h1 span {
      font-size: 75px;
   }
   .promo-text h2, .promo h1 {
      font-size: 45px;
   }
   .promo-text h3, .promo h2 {
      font-size: 25px;
   }
   .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 -10px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	   justify-content: center;
   }
   .flex li {
      width: 50%;
      padding: 0 10px;
   }
   .post-image-wrapper {
      float: left;
      width: 30%;
      margin: 0 40px 20px 0;
   }
   body.single-news main .container:after {
      content: "";
      clear: both;
      display: table;
   }
}

@media(min-width: 800px) {
   .flex-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
   .mobile-grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 30px;
   }
   .app-info {
      width: 55%;
   }
   .app-image {
      display: block;
      width: 35%;
   }
}

@media(max-width: 829px) {
   .footer-top {
      padding-top: 20px;
   }
   #menu-footer li, #menu-footer-en li {
      margin: 0 40px 0 0;
   }
   .footer-bottom {
      text-align: left;
   }
}

@media(min-width: 830px) {
   .footer-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }
   #menu-footer li, #menu-footer-en li {
      margin: 0 0 0 40px;
   }
   #menu-footer a, #menu-footer-en a {
      padding: 33px 0;
      letter-spacing: -1px;
   }
   #menu-links, #menu-links-en {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
   }
}

@media(max-width:959px) {
   .grid-inner span {
      display: none;
   }
   .next-icon {
      background: url(/wp-content/uploads/2019/12/next-down.svg) no-repeat;
      margin: 15px 0;
   }
}

@media(min-width: 960px) {
   .grid-articles article {
      width: 33.3333333333%;
   }
   .error-container {
      font-size: 250px;
   }
   .grid-wrapper {
      display: flex;
   }
   .width-40 {
      width: 40%;
   }
   .width-50 {
      width: 50%;
   }
   .width-60 {
      width: 60%;
   }
   .padding-right {
      padding-right: 40px;
   }
   .padding-left {
      padding-left: 40px;
   }
   .center {
      text-align: center;
   }
   .icons-grid {
      display: flex;
      justify-content: space-between;
      margin: 0 -20px;
   }
   .grid-inner {
      width: calc((100% - 120px) / 5);
      text-align: center;
      padding: 0 20px;
   }
   .grid-inner b {
      display: block;
      margin-bottom: 20px;
      height: 72px;
   }
}

@media(max-width: 1019px) {
   header .container {
      padding: 0;
      min-height: 76px;
   }
   .custom-logo-link {
      display: inline-block;
      margin: 20px 0 20px 15px;
      vertical-align: top;
   }
   .burger {
      display: block;
      position: absolute;
      top: 30px;
      right: 15px;
      margin: 0;
   }
   .widget_btru_widget {
      display: none;
   }
   .sub-menu {
      display: none;
      position: relative;
   }
   .collapse {
      display: none;
   }
   #menu .menu>li {
      position: relative;
   }
   .sub-menu-angle-down {
      font-family: eleganticons;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      font-size: 16px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      right: 0;
      top: 0;
      padding: 15px 20px;
      cursor: pointer;
   }
   #menu .menu a {
      display: block;
      color: #231f20;
      line-height: 1;
      padding: 15px 20px;
      -webkit-transition: .3s linear;
      -o-transition: .3s linear;
      transition: .3s linear;
   }
	.lang-item {
		padding-bottom: 15px;
	}
	#menu .menu .lang-item a {	
		padding: 0;
	margin: 0 20px;
}
   #menu {
      position: relative;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 10;
      background: #f6f6f6;
      box-shadow: 6px 6px 24px rgba(79, 87, 121, 0.1);
   }
   .sub-menu {
      background: #fbfbfb;
      font-size: 14px;
   }
}

@media (min-width: 1020px) {
   .grid li {
      width: 25%;
   }
   .slide {
      height: calc(100vh - 169px);
   }
   .slide.companies {
      height: calc(100vh - 81px);
   }
   .promo-text h1 {
      font-size: 100px;
   }
   .promo-text h2 {
      font-size: 60px;
   }
   .promo-text h3, .promo h2 {
      font-size: 35px;
   }
   header .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }
   .custom-logo-link {
      display: block;
      margin-right: auto;
      position: relative;
   }
   .main-wrapper {
      margin-top: 88px;
      border-top: 1px solid #ececec;
   }
   #menu .menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: white;
   }
   #menu .menu .sub-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
   }
   #menu .menu>.current-menu-item>.sub-menu, #menu .menu>.current-menu-ancestor>.sub-menu, #menu .menu>.current-page-ancestor>.sub-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }
   .sub-menu a {
      display: block;
      padding: 33px 0;
      font-weight: 700;
      font-size: 16px;
      white-space: nowrap;
      -webkit-transition: .3s linear;
      -o-transition: .3s linear;
      transition: .3s linear;
   }
   .sub-menu a[href*="secure"] {
      line-height: 36px;
      padding: 0 25px;
      background: #ffb914;
      font-size: 14px;
      border-radius: 4px;
      -webkit-transition: .3s linear;
      -o-transition: .3s linear;
      transition: .3s linear;
   }
   .sub-menu a[href*="secure"]:hover, .arrow-btn:hover {
      -webkit-box-shadow: 0 10px 38px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.12);
      box-shadow: 0 10px 38px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.12);
   }
   header a {
      color: #231f20;
   }
   #menu .menu>li {
      margin-left: 40px;
   }
   #menu .menu>li>a {
      display: block;
      font-size: 14px;
      padding: 30px 0;
      -webkit-transition: .3s linear;
      -o-transition: .3s linear;
      transition: .3s linear;
      white-space: nowrap;
   }
   #menu .menu>li>a:hover, #menu .menu>li.current-menu-item>a, #menu .menu>.current-menu-ancestor>.sub-menu .current-menu-item a, #menu .menu>.current-menu-ancestor>.sub-menu a:hover {
      -webkit-box-shadow: inset 0 -4px #ffb914;
      box-shadow: inset 0 -4px #ffb914;
   }
	#menu .menu>.lang-item>a {	
	padding: 0;
	margin: 30px 0;
}
   .widget_btru_widget {
      margin-left: 40px;
   }
   .promo h1 {
      font-weight: bold;
      font-size: 50px;
   }
   .promo h1 span {
      font-size: 90px;
      letter-spacing: 3px;
   }
}

@media (min-width: 1020px) and (max-width: 1310px) {
   .sub-menu a {
      font-size: 14px;
   }
   #menu .menu .sub-menu {
      padding: 0 15px;
   }
}

@media(min-width: 1180px) {
   .grid-inner b {
      height: 48px;
   }
}

@media(min-width:1200px) {
   .flex li {
      width: 33.3333333333%;
   }
}

@media (max-width:1310px) {
   .container {
      padding: 0 15px;
   }
}