/* Css-file: user_modules/wz2016/skin/css/grid.css */

@import url('//fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic');
@import url('//fonts.googleapis.com/css?family=Roboto:100,300,400,700,900&subset=latin,cyrillic');
@import url("//fonts.googleapis.com/css?family=Montserrat:300,400,700");
@import url('/assets/fontawesome/css/all.min.css');
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.container .alpha {
  margin-left: 0px;
}
.container .omega {
  margin-right: 0px;
}
.row {
  margin-left: -30px;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}
.container {
  width: 1170px;
}
.grid_12 {
  width: 1170px;
}
.grid_11 {
  width: 1070px;
}
.grid_10 {
  width: 970px;
}
.grid_9 {
  width: 870px;
}
.grid_8 {
  width: 770px;
}
.grid_7 {
  width: 670px;
}
.grid_6 {
  width: 568px;
}
.grid_5 {
  width: 470px;
}
.grid_4 {
  width: 370px;
}
.grid_3 {
  width: 270px;
}
.grid_2 {
  width: 170px;
}
.grid_1 {
  width: 70px;
}
.preffix_13 {
  margin-left: 127px;
}
.preffix_12 {
  margin-left: 1230px;
}
.preffix_11 {
  margin-left: 1130px;
}
.preffix_10 {
  margin-left: 1030px;
}
.preffix_9 {
  margin-left: 930px;
}
.preffix_8 {
  margin-left: 830px;
}
.preffix_7 {
  margin-left: 730px;
}
.preffix_6 {
  margin-left: 630px;
}
.preffix_5 {
  margin-left: 530px;
}
.preffix_4 {
  margin-left: 430px;
}
.preffix_3 {
  margin-left: 330px;
}
.preffix_2 {
  margin-left: 230px;
}
.preffix_1 {
  margin-left: 130px;
}
.preffix_0 {
  margin-left: 50px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
@media (min-width: 980px) and (max-width: 1250px) {
  .row {
    margin-left: -20px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 915px;
  }
  .grid_12 {
    width: 940px;
  }
  .grid_11 {
    width: 860px;
  }
  .grid_10 {
    width: 762px;
  }
  .grid_9 {
    width: 700px;
  }
  .grid_8 {
    width: 620px;
  }
  .grid_7 {
    width: 540px;
  }
  .grid_6 {
    width: 445px;
  }
  .grid_5 {
    width: 380px;
  }
  .grid_4 {
    width: 290px;
  }
  .grid_3 {
    width: 220px;
  }
  .grid_2 {
    width: 140px;
  }
  .grid_1 {
    width: 60px;
  }
  .preffix_13 {
    margin-left: 116px;
  }
  .preffix_12 {
    margin-left: 980px;
  }
  .preffix_11 {
    margin-left: 900px;
  }
  .preffix_10 {
    margin-left: 820px;
  }
  .preffix_9 {
    margin-left: 740px;
  }
  .preffix_8 {
    margin-left: 660px;
  }
  .preffix_7 {
    margin-left: 580px;
  }
  .preffix_6 {
    margin-left: 500px;
  }
  .preffix_5 {
    margin-left: 420px;
  }
  .preffix_4 {
    margin-left: 340px;
  }
  .preffix_3 {
    margin-left: 260px;
  }
  .preffix_2 {
    margin-left: 180px;
  }
  .preffix_1 {
    margin-left: 100px;
  }
}



@media (min-width: 768px) and (max-width: 979px) {


  .row {
    margin-left: -20px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 748px;
  }
  .grid_12 {
    width: 748px;
  }
  .grid_11 {
    width: 684px;
  }
  .grid_10 {
    width: 620px;
  }
  .grid_9 {
    width: 556px;
  }
  .grid_8 {
    width: 492px;
  }
  .grid_7 {
    width: 428px;
  }
  .grid_6 {
    width: 362px;
  }
  .grid_5 {
    width: 300px;
  }
  .grid_4 {
    width: 236px;
  }
  .grid_3 {
    width: 172px;
  }
  .grid_2 {
    width: 108px;
  }
  .grid_1 {
    width: 44px;
  }
  .preffix_13 {
    margin-left: 84px;
  }
  .preffix_12 {
    margin-left: 788px;
  }
  .preffix_11 {
    margin-left: 724px;
  }
  .preffix_10 {
    margin-left: 660px;
  }
  .preffix_9 {
    margin-left: 596px;
  }
  .preffix_8 {
    margin-left: 532px;
  }
  .preffix_7 {
    margin-left: 468px;
  }
  .preffix_6 {
    margin-left: 404px;
  }
  .preffix_5 {
    margin-left: 340px;
  }
  .preffix_4 {
    margin-left: 276px;
  }
  .preffix_3 {
    margin-left: 212px;
  }
  .preffix_2 {
    margin-left: 148px;
  }
  .preffix_1 {
    margin-left: 36px;
  }
}
.select-menu {
  display: none !important;
}
@media (max-width: 767px) {
  .container {
    width: 420px;
    padding: 0 0px;
  }
  .row {
    margin-left: 0;
  }
  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .select-menu {
    display: block !important;
  }
}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .container {
    width: 345px;
    padding: 0 15px;
  }
  .container.fix {
    width: 100%;
  }
  .row {
    margin-left: 0;
  }

  .container.fix2 .slick-slider {
    margin:0 -20px;
  }

  .container.fix2 .slick-slide {
    padding:10px;
    text-align:center;
    margin-right:30px;
    margin-left:30px;
  }

}

@media (min-width: 860px) and (max-width: 980px) {

  header #stuck_container .container  {
    width: 840px;
  }
}

/* Css-file: user_modules/wz2016/skin/css/style.css */

/*========================================================
                    Main layout styles
=========================================================*/
body {
    font: 400 16px/20px 'Montserrat', sans-serif;
    color: #333333;
    background-color: #ffffff;
}

#menuToggle
{
    display: block;
    position: relative;
    top: 50px;
    left: 50px;

    z-index: 1;

    -webkit-user-select: none;
    user-select: none;
}

#menuToggle a
{
    text-decoration: none;
    color: #232323;

    transition: color 0.3s ease;
}

#menuToggle a:hover
{
    color: tomato;
}


#menuToggle input
{
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;

    cursor: pointer;

    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */

    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;

    background: #cdcdcd;
    border-radius: 3px;

    z-index: 1;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
}

#menuToggle span:first-child
{
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
    transform-origin: 0% 100%;
}

/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
    transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
    position: absolute;
    width: 300px;
    margin: -100px 0 0 -50px;
    padding: 50px;
    padding-top: 125px;

    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */

    transform-origin: 0% 0%;
    transform: translate(-100%, 0);

    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
    padding: 10px 0;
    font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
    transform: none;
}

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

* {
    -webkit-text-size-adjust: none;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: 0.4s color ease, 0.4s background-color ease, 0.4s opacity ease;
    transition: 0.4s color ease, 0.4s background-color ease, 0.4s opacity ease;
}

a:link,
a:visited,
a:active {
    color: inherit;
}

a:hover {
    color: #bbbbbb;
}

header #logo {
    display: inline-block;
    padding: 20px 0px 4px;
    font: 900 52px/31px 'Montserrat', sans-serif;
    letter-spacing: -0.025em;
    color: #1089d4;
    width: 180px;
}

header #logo a:hover,
header #logo a:visited {
    color: #1089d4;
    vertical-align: baseline;
}

header #logo .slogan {
    font-size: 16px;
    display: none;
    text-transform: none;
    font-weight: normal;
    padding: 0px;
    text-align: center;
    letter-spacing: normal;
}

h1 {
    color: #276dcc;
    padding: 36px 0 36px 0;
    font: bold 48px/48px 'Montserrat', Arial, sans-serif;
    letter-spacing: -0.02em;
    text-transform: none;
    text-align: center;
}

h2 {
    color: #0389CF; /* blue */
    /*color: #989898; *//* grey */
    padding: 36px 0 45px 0;
    font: normal 48px/48px 'Lato', Arial, sans-serif;
    letter-spacing: -0.025em;
    text-transform: none;
    text-align: center;
}

h3,
h4,
h5,
h6 {
    padding-bottom: 18px;
    padding-top: 18px;
    font: normal 26px/26px 'Lato', Arial, sans-serif;
    letter-spacing: -0.025em;
}

img {
    max-width: 100%;
}

strong, b {
    font-weight: bold;
}

/*global classes*/
.ta__l {
    text-align: left;
}

.ta__c {
    text-align: center;
}

.ta__x {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
}


.ta__c_custom label {
    float: none !important;
}

.ta__r {
    text-align: right;
}

.fl__l {
    float: left;
}

.fl__r {
    float: right;
}

.ovf__h {
    overflow: hidden;
}

.td__udl {
    text-decoration: underline;
}

.fw__light {
    font-weight: 300;
}

.clear_b {
    clear: both;
}

.nowrap {
    white-space: nowrap;
}

.hidden {
    display: none;
}

.hl-blue {
    color: #228FE6;
}

.hl-red {
    color: #f00;
}

.hl-green {
    color: #04b404;
}

.block_error,
div.xbk-teaser table.xbk-teaser-error-wrapper {
    background-color: #f7d9d9;
    border-radius: 6px;
    padding: 16px 25px;
    margin-bottom: 16px;
    font-size: 16px;
}

.block_information {
    background-color: #e5eaec;
    border-radius: 6px;
    padding: 16px 25px;
    margin-bottom: 16px;
    font-size: 16px;
}

.block_announcement {
    background-color: #ccffcc;
    border-radius: 6px;
    padding: 16px 25px;
    margin-bottom: 16px;
    font-size: 16px;
}

.block_warning {
    background-color: #f6ffc9;
    border-radius: 6px;
    padding: 16px 5px;
    margin-bottom: 16px;
    font-size: 16px;
    width: 80%;
}
@media (max-width: 767px)
{
    .block_warning {
background-color: #f6ffc9;
border-radius: 6px;
padding: 16px 7px;
margin-bottom: 16px;
font-size: 16px;
width: 100%;
    }
}

div.xbk-teaser table.xbk-teaser-error-wrapper {
    border: 0;
    width: 100%;
}

/*========================================================
                    TEXTUAL BLOCKS styles
=========================================================*/
.textual h2 {
    font: normal 42px/42px 'Lato', Arial, sans-serif;
}

.textual h1,
.textual h2,
.textual h3,
.textual h4,
.textual h5,
.textual h6 {
    text-align: left;
}

.textual p,
.textual ul,
.textual ol {
    line-height: 1.3em;
    margin-bottom: 0.75em;
}

.textual ul {
    list-style: none;
}

.textual ul li:before {
    content: '— ';
}

.textual ul.list-style-plus li:before {
    content: '+ ';
    font-size: 1.5em;
    color: firebrick;
    vertical-align: bottom;
}

.textual ol {
    list-style: decimal;
}

.textual.ta__c ol {
    list-style-position: inside;
}

.textual li {
    margin-bottom: 0.25em;
}

.textual a, .checkboxPadder a {
    text-decoration: none;
    border-bottom: 1px solid #cccccc;
}

.textual sup {
    vertical-align: super;
    font-size: .65em;
}

.textual sub {
    vertical-align: sub;
    font-size: .65em;
}

.textual table {
    width: auto;
    border-collapse: collapse;
    border: 0;
}

.textual table th {
    text-align: left;
    font-weight: bold;
}

.textual table th,
.textual table td {
    padding: .25em .5em .25em 0;
}

.textual .fa {
    vertical-align: baseline;
}

/*========================================================
                    MOBILE TOGGLE styles
=========================================================*/
.show-mw-inline__480 {
    display: none;
}

/*========================================================
                    HEADER styles
=========================================================*/
#header {
  position: relative;
  background: url('/user_modules/wz2016/skin/img/wz/bg-money.png') no-repeat 120% 0;
  background-size: auto;
}

.header_top {
    width: 100%;
    background: #fff;
}

#stuck_container {
    background: #fff;
    z-index: 10;
    border-bottom: 1px solid #dee1ea;
}

.navigation {
    float: right;
    display: inline-block;
}

#mobile_nav,
#login_nav,
.lk-login-header {
    display: none;
}
.navigation .menu .show-mw__767 {
    display: none;
}

.slider {
    position: relative;
    height: 100%;
}

.slider_item {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -585px;
    margin-top: -223px;
    width: 1170px;
    color: #ffffff;
    text-align: center;
}

/* Main menu styles
========================================================*/
.menu {
    overflow: hidden;
}

nav {
    position: relative;
}

.menu {
    float: left;
    position: relative;
}

.menu .active a {
    background: #46a2f100;
    color: #6cc0ad;
    font-weight: bold;
}

.menu > li.blocked > a {
    color: #0054bd;
}

.menu > li.blocked > a:hover {
    background: transparent;
    color: #0054bd;
}

.menu > li {
    position: relative;
    float: left;
}

.menu > li > a {
  display: inline-block;
  padding: 32px 15px;
  font: 17px/31px 'Montserrat', sans-serif;
  color: #2f648d;
  letter-spacing: -0.025em;
  /*text-transform: uppercase;*/
  -webkit-transition: 0.3s color ease, 0.4s background-color ease, 0.4s opacity ease;
  transition: 0.3s color ease, 0.4s background-color ease, 0.4s opacity ease;
}

.menu > li > a:hover {
    color: #071e55;
    -webkit-transition: 0.3s color ease, 0.4s background-color ease, 0.4s opacity ease;
    transition: 0.3s color ease, 0.4s background-color ease, 0.4s opacity ease;
}

.menu a {
    -webkit-transition: 0.3s color ease, 0.4s background-color ease, 0.4s opacity ease;
    transition: 0.3s color ease, 0.4s background-color ease, 0.4s opacity ease;
}

.menu a:hover {
    -webkit-transition: 0.3s color ease, 0.4s background-color ease, 0.4s opacity ease;
    transition: 0.3s color ease, 0.4s background-color ease, 0.4s opacity ease;
}

.menu .highlight a {
    background: #0389CF;
    color: #ffffff;
}

.menu .fa {
    line-height: inherit;
}

.menu .lk-login {
    color: #fff;
    background: #2f648d;
    padding: 10px 15px;
    margin: 22px .5em 18px .5em;
    border-radius: 10px;
}
@media (max-width: 768px)
{
.menu .lk-login {
    color: #fff;
    background: #0289cf;
    padding: 10px 15px;
    margin: 0px;
    border-radius: 10px;
}
}
@media (max-width: 830px) and (min-width: 768px)
{
.menu .lk-login {
    color: #fff;
    background: #2f648d;
    padding: 8px 7px;
    margin: 22px 0.1px 18px .5em;
    border-radius: 10px;
}
}


.menu .lk-login .scrolled-nav {
    margin: 22px .5em 0px .5em;
}

.menu .lk-login:hover {
    background: #fff;
}

.menu .lk-login-header {
    display: none;
}
.menu li .fa {
    margin-right: .25em;
}

.hashAncor {
    position: absolute;
    top: -92px;
}

.hashAncorRel {
    position: relative;
    top: -92px;
}

.menu li.lang {
    overflow: hidden;
}

.menu li.lang a {
    display: block;
    width: 38px;
    height: 23px;
    margin: 16px 10px;
    padding: 0;
    opacity: .5;
}

.menu li.lang a.selected {
    outline: solid #4ba7fe 2px;
    outline-offset: 2px;
    opacity: 1;
}

#header .scrolled-nav #logo {
    padding: 8px 18px 8px;
    max-width: 100px;
}
#header .scrolled-nav .menu > li > a {
    padding: 8px 12px;
    font-size: 14px;
}

@media screen and (max-width: 859px) {
#header .scrolled-nav .menu > li > a {
    padding: 8px 6px;
    font-size: 13px;
}
}



#header .scrolled-nav .menu .lk-login {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#header .scrolled-nav #logo .slogan {
    display: block;
}
#header .scrolled-nav #logo .logomain {
    display: none;
}
#header .scrolled-nav #topbar .btn.btn-icon.btn-lg {
    height: calc(1.0em + 1.2rem + 2px);
    width: calc(1.5em + 1.65rem + 2px)
}
#header .scrolled-nav #topbar .font-size-base {
    font-size: 1.0rem;
}


/*.menu li.lang .rus {
	background: url(/user_modules/wz2016/skin/img/flags.png) no-repeat 0 0;
}

.menu li.lang .kaz {
	background: url(/user_modules/wz2016/skin/img/flags.png) no-repeat 0 -23px;
}*/
/*========================================================
                    CONTENT styles
=========================================================*/
#content {
    overflow: inherit;
    min-height: 500px;

}

#content article {
    position: relative;

}

.content_inset__1 {
    padding-bottom: 30px;
}

.content_inset__1 .block-item-1_extension {
    margin-top: 0;
}

.content_inset__2 {
    padding-bottom: 0px;
}

.content_inset__3 {
    padding-bottom: 126px;
}

.content_bg__1 {
  /*background: url(/user_modules/wa2016/skin/img/page1_img1.jpg) 50% 0 no-repeat;*/
}

.content_bg__2 {
    /*background: url(../images/page1_img6.jpg) 50% 0 no-repeat;*/
    min-height: 599px;
}

.content_bg__3 {
    /*background: #0389CF;
    color: #ffffff;*/
}

.content_bg__4 {
    /*background: url(../images/page1_img25.jpg) 50% 100% no-repeat;*/
}

.content_bg__5 {
    background: #ffffff 50% 100% no-repeat;
}

.content_bg__reviews {
    /*background: url(../img/page1_people.jpg);*/
}

.content_about {
    position: relative;
    min-height: 467px;
    color: #ffffff;
}

.content_about .about-description {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.block-item-1 {
    text-align: center;
}

.block-item-1_heading {
    padding: 0 0 62px 0;
}

.block-item-1_description {
    padding: 0 0 69px 0;
}

.block-item-1_extension {
    margin-top: 30px;
}

.block-item-2 {
    padding: 0 0 30px 0;
    text-align: center;
}

.block-item-2_heading {
    padding: 36px 0 5px 0;
}

.block-item-2_description {
    width: 770px;
    margin: 0 auto;
}

.block-item-2__indent-1 {
    padding: 38px 0 60px 0;
}

.block-item-2__indent-2 {
    padding: 38px 0 42px 0;
}

.block-item-3 {
    padding: 0 0 59px 0;
}

.block-item-3_img {
    float: left;
    margin-right: 30px;
}

.block-item-3_content {
    overflow: hidden;
}

.block-item-3_heading {
    padding: 0 0 18px 0;
}

.block-item-4 {
    padding: 27px 0 20px 0;
}

.block-item-4:before,
.block-item-4:after {
    content: " ";
    display: table;
}

.block-item-4:after {
    clear: both;
}

.block-item-4_img {
    margin: 0 auto;
    display: block;
}

.block-item-4_content {
    padding: 10px 0 0 0;
    overflow: hidden;
}

.block-item-5 {
    padding: 0 0 16px 0;
    text-align: center;
}

.block-item-5_heading {
    padding: 36px 0 8px 0;
}

.block-item-5_description {
    width: 780px;
    margin: 0 auto;
}

.block-item-5_description:before,
.block-item-5_description:after {
    content: " ";
    display: table;
}

.block-item-5_description:after {
    clear: both;
}

.block-item-5_description li {
    float: left;
}

.block-item-5_description li:first-child:before {
    content: "";
    padding: 0;
}

.block-item-5_description li:before {
    content: "//";
    padding: 0 12px;
}

.block-item-6 {
    text-align: center;
    padding: 0 0 57px 0;
}

.block-item-6_img {
    max-width: 100%;
    padding: 0 0 10px 0;
}

.block-item-6_img__indent-2 {
    padding: 0 0 25px 0;
}

.block-item-6_heading {
    padding: 0 0 22px 0;
}

.block-item-6_description {
    margin: 0 auto;
    width: 230px;
}

.block-item-6_extension {
    text-align: justify;
    word-wrap: break-word;
}

.block-item-6_extension .fa {
    font-size: 28px;
    padding: 0 6px;
}

.block-1 {
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.block-1 img {
    border-radius: 4px;
    border: 1px solid #d4d4d4;
}

.block-1:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.block-2 {
    float: right;
    right: 50%;
    position: relative;
    padding-bottom: 27px;
    margin: 0 auto;
}

.block-2:before,
.block-2:after {
    content: " ";
    display: table;
}

.block-2:after {
    clear: both;
}

.block-2_wrapper {
    float: left;
    left: 50%;
    position: relative;
}

.block-2 a {
    float: left;
    display: block;
    width: 59px;
    height: 59px;
    margin: 0 4px;
    font-size: 29px;
    line-height: 59px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    color: #2eaeb7;
    background: #ffffff;
}

.block-2 a:hover {
    color: #ffffff;
    background-color: #0389CF;
}

.block-privacy,
.block-faq {
    text-align: justify;
    font-size: 16px;
    line-height: 28px;
    word-wrap: break-word;
}

.block-privacy_heading {
    color: #0389CF;
}

.block-privacy_paragraph {
    padding: 0 0 28px 0;
}

.block-privacy_link {
    color: #0389CF;
}

.element {
    width: 20%;
    float: left;
    margin-bottom: 1px;
}

.block-gall {
    width: inherit;
}

.block-gall .element {
    width: 20%;
    float: left;
    margin-bottom: 1px;
    text-align: center;
}

.block-gall .element img {
    width: 100%;
}

.block-gall .element .review {
    padding: 1rem;
}

.block-gall .element .signature {
    text-align: right;
    font-style: italic;
    margin-top: 1.5em;
}

.block-gall_item {
    display: block;
    position: relative;
    cursor: pointer;
}

.block-gall_item img {
    transition: opacity 0.5s ease;
}

.block-gall_item:hover:before {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.block-gall_item:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

.block-gall_item:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    transition: opacity 0.5s ease;
}

.block-gall_item:after {
    content: "";
    display: block;
    font: 65px/65px FontAwesome;
    color: #ffffff;
    position: absolute;
    margin-left: -33px;
    left: 50%;
    margin-top: -33px;
    top: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    transition: opacity 0.5s ease;
}

.block-stellar {
    padding: 59px 0 40px 0;
    position: relative;
    box-sizing: border-box;
    /*color: #ffffff;*/
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1199px) {
    .block-stellar {
        background-size: 140% auto;
    }
}

@media (max-width: 767px) {
    .block-stellar {
        background-size: cover;
    }
}

.block-calc {
}

.block-calc .slider-label {
    display: block;
    margin: 15px 0 25px;
    font-size: 32px;
    line-height: 1.05em;
}
.block-calc .slider-label .summ {
    color: #EF0000;
}

@media (max-width: 767px) {
    .block-calc .slider-label {
        margin: 15px 0 20px;
        font-size: 24px;
        line-height: 26px;
    }
}

.block-calc .slider {
    margin-bottom: 50px;
}

.block-calc-btn {
    padding-top: 10px;
}

.btn {
    display: inline-block;
    padding: 18px 56px;
    border: 4px solid #ffffff;
    font: normal 24px/24px 'Montserrat', Arial, sans-serif;
    color: #ffffff;
    transition: background-color 0.4s ease;
}

.btn:link,
.btn:visited {
    color: #ffffff;
}

.btn:hover {
    background: #0389CF;
    color: #ffffff;
}

.btn-2 {
    display: inline-block;
    padding: 12px 84px;
    font: normal 26px/26px 'Montserrat', Arial, sans-serif;
    color: #0389CF;
    background: #ffffff;
    transition: background-color 0.4s ease;
}

.btn-2:link,
.btn-2:visited {
    color: #ffffff;
}

.btn-2:hover {
    background: #2d67c0;
    color: #ffffff;
}

.btn-3 {
    border: 4px solid #ffffff;
    display: inline-block;
    padding: 22px 84px;
    font: normal 26px/26px 'Montserrat', sans-serif;
    color: #ffffff;
    background: #00e6b8;
    transition: background-color 0.4s ease;
}

.btn-3:link,
.btn-3:visited {
    color: #ffffff;
}

.btn-3:hover {
    background: #2d67c0;
    color: #ffffff;
}

.btn-4 {
    display: inline-block;
    padding: 4px 56px;
    border: 4px solid #ffffff;
    font: normal 24px/24px 'Montserrat', Arial, sans-serif;
    color: #0389CF;
    transition: background-color 0.4s ease;
}

.btn-4:link,
.btn-4:visited {
    color: #0389CF;
}

.btn-4:hover {
    color: green;
    border-color: #ffffff;
}

.btn-5 {
    display: inline-block;
    padding: 4px 56px;
    border: 4px solid #ffffff;
    font: normal 24px/24px 'Montserrat', Arial, sans-serif;
    color: #0389CF;
    transition: background-color 0.4s ease;
}

.btn-5:link,
.btn-5:visited {
    color: #ffffff;
}

.btn-5:hover {
    color: #ff0000;
    border-color: #ffffff;
}

.btn-6 {
    border: 2px solid #ffffff;
    display: inline-block;
    padding: 19px 42px;
    font: normal 16px/16px 'Montserrat', Arial, sans-serif;
    color: #ffffff;
    background: #426ab0;
    transition: background-color 0.4s ease;
    border-radius: 8px;
}

.btn-6:link,
.btn-6:visited {
    color: #ffffff;
}

.btn-6:hover {
    background: #2d67c0;
    color: #ffffff;
}

.btn-7 {
    border: 2px solid #ffffff;
    display: inline-block;
    padding: 11px 42px;
    font: normal 16px/16px 'Montserrat', Arial, sans-serif;
    color: #ffffff;
    background: #04b404;
    transition: background-color 0.4s ease;
}

.btn-7:link,
.btn-7:visited {
    color: #ffffff;
}

.btn-7:hover {
    background: #04b404;
    color: #ffffff;
}
/* Кнопка с двойным контентом */
.btn-split {
    border-radius: 4px;
    display: inline-block;
    padding: 0 5px 0 10px;
    font: normal 14px/16px 'Montserrat', Arial, sans-serif;
    color: #ffffff;
    background: #0389CF;
    transition: background-color 0.4s ease;
}

.btn-split .text {
    display: inline-block;
    padding: 6px 10px 11px 0;
    text-align: center;
}

.btn-split .text i {
    vertical-align: baseline;
    margin-right: 0.3em;
}

.btn-split .addition {
    display: inline-block;
    padding: 11px 5px 11px 10px;
    text-align: center;
    border-left: 2px solid #fff;
}

.btn-split:link,
.btn-split:visited {
    color: #ffffff;
}

.btn-split:hover {
    background: #2d67c0;
    color: #ffffff;
}

.btn-red-bg .btn-split {
    background: #c00;
}

.btn-red-bg .btn-split:hover {
    background: #a00;
}

.btn-green-bg .btn-split {
    background: #04b404;
}

.btn-green-bg .btn-split:hover {
    background: #027d02;
}

.color-1 {
    color: #ffffff;
}

.color-2 {
    color: #0389CF;
}

.color-3 {
    color: #092832;
}

.text__light {
    font-weight: 300 !important;
}

.text__regular {
    font-weight: 400 !important;
}

.text__black {
    font-weight: 900 !important;
}

.text__lower-spacing {
    letter-spacing: -0.025em !important;
}

.text__upercase {
    text-transform: uppercase !important;
}

.text-1 {
    font-size: 153px;
    line-height: 153px;
    font-weight: 900;
}

.text-2 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
}

.text-2 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
}

.text-3 {
    font-size: 20px;
    line-height: 31px;
    font-weight: 400;
}

.text-4 {
    font-size: 66px;
    line-height: 66px;
    font-weight: 400;
}

.text-5 {
    font-size: 16px;
    line-height: 28px;
}
.text-6 {
    font-size: 30px;
    line-height: 153px;
    font-weight: 900;
    color: white;
}
.text-7 {
    font-size: 18px;
    line-height: 28px;
    color: #00e5ba;
}

.text-s {
    font-size: .75em;
}

section.partners {
    padding: 16px 0 16px;
}

section.partners img {
    margin: 0 1%;
    opacity: 0.5;
}

section.partners img:hover {
    opacity: 1;
    transition: opacity 0.4s ease;
}



/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 80px;
    right: 60px;
    overflow: hidden;
    color: #0389CF;
    font-size: 37px;
    line-height: 37px;
    text-align: center;
    z-index: 20;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

#toTop:hover {
    outline: none;
    color: #333333;
}

@media only screen and (max-width: 1199px) {
    #toTop {
        display: none !important;
    }
}

/* Contact Form variables
========================================================*/
/* Contact Form Basic Styles 
========================================================*/
.wz-form {
    position: relative;
    width: 880px;
    margin: 0 auto;
    text-align: left;
}

.wz-form i.fa-plus-circle,
.wz-form i.fa-minus-circle {
    font-size: 36px;
    vertical-align: middle;
}

.wz-form .btn1 {
    margin-top: 25px;
}

.wz-form p {
    margin-bottom: 1em;
}

.wz-form label {
    display: block;
    float: left;
    position: relative;
    display: inline-block;
    width: 49%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 51px;
    margin: 0 0 24px 0;
}

.fieldLegal_doc_1,
.fieldLegal_doc_2,
.fieldLegal_doc_3,
.fieldR_offer,
.fieldR_recurring_payments {
    width: 100% !important;
    min-height: 0px !important;
    margin: 0 0 12px 0 !important;
}

.wz-form label.fieldDeclaration_confirm  {
    float: none;
}
.wz-form label.message {
    margin-left: 0;
    margin-bottom: 24px;
    width: 100%;
    position: relative;
}

.wz-form label.message:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  /*background: url(/user_modules/wz2016/skin/img/text-area_decoration.png);*/
  position: absolute;
  right: 26px;
  bottom: 26px;
}

.wz-form fieldset {
    border: none;
    width: 100%;
}

.wz-form h3 {
    color: #092832;
}

.wz-form .fieldFio {
    width: 100%;
}

.wz-form .fieldEmail {

}

.wz-form .fieldMobPhone {
    margin-left: 2%;
}

.wz-form .fieldBirthday {
    margin-left: 2%;
}

.wz-form .fieldBankName {
    width: 100%;
}

.wz-form .fieldLoanType {
    width: 30%;
}

.wz-form .fieldLoanAmount {
    margin-left: 2%;
    width: 41%;
}

.wz-form .fieldLoanCurrency {
    margin-left: 2%;
    width: 24%;
}

.wz-form label input.error,
.wz-form label select.error,
.wz-form label textarea.error {
    border: solid 1px #ff0000;
    background-color: #f7d9d9;
    color: #ff0000;
}

.wz-form label .validate-message {
    font-size: 12px;
    position: absolute;
    color: red;
    text-align: center;
    background: #faebd7;
    width: 100%;
    top: 100%;
    left: 0;
    text-overflow: ellipsis;
    z-index: 500;
}

/* Credit History Step Groups
========================================================*/
.wz-form .ch-group {
    margin-bottom: 2em;
    position: relative;
}

.wz-form .ch-group .ch-num {
    color: #666;
    position: absolute;
    top: 3px;
    left: -36px;
    font-size: 40px;
    font-weight: bold;
    border: 0;
    border-radius: 25px;
    background: #aaa;
    padding: 12px;
}

/* Contact Form Steps
========================================================*/
#app_step1 {
    display: block;
}

#app_step2 {
    display: none;
}

/* Contact Form Placeholder Styles
========================================================*/
.wz-form ._placeholder {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 29px;
    padding: 12px 0 0 15px;
    color: #2d67c0;
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: text;
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.wz-form ._placeholder.focused {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.wz-form ._placeholder.hidden {
    /*display: none;*/
    left: 0px;
    top: 0px;
    width: 379px;
    height: 14px !important;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 0 0 10px;
    margin: 0;
    line-height: 1em;
}

.wz-form label.ok ._placeholder.hidden {
    color: green;
}

/*.wz-form .fileInput {
    text-align: right;
}*/
.wz-form .fileFieldDescription {
    margin: 0 0 0.5em 26px;
    font-size: 18px;
}

.wz-form .fileInput .fa {
    vertical-align: baseline;
}

.wz-form .fileInput .filename {
    white-space:  nowrap;
}

.wz-form .fileInput * {
    pointer-events: none;
}

.wz-form .fileInput ._placeholder {
    display: none;
}

.wz-form .fileInput .button {
    display: inline-block;
    height: 100%;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
}

/* Submit Button
========================================================*/
.wz-form input[type='submit'],
.wz-form a.submit-input {
    -webkit-appearance: none;
    border: 2px solid #ffffff;
    border-radius: 22px;
    display: inline-block;
    padding: 20px 3.5em;
    font: bold 16px/21px 'Montserrat ', Arial, sans-serif;
    color: #ffffff;
    background: #0389CF;
    transition: background-color 0.4s ease;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 36px;

}

.wz-form input[type='submit']:hover,
.wz-form a.submit-input {
    background: #00cca3;
    color: #ffffff;
}

/* Contact Form Input
========================================================*/
.wz-form input[type='text'],
.wz-form input[type='password'],
.wz-form input[type='tel'],
.wz-form input[type='date'],
.wz-form input[type='email'],
.wz-form input[type='number'],
.wz-form .fileInput {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 29px;
    padding: 10px 15px;
    border: 1px solid #8d8d8d00;
    border-radius: 6px;
    width: 100%;
    outline: none;
    height: 51px;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-weight: 300;
    color: #000000;
    background: #ecf1f7;
    text-overflow: ellipsis;
}

.wz-form .fileInput {
    overflow: hidden;
    margin-bottom: 12px;
    white-space: nowrap;
}

.wz-form input[type='date'] {
    -webkit-appearance: none;
}

.wz-form input[type='file'] {
    -webkit-appearance: none;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.wz-form .showpassword {
    font-size: 31px;
    position: relative;
    margin-left: -40px;
    outline: 1px dotted red;
    padding: 10px 0;
    cursor: pointer;
    z-index: 500;
}

.wz-form input[disabled] {
    background-color: #dddddd;
    color: #000000;
    border-color: #bdbdbd;
}

.wz-form input[disabled][type='submit'] {
    background: #dddddd;
    color: #999;
    transition: color 1s;
}

.wz-form input[disabled][type='submit']:hover {
    background: #dddddd;
    color: #fff;
    transition: color 500ms;
}

.wz-form input.unstyled {
    background-color: transparent;
    border: 0px;
}

/* Contact Form Select
========================================================*/
.wz-form select {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 29px;
    padding: 10px 15px;
    border: 1px solid #8d8d8d;
    border-radius: 4px;
    width: 100%;
    outline: none;
    height: 51px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: listbox;
    box-sizing: border-box;
    margin: 0;
    font-weight: 300;
    color: #000000;
    background: #ffffff;
}

.wz-form select option[disabled] {
    display: none;
}
.wz-form select[disabled] {
    background-color: #dddddd;
    color: #000000;
    border-color: #bdbdbd;
}

/* Contact Form Checkbox and Radio
========================================================*/
.wz-form input[type='checkbox'],
.wz-form input[type='radio'] {
    display: none;
}

.wz-form .checkboxMark,
.wz-form .radioMark {
    width: 39px;
    height: 39px;
    display: block;
    border: 1px solid #8d8d8d;
    border-radius: 4px;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0 0 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.wz-form .checkboxMarkMini {
    width: 29px;
    height: 29px;
    display: block;
    border: 1px solid #8d8d8d;
    border-radius: 4px;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0 0 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.wz-form .checkboxMarkItem,
.wz-form .radioMarkItem {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
}

.wz-form .checkboxMarkItemMini {
    position: absolute;
    top: 0;
    left: 0;
    width: 29px;
    height: 29px;
}

.wz-form .radioMark {
    border-radius: 20px;
}

.wz-form input[type='checkbox']:checked + .checkboxMarkItem,
.wz-form input[type='radio']:checked + .radioMarkItem {
    color: #3aa650;
    background: #ffffff;
}

.wz-form input[type='checkbox']:checked + .checkboxMarkItemMini {
    color: #3aa650;
    background: #ffffff;
}

.wz-form input[type='checkbox']:checked + .checkboxMarkItem:before,
.wz-form input[type='radio']:checked + .radioMarkItem:before {
    content: '\2714';
    font-size: 32px;
    position: absolute;
    top: 6px;
    left: 7px;
    line-height: 1em;
    text-shadow: 1px 1px 2px #cccccc;
}

.wz-form input[type='checkbox']:checked + .checkboxMarkItemMini:before {
    content: '\2714';
    font-size: 22px;
    position: absolute;
    top: 6px;
    left: 7px;
    line-height: 1em;
    text-shadow: 1px 1px 2px #cccccc;
}

.wz-form input[type='radio']:checked + .radioMarkItem:before {
    content: '\2022';
    font-size: 80px;
    top: -24px;
    left: 8px;
}

.wz-form .checkboxTitle,
.wz-form .radioTitle {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.25em;
    cursor: pointer;
}

.wz-form .all_agreement_confirm a {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    Line-height: 22.4px;
    color:  #333333;
    border-size: 0;
}

form.wz-form .sub_agreement_confirm {
    margin-bottom: 15px;
    min-height: 40px;
}

.wz-form .sub_agreement_confirm a {
    font-family: 'Lato', sans-serif;
    cursor: pointer;
    font-size: 14px;
    color: #898B90;
    border-bottom-color: #898B90;
    font-weight: 400;
}
.wz-form .private_data_agreement_confirm .checkboxTitle {
    font-family: 'Lato', sans-serif;
    cursor: pointer;
    font-size: 13px;
    color: #898B90;
    border-bottom-color: #898B90;
    font-weight: 400;
}

.wz-form .title {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.25em;
}

.wz-form .checkboxTitleMini {
    font-family: 'Roboto', sans-serif;
    line-height: 1.25em;
    cursor: pointer;
}

.wz-form input[type='checkbox']:disabled + .checkboxMarkItem,
.wz-form input[type='radio']:disabled + .radioMarkItem {
    color: #ccc;
    border-color: #ccc;
}

.wz-form input[type='checkbox']:disabled + .checkboxMarkItem + .checkboxTitle,
.wz-form input[type='radio']:disabled + .checkboxMarkItem  + .radioTitle {
    color: #9d9d9d;
}

.wz-form .checkboxPadder,
.wz-form .radioPadder {
    padding: 10px 0 0 50px;
}

.wz-form .sub_agreement_confirm .all_agreement_confirm {
    padding: 6px 0 0 50px;
}
.wz-form .sub_agreement_confirm .checkboxPadder {
    padding: 5px 0 0 50px;
}

.wz-form .checkboxButtonPadder {
    padding: 10px 0 0;
    cursor: pointer;
}

.wz-form .checkboxButtonPadder .btn-6 {
    padding: 0;
}

.checkboxBtn {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    margin-right: 1em;
}

.checkboxBtn:hover {
    background-color: #F78B83;
    transition: background-color 500ms;
}

.checkboxBtn span {
    padding: 11px 1.1em;
    display: inline-block;
}

.checkboxBtn span.cancel,
.checkboxBtn span.activate {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
}

.checkboxBtn:hover span.cancel {
    top: 0;
    background-color: #F78B83;
    transition: top 500ms;
}

.checkboxBtn.inactive span.activate {
    background-color: #00aa00;
    top: 0;
}
.toggleable-password {
    position: relative;
}
.toggleable-password #password-input-type-toggle + label + label {
    cursor: pointer;
    position: absolute;
    width: 50px !important;
    height: 50px;
    float: none;
    right: 10px;
    top: 0;
    font-size: 24px;
    text-align: center;
    margin: 0;
    line-height: 30px;
    display: block;
    padding: 10px;
}
.toggleable-password #password-input-type-toggle + label + label .fa-eye,
.toggleable-password #password-input-type-toggle:checked + label + label .fa-eye-slash {
    display: block;
}
.toggleable-password #password-input-type-toggle + label + label .fa-eye-slash,
.toggleable-password #password-input-type-toggle:checked + label + label .fa-eye {
    display: none;
}

.wz-form .optional_field_checkbox_wrapper .checkboxMarkItem,
.wz-form .optional_field_checkbox_wrapper .radioMarkItem {
    width: 32px;
    height: 32px;
}
.wz-form .optional_field_checkbox_wrapper .checkboxMark,
.wz-form .optional_field_checkbox_wrapper .radioMark {
    width: 20px;
    height: 20px;
}
.wz-form .optional_field_checkbox_wrapper input[type='checkbox']:checked + .checkboxMarkItem:before,
.wz-form .optional_field_checkbox_wrapper input[type='radio']:checked + .radioMarkItem:before {
    font-size: 16px;
    top: 3px;
    left: 5px;
}
.wz-form .optional_field_checkbox_wrapper label {
    min-height: 32px;
}
.wz-form .optional_field_checkbox_wrapper .checkboxPadder,
.wz-form .optional_field_checkbox_wrapper .radioboxPadder {
    padding: 2px 0 0 34px;
}
.wz-form .optional_field_checkbox_wrapper .checkboxTitle,
.wz-form .optional_field_checkbox_wrapper .radioTitle {
    font-size: 16px;
}

/* Contact Form File Input
========================================================*/
.wz-form .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wz-form input.form-control[disabled] {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

.wz-form input.form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding: 6px 12px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.wz-form .input-group-btn:first-child > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin: 0 -1px 0 0;
}

.wz-form .input-group .form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.wz-form .input-group-btn:last-child > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.wz-form .input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.wz-form input.form-control,
.wz-form .input-group-btn {
    display: table-cell;
    border-collapse: separate;
    float: none !important;
}

.wz-form .input-group-btn label {
    width: auto;
    margin-left: -1px;
}

.wz-form .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
}

.wz-form .btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

.wz-form .btn-default:hover {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.wz-form .btn-default:active,
.wz-form .btn-default:focus {
    outline-offset: -2px;
    outline: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* Contact Form Textarea
========================================================*/
.wz-form textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 29px;
    padding: 9px 24px;
    border: 1px solid #8d8d8d;
    width: 100%;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    height: 200px;
    font-weight: 300;
    border-radius: 4px;
    background: #333333;
    color: #adadad;
    margin: 0;
}

/* Contact Form Error messages
========================================================*/
.wz-form .empty-message,
.wz-form .error-message {
    position: absolute;
    right: 3px;
    top: 2px;
    color: red;
    height: 0;
    overflow: hidden;
    font-size: 11px;
    -webkit-transition: 0.3s ease-in height;
    transition: 0.3s ease-in height;
    z-index: 99;
}

.wz-form .invalid .error-message,
.wz-form .empty .empty-message {
    height: 20px;
}

.wz-form .invalid input {
    color: #ff0000;
}


.wz-form .error-geo {
    color: red;
    height: 0;
    font-size: 11px;
    -webkit-transition: 0.3s ease-in height;
    transition: 0.3s ease-in height;
    z-index: 99;

}



/* Contact Form Processing Box
========================================================*/
.wz-form .contact-form-loader,
.modal-dialog .contact-form-loader {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    background-image: url('/user_modules/wz2016/skin/img/form-loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0;
}

.wz-form.processing .contact-form-loader {
    opacity: 1;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/* Contact Form Modal
========================================================*/
.modal-open {
    overflow: hidden;
}

.wz-form .modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.wz-form .modal h4 {
    font-size: 24px;
    color: #343438;
    text-transform: none;
    padding: 0;
    margin: 0;
    color: #000;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
    color: #000;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

.modal-header .close {
    margin-top: -2px;
    position: relative;
    z-index: 10;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-dialog {
    width: 600px;
    margin: 10px auto;
}

.modal-dialog p {
    margin-bottom: 1em;
}

.modal-dialog .social_share {
    margin-top: 1.25em;
    text-align: center;
    font-weight: bold;
}

.modal-dialog .social_share .ya-share2 {
    text-align: center;
    margin-bottom: 1em;
}

.modal-dialog form label {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
    }

    .btn-6,
    .btn-7 {
        display: block;
        padding: 1em 20px;
        text-align: center;
        margin-bottom: .85em;
    }

    .btn-split {
        display: block;
        margin: 0 6px;
    }
    .checkboxBtn span {
        padding: 11px 0.1em;
        display: inline-block;
    }
}

/* Contact Form Close icon
========================================================*/
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

@media only screen and (max-width: 980px) {
    .wz-form {
        padding-right: 0;
        width: 90% !important;
    }

    .wz-form label {
        width: 100%;
        margin-left: 0 !important;
        clear: left;
    }
}

/* Promocode Link and Modal*/
.procode-modal-link {
    text-align: center;
    margin: 1em 0 0;
}

.procode-modal-link a {
    border-bottom: 1px dashed #aaaaaa;
    margin-left: 1em;
    margin-right: 1em;
}

.procode-modal-link a.active {
    border-bottom: 0;
    font-weight: bold;
    color: #04b404;
    display: block;
}

#form-promocode {
    width: auto;
}

#form-promocode .fieldPromocode {
    width: 76%;
}

@media only screen and (max-width: 979px) {
    .procode-modal-link {
        float: none;
        width: auto;
    }
}

/* Form Errors */
.xbk-teaser {
    width: 50%;
    margin: 0 auto;
}

@media  (max-width: 979px) and (min-width: 481px) {
    .xbk-teaser {
        width: 60%;
        margin: 0 auto;
    }
}

@media  (max-width: 767px) and (min-width: 480px) {
    .xbk-teaser {
        width: 80%;
        margin: 0 auto;
    }
}

@media  (max-width: 480px) {
.xbk-teaser {
    width: 100%;
    margin: 0 auto;
}
}

.xbk-teaser table td {
    width: auto;
    padding: .5em 1em;
}

.xbk-teaser-left-icon {
    display: none;
}

/*========================================================
                CALCULATOR STYLES 
=========================================================*/
#slider-sum,
#slider-due {
    background-color: #00e6b8;
    background: -moz-linear-gradient(90deg, #3aa650, #2fd050);
    background: -webkit-linear-gradient(90deg, #3aa650, #2fd050);
    background: linear-gradient(90deg, #426ab0, #00e6b8)
}
#slider-sum.noUi-horizontal,
#slider-due.noUi-horizontal,
#promo-slider.noUi-horizontal {
    height: 7px;
}

#slider-sum .noUi-handle,
#slider-due .noUi-handle {
  /*  border: 1px solid #c5c5c5;*/
    background-color: #00e6b8;
    /*background: -moz-linear-gradient(180deg, #fff, #eaeaea);
    background: -webkit-linear-gradient(180deg, #fff, #eaeaea);
    background: linear-gradient(180deg, #fff, #eaeaea);*/
    border-radius: 50%;
    width: 25px;
    height: 25px;
    top: -11px;
    left: -16px;
    box-shadow: 0 3px 6px -3px #00000000;
    cursor: pointer;
}
#slider-sum .noUi-handle:after,
#slider-sum .noUi-handle:before,
#slider-due .noUi-handle:after,
#slider-due .noUi-handle:before {
    display: none;
}

.calc_wrap {
    padding-bottom: 10px;
    width: 60%;
    margin: auto auto;
    text-align: center;
    min-height: 450px;
}

#money {
    font-size: 24px;
    line-height: 1.25em;
    position: relative;
    width: 100%;
    margin: 20px 10px 20px;
}

.calculation,.calculation-more {
    font-size: 24px;
    line-height: 1.25em;
    margin-bottom: 0.5em;
}

.calculation .calc_sum,
.calculation .calc_due,
.calculation .interests,
.calculation .calc_discount {
    font-size: 34px;
    font-weight: normal;
    /*color: #008000;*/
    text-shadow: 1px 1px 3px #ffffff;
}

.calculation .discount {
    color: #04b404;
}

.calculation .calc_pay_sum {
    font-size: 34px;
    font-weight: normal;
    color: #26a3ff;
    text-shadow: 1px 1px 3px #ffffff;
}

.calc_wrap .btn-3 {
    padding: 22px 28px;
    margin: 0 auto;
}

#money .due_date_ext {
    color: #ef0000;
    display: block;
}

#promo-sum-message {
    display: none;
    color: #d4c400;
    margin: -20px 0 10px;
}

#slider-sum.calc-sum-promo {
    background: #d4c400;
}

#s_discount {
    color: #04b404;
    display: none;
}


/* Фикс отображения символа рубля на Windows 10*/
.RUR {
    font-family: 'PT Sans', Arial, sans-serif;
    vertical-align: middle;
}

/*========================================================
                REVIEWS STYLES 
=========================================================*/
.review {
    padding: 1rem;
    margin: 20px;
    background: #ffffff;
    border: 1px solid rgb(3, 137, 207);
    border-radius: 10px;
}

.review:hover {
    color: #ffffff;
    background: #0389CF;
    border: 1px solid #0389CF;
    -webkit-transition: 0.4s color ease, 0.4s background-color ease, 0.4s opacity ease;
    transition: 0.4s color ease, 0.4s background-color ease, 0.4s opacity ease;
}

.review:hover a {
    color: #ffffff;
    -webkit-transition: 0.4s color ease, 0.4s background-color ease, 0.4s opacity ease;
    transition: 0.4s color ease, 0.4s background-color ease, 0.4s opacity ease;
}

a.review-link {
    cursor: pointer;
    text-decoration: none;
    display: block;
    text-align: justify;
    word-wrap: break-word;
}

.review .review-text {
    display: none;
}

.review .signature {
    font-style: italic;
    margin-top: 1.5em;
}

/*========================================================
                RESPONSIVE LAYOUTS STYLES 
=========================================================*/



@media only screen and (max-width: 1250px) {
    #header {
        background-size: 400px;
    }

    .calc_wrap {
        width: 70%;
    }

    .calc_wrap h2 {
        font-size: 34px;
        line-height: 1.25em;
    }

    .slider_item {
        margin-top: -163px;
    }

    h1 {
        font-size: 33px;
    }

    h1 .slogan {
        font-size: 14px;
        padding: 5px 0 0 0;
    }

    .text-1 {
        font-size: 106px;
        line-height: 106px;
    }

    .text-4 {
        font-size: 56px;
        line-height: 56px;
    }

    .block-item-1_heading {
        padding: 0 0 22px 0;
    }

    .block-item-1_description {
        padding: 0 0 29px 0;
    }

    .block-item-4 .text-3 {
        font-size: 12px;
    }

    .menu > li > a {
        padding: 32px 6px;
        font-size: 17px;
    }

    .block-calc .slider-label {
        font-size: 24px;
    }

    .wz-form .invalid ._placeholder.hidden{
        display: none;
    }

    .wz-form .error-message {
        top: -2px;
        left: 10px;
    }
    .wz-form .empty-message {
        top: -2px;
    }
}

@media (max-width: 1070px) and (min-width: 980px) {
    #header {
        background-size: 340px;
    }
    header #logo {
        padding: 23px 8px 12px;
        width: 144px;
        left: 0;
        position: absolute;
    }
    .menu > li > a {
        padding: 30px 8px;
        font-size: 15px;
    }
}

@media (min-width: 1070px) and (max-width: 1250px){
    #header {
        background-size: 340px;
    }
    header #logo {
        padding: 20px 20px 12px;
        width: 180px;
        left: 0;
        position: absolute;
    }
    header #logo .slogan {
        font-size: 12px;
        padding: 0;
        text-align: left;
        display: none;
    }

}

@media only screen and (max-width: 980px) {
	#header {
	  background-size: 340px;
	}
	header #logo {
		padding: 23px 8px 12px;
        width: 144px;
        left: 0;
        position: absolute;
	}
    header #logo .slogan {
		font-size: 12px;
		padding: 0;
        text-align: left;
        display: none;
	}
	h1 {
    font-size: 35   px;
  }
  .search {
    margin: 26px 10px;
  }
  .block-item-4_img {
    width: 72px;
  }
  .block-item-4_content {
    padding: 0;
  }
  .block-item-2_description {
    width: 740px;
  }
  .block-item-6_description {
    width: 100%;
  }
  .content_about {
    min-height: 367px;
  }
  .menu > li > a {
    padding: 30px 8px;
    font-size: 14px;
  }
  .wz-form label {
  	width: 100% !important;
  }
  .wz-form select {
  	font-family: 'Montserrat', sans-serif;
	  font-size: 16px;
	  line-height: 29px;
	  padding: 10px 15px;
	  border: 1px solid #8d8d8d;
	  border-radius: 4px;
	  width: 100%;
	  outline: none;
	  height: 51px;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  margin: 0;
	  font-weight: 300;
	  color: #000000;
	  background: none;
  }

  .wz-form input[type='submit'] {
      padding: 22px .8em;
  }

  #money {
  	margin: 10px 0px;
  }
}
@media only screen and (max-width: 920px) {
    header #logo {

        padding: 23px 8px 12px;
        width: 144px;
        left: 0;
        position: absolute;

    }
    header #logo .slogan {
        font-size: 9px;
    }
}

@media (min-width: 860px) and (max-width: 979px) {
    .menu .lk-login {
        padding: 10px 6px;
        margin: 22px .5em 0 .5em;
        border-radius: 10px;
    }
    .menu > li > a {
        padding: 30px 7px;
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 859px) {

    .menu > li > a {
        padding: 30px 6px;
        font-size: 13px;
    }
}


@media only screen and (max-width: 767px) {
  .hide-mw__767 {
    display: none;
  }
    h1 {
        padding-top: 12px;
        padding-bottom: 10px;
    }
	#header {
	  background-size: 270px;
	  background-position: 120% 70px;
	}
	header #logo {
		font-size: 21px;
		padding: 5px 0 5px 54px;
        /*width: 100%;*/
	}
    #header .scrolled-nav #logo {
        padding: 5px 0 5px 54px;
    }

    #header .scrolled-nav #topbar-item {
        padding: 5px 0 5px 54px;
    }

	header #logo .slogan {
		display: block;
        width: 100px;
	}
    header #logo .logomain {
        display: none;
    }
	.calc_wrap {
		width: 80%;
		padding-bottom: 0;
	}
  #stuck_container {
    height: 40px;
    z-index: 10;
  }
  .search-block {
    position: absolute;
    top: 85px;
    right: 50%;
    margin: 0;
    margin-right: -145px;
    float: none;
  }
  .search-block_icon {
    margin: 0;
  }
  h2,
  .textual h2 {
    font-size: 32px;
    line-height: 1.2em;
  }
  .text-1 {
    font-size: 48px;
    line-height: 58px;
  }
  .block-item-2 {
    padding-bottom: 20px;
  }
  .block-item-2_description {
    width: 100%;
  }
  .block-item-4_img {
    width: auto;
  }
  .block-item-4 .text-3 {
    font-size: 18px;
  }
  .text-4 {
    font-size: 66px;
    line-height: 66px;
  }
  .block-item-5_description {
    width: 100%;
  }
  .block-item-6 {
    padding-bottom: 20px;
  }
  .block-item-6_heading {
    padding-bottom: 10px;
  }
  .block-stellar {
    padding: 0;
  }
  .content_about {
    min-height: 267px;
  }
  #logo a {
  	position: relative;
  	z-index: 1510;
  }
  .navigation {
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      width: 300px;
      z-index: 1500;
      margin-top: 40px;
      border: 0 solid rgba(0, 0, 0, .15);
      box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
      border-radius: .42rem;

  }
  .hide_mobile_menu {
  	margin-left: -100%;
  }
  .navigation nav {
    margin: 0 auto;
  }
  #mobile_nav {
      display: block;
      font-size: 24px;
      position: absolute;
      top: 0;
      left: 0;
      background: transparent;
      color: #266ccb;
      width: 46px;
      text-align: center;
      height: 40px;
      padding-top: 10px;
      cursor: pointer;
      z-index: 1550;
      vertical-align: top;
      padding-left: 5px;
  }
  
    .lk-login-header {
        display: block;
        font-size: 36px;
        position: absolute;
        top: 0;
         right: 10px;
        background: transparent;
        color: #ffffff;
        width: 46px;
        text-align: center;
        height: 40px;
        padding-top: 4px;
        cursor: pointer;
        z-index: 1550;
        vertical-align: top;
    }
    .lk-login-header .fa {
        color: white;
    }
    .lk-login-header:hover .fa {
        color: whitesmoke;
    }

  #login_nav {
      display: block;
      position: absolute;
      top: 5px;
      right: 13px;
      font-size: 16px;
      color: #1089d4;
      text-transform: capitalize;
      line-height: 24px;
      width: 33px;
      height: 33px;
      fill: #276dcc;
  }

  #login_nav i {
      font-size: 22px;
  }

  .navigation .menu .show-mw__767 {
		display: block;
	}
  .menu {
    float: none;
    z-index: 1460;
  }
  .menu > li {
    position: relative;
    float: none;
    width: 100%;
	}
	.menu > li > a {
		color: #3f4254;
        padding: .72rem 3.5rem;
        font-size: 1rem;
        width: 100%;
	}
    #header .scrolled-nav .menu > li > a {
        padding: 5px 7px 7px 51px;
        margin-top: 5px;
    }
	.menu > li > a:hover,
	.menu > li > a:active {
		color: #dddddd;
		background-color: initial;
	}
	.menu > li.active > a {
		background-color: #ffffff;
        color: #2d67c0;
	}
    .menu > li > a.lk-login {
        color: #ffffff;
        margin-right: 0;
        width: 55%;
        padding: 7px 7px 7px 20px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-left: 20px;
        margin-top: 8px;
        margin-bottom: 15px;
	}
    .menu > li > a.lk-login:hover {
        background: #0C6599;
    }
	.menu > li > a.lk-login .fa {
		margin-left: -35px;
		width: 35px;
		text-align: center;
		margin-right: 0;
	}
  .select-menu {
    margin-left: 0;
    display: block;
    width: 100%;
  }
  .btn-2 {
    width: 100%;
    text-align: center;
    padding: 22px 0;
  }
  .btn-3 {
	  padding: 22px 20px;
	}
  #money .calculation {
  	font-size: 18px;
  }
  /*#money .due_date_block {
  	display: none;
  }*/
  #money .calc_sum,
  #money .calc_due,
  #money .interests,
  #money .calc_pay_sum {
      font-size: 19px;
      float: none;
  }
	.block-calc .slider-label {
		font-size: 18px;
	}
	.RUR {
		font-weight: normal;
        font-family: 'PT Sans', Arial, sans-serif;
	}
	#client_profile {
		display: none;
	}
    .wz-form .fileFieldDescription {
        margin: 0 0 0.5em 0;
        font-size: 18px;
    }

    .checkboxBtn {
        margin-right: 0;
    }

    .checkboxBtn:hover {
        background-color: #0389CF;
    }

    .checkboxBtn span.cancel,
    .checkboxBtn span.activate {
        position: absolute;
        left: 0;
        top: -100%;
        width: 100%;
    }

    .checkboxBtn:hover span.cancel {
        display: none;
    }

    .wz-form .checkboxPadder {
        padding: 0 0 0 50px;
    }
}

@media only screen and (max-width: 480px) {
	#header {
		background: none;
	  /*background-size: 200px;
	  background-position: 135% 90px;*/
	}
	header #logo {
        /*width: 100%;*/
        max-width: 100px;
	}
	#stuck_container {
		height: 40px;
	}
    header #logo .logomain {
        display: none;
    }
	header #logo .slogan {
		display: block;
	}
    header .topbar .scrolled-nav {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 0;
        float: right;
        display: inline-block;

    }


    h1 {
        padding-top: 12px;
        padding-bottom: 30px;
    }


	.calc_wrap {
		width: 90%
	}
	.hide-mw__480 {
		display: none;
	}
	.show-mw-inline__480 {
		display: inline;
	}
  .block-2 a {
    width: 46px;
    height: 46px;
    font-size: 29px;
    line-height: 46px;
  }
  .slider_item {
    margin-top: -203px;
  }
  .block-item-3_img {
    display: block;
    margin: 0 auto 15px auto;
    text-align: center;
    float: none;
  }
  .btn {
    padding: 16px 24px;
  }
  .btn-2 {
    font-size: 21px;
  }
  .btn-3 {
	  padding: 22px 20px;
	}
  .text-1 {
    font-size: 38px;
    line-height: 42px;
  }
  .calc_wrap h2 {
  	line-height: 32px;
  	/*display: none;*/
  }
	.block-calc .slider-label {
		font-size: 18px;
	}
	.content_about .about-description {
	  width: 80%;
	  margin: 0 auto;
	  padding-bottom: 30px;
	}
	.block-calc-btn {
		padding-top: 0;
	}
	#money .calculation {
		padding-bottom: 0;
	}
	.wz-form p {
		text-align: justify;
	}
    .wz-form p.ta__c {
        text-align: center;
    }
    .container {
        padding: 0;
        width: 360px;
    }
    .wz-form input[type='submit'] {
        padding: 22px 0;
        width: 100%;
    }
    #footer {
        padding-bottom: 60px;
    }
}


/* Promocode Modal */
#promocodeDialog,
#recommendDialog {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

/* Client Information*/
#client_profile {
    text-align: right;
    padding-top: 10px;

}

#client_profile ul {
    display: inline-block;
    background-color: #0389CF;
    padding: 8px 32px;
    border-radius: 6px;
    color: #ffffff;
}

#client_profile ul li {
    display: inline;
}

#client_profile ul li.client_name {
    margin-right: 20px;
}

#client_profile ul li.client_settings {
    margin-right: 10px;
}

#client_profile ul li.client_link_to_view_emails {
    margin-right: 10px;
}

#client_profile ul li a {
    border-bottom: 1px solid;
}

@media only screen and (max-width: 480px) {
    #client_profile {
        text-align: left;
    }
}

.slick-dots {
    text-align: center;
}
.geolocation-button {
    position:absolute;
    top: 0;
    left: 0;
    display: block;
    height: 51px;
    background: #fff;
    border: 1px solid #8d8d8d;
    border-radius: 4px 0 0 4px;
    width: 50px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 30px;
    margin:0px;
    padding:0px;
    -webkit-appearance: none;
}
.geolocation-button:hover {
     background: #f0f0f0;
 }
.geolocation-button.geolocation-fail {
    background: lightcoral;
}
.geolocation-button.geolocation-success {
    background: lightgreen;
}
.geolocation-button + input[type="text"] {
    padding-left: 60px;
}
.geolocation-button ~ ._placeholder,
.geolocation-button ~ ._placeholder.hidden {
    margin-left: 50px;
}
.striked {
    text-decoration: line-through;
}
.block-item-2_d_text {
    font: normal 23px/37px 'Lato', Arial, sans-serif;
    letter-spacing: -0.025em;
    text-transform: none;
    text-align: center;
    margin-top: 15px;
}
.num {
    width: 50px;
    height: 50px;
    border: 2px solid #058ad0;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    color: rgb(4, 137, 207);
    position: unset;
    z-index: 1;
    margin: 15px auto 1em;
}

@media only screen and (max-width: 360px) {
    .container {

        width: 300px;
    }

}

@media only screen and (max-width: 379px) {
    .btn.btn-clean {
        color: #ffffff;
        background-color: #426ab0c4;
        margin-left: 0px; }
}

.demand {
    text-align: center;
    padding: 20px 0;
    background: #fff;
    box-shadow: 1px 2px 10px #ccc;
    width: 83%;
    margin-left: 98px;
    margin-bottom: 100px;
}
.percent_0_action .demand {
    margin-bottom: 10px;
}

@media (max-width: 1199px) and (min-width: 980px){
    .demand {
        margin-left: 81px;
    }    }

@media only screen and  (max-width: 980px){
    .demand {
        margin-left: 64px;
    }    }

@media only screen and  (max-width: 767px){
    .demand {
        width: 100%;
        margin-left: 1px;
    }
}

#form_customer_request form.wz-form .fieldEhws, #form_customer_code_request form.wz-form .fieldEhws {
    float: none;
    margin-left: 25%;
    width: 50%;
}

.svg-icon-front  {
    display: none;
}
.sm-visible-only {
    display:none;
}
@media  (max-width: 767px){
    .svg-icon-front  {
        -webkit-transition: fill .3s ease;
        transition: fill .3s ease;
        fill: #1bc5bd !important;
        position: absolute;
        padding-top: 15px;
        padding-left: 17px;
        display: block;
    }

    .sm-visible-only {
        display:block;
    }
}
/* Promocode Modal */
#greetingsDialog, #dialogActionPromocode, #brand_approve_dialog {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
#brand_approve_dialog.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#greetingsDialog .modal-title, #dialogActionPromocode .modal-title, #brand_approve_dialog .modal-title {
    padding:0;
}

.brand_warning {
    padding: 5px 0;
    background: yellowgreen;
}

.demand-promocode-button {
    text-align: center;
    padding: 20px 0;
    background: #fff;
    box-shadow: 1px 2px 10px #ccc;
    width: 83%;
    margin-left: 98px;
    margin-bottom: 10px;
}

.group-empty-label {
    width: 100%!important; 
    margin: 0!important
}

.group-empty-label span {
    right: auto!important
}

@media (max-width: 1199px) and (min-width: 980px) {
    .demand-promocode-button {
        margin-left: 81px;
    }
}

@media only screen and  (max-width: 980px) {
    .demand-promocode-button {
        margin-left: 64px;
    }
}

@media only screen and  (max-width: 767px) {
    .demand-promocode-button {
        width: 100%;
        margin-left: 1px;
    }
}

/* Css-file: user_modules/wz2016/skin/css/footer.css */

#footer {
    background: #070e1e;
    color: #a3b0d7;
    padding-top: 70px;
}

#footer .logo {
    display: inline-block;
    padding: 15px 0px;
    font: 900 44px/26px 'Montserrat', sans-serif;
    letter-spacing: -0.025em;
    color: #ffffff;
}

#footer .logo a:hover,
#footer .logo a:visited {
    color: #ffffff;
    vertical-align: baseline;
}

.footer_copyright {
    text-align: center;
    padding: 10px 0 29px 0;
    color: #ffffff;
}

#footer .logo .slogan {
    font-size: 16px;
    display: block;
    text-transform: none;
    font-weight: normal;
    padding: 5px 0 0 0;
    text-align: center;
    letter-spacing: normal;
}

#footer .company-info {
    color: #a3b0d7;
}

#footer p {
    font: normal 16px/24px 'Montserrat', sans-serif;
}

#footer .company-info p.dl {
    padding-left: 30%;
    position: relative;
}

#footer .company-info p.dl span:first-child {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}

#footer dt {
    color: #fff;
    font: bold 18px/44px 'Montserrat', Arial, sans-serif;
    margin-bottom: 10px;
    white-space: nowrap;

}
#footer dd {
    font: normal 16px/42px 'Montserrat', Arial, sans-serif;
    text-align: left;
}

#footer dl dd {
    list-style: decimal;
    list-style-position: outside;
}

#footer .bottom-navigation dd {
    display: block;
}

#footer .bottom-navigation a {
    color: #a3b0d7;
}
#footer .bottom-navigation a:hover {
    color: #FFFFFF;
}

#footer .content_about {
    min-height: auto;
    background: rgba(255,255,255,0.03);
    padding: 20px 0px 0px 10px;
}

#footer .copy-links {
    padding-top: 40px;
}

#footer .copy-links .ta__r a {
    color: #00e5b9;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    box-sizing: border-box;
}

#footer p{
    margin-bottom: 1.5em;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.6;
    font-weight: 300;
}



@media (max-width: 768px){
    #footer {
        padding-top: 15px;
        padding-bottom: 0px;
    }
    #footer p, #footer ul, #footer ol {
        margin-bottom: 1.2em;
        text-align: left;
        font-size: 0.9em;
        line-height: 1.6;
        font-weight: 300;
    }
    .footer-mobile{
        display: block;
    }
    .footer-mobile-no{
        display: none;
    }
    #footer .bottom-navigation2 {
        display: block;
        color: #ffffff;
        font-size: 18px;
        line-height: 7px;
    }
    #footer p, #footer ul, #footer ol {
        margin-bottom: 0.9em;
    }
    #footer .content_about {
        padding: 12px 0px 0px 0px;
        font-size: 14px;
    }

    #footer .full_width_block {
        position: absolute;
        left: 0;
        right: 0px;
    }

    #footer .top_microfinance_company_2022 {
        color: #FFFFFF;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 400;
    }

    .ta__x {
        width: 180px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #footer .copy-links {
        padding-top: 10px;
    }
    #footer .copy-links .ta__r a {
        width: 30px;
        height: 36px;
        font-size: 20px;
        text-align: center;
        line-height: 24px;
        box-sizing: border-box;
        float: left;
        margin-top: 9px;
    }
}

@media (min-width: 768px){
    .footer-mobile{
        display: none;
    }
    .footer-mobile-no{
        display: block;
    }
    #footer p, #footer ul, #footer ol {
        font-size: 16px;
    }
}

.footor_social_share {
    color: #ffffff;
    text-align: center;
    padding-bottom: 1em;
}

/*#footer .bottom-navigation dl dt {*/
/*    color: #ffffff;*/
/*}*/

#footer .bottom-navigation dl dd{
    display: block;
    color: #A3B0D7;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
}
@media (max-width: 767px){
    #footer .bottom-navigation  {
        text-align: left;
    }
}

#footer .bottom-navigation2 {
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 33px;
}

#footer .content_about .about-description {
    text-align: center;
}

#footer .container:first-child {
    padding-bottom: 20px;
}

#footer .bottom-navigation {
    text-align: left;
}

#footer .company-info .email a {
    text-decoration-line: underline;
}

#footer .company-info .email a:hover {
    text-decoration-line: none;
}

#footer .company-info p.dl{
    font-size: 16px;
}

#footer .company-info p.dl span:first-child {
    font-size: 18px;
}

#footer .sitemap-link {
    font-size: 16px;
}

#footer .sitemap-link a {
    color: #44E7BC;
    text-decoration: none !important;
}

#footer .sitemap-link a:hover {
    color: #FFFFFF;
}

#footer .copy-links p,
#footer .copy-links p ol,
#footer .copy-links p ul,
#footer .content_about p,
#footer .content_about p ol,
#footer .content_about p ul {
    font-size: 12px;
}

#footer .content_about .doc-links a{
    text-decoration: underline;
}

#footer .content_about .doc-links a:hover {
    text-decoration: none !important;
}

#footer .text-muted {
    color: #A3B0D7;
}

#footer .copy-links {
    font-size: 12px;
    color: white;
}

#footer .copy-links .ta__l a {
    color: #A3B0D7;
}

#footer .social-links .fab {
    background: #B5B7BB;
    border-radius: 50%;
    overflow: hidden;
    color: #070e1e;
    margin: 4px;
}

#footer .social-links a:hover .fab {
    background: #FFFFFF;
}

.home #footer .social-links .fab.fa-vk,
.home #footer .social-links .fab.fa-telegram-plane
{
    width: 16px;
    height: 16px;
    font-size: 15px;
    padding: 4px;
}

/* Css-file: user_modules/wz2016/skin/css/page_login.css */

/* ========================================================
										Customer Login Form
========================================================*/
#form_customer_login {
	width: 50%;
	margin: 0 auto;
}
#form_customer_login .fieldEmail,
#form_customer_login .fieldPass,
#form_customer_login .fieldRemember {
	width: 100%;
}
#form_customer_login .fieldBirthday {
	width: 100%;
	margin: 0;
}
#form_customer_login .fieldPass {
	margin-bottom: .25em;
}
#form_customer_login .link-lost-pass {
	margin-bottom: 1em;
	padding-left: 26px;
}

#form_customer_login .xbk-teaser {
	width: auto;
}
/*========================================================
                RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media only screen and (max-width: 1275px) {
	form_customer_login {
		width: 50%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 979px) {
	#form_customer_login {
		width: 60%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 767px) {
	#form_customer_login {
		width: 80%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 480px) {
	#form_customer_login {
		width: 100%;
		margin: 0 auto;
	}
}

/* Css-file: user_modules/wz2016/skin/css/animate.css */

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

/* Css-file: user_modules/wz2016/skin/css/animation.css */




/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
.isotope .isotope-item {
  -webkit-transition-property: top, left, opacity;
     -moz-transition-property: top, left, opacity;
      -ms-transition-property: top, left, opacity;
       -o-transition-property: top, left, opacity;
          transition-property: top, left, opacity;
}			

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/



/* End: Recommended Isotope styles */


/**** Isotope styles ****/


@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes logoanimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	}
	25% {
	    opacity: 1;
	}
	100% { opacity: 1 }
}
@-moz-keyframes logoanimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	}
	25% {
	    opacity: 1;
	}
	100% { opacity: 1 }}
@-o-keyframes logoanimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	}
	25% {
	    opacity: 1;
	}
	100% { opacity: 1 }}
@-ms-keyframes logoanimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	}
	25% {
	    opacity: 1;
	}
	100% { opacity: 1 }}
@keyframes logoanimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1) rotate(3deg);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1) rotate(3deg);
	}
	100% { opacity: 0 }
}



/* Css-file: user_modules/wz2016/skin/css/venobox.css.php */

/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay{
    background: #fdfdfd;
    background: rgba(110,110,110,0.85); 
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;

}

/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */

/* circle preloader */
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(/user_modules/wz2016/skin/img/venobox/preload-circle.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(18) infinite;
       -moz-animation: playload 1.4s steps(18) infinite;
        -ms-animation: playload 1.4s steps(18) infinite;
         -o-animation: playload 1.4s steps(18) infinite;
            animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}


/* IOS preloader */

/*.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(../images/venobox/preload-ios.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/


/* dots preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:11px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(../images/venobox/preload-dots.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(24) infinite;
       -moz-animation: playload 1.4s steps(24) infinite;
        -ms-animation: playload 1.4s steps(24) infinite;
         -o-animation: playload 1.4s steps(24) infinite;
            animation: playload 1.4s steps(24) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
*/


/* quads preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:10px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(../images/venobox/preload-quads.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* ----- navigation ----- */
.vbox-close{
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 46px;
    height: 40px;
    padding: 10px 20px 10px 0;
    display: block;
    background: url(/user_modules/wz2016/skin/img/venobox/close.gif) no-repeat #161617;
    background-position:10px center;
    color: #fff;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-next, .vbox-prev{
    box-sizing: content-box;
    cursor: pointer;
    position: fixed;
    top: 50%;
    color: #fff;
    width: 30px;
    height: 170px;
    margin-top: -85px;
    text-indent: -100px;
    border: solid transparent; /* Using border instead of padding to keep bg image in place */
    overflow: hidden;
}
.vbox-prev{
    left: 0;
    border-width: 0 30px 0 10px;
    background: url(/user_modules/wz2016/skin/img/venobox/prev.gif) center center no-repeat;
}
.vbox-next{
    right: 0;
    border-width: 0 10px 0 30px;
    background: url(/user_modules/wz2016/skin/img/venobox/next.gif) center center no-repeat;
}

.vbox-title{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    padding: 6px 40px;
    overflow: hidden;
    background: #161617;
    position: fixed;
    display: none;
    top: -1px;
    left: 0;

}
.vbox-num{
    cursor: pointer;
    position: fixed;
    top: -1px;
    left: 0;
    height: 40px;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    background: #161617;
    display: none;
}
/* ------- inline window ------ */

.vbox-inline{
    width: 50%;
    height: auto;
    padding: 10px;
    background: #fff;
    text-align: left;
    margin: 0 auto;
    overflow: auto;
}

@media only screen and (max-width: 1275px) {
	.vbox-inline{
    width: 50%;
	}
}

@media only screen and (max-width: 979px) {
	.vbox-inline{
    width: 80%;
	}
}

@media (max-width: 767px) {
	.vbox-inline{
    width: 100%;
	}
}
/* ------- Video & iFrames window ------ */
.venoframe{
    border: none;
    width: 960px;
    height: 720px;
}
@media (max-width: 992px) {
    .venoframe{
        width: 640px;
        height: 480px;
    }
}
@media (max-width: 767px) {
    .venoframe{
        width: 420px;
        height: 315px;
    }
}
@media (max-width: 460px) {
    .vbox-inline{
        width: 100%;
    }

    .venoframe{
        width: 100%;
        height: 260px;
    }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-open{
    overflow: hidden;
}
.vbox-container{
    position: relative;
    background: #000;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.vbox-content{
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.vbox-container img{
    max-width: 100%;
    height: auto;
}

/* Css-file: user_modules/wz2016/skin/css/vendor/slick/slick-theme.css */

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/user_modules/web-zaim/skin/img/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/user_modules/wz2016/skin/css/vendor/slick/fonts/slick.eot');
    src: url('/user_modules/wz2016/skin/css/vendor/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/user_modules/wz2016/skin/css/vendor/slick/fonts/slick.woff') format('woff'), url('/user_modules/wz2016/skin/css/vendor/slick/fonts/slick.ttf') format('truetype'), url('/user_modules/wz2016/skin/css/vendor/slick/fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}


/* Css-file: user_modules/wz2016/skin/css/front.css */

.front_reg_btn {
    text-align: right;
}

#header {
    background:none;
}
html.webp #header {
    background:none;
}

.calc_wrap {
    width: 50%;
    margin: auto 5% auto auto;
}

h1 {
    font-weight: bold;
    line-height: 1em;
    font-size: 24px;
}


.btn-3 {
    border-radius: 10px;
}

#money {
    font-size: 22px;
}

.striked {
    text-decoration: line-through;
}


.block-calc .slider-label .summ {
    color: #04b404;
}

#products {
    text-align: center;
    margin: 2em 0;
}

#products .product {
    display: inline-block;
    line-height: 1.5em;
}

#products .product img {
    margin: 0 auto 1em;
}

#products .desc {
    border-left: 1px dashed #ccc;
    padding: 0 1em 2em;
    outline: none;
}

#products .product h3 {
    font-size: 1.2em;
    text-transform: uppercase;
}

#products .wrapSlide {
    float: left;
    width: 50%;
}

#products .product .percent_s {
    text-decoration: line-through;
    font-size: 1.2em;
    color: #c00;
    vertical-align: baseline;
}

#products {
    text-align: center;
    margin: 2em 0;
}


.content_bg__steps {
    background: url("/user_modules/wz2016/skin/img/samsung2018/people.jpg") no-repeat center 35%;
    background-size: 15%;
}
html.webp .content_bg__steps {
    background: url("/user_modules/wz2016/skin/img/samsung2018/people.webp") no-repeat center 35%;
    background-size: 15%;
}
.phone_wrap {
    float: left;
    min-height: 750px;
    background: url("/user_modules/wz2016/skin/img/samsung2018/samsung_2018_bg.png") no-repeat right center;
    background-size: auto 100%;
    width: 50%;
    position: relative;
}
html.webp .phone_wrap {
    background: url("/user_modules/wz2016/skin/img/samsung2018/samsung_2018_bg.webp") no-repeat right center;
    float: left;
    min-height: 750px;
    background-size: auto 100%;
    width: 50%;
    position: relative;
}
.phone_wrap .block_phone {
    position: absolute;
    right: 40%;
    top: 25%;
}
.phone_wrap .slogan {
    position: absolute;
    right: 22%;
    top: 5%;
    font-size: 52px;
    color: white;
    font-weight: bold;
    text-shadow: 4px 4px rgba(72,60,108,.82);
    line-height: 60px;
    text-align: right;
    display: block;
}
.action_description_wrap {
    width: 40%;
    margin: auto 5% auto auto;
    min-height: 750px;
}
.action_description_wrap a {
    color: #0389CF;
}
.action_description_wrap h2 {
    margin-bottom: 80px;
}
.action_description_wrap p {
    font-size: 18px;
}
.action_description_wrap .mb-1 {
    margin-bottom: 25px;
}
.action_description_wrap ol.ol-numeric {
    font-size: 18px;
    list-style-type: decimal;
}
.action_description_wrap ol.ol-numeric li {
    margin-left: 35px;
}
.action_description_wrap .ta__c {
    margin-top: 80px;
}


#action_steps {
    text-align: center;
}
#action_steps .slick-list {
    padding: 0 5px;
}
#action_steps .action_step {
    margin-right: 5px;
    text-align: left;
}
#action_steps .action_step img {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    left: -115px;
    top: 0;
}
#action_steps .desc {
    margin-left: 40%;
    position: relative;
}
#action_steps h2 {
    font-size: 18px;
}
#action_steps p {
    font-size: 14px;
    text-transform: none;
    color: #909090;
}


/* Social signup buttons block
========================================================*/
.social_signup_buttons {

}
.social_signup_buttons > div {
    display: inline-block;
    width: 49%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 51px;
    margin: 0 0 24px 2%;
    float: left;
}
.social_signup_buttons > div:first-child {
    margin-left: 0;
}
.oauth-block {
    text-align: right;
}
.oauth-desc-block {
    display: block;
    background: #E5EAEC;
    text-align: center;
    padding: 5px 15px;
    border-radius: 5px;
}
.esia-title-color-1 {
    color: #0063b0;
}
.esia-title-color-2 {
    color: #e73a3d;
}

.oauth-block .oauth-label {
    display: inline-block;
    margin: 0 1em 0 0;
    vertical-align: middle;
}

.oauth-block .oauth-btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .25em;
}

.oauth-block a.btn-3 {
    vertical-align: middle;
    display: inline-block;
    margin-left: 1em;
}

.only-mobile {
    display: none;
}

#request_steps .slick-slide img {
    margin: 0 auto;
}
#request_steps .slick-dots {
    text-align: center;
}
#header .promo-banner-block {
    background-image:url("/user_modules/wz2016/skin/img/calc/20190308/act-5000.jpg");
    width:40%;
    height:85%;
    position:absolute;
    top:95px;
    left:0px;
    background-size:contain;
    background-repeat:no-repeat;
    display:block;
}
html.webp #header .promo-banner-block {
    background-image:url("/user_modules/wz2016/skin/img/calc/20190308/act-5000.webp");
}
@media (max-width: 767px) {
    h1 {
        background-color: rgba(255, 255, 255, 0.8);
    }
    .oauth-block a.btn-3 {
        margin-top: 1em;
        display: block;
    }

    .front_reg_btn {
        text-align: center;
    }

    .oauth-block {
        text-align: center;
    }
    .oauth-block .oauth-label {
        display: block;
        margin: 0 0 5px;
    }
    .social_signup_buttons > div {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .calc_wrap {
        width: 80%;
        margin: 400px auto auto;
        min-height: 300px;
    }

    .due_date_block {
        display: block;
    }
    /*
    #header {
        background: url("/user_modules/wz2016/skin/img/calc/20190308/1000.png") no-repeat 0 60px;
        background-size: contain;
    }
    html.webp #header {
        background: url("/user_modules/wz2016/skin/img/calc/20190308/1000.webp") no-repeat 0 60px;
        background-size: contain;
    }*/

    /**/
    #header .promo-banner-block {
        width:100%;
        height:45%;
        position:absolute;
        top:40px;
        left:0px;
        background-position:center top;
    }
    /**/
    #money {
        font-size: 18px;
    }

    #money .calc_pay_sum {
        font-size: 19px;
        float: right;
    }

    .block-calc .slider-label {
        margin-top: 0;
    }

    #products .product .desc {
        border-left: none;
    }

    .content_bg__steps,
    html.webp .content_bg__steps {
        background: none;
    }
    .only-mobile {
        display: block;
    }
    .no-mobile {
        display: none;
    }
    .phone_wrap {
        float: none;
        background: url("/user_modules/wz2016/skin/img/samsung2018/samsung_2018_bg-mob.png") no-repeat center;
        background-size: contain;
        width: 100%;
        position: relative;
        min-height: 400px;
    }
    html.webp .phone_wrap {
        background: url("/user_modules/wz2016/skin/img/samsung2018/samsung_2018_bg-mob.webp") no-repeat center;
        float: none;
        background-size: contain;
        width: 100%;
        position: relative;
        min-height: 400px;
    }
    .phone_wrap .block_phone {
        display: none;
    }
    .phone_wrap .slogan {
        display: none;
    }
    .action_description_wrap {
        width: 100%;
        margin: 0 0;
        min-height: auto;
    }
    .action_description_wrap .ta__c {
        margin-top: 25px;
    }

}

@media only screen and (max-width: 480px) {
    .calc_wrap {
        width: 85%;
        margin: 300px auto auto;
    }

}

@media only screen and (max-width: 340px) {
    .calc_wrap {
        width: 85%;
        margin: 240px auto auto;
    }

}


/* Css-file: user_modules/wz2016/skin/css/vendor/slick/slick.min.css */

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;

    outline: none;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}


.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    position: relative;
}

.slick-dots li.slick-active button::before {
    color: #0063b0;
    opacity: .8;
}

.slick-dots li button::before {
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Css-file: user_modules/wz2016/skin/css/nouislider.min.css */

/*! nouislider - 8.1.0 - 2015-10-25 16:05:44 */


.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{width:40px;position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}.noUi-value-horizontal{margin-left:-20px;padding-top:20px}.noUi-value-horizontal.noUi-value-sub{padding-top:15px}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;padding:5px;left:-9px;text-align:center;width:50px}.noUi-handle-lower .noUi-tooltip{top:-32px}.noUi-handle-upper .noUi-tooltip{bottom:-32px}

/* Css-file: user_modules/wz2016/skin/css/pe-stroke-icons.css */

@font-face {
    font-family: 'Pe-icon-7-stroke';
    src:url('/user_modules/wz2016/skin/fonts/Pe-icon-7-stroke.eot?d7yf1v');
    src:url('/user_modules/wz2016/skin/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
    url('/user_modules/wz2016/skin/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
    url('/user_modules/wz2016/skin/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
    url('/user_modules/wz2016/skin/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="pe-7s-"], [class*=" pe-7s-"] {
    display: inline-block;
    font-family: 'Pe-icon-7-stroke';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pe-7s-album:before {
    content: "\e6aa";
}
.pe-7s-arc:before {
    content: "\e6ab";
}
.pe-7s-back-2:before {
    content: "\e6ac";
}
.pe-7s-bandaid:before {
    content: "\e6ad";
}
.pe-7s-car:before {
    content: "\e6ae";
}
.pe-7s-diamond:before {
    content: "\e6af";
}
.pe-7s-door-lock:before {
    content: "\e6b0";
}
.pe-7s-eyedropper:before {
    content: "\e6b1";
}
.pe-7s-female:before {
    content: "\e6b2";
}
.pe-7s-gym:before {
    content: "\e6b3";
}
.pe-7s-hammer:before {
    content: "\e6b4";
}
.pe-7s-headphones:before {
    content: "\e6b5";
}
.pe-7s-helm:before {
    content: "\e6b6";
}
.pe-7s-hourglass:before {
    content: "\e6b7";
}
.pe-7s-leaf:before {
    content: "\e6b8";
}
.pe-7s-magic-wand:before {
    content: "\e6b9";
}
.pe-7s-male:before {
    content: "\e6ba";
}
.pe-7s-map-2:before {
    content: "\e6bb";
}
.pe-7s-next-2:before {
    content: "\e6bc";
}
.pe-7s-paint-bucket:before {
    content: "\e6bd";
}
.pe-7s-pendrive:before {
    content: "\e6be";
}
.pe-7s-photo:before {
    content: "\e6bf";
}
.pe-7s-piggy:before {
    content: "\e6c0";
}
.pe-7s-plugin:before {
    content: "\e6c1";
}
.pe-7s-refresh-2:before {
    content: "\e6c2";
}
.pe-7s-rocket:before {
    content: "\e6c3";
}
.pe-7s-settings:before {
    content: "\e6c4";
}
.pe-7s-shield:before {
    content: "\e6c5";
}
.pe-7s-smile:before {
    content: "\e6c6";
}
.pe-7s-usb:before {
    content: "\e6c7";
}
.pe-7s-vector:before {
    content: "\e6c8";
}
.pe-7s-wine:before {
    content: "\e6c9";
}
.pe-7s-cloud-upload:before {
    content: "\e68a";
}
.pe-7s-cash:before {
    content: "\e68c";
}
.pe-7s-close:before {
    content: "\e680";
}
.pe-7s-bluetooth:before {
    content: "\e68d";
}
.pe-7s-cloud-download:before {
    content: "\e68b";
}
.pe-7s-way:before {
    content: "\e68e";
}
.pe-7s-close-circle:before {
    content: "\e681";
}
.pe-7s-id:before {
    content: "\e68f";
}
.pe-7s-angle-up:before {
    content: "\e682";
}
.pe-7s-wristwatch:before {
    content: "\e690";
}
.pe-7s-angle-up-circle:before {
    content: "\e683";
}
.pe-7s-world:before {
    content: "\e691";
}
.pe-7s-angle-right:before {
    content: "\e684";
}
.pe-7s-volume:before {
    content: "\e692";
}
.pe-7s-angle-right-circle:before {
    content: "\e685";
}
.pe-7s-users:before {
    content: "\e693";
}
.pe-7s-angle-left:before {
    content: "\e686";
}
.pe-7s-user-female:before {
    content: "\e694";
}
.pe-7s-angle-left-circle:before {
    content: "\e687";
}
.pe-7s-up-arrow:before {
    content: "\e695";
}
.pe-7s-angle-down:before {
    content: "\e688";
}
.pe-7s-switch:before {
    content: "\e696";
}
.pe-7s-angle-down-circle:before {
    content: "\e689";
}
.pe-7s-scissors:before {
    content: "\e697";
}
.pe-7s-wallet:before {
    content: "\e600";
}
.pe-7s-safe:before {
    content: "\e698";
}
.pe-7s-volume2:before {
    content: "\e601";
}
.pe-7s-volume1:before {
    content: "\e602";
}
.pe-7s-voicemail:before {
    content: "\e603";
}
.pe-7s-video:before {
    content: "\e604";
}
.pe-7s-user:before {
    content: "\e605";
}
.pe-7s-upload:before {
    content: "\e606";
}
.pe-7s-unlock:before {
    content: "\e607";
}
.pe-7s-umbrella:before {
    content: "\e608";
}
.pe-7s-trash:before {
    content: "\e609";
}
.pe-7s-tools:before {
    content: "\e60a";
}
.pe-7s-timer:before {
    content: "\e60b";
}
.pe-7s-ticket:before {
    content: "\e60c";
}
.pe-7s-target:before {
    content: "\e60d";
}
.pe-7s-sun:before {
    content: "\e60e";
}
.pe-7s-study:before {
    content: "\e60f";
}
.pe-7s-stopwatch:before {
    content: "\e610";
}
.pe-7s-star:before {
    content: "\e611";
}
.pe-7s-speaker:before {
    content: "\e612";
}
.pe-7s-signal:before {
    content: "\e613";
}
.pe-7s-shuffle:before {
    content: "\e614";
}
.pe-7s-shopbag:before {
    content: "\e615";
}
.pe-7s-share:before {
    content: "\e616";
}
.pe-7s-server:before {
    content: "\e617";
}
.pe-7s-search:before {
    content: "\e618";
}
.pe-7s-film:before {
    content: "\e6a5";
}
.pe-7s-science:before {
    content: "\e619";
}
.pe-7s-disk:before {
    content: "\e6a6";
}
.pe-7s-ribbon:before {
    content: "\e61a";
}
.pe-7s-repeat:before {
    content: "\e61b";
}
.pe-7s-refresh:before {
    content: "\e61c";
}
.pe-7s-add-user:before {
    content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
    content: "\e61d";
}
.pe-7s-paperclip:before {
    content: "\e69c";
}
.pe-7s-radio:before {
    content: "\e61e";
}
.pe-7s-note2:before {
    content: "\e69d";
}
.pe-7s-print:before {
    content: "\e61f";
}
.pe-7s-network:before {
    content: "\e69e";
}
.pe-7s-prev:before {
    content: "\e620";
}
.pe-7s-mute:before {
    content: "\e69f";
}
.pe-7s-power:before {
    content: "\e621";
}
.pe-7s-medal:before {
    content: "\e6a0";
}
.pe-7s-portfolio:before {
    content: "\e622";
}
.pe-7s-like2:before {
    content: "\e6a1";
}
.pe-7s-plus:before {
    content: "\e623";
}
.pe-7s-left-arrow:before {
    content: "\e6a2";
}
.pe-7s-play:before {
    content: "\e624";
}
.pe-7s-key:before {
    content: "\e6a3";
}
.pe-7s-plane:before {
    content: "\e625";
}
.pe-7s-joy:before {
    content: "\e6a4";
}
.pe-7s-photo-gallery:before {
    content: "\e626";
}
.pe-7s-pin:before {
    content: "\e69b";
}
.pe-7s-phone:before {
    content: "\e627";
}
.pe-7s-plug:before {
    content: "\e69a";
}
.pe-7s-pen:before {
    content: "\e628";
}
.pe-7s-right-arrow:before {
    content: "\e699";
}
.pe-7s-paper-plane:before {
    content: "\e629";
}
.pe-7s-delete-user:before {
    content: "\e6a7";
}
.pe-7s-paint:before {
    content: "\e62a";
}
.pe-7s-bottom-arrow:before {
    content: "\e6a8";
}
.pe-7s-notebook:before {
    content: "\e62b";
}
.pe-7s-note:before {
    content: "\e62c";
}
.pe-7s-next:before {
    content: "\e62d";
}
.pe-7s-news-paper:before {
    content: "\e62e";
}
.pe-7s-musiclist:before {
    content: "\e62f";
}
.pe-7s-music:before {
    content: "\e630";
}
.pe-7s-mouse:before {
    content: "\e631";
}
.pe-7s-more:before {
    content: "\e632";
}
.pe-7s-moon:before {
    content: "\e633";
}
.pe-7s-monitor:before {
    content: "\e634";
}
.pe-7s-micro:before {
    content: "\e635";
}
.pe-7s-menu:before {
    content: "\e636";
}
.pe-7s-map:before {
    content: "\e637";
}
.pe-7s-map-marker:before {
    content: "\e638";
}
.pe-7s-mail:before {
    content: "\e639";
}
.pe-7s-mail-open:before {
    content: "\e63a";
}
.pe-7s-mail-open-file:before {
    content: "\e63b";
}
.pe-7s-magnet:before {
    content: "\e63c";
}
.pe-7s-loop:before {
    content: "\e63d";
}
.pe-7s-look:before {
    content: "\e63e";
}
.pe-7s-lock:before {
    content: "\e63f";
}
.pe-7s-lintern:before {
    content: "\e640";
}
.pe-7s-link:before {
    content: "\e641";
}
.pe-7s-like:before {
    content: "\e642";
}
.pe-7s-light:before {
    content: "\e643";
}
.pe-7s-less:before {
    content: "\e644";
}
.pe-7s-keypad:before {
    content: "\e645";
}
.pe-7s-junk:before {
    content: "\e646";
}
.pe-7s-info:before {
    content: "\e647";
}
.pe-7s-home:before {
    content: "\e648";
}
.pe-7s-help2:before {
    content: "\e649";
}
.pe-7s-help1:before {
    content: "\e64a";
}
.pe-7s-graph3:before {
    content: "\e64b";
}
.pe-7s-graph2:before {
    content: "\e64c";
}
.pe-7s-graph1:before {
    content: "\e64d";
}
.pe-7s-graph:before {
    content: "\e64e";
}
.pe-7s-global:before {
    content: "\e64f";
}
.pe-7s-gleam:before {
    content: "\e650";
}
.pe-7s-glasses:before {
    content: "\e651";
}
.pe-7s-gift:before {
    content: "\e652";
}
.pe-7s-folder:before {
    content: "\e653";
}
.pe-7s-flag:before {
    content: "\e654";
}
.pe-7s-filter:before {
    content: "\e655";
}
.pe-7s-file:before {
    content: "\e656";
}
.pe-7s-expand1:before {
    content: "\e657";
}
.pe-7s-exapnd2:before {
    content: "\e658";
}
.pe-7s-edit:before {
    content: "\e659";
}
.pe-7s-drop:before {
    content: "\e65a";
}
.pe-7s-drawer:before {
    content: "\e65b";
}
.pe-7s-download:before {
    content: "\e65c";
}
.pe-7s-display2:before {
    content: "\e65d";
}
.pe-7s-display1:before {
    content: "\e65e";
}
.pe-7s-diskette:before {
    content: "\e65f";
}
.pe-7s-date:before {
    content: "\e660";
}
.pe-7s-cup:before {
    content: "\e661";
}
.pe-7s-culture:before {
    content: "\e662";
}
.pe-7s-crop:before {
    content: "\e663";
}
.pe-7s-credit:before {
    content: "\e664";
}
.pe-7s-copy-file:before {
    content: "\e665";
}
.pe-7s-config:before {
    content: "\e666";
}
.pe-7s-compass:before {
    content: "\e667";
}
.pe-7s-comment:before {
    content: "\e668";
}
.pe-7s-coffee:before {
    content: "\e669";
}
.pe-7s-cloud:before {
    content: "\e66a";
}
.pe-7s-clock:before {
    content: "\e66b";
}
.pe-7s-check:before {
    content: "\e66c";
}
.pe-7s-chat:before {
    content: "\e66d";
}
.pe-7s-cart:before {
    content: "\e66e";
}
.pe-7s-camera:before {
    content: "\e66f";
}
.pe-7s-call:before {
    content: "\e670";
}
.pe-7s-calculator:before {
    content: "\e671";
}
.pe-7s-browser:before {
    content: "\e672";
}
.pe-7s-box2:before {
    content: "\e673";
}
.pe-7s-box1:before {
    content: "\e674";
}
.pe-7s-bookmarks:before {
    content: "\e675";
}
.pe-7s-bicycle:before {
    content: "\e676";
}
.pe-7s-bell:before {
    content: "\e677";
}
.pe-7s-battery:before {
    content: "\e678";
}
.pe-7s-ball:before {
    content: "\e679";
}
.pe-7s-back:before {
    content: "\e67a";
}
.pe-7s-attention:before {
    content: "\e67b";
}
.pe-7s-anchor:before {
    content: "\e67c";
}
.pe-7s-albums:before {
    content: "\e67d";
}
.pe-7s-alarm:before {
    content: "\e67e";
}
.pe-7s-airplay:before {
    content: "\e67f";
}


/* Css-file: user_modules/wz2016/skin/css/front-0-percent.css */

.hidden {
    display: none !important
}


.home.action_0_percent {
    color: #7c8595;
}

.home.action_0_percent .calc_background {
    padding-top: 95px;
    margin-top: -95px;
    background: #fafbfd  url('/user_modules/wz2016/skin/img/background.jpg') center no-repeat;
    background-size: cover;
}
.webp .home.action_0_percent .calc_background {
    background: #fafbfd  url('/user_modules/wz2016/skin/img/background.webp') center no-repeat;
    background-size: cover;
}

.home.action_0_percent .calc_background .container {
    position: relative;
}

.home.action_0_percent h1 {
    background-color: transparent;
}

.home.action_0_percent #stuck_container {
    background: transparent;
    /*background: rgba(7, 14, 30, 0.82);*/
    -webkit-transition: 0.4s background-color ease;
    transition: 0.4s background-color ease;
    box-shadow: none;
}

.home.action_0_percent #stuck_container.scrolled-nav {
    background: #fff;

}

.home.action_0_percent .menu > li > a {
    color: #2f648d;
}

@media (max-width: 767px){
.home.action_0_percent .menu > li > a {
    color: #3F4254;
}
}

.home.action_0_percent #header .menu .lk-login {
    color: #2f648d;
    border: 2px solid #00e6b8;
    background-color: transparent;
    padding: 5px 20px;
    margin: 26px .5em 0 .5em;
    border-radius: 30px;
}

@media (max-width: 767px){
    .home.action_0_percent #header .menu .lk-login {
        color: #ffffff;
        margin-right: 0;
        width: 55%;
        padding: 7px 7px 7px 19px;
        box-sizing: border-box;
        border-radius: 6px;
        margin-left: 20px;
        margin-top: 8px;
        margin-bottom: 15px;
        background: #0289cf;
        border: none;
    }

}

.home.action_0_percent #header .menu .lk-login:hover{
color: #1089d4;
}


#stuck_container {
    border-bottom: 1px solid #dbdcde;
}


.home.action_0_percent #header .scrolled-nav .menu .lk-login {
    color: #ffffff;
    background: #2d597c;
    padding: 9px 15px;
    margin: 0px .5em 0 .5em;
    border-radius: unset;
    border: none;
}

@media (max-width: 767px){
.home.action_0_percent #header .scrolled-nav .menu .lk-login {
    width: 42%;
    box-sizing: border-box;
    border-radius: 6px;
    margin-left: 20px;
    margin-top: 8px;
    background: #0289cf;
    border: none;
}
}


.home.action_0_percent #header .scrolled-nav .menu .lk-login:hover {
    color: #1089d4;
}

.home.action_0_percent #stuck_container.scrolled-nav .menu > li > a {
    color: #2d597c;
}

.home.action_0_percent header #logo {
    padding-left: 0;
    padding-right: 0;
}

.home.action_0_percent header #logo,
.home.action_0_percent header #logo a {
    color: #fff;
    width: 180px;
    padding: 20px 5px 4px;
}

@media (max-width: 859px) {
.home.action_0_percent header #logo,
.home.action_0_percent header #logo a {
    color: #fff;
    width: 140px;
    padding: 25px 5px 5px;
}
}

.home.action_0_percent #stuck_container.scrolled-nav #logo a,
.home.action_0_percent #stuck_container.scrolled-nav #logo a:hover,
.home.action_0_percent #stuck_container.scrolled-nav #logo a:visited {
    color: #1089d4;
}

.home.action_0_percent #header .promo-banner-block {
    background: none;
}

.home.action_0_percent .calc_wrap {
    width: 34%;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 0 #3b7afd;
    padding-bottom: 5px;
    min-height: auto;
    margin: 70px 2% 70px auto;
}

.home.action_0_percent  .btn-4 {
    border: 2px solid #fafbfc;
    background-color: #45526324;
    padding: 13px 20px;
    border-radius: 24px;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 20px 0px 40px;
    text-transform: uppercase;
    font-size: 16px;

}

@media (max-width: 980px) and (min-width: 767px)
{
.home.action_0_percent .calc_wrap {
    width: 40%;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 38px;
    margin-bottom: 65px;
    box-shadow: 0 2px 0 #3b7afd;
    padding-bottom: 5px;
    min-height: auto;
}
    .home.action_0_percent #header .menu .lk-login {
    padding: 5px 5px;
    }

    .top_microfinance_company_2022_desctop {
        width: 90% !important;
    }

    .home.action_0_percent #promo-banner-block h1 {
        margin-top: 6px;
        font-size: 46px !important;
        top: 340px;
        padding: 0px 20px;
    }

    .home.action_0_percent #promo-banner-block span {
        top: 495px;
    }
}

.home.action_0_percent #promo-banner-block {
    color: #2f648d;
    height: auto;
    position: absolute;
}

.home.action_0_percent .top_microfinance_company_2022_desctop {
    position: relative;
    top: 280px;
    border-radius: 20px;
    background: linear-gradient(90deg,#00E5B9 0,#00C6A0 100%);
    width: 70%;
}

.home.action_0_percent .top_microfinance_company_2022_desctop div {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    text-align: center;
    padding: 14px 20px;
}

.home.action_0_percent .top_microfinance_company_2022_desctop div::after,
.home.action_0_percent .calc_wrap .top_microfinance_company_2022_mobile div::after {
    content: url('data:image/svg+xml; base64, PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCA2NiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMy40NDUyIDIuNTAwMTVDMzQuMTU2NiAyLjUwMDE1IDM0LjYyNzUgMi41MzIxNSAzNC45NDg2IDIuNjA2NjVDMzUuNDUyIDIuNzI0NjUgMzUuODUxMSAyLjk4MjY0IDM2LjE0NjUgMy4zODIxM0MzNi40OTI4IDMuODM5NjEgMzYuNjY2NiA0LjM0NzExIDM2LjY2NjYgNC44OTcxMVYxMEgzNC41NzE0VjQuOTEwMTFDMzQuNTcxNCA0Ljc4MTExIDM0LjU0MjYgNC42NjExMSAzNC40NzcxIDQuNTU3NjFDMzQuNDA5NiA0LjQ1NTYxIDM0LjMxNDggNC4zNTIxMSAzNC4xOTA2IDQuMjU3MTFDMzMuOTcyNyA0LjA4NTYxIDMzLjcyMTMgNC4wMDA2MSAzMy40MzYzIDQuMDAwNjFMMzEuNDI4NiA0LjAwMDExVjEwSDI5LjMzMzNWMi41MDAxNUgzMy40NDUyWk01Ny42MzUzIDIuNDk5NzVMNTcuNjQwOSAzLjk5OTcxSDU1Ljg4NTRDNTUuNjM5OCAzLjk5OTcxIDU1LjQxOTMgNC4wODI3MSA1NS4yMzAyIDQuMjQ4NzFDNTUuMTI1NSA0LjM0MDcxIDU1LjA0MjUgNC40NDEyMSA1NC45ODYxIDQuNTM5NzFDNTQuOTI4MiA0LjY0MDIxIDU0LjkwMzkgNC43NTY3MSA1NC45MDM5IDQuODgxNzFMNTQuODk4IDkuOTk5NjFINTIuOTIxM1Y0LjkwMDIxQzUyLjkyMTMgNC4zNDk3MSA1My4wODQ2IDMuODQxMjEgNTMuNDExMyAzLjM4MzIzQzUzLjY4NzkgMi45ODMyNCA1NC4wNjQgMi43MjUyNSA1NC41MzU5IDIuNjA3MjVDNTQuODM4MyAyLjUzMTc1IDU1LjMyNzUgMi40OTk3NSA1NS45OTYgMi40OTk3NUg1Ny42MzUzWk00OC43MTQzIDIuNDk5OTVWOS45OTk3OUg0Ni42MTkyVjIuNDk5OTVINDguNzE0M1pNNDYuMTAzIDIuNDk5OTVMNDIuNDQ1IDYuMzEyMzZMNDYuMTExOSA5Ljk5OTc5SDQzLjQ3NTlMNDAuMDcxMiA2LjI2MDM2TDQzLjQ3NTkgMi40OTk5NUg0Ni4xMDNaTTUxLjg1NzIgNy45OTk4NlY5Ljk5OTc5SDQ5Ljc2MThWNy45OTk4Nkg1MS44NTcyWk02NiAyLjQ5OTk1VjkuOTk5NzlINjIuMDA1M0M2MS4yNzA1IDkuOTk5NzkgNjAuNzQ5NSA5Ljk1NDc5IDYwLjQ0NTcgOS44ODc3OUM1OS45NDQyIDkuNzcxODIgNTkuNTM0MiA5LjUwODgyIDU5LjIzMTkgOS4xMTc4MkM1OC44OTQ5IDguNjc3MzIgNTguNjk5MSA4LjE2NjgyIDU4LjY5OTEgNy42MDA4NlYyLjQ5OTk1TDYwLjc2MiAyLjUxMDQ1TDYwLjc1MSA3LjUxMDM2QzYwLjc1MSA3Ljc1OTg2IDYwLjg0ODMgOC4wNTY4MiA2MS4wNTYzIDguMjQxODJDNjEuMjg1NiA4LjQ0NjMyIDYxLjY2MDIgOC41MTAzMiA2MS45MDggOC41MTAzMkw2My45MTQyIDguNDk5ODJWMi40OTk5NUg2NlpNMjQuODMzNyAyLjUwMDA1QzI1LjU4MjIgMi41MDAwNSAyNi4xNDQyIDIuNTU3MDUgMjYuNTA2MiAyLjY4MTU1QzI2Ljg3NiAyLjc5NzU0IDI3LjE5MTkgMi45NzIwNCAyNy40NTQ4IDMuMjE0MDRDMjcuNzk4OSAzLjUzNzUzIDI4LjAxOTUgMy44ODY1NCAyOC4xMjU4IDQuMjZDMjguMjQgNC42MzQgMjguMjY5MyA1LjEwNiAyOC4yNjkzIDUuNjk1VjkuOTkxODlMMjIuNzE2OSA5Ljk5OTg5QzIyLjA3NTMgOS45OTk4OSAyMS41MjIxIDkuNzkxODkgMjEuMDc0OCA5LjM4NDkzQzIwLjYyNyA4Ljk3ODkzIDIwLjM5OCA4LjQ1NDkzIDIwLjM5OCA3LjgzNDQzQzIwLjM5OCA3LjE3ODk2IDIwLjYwMDIgNi42MzE5NiAyMS4wMTM1IDYuMjA5OTZDMjEuNDI1NyA1Ljc3ODUgMjEuOTM1OSA1LjU2MSAyMi41NTk4IDUuNTYxTDI2LjE5MDMgNS41NjQ1TDI2LjE5OTggNS4wMzE1QzI2LjE5OTggNC45MDMgMjYuMTczIDQuNzgzNSAyNi4xMjk1IDQuNjkxNUMyNi4wODQ1IDQuNTk1NSAyNi4wMTU0IDQuNDg2IDI1LjkwOSA0LjM1OUMyNS43NjkyIDQuMTk2NSAyNS42MTk5IDQuMDk0NTQgMjUuNDcwMSA0LjA1MjU0QzI1LjMxMTQgNC4wMDkwNCAyNS4xMDEzIDMuOTkzMDQgMjQuODI4NCAzLjk5MzA0TDIwLjk0MTIgMy45ODk1NEwyMC45MzIzIDIuNTAwMDVIMjQuODMzN1pNMzkuODA5NCAwVjkuOTk5NzlIMzcuNzE0NFYwSDM5LjgwOTRaTTkuNDI4NTYgNy45OTk4NlY5Ljk5OTc5SDBWNy45OTk4Nkg5LjQyODU2Wk0xMy42MTkgMFYyLjQ5OTk1SDE1LjYyNjhDMTcuMTI4NiAyLjQ5OTk1IDE4LjE0MTEgMi44Njk0NCAxOC44NjY2IDMuNjcwNDNDMTkuNDQwMSA0LjI4NjQzIDE5Ljc0NCA1LjE2NDM5IDE5Ljc0NCA2LjE0OTg5QzE5Ljc0NCA3LjYyODM2IDE5LjEwMjggOC43ODMzMiAxNy45Mzg0IDkuNDQ1MzJDMTcuMTc5NCA5Ljg3NjI5IDE2LjUyMTUgOS45OTk3OSAxNS4wMzY1IDkuOTk5NzlIMTEuNTIzOFYwSDEzLjYxOVpNMjMuNDM2NiA2Ljk4NTQ2TDIzLjQzMjUgNi45OTE5NkMyMy4xNjY5IDYuOTkxOTYgMjIuOTUxNiA3LjA1Mzk2IDIyLjc1NzggNy4yMDE5NkMyMi41NzU1IDcuMzQ3OTYgMjIuNDgzMyA3LjUzODk2IDIyLjQ4MzMgNy43ODA5M0MyMi40ODMzIDcuOTk2OTMgMjIuNTc1NSA4LjE2OTkzIDIyLjc0OTkgOC4zMDc5M0MyMi45MzMzIDguNDQ3OTMgMjMuMTQzMyA4LjUxNjQzIDIzLjM3MjcgOC41MTY0M0wyNi4xOTAzIDguNDk5OTNWNi45OTk5NkwyMy40MzY2IDYuOTg1NDZaTTE1LjMyNTYgMy45ODQ0M0gxMy42MTlWOC40OTk4MkgxNS4zMjU2QzE2LjY4NzUgOC40OTk4MiAxNy41MTQ2IDcuNjI1ODYgMTcuNTE0NiA2LjIwMTM5QzE3LjUxNDYgNC43MTIzOSAxNi43OTA3IDMuOTg0NDMgMTUuMzI1NiAzLjk4NDQzWk05LjQyODU2IDMuOTk5OTNWNS45OTk4OUgyLjYxOTA1VjMuOTk5OTNIOS40Mjg1NlpNNDguNzE0MyAwVjEuOTk5OTZINDYuNjE5MlYwSDQ4LjcxNDNaTTkuNDI4NTYgMFYxLjk5OTk2SDUuMjM4MDhWMEg5LjQyODU2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.home.action_0_percent #promo-banner-block span,
.home.action_0_percent #promo-banner-block h1 {
    display: block;
    margin-top: 6px;
    line-height: 1.2;
    text-shadow: white 0 0 8px;
}

.home.action_0_percent #promo-banner-block span {
    display: block;
    position: relative;
    top: 294px;
    font-size: 25px;
}

.home.action_0_percent #promo-banner-block h1 {
    position: relative;
    top: 292px;
    font-size: 58px;
    color: #2f648d;
    text-align: left;
    padding: 0;
    letter-spacing: normal;
}

.home.action_0_percent .calc_wrap,
.home.action_0_percent .calc_wrap * {
    font-family: 'Montserrat', Arial, sans-serif;
}
.home.action_0_percent .calc_wrap,
.home.action_0_percent .calc_wrap * .RUR {
    font-family: 'PT Sans', Arial, sans-serif;
}

.home.action_0_percent .calc_wrap .top_microfinance_company_2022_mobile {
    background: linear-gradient(90.7deg, #00E5B9 0%, #00C6A0 99.82%);
    border-radius: 7px 7px 0px 0px;
    padding: 15px;
    display: none;
}

.home.action_0_percent .calc_wrap .top_microfinance_company_2022_mobile div {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.home.action_0_percent .calc_wrap h2 {
    font-weight: bold;
    line-height: 1em;
    font-size: 24px;
}

.home.action_0_percent #promo-banner-mobile {
  display: none;
}


.home.action_0_percent .calc_wrap .calc_action_text-0-percent {
    color: #416eb1;
}

.home.action_0_percent .calc_wrap .calc_action_text-0.home.action_0_percent #stuck_container-percent span {
    color: #4a65fc;
}

.home.action_0_percent .block-calc {
    padding: 0 30px;
}

.home.action_0_percent .block-calc .slider-label label {

}

.home.action_0_percent .block-calc .slider-label {
    font-size: 20px;
    text-align: left;
    margin-bottom: 20px;
}

.home.action_0_percent .block-calc .slider-label > span {
    float: right;
    color: inherit;
    display: inline-block;
    width: 50%;
}

.home.action_0_percent .block-calc .slider-label input {
    width: 80%;
    background: #fafafa;
    border: none;
    color: #416fb1;
    font-size: 26px;
    text-align: right;
    margin-top: -9px;
}

.home.action_0_percent .block-calc .slider-label input.s_due {
    width: 40%;
}

.home.action_0_percent .noUi-marker-horizontal.noUi-marker {
    display: none;
}

.home.action_0_percent #slider-sum.noUi-horizontal,
.home.action_0_percent #slider-due.noUi-horizontal {
    margin: 0 10px 70px;
    height: 4px;
}

.home.action_0_percent #slider-due.noUi-horizontal {
    margin-bottom: 30px;
}

.home.action_0_percent .noUi-value-horizontal {
    padding-top: 0;
    font-size: 14px;
}

.home.action_0_percent .noUi-background {
    background: #e3e3e3;
    box-shadow: none;
}

.home.action_0_percent .noUi-target {
    background: #04b404;
    box-shadow: none;
    border: none;
    border-radius: 2px;
}

.home.action_0_percent #money {
    width: auto;
}

.home.action_0_percent .calc_wrap .btn-3 {
    display: block;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 12px 0;
    margin-bottom: 10px;
    width: 250px;
}

.home.action_0_percent #money.discounted_summ .btn-3 {
    background: #f82703;
}

.home.action_0_percent .calc_wrap .btn-3 strong span {
    display: none;
}

.home.action_0_percent #money.discounted_summ .btn-3 strong span {
    display: inline;
}



.home.action_0_percent .due_date_block,
.home.action_0_percent .due_pay_summ {
    color: #8a8d9e;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 5px 20px;
    line-height: 1.2;
}

.home.action_0_percent .due_date_block.text-center {
    text-align: center;
    padding: 15px 0px;
}

.home.action_0_percent .calc_pay_sum,.calc_sum{
    color: #5791db;
    width: 30%;
    display: inline-block;
    float: inherit;
}

.home.action_0_percent h2 {
    font-size: 30px
}

.home.action_0_percent h3 {
    font-size: 18px
}

.home.action_0_percent h2,
.home.action_0_percent h3 {
    color: #2f648d

}

.home.action_0_percent #content .content_bg__steps {
    background: #fafbfc;

}
.home.action_0_percent #steps {
background: white;
border-radius: 0.42rem;
border: #ebebeb 1px solid;
border-bottom: #ebebeb 2px solid;
box-shadow: 0 0 15px 2px #eee;
    margin-bottom: 10px;
}

.home.action_0_percent #steps > div {
    margin: 25px 45px;
}

.home.action_0_percent #steps .slick_slide {
    text-align: center;
}

.home.action_0_percent #steps .slick_slide h3 {
    text-align: center;
}

.home.action_0_percent #steps .block-item-6_img {
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}

.home.action_0_percent .content_bg__5 {
    color: #fff;
    background: #276dcc;
}

.home.action_0_percent .content_bg__5 .product i {
    font-size: 50px;
    line-height: 60px;
}
.home.action_0_percent .content_bg__5 .product .desc span {
    font-size: 23px;
    line-height: 40px;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    letter-spacing: -0.030em;
}
@media (min-width: 1400px) {
    .partners .container {
        width: 1366px;
    }
}

@media (max-width: 1250px) and (min-width: 980px){
    .home.action_0_percent .content_bg__5 .product .desc span {
        font-size: 17px;
        line-height: 36px;
    }
}
@media (max-width: 980px) and (min-width: 781px)
{
.home.action_0_percent .content_bg__5 .product .desc span {
    font-size: 14px;
    line-height: 25px;
}
}


.home.action_0_percent .content_bg__5 .product:last-child .desc span {
    font-size: 21px;
}

@media (max-width: 1250px) and (min-width: 980px){
    .home.action_0_percent .content_bg__5 .product:last-child .desc span {
        font-size: 17px;
    }
}

@media (max-width: 980px) and (min-width: 781px){
    .home.action_0_percent .content_bg__5 .product:last-child .desc span {
        font-size: 14px;
    }
}
.home.action_0_percent .content_bg__5 .product .desc  {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
}

.home.action_0_percent .content_bg__5 * {
    color: #fff !important;
}

.home.action_0_percent .content_bg__5 h3,
.home.action_0_percent .content_bg__5 p,
.home.action_0_percent .content_bg__5 span,
.home.action_0_percent .content_bg__5 div {
    font-family: "Montserrat", sans-serif;
}


.home.action_0_percent .block-item-2_d_text {
    font-size: 18px;
}

.home.action_0_percent .content_bg__reviews {
    background: #fafbfd;
   /* border-bottom: 1px solid #ebebeb;  */
}

.home.action_0_percent .element {
    width: 33%;
}

.home.action_0_percent .block-stellar .block-item-6 {
    text-align: left;
    padding-bottom: 20px;
}

.home.action_0_percent .block-stellar .block-item-6 .block-item-6_heading {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.home.action_0_percent .block-stellar .block-item-6 .block-item-6_heading label {
    cursor: pointer;
    font-weight: bold;
}

.home.action_0_percent .block-stellar .block-item-6 .block-item-6_extension {
    display: none;
    color: #798591;
}

.home.action_0_percent .block-stellar .block-item-6 .faq-checkbox-hide {
    display: none;
}

.home.action_0_percent .block-stellar .block-item-6 .faq-checkbox-hide:checked ~ .block-item-6_heading {
    border-bottom: #1d8fff 1px solid;
}

.home.action_0_percent .block-stellar .block-item-6 .faq-checkbox-hide:checked ~ .block-item-6_extension {
    display: block;
}

.home.action_0_percent .faq-link-block {
    margin: 20px 20px;
    padding: 30px 20px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    border-top: 3px solid #0e88d3;
    text-align: center;
    background: #fafbfc;
}

.home.action_0_percent .question-mark {
    display: block;
    width: 60px;
    height: 60px;
    font-size: 60px;
    border: 2px solid #02e5b9;
    border-radius: 15%;
    line-height: 1;
    color: #02e5b9;
    margin: 10px auto;
}

.home.action_0_percent .faq-link-block a {
    margin: 20px 50px;
    display: block;
    padding: 20px;
    color: #fff;
    background: #276dcc;
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 0 0 10px 1px #aaa;
}

.home.action_0_percent .review {
    border: #ebebeb 1px solid;
    border-bottom: #ebebeb 2px solid;
    box-shadow: 0 0 15px 2px #eee;
    font-style: italic;
}

.home.action_0_percent .review:hover {
    color: #333;
    background: none;
    cursor: default;
    border: #ebebeb 1px solid;
}

.home.action_0_percent .review:hover a {
    color: #333;
    cursor: default;
}

.home.action_0_percent .review .signature {
    font-style: normal;
    color: #1e90ff;
    font-weight: bold;
    font-size: 14px;
}

.home.action_0_percent section.partners {
    border-top: 1px solid #efefef;
}

.home.action_0_percent section.partners img {
    margin: 0px;
}




@media screen and (max-width: 767px) {
    .home.action_0_percent #promo-banner-block {
        display: none;
    }
    .home.action_0_percent #promo-banner-mobile {
        margin-top: 15px;
        width: 249px;
        margin-left: 41px;
        display: block;
    }
    .home.action_0_percent .due_date_block, .home.action_0_percent .due_pay_summ {
        font-size: 14px;
        text-align: left;
    }

    .home.action_0_percent .calc_background,
    .webp .home.action_0_percent .calc_background {
        background: #f1f2f4;
       background: linear-gradient(0deg, #fafbfc 45%, #256dcc 44%)
        /*  background: linear-gradient(110deg, #256dcc 60%, #00e6b8 60%);*/
      }

      .home.action_0_percent .calc_wrap {
          width: auto;
          box-shadow: 0 3px 12px #6464647d;
      }

      .home.action_0_percent #stuck_container {
          background: #fff0;
          border-bottom: 1px solid #dbdcde00;
      }

      .home.action_0_percent #header .scrolled-nav .menu .lk-login {
          padding: 7px 7px 6px 15px;
          margin-right: 0;
          border-radius: 10px;
      }
      .home.action_0_percent #header .scrolled-nav .menu,
      .home.action_0_percent #stuck_container.scrolled-nav .menu > li > a {
          color: #3f4254;
      }

    .home.action_0_percent #login_nav,
    .home.action_0_percent #mobile_nav,
    .home.action_0_percent header #logo,
    .home.action_0_percent header #logo a, .home.action_0_percent #stuck_container #logo a,
    .home.action_0_percent #stuck_container #logo a:hover,
    .home.action_0_percent #stuck_container #logo a:visited
      {
          color: #ffffff;
        z-index: 999;
        fill: #ffffff;
      }

    .home.action_0_percent .calc_wrap .top_microfinance_company_2022_mobile {
        display: block;
    }



    .home.action_0_percent header .scrolled-nav  #mobile_nav,
    .home.action_0_percent header .scrolled-nav  #login_nav
    {
        color: #276dcc;
        fill:#276dcc;
    }

      .home.action_0_percent .menu > li > a {
          /*color: #fff;*/
    }

    .home.action_0_percent #header #logo {
        padding: 5px 0 5px 54px;
    }
}

.section-grey{
    background: #fafbfc;
    padding: 20px 0 100px 0;
}
.section-bottom-border {
    border-bottom: 1px solid #efefef;
}
/* c) Testimonials */
.testim-inner{
    margin-top: 90px;
    position: relative;
    text-align: center;
    padding: 0 25px 25px 25px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 7px 7px;
    border-bottom: 2px solid #e0e0e0;
    box-shadow: rgba(33,33,33,.055) 0 4px 24px 5px;
    transition: all 1s;
}

.testim-inner:hover{
    border-bottom: 2px solid #1e90ff;
    transition: all 1s;
}

.testim-inner img{
    position: relative;
    display: inline-block;
    margin-top: -55px;
    max-width: 110px;
    border:1px solid #efefef;
    border-radius: 50% 50%;
    padding: 5px 5px;
    background-color: #fff;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}

.testim-inner h6{
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    color: #1e90ff;
    font-family: 'Lato', sans-serif;
}

.testim-inner p{
    font-size: 17px;
    line-height: 28px;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 5px;
}

.testim-rating i{
    color: #fdcc28;
}

@media (min-width: 768px) {
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 29.333333%;
        padding-right: 15px;
        padding-left: 15px;
    }


}
@media (min-width: 768px){
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.text-center {
    text-align: center!important;
}
.rev
{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media only screen and (max-width: 480px){
header #logo .slogan {
    display: none;
}
}

@media only screen and (max-width: 480px){
    #header .scrolled-nav #logo .slogan {
    display: block;
}
    .home.action_0_percent #steps > div {
        margin: 25px 10px;
    }
}

@media screen and (max-width: 414px) {
    .home.action_0_percent #promo-banner-mobile {
        margin-top: 15px;
        width: 249px;
        margin-left: 45px;
        display: block;
    }
    .home.action_0_percent .calc_wrap {
        width: 100%;
        background: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-shadow: 0 2px 0 #3b7afd;
        padding-bottom: 5px;
        min-height: auto;
        margin: 30px 2% 22px auto;
    }
}


@media screen and (max-width: 360px) {

    .home.action_0_percent .calc_wrap {
        box-shadow: 0 3px 12px #6464647d;
        width: 101%;
        margin: 22px auto auto 0px;
    }
    .container {
        padding: 0;
        width: 90%;
}
    .home.action_0_percent #promo-banner-mobile {
        margin-top: 0px;
        width: 220px;
        margin-left: 41px;
        display: block;
    }

    .home.action_0_percent .faq-link-block a {
        margin: 20px 10px;
    }

}
@media screen and (max-width: 320px) {


    .home.action_0_percent #promo-banner-mobile {
        margin-top: 0px;
        width: 170px;
        margin-left: 50px;
        display: block;
    }

}