/* Minification failed. Returning unminified contents.
(5,1): run-time error CSS1019: Unexpected token, found '@import'
(5,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:regular,300,400,500,600,700)'
(56,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2334,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2698,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2699,10): run-time error CSS1035: Expected colon, found '{'
(2706,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2707,10): run-time error CSS1035: Expected colon, found '{'
(6580,1): run-time error CSS1019: Unexpected token, found '@import'
(6580,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:regular,300,400,500,600,700)'
(9658,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9768,28): run-time error CSS1039: Token not allowed after unary operator: '-og-border'
(9825,25): run-time error CSS1039: Token not allowed after unary operator: '-og-blue'
(9841,17): run-time error CSS1039: Token not allowed after unary operator: '-og-light-text'
(9857,21): run-time error CSS1039: Token not allowed after unary operator: '-og-dark-grey'
(9863,21): run-time error CSS1039: Token not allowed after unary operator: '-og-light-text'
(9885,17): run-time error CSS1039: Token not allowed after unary operator: '-og-dark-grey'
(9893,17): run-time error CSS1039: Token not allowed after unary operator: '-og-dark-grey'
(9910,28): run-time error CSS1039: Token not allowed after unary operator: '-og-blue'
(9968,16): run-time error CSS1038: Expected hex color, found '#ffff'
(10012,22): run-time error CSS1039: Token not allowed after unary operator: '-pagination-bg'
(10013,17): run-time error CSS1039: Token not allowed after unary operator: '-pagination-text'
(10024,26): run-time error CSS1039: Token not allowed after unary operator: '-pagination-bg-hover'
(10025,21): run-time error CSS1039: Token not allowed after unary operator: '-og-blue'
(10029,26): run-time error CSS1039: Token not allowed after unary operator: '-og-blue'
(10035,17): run-time error CSS1039: Token not allowed after unary operator: '-pagination-text'
(10040,28): run-time error CSS1039: Token not allowed after unary operator: '-og-blue'
(10041,17): run-time error CSS1039: Token not allowed after unary operator: '-og-blue'
(10097,28): run-time error CSS1039: Token not allowed after unary operator: '-og-blue'
(10098,17): run-time error CSS1039: Token not allowed after unary operator: '-og-blue'
(10104,26): run-time error CSS1039: Token not allowed after unary operator: '-pagination-bg-hover'
(10105,21): run-time error CSS1039: Token not allowed after unary operator: '-og-blue'
 */
[v-cloak] {
    display: none;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:regular,300,400,500,600,700);

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Bold.woff2') format('woff2'),
    url('../fonts/OpenSans-Bold.woff') format('woff'),
    url('../fonts/OpenSans-Bold.ttf') format('truetype'),
    url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
    url('../fonts/OpenSans-Semibold.woff') format('woff'),
    url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
    url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans.woff2') format('woff2'),
    url('../fonts/OpenSans.woff') format('woff'),
    url('../fonts/OpenSans.ttf') format('truetype'),
    url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans.woff2') format('woff2'),
    url('../fonts/OpenSans.woff') format('woff'),
    url('../fonts/OpenSans.ttf') format('truetype'),
    url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@keyframes move {
    0%{transform:translate3d(0,0px,0px);animation-timing-function:ease-in-out}
    50%{transform:translate3d(0,10px,0px);animation-timing-function:ease-in-out}
}
::selection {color: #fff;background: #3a3a3a;}
a{transition:.2s all}
a,abbr,acronym,address,area,b,bdo,big,blockquote,body,button,caption,cite,code,col,colgroup,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,images,ins,kbd,label,legend,li,map,object,ol,p,param,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;vertical-align:baseline}
:focus{outline:0}
a:focus,a{color:#3a3a3a;text-decoration:none}
a:hover{text-decoration:none}
img{border:0;vertical-align:top;max-width:100%;height:auto}
ins{text-decoration:none}
hr{margin:0 0 .5em}
figure {margin: 0;padding: 0;border: none;}
strong{font-weight:700}
input:focus,textarea:focus,button:focus{outline:none}
input[type=submit],button{cursor:pointer}
input[type=text],input[type=password],input[type=file],input[type=submit],textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0}
ul,li{padding:0;margin:0;list-style:none}
html{ height: 100%;}
body{font:16px/25px 'Open Sans', Arial, sans-serif;font-weight:300;background:#fff;margin:0;color:#3a3a3a;-webkit-text-size-adjust:100%;-ms-text-size-adjust:none;letter-spacing: 0.5px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
body>*{  flex-shrink: 0; flex-basis: auto;}
*{box-sizing:border-box}
.left{float:left}
.right{float:right}
.clearer-block:after{display:table;content:'';clear:both}
.table{display:table}
.table-cell{display:table-cell;vertical-align:middle}
h1,h2,h3,h4,h5{font-family:'Open Sans',Arial,sans-serif;font-weight:bold;color:#3a3a3a;margin-bottom:0}
h1,
h2{font-size:50px;line-height:55px;color:#3a3a3a;letter-spacing: 0.5px;}
h3{font-size:25px;line-height:29px;letter-spacing: 0.5px;}
h4{font-size:20px;line-height:26px;color:#3a3a3a;letter-spacing: 0.5px;}
h5{font-size:18px;line-height:29px;font-weight:700}
h2.header-smaller {
    font-size: 35px; 
    line-height: 40px;
}
header a:focus, header a {
    color: #fff;
    text-decoration: none;
}
.sr-only {display: none;}
.container{width:100%;max-width:1200px;padding:0;margin:0 auto;position:relative}
[data-role=loader-backdrop] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAMElEQVR4AWXIsQkAMBRCQSd3Tvu/SCBYPJDrTmfKp61rspCoJqqJQraYKORUrK34AR5ZiJttnFBzAAAAAElFTkSuQmCC') /*../image/stripes2.png*/;
    z-index: 4;
    opacity: 0.5;
}
.btn {font-weight: bold;display: block;border: none;color:#fff;text-align: center;border-radius: 5px}
.btn:focus,.btn {color:#fff;}
.grey-bg {background: #f6f6f6;}
.green-bg,
.btn-blue {background: #1481D9;}
.btn-red {
    background: #DF150F;
}
.btn-orange {
    background: #FF6600;
}
.btn-blue-bordered {
    background: #1481D9;
    border: 1px solid white;
    color: #fff;
    transition: all 0.25s ease-in-out;
}
    .btn-blue-bordered:hover {
        transform: scale(1.05);
    }
.text-invalid {
    color: #e5443f;
}
.padded {
    padding: 10px 0;
}
.double-padded {
    padding: 20px 0;
}
.img-center {
    margin: 0 auto;
}

header{width:100%;z-index:5;position:fixed;top:0;left:0;background:#1481D9;padding:14px 0;transition: all 0.3s ease-in-out;box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.5);
}
header.sticky { }
.without-banner {padding-top: 73px;}
    .without-banner header {
        background: #1481D9;
        box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.18);
    }
.without-banner .content-text {padding-top: 20px;}

section.unpadded {
    padding-top: 20px;
}

.logo {
    max-width: 177px;
    display: block;
    float: left;
    z-index: 2;
    position: relative;
    padding-top: 5px;
}
.slogan {
    float: left;
    line-height: 44px;
    margin-left: 95px;
}
.login,
.pay {
    float: right;
    margin-top: 4px;
}

.pay .btn,
.login .btn,
.form-login .btn {
    font-size: 17px;
    position: relative;
}
    .login .btn,
    .form-login .btn {
        line-height: 30px;
        width: 150px;
    }
    .pay .btn {
        line-height: 32px;
        width: 90px;
        margin-left: 25px;
        text-decoration: underline;
    }
        .pay .btn:focus {
            color: #bbe0ff;
        }
    .form-login .btn {
        display: inline-block;
    }
    .login .btn span.icon,
    .form-login .btn span.icon {
        width: 23px;
        height: 21px;
        display: inline-block;
        background-image: url(../img/logowanie.png);
        background-repeat: no-repeat;
        margin-right: 7px;
    }
        .login .btn span,
        .pay .btn span,
        .form-login .btn span {
            position: relative;
            z-index: 2;
            vertical-align: middle;
        }

       .pay .btn:hover:before {
        transform: scale(1.05);
    }

.login .btn:before,
.form-login .btn:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #1481D9;
    transition: all 0.25s ease-in-out;
    z-index: 1;
    border-radius: 5px;
    border: 1px solid white;
}
    .login .btn:hover:before,
    .form-login .btn:hover:before {
        transform: scale(1.05);
    }
.menu-dropdown {
    text-align: center;
}
.menu-button {
    display: none;
    font-family: "Roboto";
}
.nav {
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
}

.nav>ul>li {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 0;
    position: relative;
}
    .nav > ul > li.mobile, .nav > ul > li.hidden {
        display: none;
    }
    .nav > ul > li > a {
        display: block;
        padding: 3px 10px;
    }
        .nav > ul > li.active > a,
        .nav li a.open-menu,
        .nav > ul > li > a:hover {
            text-decoration: underline;
            text-underline-offset: 8px;
        }
.nav .submenu {
    display: none;
    position: absolute;
    left: -15px;
    white-space: nowrap;
    padding: 25px 25px 15px 25px;
    background: #fff;
}
.nav .submenu li {
    margin-bottom: 10px;
}
.nav .submenu li a {
    padding-bottom: 3px;
    display: inline-block;
    border-bottom: 1px solid transparent;
}
.nav .submenu li.active a,
.nav .submenu li a:hover {
    border-bottom-color:#5bb85d;
    color:#5bb85d;
}
/*Banner*/
.main-banner {
    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 73px;
    background: #2091EC;
    background: linear-gradient(45deg, rgba(242,250,255,1) 0%, rgba(242,250,255,1) 49%, rgba(32,144,237,1) 49%, rgba(32,144,237,1) 100%);
    background-image: url(../img/main-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
    padding: 25px 0;
}
.main-banner .container {
    max-width: 1200px;
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.page .main-banner .container {
    flex-direction: row;
    align-items: flex-start;
    padding: 0 25px;
    }
.calculator {
    position: relative;
    display: block;
    padding: 30px;
    width: 575px;
}
.calculator-header {
    background: #30AFFF;
    height: 74px;
    margin: -30px -30px 15px -30px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: white;
    padding: 10px 10px 10px 105px;
    background-image: url(../img/calculator-clock.png);
    background-repeat: no-repeat;
    background-size: 88px;
    background-position: 15px;
}
.main-banner .calculator {
    z-index: 2;
}

.hide {
    display: none;
}

.slider.slider-horizontal {
    position: relative;
    height: 23px;
    border-radius: 20px;
    background: rgb(255,255,255);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
}

.slider-track {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

.slider-selection {
    position: absolute;
    top: 0;
    bottom: 0;
}

.slider-handle.round {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    z-index: 2;
    cursor: pointer;
    transform: translate(-50%,-50%);
}

.slider-amount .slider-handle {
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
}

.slider-period .slider-handle {
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
}

.slider-tooltip {
    position: absolute;
    background-color: #444;
    color: #f8f8f8;
    top: -55px;
    margin-top: 8px;
    padding: 5px 13px;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: rgba(0,0,0,.2) 0 0 10px 2px;
    z-index: 2;
}
    .slider-tooltip a {
        color: #30A6FE;
        border-bottom: 1px solid transparent;
    }
        .slider-tooltip a:hover {
            border-bottom: 1px solid #30A6FE;
        }
    .slider-tooltip:after {
        position: absolute;
        display: block;
        content: '';
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        top: 100%;
        border-color: #444 transparent transparent transparent;
    }
.slider-text {
    vertical-align: bottom;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    padding: 0;
    border-bottom: none;
    margin: 0;
    top: 0;
    left: 30px;
}
.slider-text span {
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    font-size: 18px;
}
    .slider-text input {
        border: none;
        background: transparent;
        font-size: 21px;
        font-weight: bold;
        color: #3a3a3a;
        text-align: center;
    }
    .slider-text.amount input {
        width: 90px;
    }

    .slider-text.period input {
        width: 40px;
    }
.slider-text p {
    min-width: 90px;
    font-size: 16px;
    margin-right: 10px;
    text-align: right;
}
.slider-text.period {
    border-bottom-color: #c2beb7;
}

.amount-row .red {
    display: none;
}
.text-striked {
    text-decoration: line-through;
    font-weight: normal !important;
    text-decoration-color: #ff0000;
    font-size: 0.65em;
}
.text-striked .red,
.text-striked .red span {
    display: inline-block;
    text-decoration: none;
    color: #ff0000;
    font-weight: bold !important;
    font-size: 1.25em;
}
.calculator-right .block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.block .block-left {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}
.amount-row>.amount-cell {
    display: inline-block;
    vertical-align: middle;
}
.text-bold {
    font-weight: bold;
}
.loan-button-red {
    background-color: #FF6600;
    border-color: #F24C25;
    padding: 10px 10px;
    position: relative;
}

.loan-button-red img {
    display: inline;
    height: 35px;
    padding-bottom: 5px;
    vertical-align: middle;
    z-index: 2;
    position: relative;
}
.loan-button-text {
    padding: 0 10px;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
    z-index: 2;
    position: relative;
}
.text-smaller {font-size: 12px;}
iframe {max-width: 100%;}
.calculator-right .text-smaller {text-align: center;margin: 15px 0 0 0;}
.agreement-link {
    text-align: center;
    margin: 15px 0 0 0;
}
.agreement-link a {
    display: inline-block;
    margin: 0 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid rgb(58, 58, 58);
    font-size: 15px;
}
    .agreement-link .internal-link-red {
        color: #30A6FE;
        border-bottom: 1px solid #82CEFF;
    }
.agreement-link .agreement-link a:hover {
    color:#5bb75d;
    border-bottom: 1px solid rgba(91, 183, 93, 0.5)
}
.page .calculator,
.calculator {
    background: #fff;
}
.page .calculator-left,
.page .calculator-right {
    padding: 0;
    width: 100%;
    float: none;
}
.page .calculator-left .text-smaller,
.calculator-left .text-smaller {
    display: none;
}
.page .calculator-right .text-smaller,
.calculator-right .text-smaller {
    display: block;
}
.slider-line {
    margin-bottom: 15px;
    position: relative;
    padding-top: 10px;
    text-align: center;
}
.slider-amount .slider-selection {
    border-radius: 20px;
    background: rgb(42,139,214);
    background: radial-gradient(ellipse at center, rgba(42,139,214,1) 0%,rgba(0,122,216,1) 100%);
}
.slider-period .slider-selection {
    border-radius: 20px;
    background: rgb(255,227,119);
    background: radial-gradient(ellipse at center, rgba(255,227,119,1) 0%,rgba(255,215,58,1) 100%);
}
    .slider.slider-horizontal:before,
    .slider.slider-horizontal:after {
        display: none;
    }



.slider-handle.round:before {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    background: #1381d9;
    background-image: url(../img/calculator-coin.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 37px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgba(47,172,255, 0.5);
    z-index: 1;
    transition: 0.25s ease-in-out;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.slider-button {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    background: #fff;
    border: 2px solid #2FADFF;
    border-radius: 50%;
    z-index: 1;
    transition: 0.25s ease-in-out;
    bottom: -3px;
}
    .slider-button:hover {
        background: #dceffb;
    }
.slider-button.down {
    left: 0;
}
.slider-button.up {
    right: 0;
}
    .slider-button.down:before {
        position: absolute;
        content: '';
        transform: translate(-50%,-50%);
        width: 10px;
        height: 2px;
        background: #2FADFF;
        z-index: 2;
    }
    .slider-button.up:before {
        position: absolute;
        content: '';
        transform: translate(-50%,-50%);
        width: 15px;
        height: 15px;
        background: url(../img/cross-white.svg) no-repeat center;
        background-size: 100%;
        z-index: 2;
    }


.page .slider-period, .page .slider-amount,
.slider-period, .slider-amount {
    width: 100%;
    padding: 53px 44px 14px;
    float: none;
    background: none;
    cursor: pointer;
    height: 80px;
}

.slider-text.amount,
.slider-text.period {
    background: none;
}

.slider-text p:last-child {
    float: right;
    border-bottom: 2px solid #C3E7FF;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

input#AmountTextBox {
    display: inline-block;
    padding: 0;
}

input#PeriodTextBox {
    padding: 0;
}
    .block .block-left .amount-row {
        display: flex;
    }
    .block .block-left .amount-row .amount-cell:not(.text-right) {
                text-align: left;
                margin-left: 5px;
            }
.banner-text {
    display: block;
    width: calc(100% - 580px);
    padding-left: 55px;
    text-shadow: 0 0 60px #fff;
    font-size: 75px;
    line-height: 80px;
    font-weight: bold;
    text-transform: uppercase;
}

/*.widget .widget-container {
    display: table;
    margin: 0 auto;
}
.widget .slider-line {
    margin-bottom: 20px;
}
.widget .slider-amount, .widget .slider-period {
    width: 155px;
    height: 55px;
    background: url(../img/battery_small.png) no-repeat;
    background-size: 100% 95%;
    padding: 2px 6px 5px 5px;
    margin-top: 3px;
    float: none;
    display: inline-block;
}
.widget .slider-text {
    margin: 0;
    padding: 0;
    width: auto;
    vertical-align: top;
    min-width: 66px;
}
.widget .slider-text p {
    margin-bottom: 0;
}
.widget .slider-text span {
    font-size: 13px;
}
.widget .slider-text input {
    font-size: 16px;
}
.widget .slider-text.amount input {
    width: 45px;
}
.widget .slider-text.period {
    padding: 0 5px;
}
.widget .slider-text.period input {
    width: 20px;
}
.widget .slider-tooltip {
    top: -75px;
}
.widget .block .block-left {
    font-size: 15px;
    line-height: 20px;
}
.widget .loan-button-red {
    width: 100%;
    padding: 3px;
    border-bottom: 0;
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
}
.widget .loan-button-red:before {
    box-shadow: 0 0 12px 3px rgba(255,255,255,0.7);
}
.widget .loan-button-text {
    font-size: 16px;
    line-height: 30px;
}
.widget .agreement-link {
    margin: 0;
}
.widget .agreement-link a {
    margin-bottom: 5px;
}
.widget .text-smaller {
    font-size: 10px;
    line-height: 12px;
}*/

.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
section {
    padding-top: 90px;
}
section.sticky {
    padding-top: 0px;
}
.page section {
    margin-bottom: 30px;
}
.for-what .container {
    z-index: 2;
}
.for-what h1,
.for-what h2 {
    margin-bottom: 80px;
}
.for-what .flex-cols {
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}    
.flex-cols .col.shadow {
    box-shadow: 0px 0px 10px 0px rgba(1, 1, 1, 0.25)
}

.main-page .for-what .flex-cols .col {
    width: 376px;
    padding: 45px 20px 20px 0;
    position: relative;
    text-align: center;
    min-height: 224px;
    margin-bottom: 70px;
    border-radius: 8px;
    margin: 35px 10px;
    background-size: 40%;
}

.main-page .for-what .flex-cols .number {
    width: 100px;
    min-width: 100px;
    line-height: 100px;
    font-size: 20px;
    height: 100px;
    background: #B4E2FF;
    top: -50px;
    position: relative;
    left: -50%;
}

.for-what-items .corner-bg {
    background-color: white; 
    background-position: right bottom; 
    background-repeat: no-repeat; 
}
.for-what-items .col .item-content {
    height: 90%;
    border-left: 8px solid #1481D9;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #3A3A3A;
    padding: 15px;
}
.main-page .for-what .flex-cols .number .inner {
    width: 60px;
    min-width: 60px;
    line-height: 60px;
    font-size: 36px;
    height: 60px;
    background: white;
    top: 20px;
    position: relative;
    left: 20%;
    color: #1481D9;
}

.for-what .flex-cols .number {
    display: block;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    color: #fff;
}
.coins-bg {
    background-image: url(../img/coins-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;}
.for-what {
    background-image: url(../img/coins-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}
.terms h2 {
    color: white;
}
.terms {
    background-image: url(../img/terms-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

.terms .terms-items {
    padding-bottom: 50px;
}

.terms .terms-items .terms-item-image {
    border-radius: 50%;
    background: #fff;
    height: 179px;
    width: 179px;
    background-position: center;
    background-repeat: no-repeat;
}

.terms .terms-items .terms-item-text {
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.terms .terms-items .terms-item-text .terms-item-title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.terms h2 {
    margin-bottom: 60px;
}
.main-page .terms .flex-cols .col {
    text-align: center;
    min-height: 224px;
    margin-bottom: 30px;
    width: 179px;
    margin: 0 25px;
}
.terms .flex-cols {
    align-items: stretch;
    justify-content: space-around;
    flex-wrap: wrap;
}
    .steps .container,
    .terms .container {
        z-index: 2;
    }
.steps {
    padding-bottom: 75px;
}
.steps h2 {
    padding-bottom: 50px;
}
.steps .steps-list {
    max-width: 460px;
}
.steps .flex-cols {
    justify-content: space-around;
}
.steps .steps-item {
    display: flex;
    align-items: center;
}
.steps .steps-item .steps-item-text {
    flex-direction: column;
    padding: 10px;
}
.steps .steps-item .steps-item-text .steps-item-name {
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #0C0C0C;
}
.steps .steps-item .steps-item-text .steps-item-desc {
    color: #333333;
    font-size: 14px;
}
.steps .steps-item .steps-item-num {
    font-size: 48px;
    line-height: 55px;
    color: #1481D9;
    font-weight: bolder;
    padding: 0 10px 10px 0;
}
.box.green-bg {
    color: #fff;
}
.boxes {
    width: 760px;
    margin: 0 auto;
    display: flex;
    position: relative;
    z-index: 2;
}

.boxes .box {
    width: 50%;
    padding: 40px 50px 60px 50px;
}
.boxes .box h3 {
    padding-bottom: 30px;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 30px;
}
.box.green-bg h3 {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.list {margin-bottom: 45px;}
.list li{display: flex;font-size: 16px;line-height: 21px;align-items: center;margin-bottom: 25px;}
.list li:last-child{margin-bottom: 0;}
.list .img-h {width: 45px;text-align: center;vertical-align: middle;min-width: 45px;}
.list .text {padding-left: 18px;}

.box .btn {
    line-height: 77px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
}
.bonus-programm .btn {
    line-height: 77px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Open Sans', Arial, sans-serif;
    padding: 0 30px;

}
.bonus-programm .btn span,
.box .btn span {
    position: relative;
    z-index: 2;
}
.bonus-programm .btn:before,
.box .btn:before {
    position: absolute;
    content: '';
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    transition: all 0.25s ease-in-out;
    z-index: 1;
}
.bonus-programm .btn:before{
    background: #1481D9;

}
.box.grey-bg .btn:before {
    background: #1481D9;
}
.grey-bg .text-bg {
    background: #1481D9;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    margin-top: 5px;
}
.bonus-programm .btn:hover:before,
.box .btn:hover:before {
    transform: scale(1.05)
}
.paralax-bg{
    position: relative;
    padding-bottom: 110px;
}
.paralax-bg:before{
    position: absolute;
    content: '';
    width: 100%;
    bottom: 0;
    left: 0;
    height: 85%;
    background: url(../img/money-bg-gray.jpg) no-repeat center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(100);
    -webkit-filter: grayscale(100);
    opacity: 0.1;
}
section.youtube {
    padding-top: 40px;
}
    section.youtube .flex-cols {
        margin-top: 75px;
    }
    section.youtube .flex-cols .col {
        width: 380px;
        height: 360px;
    }
section.youtube .youtube-container {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
    section.youtube .bottom-link {
        margin: 70px 0 150px 0;
    }
    .youtube-container:before {
        width: 100%;
        height: 100%;
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        background: rgba(255,255,255,0.3);
    }
.youtube-container .play {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABVCAYAAAB6ttvNAAAFTklEQVR4nO2d228UVRzHvzO722qLVJFGhVCxiaQBLaKiBKEaoxiM0fji5cF4jyHEB2MMMUYNkqBEBfQf0K4XpCjwwCUqxGj0QU00Gk0rdZNiY9VU0VbaSnd3xrTMaQ+/c87eZgs7Z36fZLJzzq/d7p5PzmVntr8DhmEYhmEYhmEYhmEYhmEY5rTjzNAfnKnnjRN+ue+1Go1ueg5TPVMck0hTfegGp7/rlHDOFEaWZTqnMa2AskXedfBeT4kwFdG1dke9JMqXzmmdUWiSm75mSGjklSRRUIlMHjZnhqQkzyPnAlmkQ8WG6ZkstbokJXlu8ChEFpI6RaUyHZZZdVKSQI+0Ly1DJ5TnzNpBlpknPVHg6SQKeJitHeokkRPDbI68Ml8aEbVCy5XpkEemetRJIkX7+kHZJ0OtI8mdEhtmNctCq0uSrEV8Moe6RKDSQ3mYrR1SGpGip7rSHGps9zCrWaa6JCSRPhHpkF6r9MowMpnqI64AJaRh1S3nY6Cr1JTOGemdG699DgtnX6zUW0AyEOlqRNJDSxiZZ4S289rw0srNeHTJI2iqm22TTCFMJ7EkIicTk+/OwU0LbsT2jq24deFaJBwx3UQaU2+EpqwlkjIFDckG3N92H15etQVXzF2qxCOITpauTkukZQrmN87D01dvwIarnsJFDRcq8bhg1Wr2yuZlWDq3Hfv7DmJ3Zg/GcmPKz9iMFT1TZmL+vP2S2/Bax1bcMP96OE58PhJbJ1PQVNeEdZc/hs0rNmHRuZcqcRuxVqagtakVm1ZsxOPt6zHnrDlK3CaslylYNe86bF/9Ku5svQMpN6XEbSA2MieoT9TjnkV3Y9vqV3DNBcuVeNSJlUxB89nNeHLZE3h2+TNoOWeBEo8qsZQpuOz8Jdiy8kU8vPhBzErNUuJRI9YyJ3AdF2tabsbrHdtwS8uaSF8ajL1MQWOqEQ8tfgDr29cpsajA9zMDRrIj2Nm7C4f6DyuxqBB7mZ7v4eP+Q+jqfR/Hs8eVeJSItcwf/voRnT1p/PJvvxKLIrGUOTg2iHTP2/jqj6+VWJSJlcwT+RPYk9mLfX0HkPWySjzqxEbm5wNf4J0jO3Dsv2NKzBasl5kZyuDN7jSO/NOrxGzDWplD40N496f38OnAZ/B95SumVmKdzLyfx/6+A9id2Ru7bxpYJfObwW+R7n4Lv43+rsTigBUyfx0ZQGd3Gt/9+b0SixORljmaG8Wunz/Ah0c/mhxe404kZfrwcbj/E+zs7cLw+LASjyuRk9nzdw/e6O5E3/BRJRZ3Iifz+S9fUOqYk/D9TItgmRbBMi2CZVoEy7QIlmkRLNMiWGbtU/L9O5ZZO3gkzyzNCK1LJHwKLLN28IsILUq5/1Yspzdxg7w1ySBVWCpI5ieOVBAT8bKTFFmOTwRmg0yWueB8XDqywZEP4lT6JNW6NktfmJz3TdybSkqZp5iTCCE5KcdsnrSjLgG/lkpl6sZyKpJmaPRJ0iJGTRYspJqEFpQapmfKT6zrkbJIOR8ci5zGJ+1GDyoUJpGoUKac65QmiNeJ9IlIljkNHdXy0ryYJyKLDrnlytQlr5WzFHtSOmpdzlSWeSqmKcokVLd5zRRhh1nd3hsoIpJlTmNac3gaoUU/qoRdzepEQhp2TSJZaPFFpGllayTsalYu001U6DzJIlVMQqlYehFBK7Uaq1mQzP50UUQlssxpdHOgbvuokq4IhVnNymWBJ/VCUc8yzchtZ7oWa5KoSK3GnEnLNOEtpDKjp5BUWmeEN0OtLahU3TmNTcHbFNcmWlkF6ifhDcRrl4LiGIZhmNMLgP8BacjwS/ZFyRIAAAAASUVORK5CYII=') no-repeat center center;
    background-size: 115px 85px;
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.seo-links {
    position: relative;
    padding-top: 65px;
}
    .seo-links:before {
        position: absolute;
        content: '';
        background: url(../img/money-bg-gray.jpg) no-repeat center;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        filter: grayscale(100);
        -webkit-filter: grayscale(100);
        opacity: 0.1;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        height: 75%
    }

    .seo-links .links-block {
        position: relative;
        margin: 0 85px 115px 85px;
        padding: 65px 95px;
        z-index: 2;
        background: #f9f9f9;
        box-shadow: 1px 71px 84px 0px rgba(1, 1, 1, 0.15);
        text-align: center;
    }
        .seo-links .links-block div:first-child {
            margin-bottom: 60px;
        }
        .seo-links .links-block a {
            font-size: 15px;
            border-bottom: 1px solid #3a3a3a;
            padding-bottom: 3px;
            line-height: 40px;
            margin: 0 10px;
        }
        .app {
            position: relative;
            padding-bottom: 75px;
        }
.page .app {
    margin-bottom: 0;
}
.main-page .app:before {
    width: 100%;
    height: 48%
}
.page .app:before {
    width: 50%;
    height: 60%;
}
.app .container {
    z-index: 2;
}
.flex-cols {
    display: flex;
    align-items: flex-start;
}
.app .flex-cols,
section.youtube .flex-cols {
    align-items: stretch;
    justify-content: space-between;
}

.page .app .flex-cols .col {
    width: 50%;
}

.main-page .app .flex-cols .col {
    width: 300px;
    background: #fff;
    padding: 45px 20px 20px;
    position: relative;
    text-align: center;
}
    .app .flex-cols .col.shadow {
        box-shadow: 43px 46px 84px 0px rgba(1, 1, 1, 0.23);
    }
.for-what .flex-cols .number-container,
    .app .flex-cols .number-container {
        position: absolute;
        left: 50%;
        top: 0;
    }
    .app .flex-cols .number {
        display: block;
        text-align: center;
        font-weight: bold;
        border-radius: 50%;
        color: #fff;
    }

    .main-page .app .flex-cols .number {
        width: 50px;
        min-width: 50px;
        line-height: 50px;
        font-size: 20px;
        height: 50px;
        background: #5bb85d;
        top: -25px;
        position: relative;
        left: -50%;
    }

.page .app .flex-cols .number {
    width: 90px;
    min-width: 90px;
    line-height: 90px;
    font-size: 30px;
    height: 90px;
    background: #e4e4e4;
}

    .app .flex-cols .col .label {
        border-bottom: 1px solid #8b8b8b;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

.app .flex-cols .img-shadow {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
}
.flex-cols .col {
    width: 50%;
}
.img-shadow {
    text-align: right;
    padding-right: 90px;
}
.img-shadow img {
    background-color: rgb(223, 223, 223);
    box-shadow: 42.966px 46.075px 84px 0px rgba(1, 1, 1, 0.2);
    max-height: 480px;
    position: absolute;
    z-index: 2;
    opacity: 0;
    right: 0;
    top: 0;
    transition: all 0.25s ease-in-out;
}

.img-shadow .img-h {
    position: relative;
    width: 100%;
    text-align: right;
}
.img-shadow .first {
    position: relative;
}
.img-shadow .active {
    opacity: 1;
}
.big-numbers {
    padding-left: 85px;
}
.big-numbers h4 {
    margin-bottom: 25px;
    transition: all 0.25s ease-in-out;
}
.big-numbers .number-row {
    display: flex;
    align-items: center;
    margin-bottom: 43px;
    cursor: pointer;
}
.content-text .big-numbers .number-row{
    margin-bottom: 100px;
}
.content-text .number-row {
    position: relative;
}
.content-text .number-row.green {
    z-index: 3;
}
.content-text .number{
    z-index: 4;
    position: relative;
}
.content-text .number-row:after {
    position: absolute;
    top: 50%;
    height: calc(100% + 120px);
    content: '';
    width: 4px;
    background: #e4e4e4;
    left: 43px;
    margin: 0;
    z-index: 2;
}

.content-text .number-row:last-child:after {
    bottom: 40%;
}
.content-text .number-row:last-child:after {
    display: none;
}
.content-text .number-row.green:after {
    background: #5bb85d;
    z-index: 1;
}
.big-numbers .number-row:last-child {
    margin-bottom: 0;
}
.big-numbers .text {
    padding-left: 32px;
    line-height: 22px;
}
.number {
    display: block;
    width: 90px;
    min-width: 90px;
    text-align: center;
    font-weight: bold;
    line-height: 90px;
    font-size: 30px;
    height: 90px;
    border-radius: 50%;
    background: #e4e4e4;
    transition: all 0.25s ease-in-out;
}
.app .flex-cols .green .number {
    background: #5bb85d;
    color: #fff;
}
.green h4 {
    color:#3eb249;
}
.half-width-image {
    overflow: hidden;
}
.no-pd {
    padding-top: 0;
}
.half-width-image .image-holder img {
    max-width: none;
}
.questions h1 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}
    
.questions .container {
    display: flex;
    flex-wrap: wrap;
}
.questions .toogle-group {
    width: 50%;
    padding: 15px;
}
.questions a,
.questions .text {
    padding: 15px;
}
.questions a.active {
    background: #178FEE;
    color: #fff;
}
.questions .questions-more-btn {
    display: none;
    padding: 15px;
    font-size: 21px;
    width: 100%;
    margin: 0 15px 30px;
    text-transform: uppercase;
}
.toggle {
    border: 2px solid #178EEC;
    border-radius: 5px;
    margin-bottom: 30px;
}
.toggle:last-child {
    margin-bottom: 0;
}
.toggle .text {
    display: none;
}
.toggle .text {
    line-height: 21px;
}
.toggle .text p {
    margin-top: 15px;
    margin-bottom: 0;
}
.toggle .open-close {
    position: relative;
    padding-right: 55px;
    display: block;
   }
    .toggle .open-close:after {
        position: absolute;
        content: '';
        background-image: url('../img/collapse-arrow-down.png');
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center center;
        transition: all 0.25s ease-in-out;
    }
.toggle .open-close:after {
    top: 0;
    right: 3%;
    width: 30px;
    height: 100%;
}
    .toggle .open-close.active:after {
        background-image: url('../img/collapse-arrow-up.png');
    }
.main-page .testimonials {
    padding-bottom: 80px;
}
.testimonials {
    background: url(../img/review-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0 30px;
}
.testimonials .slider {
    margin-bottom: 60px;
}
.testimonials .slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 60px;
}
    .app .big-numbers .slick-list,
    .testimonials .slider .slick-list {
        overflow: hidden;
        }
.testimonials .slider .slide {
    float: left;
    }
    .testimonials .slider .slide .slide-content {
        padding: 25px;
        background: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0px -1px 20px -1px rgba(53,134,200,1);
        -moz-box-shadow: 0px -1px 20px -1px rgba(53,134,200,1);
        box-shadow: 0px -1px 20px -1px rgba(53,134,200,1);
    }
.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left,
.app .slick-arrow,
.testimonials .slick-arrow {
    position: absolute;
    top: 80px;
    width: 50px;
    height: 50px;
    background: url(../img/review-left.png) no-repeat center;
    background-size: 50px 50px;
    transition: all 0.25s ease-in-out;
    opacity: 0.8;
    border: none;
    left: 0;
    text-indent: -9999px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left {
    background: url(../img/arrow-left-white.svg) no-repeat center;
}
.carousel-control:hover .glyphicon-chevron-right,
.carousel-control:hover .glyphicon-chevron-left,
.app .slick-arrow:hover,
.testimonials .slick-arrow:hover {
    opacity: 1;
}

.carousel-control .glyphicon-chevron-right,
.app .slick-next,
.testimonials .slick-next {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    right: 0;
    left: initial;
}
.testimonials h1 .raiting {float: none;display: inline-block;vertical-align: middle}
.testimonials h2 {
    margin-bottom: 60px;
    color: #fff;
    font-size: 36px;
}
.testimonials .label-success {
    background-color: #5cb85c;
}
.testimonials .label {
    display: inline-block;
    padding: .4em .4em;
    font-size: 40%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    border-radius: .25em;
}
.testimonials .header {
    text-align: right;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 19px;
    color:#838383;
}
.testimonials .header.no-rate {
    text-align: left;
}
.testimonials .answer .header {
    margin-bottom: 10px;
}
.testimonials .review-content {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 15px;
    justify-content: space-around;
}
.testimonials .header.flex-cols {
    align-items: stretch;
}
.testimonials .header img.user-img {
    width: 60px;
    height: 60px
}
.testimonials .raiting {
    float: left;
    display: block;
}
.testimonials .text {
    line-height: 22px;
}
.testimonials .author {
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    text-align: left;
    color: #000;
}
.add-review-btn {
    text-transform: uppercase;
    width: auto;
    padding: 15px 40px;
    -webkit-box-shadow: 0px -1px 20px -1px rgba(97,97,97,1);
    -moz-box-shadow: 0px -1px 20px -1px rgba(97,97,97,1);
    box-shadow: 0px -1px 20px -1px rgba(97,97,97,1);
    max-width: 270px;
    margin: 0 auto;
}
.slick-dots {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 5px;
}

.slick-dots li {
    display: inline-block;
    margin: 0 16px;
    vertical-align: middle;
    padding: 0 !important;
    line-height: initial !important;
}

.slick-dots li:before {
    display: none;
}

.slick-dots li button {
    display: block;
    text-indent: -9999px;
    background: transparent;
    width: 16px;
    height: 16px;
    position: relative;
    border: none;
}

.slick-dots li button:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: 3px;
    left: 3px;
    border: 1px solid #acacac;
    border-radius: 50%;
    transition: all 0.25s ease-in-out;
}

.slick-dots li.slick-active button:after {
    background: #0B5795;
    border-color: #0B5795;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
}
.review-nav-item {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 0 0;
}
.review-nav-item {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 0 0;
}
.rating>label {
    color: #ddd;
    float: right;
}
.star-rating-lg {
    font-size: 2.5rem;
}

.rating {
    float: none;
}
.rating>input {
    display: none;
}
.rating>label {
    margin: 5px;
    width: 35px;
    height: 35px;
    background: url(../img/star.svg) no-repeat center;
    background-size: 100%;
    display: inline-block;
}

.rating>input:checked+label:hover,.rating>input:checked~label:hover,.rating>label:hover~input:checked~label,.rating>input:checked~label:hover~label {
    background-image: url(../img/star-gold.svg);
}

.rating>input:checked~label,.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label {
    background-image: url(../img/star-gold.svg);
}

.rating>.rating-static {
    background-image: url(../img/star-gold.svg);
    margin: 0;
}
#avg-rating {padding-top: 15px;}
#avg-rating span {margin-top: 5px;display:inline-block}
.pagitest .question {float: left;width: 70%;margin-bottom: 20px;}
.pagitest .answer {float: right;width: 70%;}
.pagitest .row:after {clear: both;display: table;content: '';margin-bottom: 60px;}
.answer textarea {
    font: 16px/25px 'Open Sans', Arial, sans-serif;
    color:#3a3a3a;
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
    padding: 8px 15px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    box-shadow: none!important;
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    resize: none;
}
#myReview .btn {
    width: 225px;
    line-height: 75px;
    font-size: 17px;
    position: relative;
    margin: 40px auto 60px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
#myReview .btn:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: #3a3a3a;
    z-index: 1;
    transition: all 0.25s ease-in-out;
    height: 100%;
    width: 0;
}
#myReview .btn:hover:after {
    width: 100%;
}
#myReview .btn span{
    position: relative;
    z-index: 2;
}

.add-review-form {
    margin: 20px 0 0;
}

.add-review-form .rating-container {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
}
.add-review-form .textarea-container {
    position: relative;
}
.add-review-form .textarea-container [data-len] {
    position: absolute;
    right: 0;
    bottom: 5px;
    color: #b9b9b9;
}
.add-review-form textarea {
    width: 100%;
    border: none;
    border-bottom: 2px solid #b9b9b9;
    resize: none;
    font: 20px/26px 'Open Sans', Arial, sans-serif;
}
.my-review {
    background: #d9f1d9;
    margin: 20px 0;
    padding: 10px;
}
.ref-pagination {
    text-align: center;
}

.ref-pagination .page-numbers:hover {
    background: #f5f5f5;
}
.ref-pagination .page-numbers.current {
    background-color: #3eb249;
    color: #fff;
}
.ref-pagination .page-numbers {
    padding: 0;
    border: 1px solid #f5f5f5;
    border-radius: 25px 25px 25px 25px;
    width: 50px;
    line-height: 48px;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
.bottom-link {
    text-align: center;
}
.link-blue {
    color: #1381d9;
    padding-bottom: 10px;
    border-bottom: 1px solid #b9b9b9;
}
    .link-blue:hover {
        border-bottom-color: #1381d9;
        text-decoration: none;
    }
.link-grey {
    color: #3a3a3a;
    padding-bottom: 10px;
    border-bottom: 1px solid #b9b9b9;
}
.link-grey:hover {
    border-bottom-color: #1381d9;
    text-decoration: none;
}

section.form-login {
    padding: 80px 0 105px 0;
    background-attachment: fixed;
    position: relative;
}
section.form-login:before {
    position: absolute;
    content: '';
    background: url(../img/form-bg.jpg) no-repeat center;  
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(100);
    -webkit-filter: grayscale(100);
    opacity: 0.1;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100% 
}

.form-login h2 {
    font-size: 35px;
    line-height: 40px;
    color: #3a3a3a;
}
.form-login .form-body {
    margin-top: 40px;
}
.index-form-container {
    background: white;
    padding: 70px 85px;
    width: 500px;
    box-shadow: 1px 71px 84px 0px rgba(1, 1, 1, 0.1);
    height: 430px;
    position: relative;
    z-index: 2;
}

.social-register-block {
    padding-top: 70px;
}
    .social-register-block .social-register-link {
        display: flex;
        align-items: center;
        margin-bottom: 35px;
        text-transform: uppercase;

    }
.social-register-link .img-h {
    min-width: 60px;
}
.social-register-link span {
    color: #5bb85d;
    font-weight: bold;
    border-bottom: 1px solid #b9b9b9;
    line-height: 35px;
    font-size: 16px;
}
    .content-text + .form-subscribe {
        margin-top: 30px;
    }
.form-subscribe {
    padding: 45px 0;
    background: #f6f6f6 url(../img/form-bg.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.subscribe {
    max-width: 890px;
    padding: 0 70px;
    margin: 0 auto;
    position: relative;
}
.subscribe:after {
    position:absolute;
    content: '';
    right: 0;
    top: 106px;
    width: 39px;
    height: 136px;
    background: url(../img/green-arrow.png) no-repeat center;
}
.subscribe.sent:after {
    display: none;
}
.subscribe.sent .show-unsent {
    display: none;
}
.subscribe .show-sent {
    display: none;
}
.subscribe.sent .show-sent {
    display: initial;
}
.subscribe .header h2 {
    margin-bottom: 30px
}
.subscribe .header h3 {
    font-size: 35px;
    line-height: 45px;
}

.subscribe .header {
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px;
}
.subscribe .form-body {
    position: relative;
}
.form-block .input-group,
.popup .input-group,
.form-login .input-group {
    padding: 0 15px 0 0;
    position: relative;
    width: 100%;
    padding-right: 0;
    margin-bottom: 25px;
}
.subscribe .input-group {
    width: 264px;
    float: left;
    padding: 22px 15px 0 0;
    position: relative;
}
    .form-block .input-group label,
    .popup .input-group label,
    .subscribe .input-group label,
    .form-login .input-group label {
        float: left;
        padding: 4px 0 23px 40px;
        font-size: 20px;
        display: block;
        border-bottom: 2px solid #3a3a3a;
        width: 100%;
        transition: all 0.25s ease-in-out;
        text-indent: -9999px;
    }
.form-block .input-group label,
.popup .input-group label,
.form-login .input-group label {
    float: none;
    border-bottom: 2px solid #b9b9b9;
}

.form-block .input-group input,
.popup .input-group input,
.subscribe .input-group input,
.form-login .input-group input {
    right: 0;
    border: none;
    background: transparent;
    line-height: 26px;
    padding-right: 15px;
    position: absolute;
    top: 25px;
    right: 0;
    width: calc(100% - 40px);
    font-size: 20px;
    z-index: 2;
}

.form-block .input-group input {
    position: relative;
}

.subscribe .field-validation-error {
    max-width: 210px;
    margin-top: 65px;
}
.subscribe .checkbox-group .field-validation-error {
    max-width: 210px;
    margin-top: 10px;
}
.input-group textarea::-webkit-input-placeholder {
    color: #8D8D8D;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.input-group textarea::-moz-placeholder {
    color: #8D8D8D;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.input-group textarea:-ms-input-placeholder {
    color: #8D8D8D;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.input-group input::-webkit-input-placeholder {
    color: #8D8D8D;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.input-group input::-moz-placeholder {
    color: #8D8D8D;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.input-group input:-ms-input-placeholder {
    color: #8D8D8D;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.input-group input:-moz-placeholder {
    color: #3a3a3a;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.popup .input-group input::-webkit-input-placeholder {
    color: #0c0c0c;
}
.popup .input-group input::-moz-placeholder {
    color: #0c0c0c;
}
.popup .input-group input:-ms-input-placeholder {
    color: #0c0c0c;
}
.popup .input-group input:-moz-placeholder {
    color: #0c0c0c;
}
.form-block .input-group input {
    /*width: calc(100% - 40px) !important;*/
    top: 3px;
}
.popup .input-group input,
.form-login .input-group input {
    width: calc(100% - 60px) !important;
    top: 6px;
}
.subscribe .input-group .email-field {
    width: calc(100% - 41px);
}
.form-block .input-group .name-field + label,
.popup .input-group .name-field + label,
.subscribe .input-group .name-field + label {
    background-image: url(../img/name.svg), url(../img/name-hover.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 19px 27px;
}
.form-block .input-group .name-field:focus + label,
.popup .input-group .name-field:focus + label,
.subscribe .input-group .name-field:focus + label {
    background-image: url(../img/name-hover.svg);
    border-bottom-color: #1381d9;
}
.popup .input-group .email-field + label,
.form-login .input-group .email-field + label {
    background: url(../img/email_hover.svg) no-repeat top left;
    background-size: 31px 31px;
}
.form-block .input-group .password-field + label,
.popup .input-group .password-field + label,
.form-login .input-group .password-field + label {
    background: url(../img/password.svg) no-repeat top left;
    background-size: 31px 31px;
}
.form-block .input-group .code-field + label,
.popup .input-group .code-field + label {
    background: url(../img/kod.svg) no-repeat top left;
    background-size: 31px 31px;
}
.form-block .input-group .email-field + label,
.subscribe .input-group .email-field + label {
    background: url(../img/email.svg) no-repeat top left;
    background-size: 26px 26px;
}

.unobtrusive-error + label {
    border-bottom-color: #e5443f !important;
}
.validation-error-container {

}
.sms-timer .field-validation-error,
.field-validation-tooltip,
.field-validation-error,
.static-validation .field-validation-error {
    background: #e5443f;
    color: #fff;
    padding: 6px 20px;
    clear: both;
    display: block;
    margin-top: 10px;
    border-radius: 3px;
    position: relative;
    font-size: 12px;
    line-height: 16px;
}
    .sms-timer .field-validation-error:before,
    .field-validation-tooltip:before,
    .field-validation-error:before,
    .static-validation .field-validation-error:before {
        position: absolute;
        content: '';
        border: 4px solid transparent;
        border-bottom: 8px solid #e5443f;
        top: -10px;
        left: 54px;
    }
.field-validation-tooltip {background: #1481D9;}
.field-validation-tooltip:before {border-bottom-color:#1481D9;}

.input-group .email-field.unobtrusive-error + label {
    background-image: url(../img/email_error.svg);
}
.input-group .name-field.unobtrusive-error + label {
    background-image: url(../img/name_error.svg);
}
.input-group input:focus + label {
    border-bottom-color: #1481D9;
}
.form-block .input-group .email-field:focus + label,
.popup .input-group .email-field:focus + label,
.subscribe .input-group .email-field:focus + label {
    background-image: url(../img/email_hover.svg);
    border-bottom-color: #1481D9;
}
.form-block .input-group textarea {
    padding: 15px;
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 2px solid #b9b9b9;
    font: 20px/26px 'Open Sans', Arial, sans-serif;
    height: 60px;
}

.form-block .input-group textarea::-webkit-input-placeholder {
    color: #3a3a3a;
    font: 20px/26px 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.form-block .input-group textarea::-moz-placeholder {
    color: #3a3a3a;
    font: 20px/26px 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.form-block .input-group textarea:-ms-input-placeholder {
    color: #3a3a3a;
    font: 20px/26px 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}
.form-block .input-group textarea:-moz-placeholder {
    color: #3a3a3a;
    font: 20px/26px 'Open Sans', Arial, sans-serif;
    font-weight: normal;
}

#Code.popup .input-group {
    padding-top: 6px;
    margin-bottom: 35px;
}
.subscribe .checkbox-group {
    position: relative;
    clear: both;
    padding: 30px 0;
    font-size: 14px;
}
.form-block .checkbox-group,
.popup .checkbox-group {
    font-size: 14px;
    margin-bottom: 20px;
}
    .form-block .checkbox-group a,
    .popup .checkbox-group a,
    .subscribe .checkbox-group a {
        padding-bottom: 1px;
        border-bottom: 1px solid #cfcfcf;
        display: inline-block;
       }
.form-block .checkbox-group input,
.popup .checkbox-group input,
.subscribe .checkbox-group input {
    position: absolute;
    left: -9999px;
}
.subscribe .checkbox-group label {
    padding-left: 45px;
    position: relative;
    line-height: 24px;
    display: block;
    cursor: pointer;
}
.form-block .checkbox-group label,
.popup .checkbox-group label {
    padding-left: 30px;
    position: relative;
    line-height: 19px;
    display: block;
    cursor: pointer;
    text-align: left;
}
    .form-block .checkbox-group label:before,
    .popup .checkbox-group label:before,
    .subscribe .checkbox-group label:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 22px;
        width: 22px;
        content: '';
        background: #fff;
        border: 1px solid #178FEE;
        transition: all 0.25s ease-in-out;
    }

.form-block .checkbox-group label:before,
.popup .checkbox-group label:before {
    height: 17px;
    width: 17px;
}

    .form-block .checkbox-group label:hover:before,
    .popup .checkbox-group label:hover:before,
    .subscribe .checkbox-group label:hover:before {
        border-color: #178FEE;
    }
.form-block .checkbox-group a:hover,
.popup .checkbox-group a:hover,
.subscribe .checkbox-group a:hover {
    color: #178FEE;
}

.form-block .checkbox-group input:checked + label:after,
.popup .checkbox-group input:checked + label:after,
.subscribe .checkbox-group input:checked + label:after,
.form-block .checkbox-group input:checked + input + label:after,
.popup .checkbox-group input:checked + input + label:after,
.subscribe .checkbox-group input:checked + input + label:after {
    position: absolute;
    left: 5px;
    top: 5px;
    height: 14px;
    width: 14px;
    content: '';
    background: #178FEE;
}

.form-block .checkbox-group input:checked + label:after,
.popup .checkbox-group input:checked + label:after,
.form-block .checkbox-group input:checked + input + label:after,
.popup .checkbox-group input:checked + input + label:after {
    left: 5px;
    top: 5px;
    height: 9px;
    width: 9px;
}
.form-block button[type="submit"],
.popup button[type="submit"] {
    width: 100%;
    line-height: 75px;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    position: relative;
}
.subscribe button[type="submit"] {
    width: 225px;
    line-height: 75px;
    font-size: 17px;
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.categories .btn-full-width span,
.subscribe .btn-full-width span,
.form-block button[type="submit"] span,
.popup button[type="submit"] span,
.subscribe button[type="submit"] span {
    position: relative;
    z-index: 2;
}
.categories .btn-full-width:after,
.subscribe .btn-full-width:after,
.btn-small:after,
.form-block button[type="submit"]:after,
.popup button[type="submit"]:after,
.subscribe button[type="submit"]:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: #3a3a3a;
    border-radius: 5px;
    color: #fff;
    z-index: 1;
    transition: all 0.25s ease-in-out;
    height: 100%;
    width: 0

}
.categories .btn-full-width:hover:after,
.subscribe .btn-full-width:hover:after,
.btn-small:hover:after,
.form-block button[type="submit"]:hover:after,
.popup button[type="submit"]:hover:after,
.subscribe button[type="submit"]:hover:after {
    width: 100%;
}
.subscribe .btn-full-width {
    width: 100%;
    line-height: 75px;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    position: relative;
    margin-top: 100px
}
.categories .btn-blue {
    line-height: 57px;
    box-shadow: 1px 1.732px 18.43px 0.57px rgba(0, 0, 0, 0.1);
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
}
.btn-width-shadow:after {
    line-height: 57px;
    background: url(../img/button-shadow.png) no-repeat bottom;
    background-size: 100%;
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 100%;
    height: 13px;
    content: '';
}
.categories .btn-blue:hover {
    background: #5bb75d !important;
    color:#fff;
}
.categories .col {
    margin-bottom: 24px;
    padding: 0 12.5px;
}
.categories .mobile-button {
    position: relative;
    display: none;
    width: 100%;
    line-height: 75px;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    position: relative;
    margin-top: 50px;
}
@keyframes leaves {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
}
.phone-screen {
    min-width: 470px;
    margin-left: -35px;
}
.phone-screen img {
    /*animation: leaves 2s ease-in-out infinite alternate;
    -webkit-animation: leaves 2s ease-in-out infinite alternate;*/
}
section.google-play {
    padding-top: 115px;
}
.google-play .description {
    padding-top: 75px;
}

.google-play h2 {
    margin-bottom: 65px;
    color: #3a3a3a;
}

.description-list li {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.google-play .blocks {
    display: flex;
}

    .google-play .blocks .links {
        flex-grow: 1;
        text-align: center;
    }

.google-play .links .qr-code {
    max-width: 185px;
    display: block;
}

.description-list {
    flex-grow: 1;
}

.description-list .img-h {
    min-width: 65px;
}
    .description-list .text {
        font-size: 20px;
        color: #3a3a3a;
        font-weight: bold;
    }
.google-play-btn {
    display: block;
    margin-top: 10px;
    width: 185px;
    line-height: 57px;
    background: url(../img/google.png) no-repeat center;
    text-indent: -9999px;
    background-size: 100%;
}
.partners {
    margin-top: -30px;
    padding-bottom: 80px;
}

.partners-list {
    justify-content: center;
}

.partners-list li {
    margin: 0 23px 30px;
}

.partners h2 {
    margin-bottom: 60px;
}
.seo-block .grey-bg {
    padding: 75px 70px;
}
.seo-block .grey-bg .content {
    overflow: hidden;
    height: 400px;
    transition:height 0.25s ease-in-out;
}

.seo-block h2 {
    margin-bottom: 65px;
}
.seo-block .flex-cols {
    margin: 0 -15px;
}
.seo-block .bottom-link {
    margin-top: 30px;
}
.seo-block .col {
    padding: 0 15px;
}
.seo-block .col:nth-child(2) {
    padding-right: 0;
}
.seo-block h4 {
    font-weight: normal;
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 30px;
}
.seo-block table {
    max-width: 655px;
    margin: 65px auto 45px;
    border-collapse: collapse;
    font-size: 18px;
    width: 100%;
}
.seo-block thead {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.seo-block thead th {
    border-bottom: 1px solid #afafaf;
}
.seo-block table th,
.seo-block table td {
    padding: 13px 55px 13px 0;
}
.seo-block table th:last-child,
.seo-block table td:last-child {
    padding-right: 0;
}
.seo-block .text-center {
    margin-bottom: 55px;
}
.seo-block p {
    margin-bottom: 30px;
}
.seo-block p:last-child {
    margin-bottom: 0;
}
.seo-block ul {
    margin-bottom: 45px;
}
.content-text ul li,
.seo-block ul li {
    padding-left: 24px;
    position: relative;
    line-height: 25px;
}
.content-text ul li:before,
.seo-block ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    background: #6b6b6b;
    content: '';
}
.seo-block .financial-content {
    display: flex;
}
.financial-content .content {
    padding: 0 70px;
}
.content-text ol li,
.content-text ol {
    list-style: decimal;
}
footer {
    padding: 36px 0 10px;
    position: relative;
    background: #0E385B;
    text-align: center;
    margin-top: auto;
    margin-bottom: -50px;
}
footer li {
    margin: 0 5px 20px 5px;
    display: inline-block;
}
    footer a {
        margin: 0 10px;
        font-size: 16px;
        line-height: 28px;
        display: inline-block;
        color: #fff;
    }
footer  a:hover, footer a:focus {
    color:#bbe0ff;
}
.crea-logo {
    position: absolute;
    bottom: 90px;
    right: 70px;
    opacity: 0.9;
}
.crea-logo:hover {
    opacity: 1;
}

.logo-with-social {
    width: 145px;
    position: absolute;
    left: 66px;
    top: 93px;
}
footer .logo {
    float: none;
    max-width: 100%;
    margin-bottom: 45px;
    z-index: 1;
}

footer p {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 16px;
    color: #98A2AE;
    text-align: left;
}

.footer-menu {
    justify-content: space-between;
    display: flex;
}

footer hr {
    color: white;
    margin: 25px 0;
}

.footer-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-transform: uppercase;
}

.footer-contacts {
    display: flex;
    align-items: center;
    color: white;
}

.footer-contacts-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 274px;
    height: 68px;
    font-size: 21px;
    margin: 0;
}

.footer-contacts-text {
    padding: 0 15px;
}

.social a {
    width: 38px;
    height: 38px;
    display: block;
    text-indent: -9999px;
}
.social a:hover {
    transform: scale(1.1);
}
.social a.facebook {
    background: url(../img/facebook.png) no-repeat center;
    background-size: 100%;
}
.social a.youtube {
    background: url(../img/youtube.png) no-repeat center;
    background-size: 100%;
}
.social a.instagram {
    background: url(../img/instagram.png) no-repeat center;
    background-size: 100%;
}

.copyring span {
    display: block;
    font-size: 12px;
    color: #dedede;
}
.copyring span + span {
    margin-top: 10px;
}

.green-text {
    color:#5bb85d;
}
.portmane {
    position: fixed;
    display: none;
    left: 60px;
    top: 30%;
    background: #fff;
    border-bottom: 10px solid #43b34d;
    font-weight: bold;
    padding: 26px 36px 30px;
    width: 355px;
    box-shadow: -0.868px -4.924px 70px 0px rgba(1, 1, 1, 0.15);
    z-index: 999;
}
.close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    z-index: 2;
    display: block;
    text-indent: -9999px;
    border:none;
    background: transparent;
}
.close:before,
.close:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 2px;
    left: -2px;
    background: #3a3a3a;
    transition: all 0.25s ease-in-out;
}
.close:before {
    top: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.close:after {
    bottom: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.close:hover:before,
.close:hover:after {
    background: #1481D9;
}
.portmane .content {
    display: flex;
    align-items: flex-end;
}
.portmane .img-h {
    min-width: 44px;
}
.portmane .text {
    padding-left: 30px;
    font-size: 18px;
    line-height: 21px;
}
@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}

.step-form {
    position: relative;
}
.step-form .input-group {
    width: 100%;
    position: relative;
}
.step-form .input-group {
    padding: 15px 0 0 0;
}
.step-form .input-group label {
    padding: 4px 0 16px 40px;
    font-size: 16px;
    display: block;
    border-bottom: 2px solid #909090;
    width: 100%;
    transition: all 0.25s ease-in-out;
    text-indent: -9999px;
}

.step-form .input-group input{
    right: 0;
    border:none;
    background: transparent;
    line-height: 22px;
    padding-right: 15px;
    position: absolute;
    top: 5px;
    right: 0;
    width: calc(100% - 39px);
    font-size: 16px;
    z-index: 2;
}

.step-form .checkbox-group{
    font-size: 13px;
    margin: 25px 0 20px;
}
.step-form .checkbox-group a{
    padding-bottom: 1px;
    border-bottom: 1px solid #cfcfcf;
    display: inline-block;
}
.step-form .checkbox-group input {
    position: absolute;
    left: -9999px;
}
.step-form .checkbox-group label {
    padding-left: 30px;
    position: relative;
    line-height: 19px;
    display: block;
    cursor: pointer;
}
.step-form .checkbox-group label:before{
    position: absolute;
    left: 0;
    top: 0;
    height: 17px;
    width: 17px;
    content: '';
    background: #ececec;
    border: 1px solid #ececec;
    transition: all 0.25s ease-in-out;
}
.step-form .checkbox-group label:hover:before{
    border-color: #1481d9;
}
.step-form .checkbox-group a:hover {
    color: #1481d9;
}
.step-form .checkbox-group input:checked + label:after,
.step-form .checkbox-group input:checked + input + label:after {
    position: absolute;
    left: 5px;
    top: 5px;
    height: 9px;
    width: 9px;
    content: '';
    background: #1481d9;
}
.step-form button[type="submit"] {
    line-height: 52px;
    font-size: 16px;
    letter-spacing: 1.5px;
    position: relative;
    font-weight: normal;
}
.step-form button[type="submit"] {
    width: 100%;
}
.step-form button[type="submit"] span {
    position: relative;
    z-index: 2;
}
.step-form button[type="submit"]:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: #3a3a3a;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.25s ease-in-out;
    height: 100%;
    width: 0
}
.step-form button[type="submit"]:hover:after {
    width: 100%;
}
.popup {
    position: fixed;
    z-index: 9999;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
}
.popup .table {
    display: table;
    width: 100%;
    height: 100%;
}
.popup .table-cell {
    display: table-cell;
    vertical-align: middle;
}
.popup-content {
    width: 100%;
    max-width: 635px;
    background: #f9f9f9;
    box-shadow: 1.239px 70.989px 84px 0px rgba(1, 1, 1, 0.1);
    margin: 0 auto;
    font-size: 14px;
    line-height: 22px;
    color:#727272;
    position: relative;
}
#agreement-preview .popup-content,
#umowy .popup-content {
    width: 100%;
    max-width: 1200px;
    font-size: 14px;
    line-height: 20px;
    color: #3a3a3a;
}
#agreement-preview .popup-content p,
#umowy .popup-content p{
    margin-right: 0;

}
#sale .popup-content {
    max-width: 1200px;
    padding-bottom: 70px;
    position: relative;
}
#sale .popup-content:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 285px;
    height: 100%;
    content: '';
    background: #5bb85d;
    z-index: 1;
}
#sale .popup-content:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../img/popup-gird.png) no-repeat bottom left -15px;
    z-index: 2;
}
#sale .popup-content p {
    font-size: 18px;
    margin-bottom: 50px;
}
#sale .popup-content .inner {
    max-width: 580px;
    margin-right: 80px;
    position: relative;
    z-index: 3;
}
#sale h3 {
    color:#3f3f3f;
    font-size: 40px;
}
#sale form {
    max-width: 330px;
}
.popup-content .link {
    font-size: 18px;
    line-height: 31px;
    color: #727272;
    border-bottom: 1px solid #cfcfcf;
    display: inline;
    padding-bottom: 4px;
}
.popup-content .link:hover {
    color:#1381d9;
}
.popup-content .link.green-border {
    border-bottom-color: #1381d9;
}
.popup-content .inner {
    max-width: 395px;
    margin: 0 auto;
    padding: 100px 30px 12px;
    display: none;
}
#agreement-preview .popup-content .inner,
#umowy .popup-content .inner {
    max-width: 995px;
}
.popup-content .close {
    top: 28px;
    right: 28px;
    width: 26px;
    height: 26px;
    z-index: 99;
}
.popup-content .close:before,
.popup-content .close:after {
    width: 34px;
    left: -4px;
}
.popup-content .close:before {
    top: 12px;
}
.popup-content .close:after {
    bottom: 12px;
}
.popup-content p {
    margin-right: -30px;
    margin-bottom: 24px;
}
.popup-content .form {
    max-width: 330px;
    margin: 0 auto;
}
.popup-content .link-h {
    margin-bottom: 34px;
}
.popup-content form button[type="submit"] {
    margin-bottom: 34px;
}
.popup#login form button[type="submit"] {
    margin-top: 38px;
}
.popup h3 {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 25px;
    color:#0c0c0c;
    margin-right: -30px;
}
.popup#login h3 {
    margin-bottom: 40px;
}
#umowy h3 {
    margin-bottom: 35px;
}
#umowy .header {
    text-align: center;
    margin-bottom: 60px;
}
#umowy .header p {
    font-size: 20px;
    margin-bottom: 0;
}
.bottom-border {
    height: 16px;
    background: #1381d9;
    width: 100%;
}
.popup form {
    text-align: center;
    padding: 0 2.5px;
}
.overflow {
    overflow: hidden;
}
.overflow-block {
    max-height: 100%;
    overflow: auto;
    padding: 50px 0 135px;
}
.popup h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 50px;
}
.info-table {
    padding: 0 2px;
    margin-bottom: 50px;
}
.info-table .col {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px;
}
.info-table .col:last-child {
    padding-left: 57px;
}
.info-table>ul>li {
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 0;
}
.info-table p {
    margin-bottom: 20px;
}
.info-table p:last-child {
    margin-bottom: 0;
}
.info-table li ul {
    padding-left: 33px;
    margin-top: -20px;
}
.info-table b,
.info-table strong {
    display: block;
}
.info-table + .info-table li:last-child {
    border-bottom: none;
    padding-bottom: 0
}
#umowy .link-h {
    text-align: center;
    margin: 60px 0 70px;
}
.mobile, .agreement-link .mobile, .app .flex-cols .number.mobile {
    display: none;
}
.content-text h1,
.content-text h2,
.content-text h3 {
    text-align: center;
    color: #3a3a3a;
    margin: 60px 0 50px;
}
.content-text h1:first-child,
.content-text h2:first-child,
.content-text h3:first-child {margin-top: 0}
.content-text h2 {font-size: 40px;line-height: 50px;}
.content-text h1,
.content-text p {margin-bottom: 25px;}
.content-text p:last-child {margin: 0}
.content-text a {
    padding-bottom: 1px;
    border-bottom: 1px solid #cfcfcf;
    display: inline-block;
    }
    .content-text a:not(.no-hover):hover {
        color: #1381d9;
    }
.tab-content>.tab-pane {
    display: none;
    visibility: hidden;
}
.tab-content>.active {
    display: block;
    visibility: visible;
}
.capcha-container {
    display: flex;
    align-items: center;
}
#CaptchaImage {
    width: 70%;
    max-width: 350px;
}

a[data-action="refresh-captcha"] {
    color: #2EB0FE;
    border: 1px solid #2EB0FE;
    border-radius: 5px;
    padding: 10px 20px;
    margin: auto;
}
.edit-details-nav {text-align: center;margin-bottom: 40px;}
.edit-details-nav li {padding: 0 !important;margin: 5px 20px;display: inline-block;}
.edit-details-nav li::before {display: none;}
.edit-details-nav li a {line-height: 45px;min-width: 250px;position: relative;display: block;color:#fff;}
.edit-details-nav li a span {
    position: relative;
    z-index: 2;
}
.edit-details-nav li a:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: #3a3a3a;
    z-index: 1;
    transition: all 0.25s ease-in-out;
    border-radius: 5px;
    height: 100%;
    width: 0
}
.edit-details-nav li a:hover:before {
    width: 100%;
}
.edit-details-nav li.active a {color:#fff;}
.edit-details-nav li.active a:before {width: 100%;}
.text-blue,
.content-text .text-blue {color: #1481d9;;}
.text-red{color: #DF150F}
.flex-cols .col-1 {width: 28%;}
.flex-cols .contacts {}
.flex-cols .form {width: 37%;padding-left: 50px;}
.col-1 h1 {text-align: left;}

section.contact-page {
    background-image: url(../img/coins-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.contact-page .flex-cols {
    justify-content: center;
}
.contact-page .contacts {
    width: 50%;
}
.contacts .flex-cols {margin-bottom: 30px;}
.contacts .col {padding: 0 10px;}
.banner-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px;
}
.banner-content img{
    max-width: 390px;
    margin: 25px auto;
}
.contacts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.contacts .col {
    display: flex;
    margin-bottom: 30px;
}

.contacts .col .col-data {
    display: flex;
    flex-direction: column;
}

.contacts .worktime {
    background: #178FEE;
    flex-wrap: wrap;
    color: #fff;
    align-items: stretch;
    padding: 15px;
    font-size: 15px;
}

.contacts .worktime .col {
    margin-bottom: 15px;
}

.contacts .col img {
    margin-right: 15px;
    height: 53px;
}

.contacts .worktime img {
    height: 27px;
    width: 27px;
}

.col-data-val {
    font-weight: bolder;
    font-size: 14px;
}
.white-banner-bg .main-banner{
    background-image: url(../img/about-bg.png);
}
.white-banner-bg .main-banner .calculator {
        -webkit-box-shadow: 0px -1px 20px -1px rgba(0,143,252,0.53);
        -moz-box-shadow: 0px -1px 20px -1px rgba(0,143,252,0.53);
        box-shadow: 0px -1px 20px -1px rgba(0,143,252,0.53);
    }
.loaninfo { padding-top: 0;}
.loaninfo .flex-cols {
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}
.loaninfo .flex-cols .col {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    border-bottom: 5px solid #1482D9;
    max-width: 49%;
    margin-bottom: 25px;
    position: relative;
    margin-bottom: 70px;
}
    .loaninfo .flex-cols .col h4{
        margin-bottom: 15px;
    }
.loaninfo h2 { margin-bottom: 70px; text-align: center;}
.about-page section.about,
.loaninfo-page section.loaninfo {
    background-image: url(../img/coins-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.loaninfo .flex-cols .number-container {
    position: absolute;
    left: 50%;
    top: 0;
}
    .loaninfo .flex-cols .number-container .number {
        display: block;
        width: 90px;
        min-width: 90px;
        position: relative;
        left: -50%;
        top: -45px;
        text-align: center;
        font-weight: bold;
        line-height: 50px;
        font-size: 30px;
        height: 45px;
        border-radius: unset;
        border-top-left-radius: 180px;
        border-top-right-radius: 180px;
        color: #fff;
        background: #1482D9;
        transition: all 0.25s ease-in-out;
    }
.about .about-block {
    -webkit-box-shadow: 0px -1px 20px -1px rgba(0,143,252,0.53);
    -moz-box-shadow: 0px -1px 20px -1px rgba(0,143,252,0.53);
    box-shadow: 0px -1px 20px -1px rgba(0,143,252,0.53);
    border-radius: 5px;
    padding: 30px;
    background: #fff;
    margin-bottom: 40px;
}
.about .about-block .info {
    color: #333333;
    margin-bottom: 30px;
}
.about .img-name {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    color: #0C0C0C;
    padding-left: 10px;
    max-width: 195px;
    width: 195px;
    text-align: center;
}
.about .images {
    justify-content: space-evenly;
    align-items: stretch;
}
.about .images-pair {
    flex-wrap: wrap;
    flex: 1;
    justify-content: space-around;
}
.about .images-pair img {
    width: 84px;
    max-height: 84px;
}
.about .image-item {
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
    justify-content: center;
}
.banner-content .banner-content-data {
    text-align: left;
    color: #3A3A3A;
    display: flex;
    flex-direction: column;
}
.banner-content-white .banner-content-data {
    text-transform: uppercase;
    color: #fff;
    font-size: 35px;
    line-height: 48px;
    font-weight: bold;
    text-shadow: 5px 4px 14px rgba(0,0,0,0.5);
    text-align: center;
}
.banner-content h1 {
    margin-bottom: 15px;
}
.flex-cols .max-width {
    width: 100%;
    max-width: 100% !important;
}
.doc-content {
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.skype {
    padding-left: 27px;
    background: url(../img/skype-logo.png) no-repeat 0 3px;
    background-size: 20px;
    color: deepskyblue;
}
.skype:hover,
.content-text .skype:hover {border-color: deepskyblue;color:deepskyblue;}
.form-block {
    background: #f6f6f6;
    padding: 30px;
}
.content-text .text-right,
.text-right {text-align: right}
.text-left,
.content-text .text-left {text-align: left;}
.form-block h3{
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 20px;
}
.block-title-green {
    color: #fff;
    background: #3eb249;
    padding: 10px 155px 10px 35px;
    border-radius: 13px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 0 !important;
}
.title-button {
    color: #fff;
    position: absolute;
    font-size: 26px;
    text-decoration: underline;
    top: 9px;
    right: 35px;
}
.bonus-programm h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
.programm-list, .sposoby-list {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}
.sposoby-list>li {
    display: block;
    float: left;
    width: 33%;
    padding: 10px 10px 0 10px;
}
.sposoby-list h3 {
    margin-top: 12px;
    margin-bottom: 10px;
}
.sposoby-list p {
    margin-top: 20px;
    line-height: 19px;
}
.content-text .text-muted,
.bonus-programm .text-muted {
    color: #777;
}
.padding-block {
    padding: 30px 35px;
}
.bonus-programm ul:after {
    clear: both;
    display: table;
    content: "";
}
.bonus-programm p {margin-bottom: 20px;}
.bonus-programm p:last-child {margin-bottom: 0;}
.programm-list>li {
    display: block;
    float: left;
    width: 20%;
    padding: 10px 10px 0 10px;
}
.programm-list .table {
    margin-bottom: 4px;
    display: table;
}
.programm-list .table-cell {
    width: 100%;
    height: 129px;
    vertical-align: bottom;
    position: relative;
}
.programm-list .table-cell img {
    position: relative;
    z-index: 2;
}
.programm-list li .table-cell:after {
    content: '';
    position: absolute;
    width: 94px;
    height: 10px;
    background: url(../img/arrow-right.png) no-repeat center;
    bottom: 50px;
    right: -42px;
    z-index: 1;
}
.programm-list>li:last-child .table-cell:after {display: none;}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.bonus-steps .table-cell:first-child {
    width: 110px;
    padding-right: 20px;
}
.cookie-policy-block {
    position: fixed;
    z-index: 100001;
    bottom: 0;
    width: 100%;
    min-width: 300px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 14px;
}

.cookie-policy-block .content {
    padding: 10px 25px;
    display: table;
    margin: 0px;
    max-width: 100%;
}

.cookie-policy-block .info-container {
    display: table-cell;
    width: 85%;
}

.cookie-policy-block .actions-container {
    display: table-cell;
    width: 15%;
    text-align: center;
    vertical-align: middle;
}

.cookie-policy-block a {
    color: white;
    text-decoration: underline;
}

.cookie-policy-block .header {
    font-weight: bold;
    padding: 0px;
    border-bottom: none;
    background-color: inherit;
    position: inherit;
    line-height: 24px;
}

.cookie-policy-block .text {
    padding: 0px;
}

.transparent-button {
    border: 1px solid #fff;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    cursor: pointer;
    outline: none;
    line-height: 20px;
    width: 150px;
    margin: 10px 3px;
    background: rgba(0, 0, 0, 0);
    transition: 0.1s;
}

.transparent-button:hover {
    background: rgba(255, 255, 255, 0.15);
}

.collapse {
    display: none;
}
.collapse.in {
    display: block;
}

#fc_frame {
    display: none !important;
    right: 5px !important;
}
#fc_frame.fc-open {
    display: flex !important;
    right: 5px !important;
}
/*Regestration*/
.user .main-banner,
.regestration .main-banner {height: 116px;}
.form-registration {padding-top: 0;margin-bottom: 80px;}
.form-registration .calculator { display: none; width: 100%;max-width: 1250px;}
.form-registration .calculator-header { display: none;}
.form-registration .calculator-left,.form-registration .calculator-right { margin: 0 15px;}
.user-cabinet .top-section,
.form-registration .top-section {box-shadow: -0.868px -4.924px 79px 0px rgba(1, 1, 1, 0.1); background-image: url(../img/main-banner-bg.png);background-size: 70%;padding: 15px;display: flex;justify-content: center;}
.form-registration .loan-button-red:before,
.calculator-result {background:transparent;padding:22px;color:#fff;text-align:center;}
.calculator-result .text{font-size: 48px;line-height: 50px;}
.btn-change {position: relative;width: 112px;line-height: 34px;margin: 20px auto 0;color:#1481d9;;border: none;text-align: left;}
.btn-change span {position: relative;z-index: 2;background: #fff url(../img/regestration/edit-colored.svg) no-repeat 18px 7px;background-size: 21px;display: block;padding-left: 45px;}
.btn-change:after {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: #fff; transition: all 0.25s ease-in-out;z-index: 1;content: ''}
.btn-change:focus,
.btn-change:active {color:#1481d9;;}
.btn-change:hover:after {transform: scale(1.05)}
.title-section {padding: 25px 25px 30px;text-align: center;}
.title-section .step {display: inline-block;vertical-align: top;position: relative;}
.title-section .icon {width: 42px;height: 42px;background: #bcbcbc;border-radius: 50%;display: flex;align-items: center;justify-content: center;vertical-align: middle;margin: 0 auto;}
.title-section .icon svg {fill: #fff;}
.title-section .active .icon {background: #1481d9;;}
.title-section .step span {color: #bebebe;font-weight: bold;font-size: 24px;line-height: 30px;}
.title-section .active span {color: #1481d9;;}
.title-section .step + .step {margin-left: 45px;}
.title-section .step + .step:before {position: absolute;content: '';top: 20px;right: 70%;width: 80%;border: 1px solid #bebebe;}
.profile-tab { display: none; }
.profile-tab.active { display: block; }
.step-form {display: none;}
.step-form.active { display: block; } 
.step-form p {font-weight: bold;margin-bottom: 30px;font-size: 30px;}
.step-form .facebook {width: 225px;line-height: 40px;background: #3a5897  url(../img/facebook.png) no-repeat 4px 2px;color:#fff;font-weight: bold;font-size: 14px;display: inline-block;padding: 5px 5px 5px 25px;background-size: 35px;margin: 0 0 10px;border-radius: 25px;}
.step-form .facebook[disabled] {
    color: #497eb2;
}
.step-form.unwrapped{
    display: block;
    box-shadow: none;
    padding: 0px;
}
.step-form .small {font-size: 14px;color:#929292;}
.step-form .form-body {width: 100%;margin: 0 auto;}

.form-body .control {
    position: relative;
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-wrap: wrap;
}
.form-body.fixed-width .control,
.form-body.fixed-width .checkbox-group,
.form-body.fixed-width {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.form-body.select-form,
.form-body.select-form .checkboxes,
.form-body.select-form .control {
    max-width: 447px;
    margin-left: auto;
    margin-right: auto;
}

.step-form.unwrapped .form-body {
    max-width: 100%;
}

.step-form .input-group label {padding: 4px 0 14px 40px;position: relative;}
.step-form .input-group input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 22px;
}
.step-form .input-group input::-moz-placeholder {
    font-size: 16px;
    line-height: 22px;
}
.step-form .input-group input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 22px;
}
.step-form .input-group input:-moz-placeholder {
    font-size: 16px;
    line-height: 22px;
}
.step-form .input-group input.placeholder-smaller::-webkit-input-placeholder {
    font-size: 14px;
}
.step-form .input-group input.placeholder-smaller::-moz-placeholder {
    font-size: 14px;
}
.step-form .input-group input.placeholder-smaller:-moz-placeholder {
    font-size: 14px;
}
.step-form .input-group input.placeholder-smaller:-ms-input-placeholder {
    font-size: 14px;
}
.step-form .checkbox-group {font-size: 14px;}
.step-form .checkbox-group label {display: inline-block;line-height: 24px;padding-left: 47px;}
.step-form .checkbox-group label:before {
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    width: 24px;
    height: 24px;
    box-shadow: 0px 5px 13px 0px rgba(1, 1, 1, 0.2);
      
}
.step-form .checkbox-group input:checked + label:after,
.step-form .checkbox-group input:checked + input + label:after {
    width: 14px;
    height: 14px;
    top: 6px;
    left: 6px;
}
.step-form .checkbox-group .accept-reg + label:before,
.step-form .checkbox-group .accept-reg + input + label:before {
    border:3px solid #df150f;
    width: 19px;
    height: 19px;
}
.step-form .checkbox-group .accept-reg:checked + label:before,
.step-form .checkbox-group .accept-reg:checked + input + label:before {
    width: 24px;
    height: 24px;
    border: 1px solid #1481d9;
}
.step-form .checkbox-group input.unobtrusive-error + input + label:before {
    border: 3px solid #df150f;
    width: 19px;
    height: 19px;
}
.select-group{ padding-top: 15px;}
.select-group .select-options li:first-child{ display: none;}
.select-group .select-hidden {
    position: absolute;
    left: -9999px;
    top: -25px;
    opacity: 0;
    font-size: 16px;
}
.select-group .select {width: 100%; padding: 0 10px 0 0;position: relative;}
.select-group .select-styled {
    font-size: 16px;
    display: block;
    border-bottom: 2px solid #909090;
    width: 100%;
    transition: all 0.25s ease-in-out;
    padding: 4px 0 14px 40px;
    text-align: left;
    cursor: pointer;
    position: relative;
}
.select-group .select-styled:after {
    position: absolute;
    content: '';
    top: 8px;
    right: 4px;
    width: 13px;
    height: 13px;
    border: 2px solid #909090;
    border-width: 2px 2px 0 0;
    transform: rotate(135deg);
}
.select-group .select-styled.active:after {
    transform: rotate(-45deg);
    top: 17px;
}
.select .select-options li {
    cursor: pointer;
    padding: 11px 0 12px 40px;
    border-bottom: 1px solid #b1b1b1;
}
.select .select-options li:last-child {
    border-bottom: none;
}
.select .select-options li:hover{
    background: #cdeace;
}
.select .select-options li.active {
    font-weight: bold;
}
.select .select-options {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 4;
    max-height: 1000px;
    overflow-y: auto;
    box-shadow: 8px 13.856px 30px 0px rgba(1, 1, 1, 0.1);
    background: #fff;
    text-align: left;
    width: calc(100% - 10px);
}
.step-form .salary-input {
    display: none;
}
.step-form .salary-input .zlot {
    position: absolute;
    top: 5px;
    right: 11px;
    color: #909090;
}
.step-form .email + label {
    background-image: url(../img/email.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 21px 21px;
}
.step-form .email:focus + label {
    background-image: url(../img/email_hover.svg);
}
.step-form .name + label {
    background-image: url(../img/name.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 24px 24px;
}
.step-form .name:focus + label {
    background-image: url(../img/name-hover.svg);
}
.step-form .password + label {
    background-image: url(../img/password-black.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 21px 21px;
}
.step-form .password:focus + label {
    background-image: url(../img/password.svg);
}
.step-form .password-confirm + label {
    background-image: url(../img/password-confirm.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 21px 21px;
}
.step-form .password-confirm:focus + label {
    background-image: url(../img/password-confirm-green.svg);
}
.step-form .second-name + label {
    background-image: url(../img/second-name.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .second-name:focus + label {
    background-image: url(../img/second-name-green.svg);
}
.step-form .tel + label {
    background-image: url(../img/tel.svg);
    background-repeat: no-repeat;
    background-position: top 2px left 2px;
    background-size: 14px 26px;
}
.step-form .tel:focus + label {
    background-image: url(../img/tel-green.svg);
}
.step-form .pesel + label {
    background-image: url(../img/pesel.svg);
    background-repeat: no-repeat;
    background-position: top 4px left 2px;
    background-size: 18px 26px;
}
.step-form .pesel:focus + label {
    background-image: url(../img/pesel-green.svg);
}
.step-form .nip + label {
    background-image: url(../img/pesel.svg);
    background-repeat: no-repeat;
    background-position: top 4px left 2px;
    background-size: 18px 26px;
}

.step-form .nip:focus + label {
    background-image: url(../img/pesel-green.svg);
}
.step-form .dogovor + label {
    background-image: url(../img/dogovor.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .dogovor:focus + label {
    background-image: url(../img/dogovor-green.svg);
}
.step-form .zip + label {
    background-image: url(../img/regestration/zip.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .zip:focus + label {
    background-image: url(../img/regestration/zip-colored.svg);
}
.step-form .city + label {
    background-image: url(../img/regestration/city.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .city:focus + label {
    background-image: url(../img/regestration/city-colored.svg);
}
.step-form .street + label {
    background-image: url(../img/regestration/street.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .street:focus + label {
    background-image: url(../img/regestration/street-colored.svg);
}
.step-form .house + label {
    background-image: url(../img/regestration/house.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .house:focus + label {
    background-image: url(../img/regestration/house-colored.svg);
}
.step-form .appartment + label {
    background-image: url(../img/regestration/appart.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .appartment:focus + label {
    background-image: url(../img/regestration/appart-colored.svg);
}
.step-form .phone + label {
    background-image: url(../img/regestration/telephon.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .phone:focus + label {
    background-image: url(../img/regestration/telephon-colored.svg);
}
.step-form .bank + label {
    background-image: url(../img/regestration/bank.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .bank:focus + label {
    background-image: url(../img/regestration/bank-colored.svg);
}
.step-form .univer + label {
    background-image: url(../img/regestration/univer.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .univer:focus + label {
    background-image: url(../img/regestration/univer-colored.svg);
}
.step-form .salary + label {
    background-image: url(../img/regestration/salary.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .salary:focus + label {
    background-image: url(../img/regestration/salary-colored.svg);
}
.step-form .income + label {
    background-image: url(../img/regestration/income.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .income:focus + label {
    background-image: url(../img/regestration/income-colored.svg);
}
.step-form .education + .select-styled {
    background-image: url(../img/regestration/education.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 23px 23px;
}
.step-form .education + .select-styled.active {
    background-image: url(../img/regestration/education-colored.svg);
}

.step-form .employment + label,
.step-form .employment + .select-styled {
    background-image: url(../img/regestration/employment.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 20px 21px;
}
.step-form .employment + .select-styled.active {
    background-image: url(../img/regestration/employment-colored.svg);
}
.step-form .card + .select-styled {
    background-image: url(../img/regestration/card.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 20px 21px;
}
.step-form .card + .select-styled.active {
    background-image: url(../img/regestration/card-colored.svg);
}
.step-form .bill + .select-styled {
    background-image: url(../img/regestration/bill.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 20px 21px;
}
.step-form .bill + .select-styled.active {
    background-image: url(../img/regestration/bill-colored.svg);
}

.step-form .calendar + .select-styled {
    background-image: url(../img/regestration/calendar.svg);
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-size: 20px 21px;
}
.step-form .calendar + .select-styled.active {
    background-image: url(../img/regestration/calendar-colored.svg);
}

.step-form .sms + label {
    background-image: url(../img/regestration/sms.svg);
    background-repeat: no-repeat;
    background-position: top 4px left 2px;
    background-size: 18px 26px;
}
.step-form .sms:focus + label {
    background-image: url(../img/regestration/sms-colored.svg);
}

.step-form .input-group .unobtrusive-valid + label:after{
    position: absolute;
    content: '';
    z-index: 1;
    top: 9px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../img/regestration/check-colored.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size:100%;
}
.step-form .input-group .unobtrusive-error + label:before,
.step-form .input-group .unobtrusive-error + label:after {
    position: absolute;
    content: '';
    width: 14px;
    height: 2px;
    background: #e5443f;
    right: 0;
    top: 15px;
}
.step-form .salary-input .unobtrusive-valid + label:after {
    right: 30px;
}

.step-form .input-group .unobtrusive-error + label:before {
    transform: rotate(45deg);
}

.step-form .input-group .unobtrusive-error + label:after {
    transform: rotate(-45deg);
}
/*Errors*/
.step-form .email.unobtrusive-error + label {
    background-image: url(../img/email_error.svg);
}
.step-form .name.unobtrusive-error + label {
    background-image: url(../img/name_error.svg);
}
.step-form .password.unobtrusive-error + label {
    background-image: url(../img/password_error.svg);
}
.step-form .password-confirm.unobtrusive-error + label {
    background-image: url(../img/password-confirm_error.svg);
}
.step-form .second-name.unobtrusive-error + label {
    background-image: url(../img/second-name_error.svg);
}
.step-form .tel.unobtrusive-error + label {
    background-image: url(../img/tel_error.svg);
}
.step-form .pesel.unobtrusive-error + label {
    background-image: url(../img/pesel_error.svg);
}
.step-form .nip.unobtrusive-error + label {
    background-image: url(../img/pesel_error.svg);
}
.step-form .dogovor.unobtrusive-error + label {
    background-image: url(../img/dogovor_error.svg);
}
.step-form .zip.unobtrusive-error + label {
    background-image: url(../img/regestration/zip-error.svg);
}
.step-form .city.unobtrusive-error + label {
    background-image: url(../img/regestration/city-error.svg);
}
.step-form .street.unobtrusive-error + label {
    background-image: url(../img/regestration/street-error.svg);
}
.step-form .house.unobtrusive-error + label {
    background-image: url(../img/regestration/house-error.svg);
}
.step-form .appartment.unobtrusive-error + label {
    background-image: url(../img/regestration/appart-error.svg);
}
.step-form .phone.unobtrusive-error + label {
    background-image: url(../img/regestration/telephon-error.svg);
}

.step-form .education.unobtrusive-error + .select-styled {
    background-image: url(../img/regestration/education-error.svg);
}
.step-form .employment.unobtrusive-error + .select-styled {
    background-image: url(../img/regestration/employment-error.svg);
}
.step-form .calendar.unobtrusive-error + .select-styled {
    background-image: url(../img/regestration/calendar-error.svg);
}
.step-form .bill.unobtrusive-error + .select-styled {
    background-image: url(../img/regestration/bill-error.svg);
}
.step-form .card.unobtrusive-error + .select-styled {
    background-image: url(../img/regestration/card-error.svg);
}
.step-form .salary.unobtrusive-error + label {
    background-image: url(../img/regestration/salary-error.svg);
}
.step-form .univer.unobtrusive-error + label {
    background-image: url(../img/regestration/univer-error.svg);
}
.step-form .income.unobtrusive-error + label {
    background-image: url(../img/regestration/income-error.svg);
}
.step-form .bank.unobtrusive-error + label {
    background-image: url(../img/regestration/bank-error.svg);
}
.attention {
    flex-basis: 100%;
    color: #1481d9;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    margin: 2px 0 20px;
    padding-left: 25px;
    background: url(../img/regestration/attantion.png) no-repeat 0px 3px;
}
.checkbox-group.right-out {margin: 0 -80px 30px 25px;}
.checkbox-group.checkbox-group-child {margin-top: 15px; margin-bottom: 0;}

.show-pass {position: absolute;width: 34px;height: 20px;background: url('../img/regestration/eye_closed.svg') no-repeat center; background-size: 100%;top: 8px;right: 10px;text-indent: -9999px;z-index: 2;cursor: pointer;}
.show-pass.showed {background-image: url(../img/regestration/eye_open.svg);top: 4px;}
.unobtrusive-valid + label + .show-pass {right: 44px;}
.unobtrusive-error + label + .show-pass {right: 34px;}

.user-cabinet {
    padding-top: 0;
}
.user-cabinet .container{
    background: #fff;
    box-shadow: 2.5px 4.33px 79px 0px rgba(1, 1, 1, 0.2);
    padding: 0;
    max-width: 1200px;
}
.page .user-cabinet .calculator-right .text-smaller {display: block;text-align: left;margin: 20px 0 0;line-height: 16px;}
.page .user-cabinet .calculator-right .block {margin-bottom: 10px;}
.page .user-cabinet .agreement-link {margin-top: 10px;}
.user-cabinet .top-section {
    box-shadow: -0.868px -4.924px 79px 0px rgba(1, 1, 1, 0.1);
}
.user-cabinet .sms-number,
.user-cabinet .top-title {font-size: 24px;font-weight: bold;color:#5bb85d;line-height: 30px;padding: 40px 0;}
.top-navigation {display: flex;justify-content: space-between;align-items: center;padding: 30px 0;}
.top-navigation a {color:#bebebe;font-size: 14px;line-height: 18px;}
.top-navigation a:hover,
.top-navigation .active a {color:#5bb75d;text-decoration: underline;}
.user-cabinet .form-body {max-width: 100%;}
.user-cabinet .step-form{padding-top: 10px;}
.timer {color:#909090;font-size: 33px;line-height: 37px;position: absolute;top: -3px;left: 100%;margin-left: 20px;white-space: nowrap;}
.timer svg {display: inline-block;width: 34px;vertical-align: top;margin-top: 4px;}
.sms-timer .input-group {max-width: 207px;margin: 10px auto 20px;padding-left: 10px;}
.sms-button {display: inline-block;position: relative;}
.sms-timer .btn{display: inline-block;width: auto;line-height: 32px;padding: 0 15px;position: relative;}
.sms-timer .btn span {
    position: relative;
    z-index: 2;
}
.sms-timer .field-validation-error a {border-bottom: 1px solid #bcbcbc;}
.sms-timer .btn:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #5bb85d;
    transition: all 0.25s ease-in-out;
    z-index: 1;
}
.sms-timer .btn:hover:before {
    transform: scale(1.05);
}

.seo {
    padding-top: 20px;
}


.main-banner .banners .slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 100%;
}

    .main-banner .banners .slick-list {
        overflow: hidden;
        height: 100%;
    }

    .main-banner .banners .slick-list .slick-track {
        height: 100%;
    }

    .main-banner .banners .slider .slide {
        float: left;
        padding: 0;
        position: relative;
        height: 100%;
    }
    .main-banner .banners .slider .slide-content {
        height: 100%;
    }

    .main-banner .banners .slider .slide-image {
        background-position-x: center;
        background-position-y: top;
        height: 100%;
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
    }

.main-banner .banners .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
}

    .main-banner .banners .slick-dots li {
        display: inline-block;
    }
    .main-banner .banners .slick-dots li button {
        width: 20px;
        height: 20px;
        margin: 5px;
        text-indent: -9999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .main-banner .banners .slick-dots li.slick-active button {
        width: 22px;
        height: 22px;
        margin: 0;
        background-color: #fff;
    }
.main-banner .banners .promo-link {
    display: block;
    position: absolute;
    width: 50%;
    top: 0;
    left: 0;
    height: 100%;
}
@media screen and (min-width: 980px) {
    .form-body.fixed-width,
    .form-body.select-form {
        max-width: 100%;
    }
    .step-form .input-group,
    .step-form .select-group {
        display: flex;
    }
        .step-form .input-group:before,
        .step-form .select-group:before {
            content: '';
            display: flex;
            flex: 1;
        }

    .validation-error-container {
        display: flex;
        flex: 1;
        margin: 0;
        align-items: center;
        padding: 0;
        background: transparent;
        font-size: 16px;
        align-items: flex-start;
        padding-left: 15px;
    }
    .sms-timer .field-validation-error,
    .field-validation-tooltip,
    .field-validation-error {
        font-size: 16px;
        padding: 11px 13px;
        }

    .subscribe .field-validation-error {
        position: absolute;
        left: 15px;
        top: -35px;
        margin-top: 10px;
        max-width: 310px;
    }
    .subscribe .field-validation-error:before {
        content: none;
    }
    .subscribe .checkbox-group .field-validation-error {
        top: 50px;
        max-width: 310px;
    }

    .sms-timer .field-validation-error:before,
    .field-validation-tooltip:before,
    .field-validation-error:before {
        border: 6px solid transparent;
        border-right: 12px solid #e5443f;
        top: 12px;
        left: -16px;
    }
    .field-validation-tooltip {
        font-size: 13px;
        max-width: 100%;
        line-height: 15px;
        text-align: left;
    }
    .field-validation-tooltip:before {
        border-right-color:#5bb75d;
    }
    .sms-timer .field-validation-error:before {top: 50%;margin-top: -6px;}
    .sms-timer .field-validation-error {text-align: left;top:50%;transform: translate(0, -50%);font-size: 14px;line-height: 20px;margin: 0 0 0 20px;left: 100%;}
} 

.step-form .form-footer {
    margin: 40px 0 10px;
    padding: 0 10px 0 0 ;
}
    .step-form .form-footer .btn:not(.btn-back):not(#photo-button) {
        background: #ff8f45;
    }
    .step-form .form-footer .btn {
    width: 283px;
    line-height: 75px;
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    margin: 0 22px;
    position: relative;
}
.step-form .btn-back {
    background: #fff;
    color:#909090;
    border: 1px solid #909090;
    position: relative;
    line-height: 73px !important;
    transition: 0.25s ease-in-out;
}
.step-form .form-footer .btn span {
    position: relative;
    z-index: 2;
}
.step-form .form-footer .btn:after {
    position: absolute;
    content: '';
    top: 0;
    width: 0;
    height: 100%;
    background: #909090;
    transition: 0.25s ease-in-out;
    border-radius: 5px;
}
.step-form .btn-back:hover {
    color:#fff;
}
.step-form .form-footer .btn-back:after {
    right: 0;
    background: #909090;
}
.step-form .form-footer .btn-blue:after {
    left: 0;
    background: #3a3a3a;
}
.step-form .form-footer .btn:hover:after {
    width: 100%;
}

.step-form input:disabled + label,
.step-form input:disabled {
    opacity: 0.6;
}

.step-form input:disabled + label + .show-pass {
    display: none;
}


@media screen and (max-width: 1440px) {
    .slogan { margin-left: 25px;}
}
@media screen and (max-width: 1400px) {
    .slogan {display: none;}
   
    .logo-with-social {
        left: 25px;
    }
    .crea-logo {
        right: 30px;
    }
    .flex-menu .col {
        max-width: 200px;
    }
    footer h4 br {
        display: block;
    }
}
@media screen and (max-width: 1245px) {
    .without-banner {
        padding-top: 73px;
    }
    .user-cabinet .container,
    .container {max-width: 100%;padding: 0 25px;box-shadow: none;}
    .portmane {left: 25px;}
    .banner-text{
        font-size: 60px;
        line-height: 70px;
    }
    .phone-screen {
        min-width: 370px;
    }
    .phone-screen img {
        width: 320px;
    }
    .google-play .description {
        padding-top: 0;
    }
    .partners {
        margin-top: 0;
    }
    .big-numbers {
        padding-left: 40px;
    }
    .calculator {
        width: 520px;
    }

    .banner-text {
        width: calc(100% - 520px);
    }

    .categories .btn-blue {font-size: 13px;}
    .field-validation-tooltip {
        width: 250px;
        white-space: normal;
    }
    .field-validation-tooltip br {
        display: none;
    }
}
@media screen and (max-width: 1060px) {
    .index-form-container {
        padding: 40px 50px;
        width: 400px;
    }
    .social-register-block {
        padding-top: 55px;
    }
    .social-register-link span {
        line-height: 30px;
        font-size: 14px;
    }  
}
@media screen and (max-width: 1024px) {
    #sale .popup-content {
        max-width: 635px;
        padding-bottom: 70px;
        border-bottom: 16px solid #5bb85d;
        padding-bottom: 40px;
    }
    #sale .popup-content:before,
    #sale .popup-content:after{
        display: none;
    }
    #sale .popup-content .inner {
        max-width: 395px;
        margin: 0 auto;
        position: relative;
        z-index: 3;
    }
    .popup .checkbox-group label:before {
        background: #ececec;
        border-color:#ececec;
    }
    .overflow-block {
        padding-top: 0;
    }
    .contact-page .container>.flex-cols{display: block;}
    .flex-cols .col-1{width: 45%;}
    .flex-cols .contacts {width: 55%;}
    .flex-cols .contacts,
    .flex-cols .col-1 {
        display: inline-block;vertical-align: top;
        margin: 0 -2px;
    }
    .flex-cols .form {width: 100%;padding-left: 0}
}
@media screen and (max-width: 1010px) {
    .nav > ul > li > a {
        padding: 3px 5px;
    }
    .pay .btn {
        margin-left: 10px;
    }
}
@media screen and (max-width: 985px) {
    .form-registration .top-section {
        display: none;
    }
    .page .main-banner {
        height: auto;
    }
        .page .main-banner .container {
            flex-direction: column-reverse;
            align-items: center;
            }
    .page .banner-content {
        max-width: none;
    }
    .page .banner-content .banner-content-data{
        text-align: center;
    }
    .flex-cols .contacts {
        width: auto;
    }
}
@media screen and (max-width: 955px) {
    .desktop-big {
        display: none;
    }

    .container {
        padding: 0 5px;
    }

    .app .flex-cols .col {
        width: 250px;
    }

    .seo-links .links-block {
        padding: 35px 65px;
    }

    section.youtube .bottom-link {
        margin: 40px 0 90px 0;
    }

    .main-page .testimonials {
        padding-bottom: 80px;
    }

    .index-form-container {
        padding: 30px 30px;
        width: 350px;
    }
    .questions .toogle-group {
        width: 100%;
    }
    .questions .toogle-group:last-child {
        display: none;
    }
    .questions .questions-more-btn {
        display: block;
    }
}

    @media screen and (max-width: 800px) {
        header {
            z-index: 1000;
        }
        .desktop {
            display: none !important;
        }
        .text-dark-mobile {
            color: #0c0c0c;
        }
        .cookie-policy-block .actions-container {
            display: table-row;
            width: 100%;
        }
        footer {
           padding: 0;
        }
            footer li {
                margin: 10px 5px;
            }
        footer .social.mobile li {
            margin-right: 20px;
        }
            footer .social:not(.mobile) {
                display: none;
            }
        footer .container {
            text-align: left;
        }
        .copyring {
            margin: 0 5px;
        }
        .copyring span {
            color: #3a3a3a;
        }
        footer .footer-menu {
            flex-direction: column;
            }
        footer .footer-contacts {
            flex-direction: column;
            padding: 15px;
        }
        footer .footer-contacts  .footer-contacts-text{
            padding: 15px;
        }
        .container {
            padding: 0 15px;
        }
        .steps h2 {
            padding-bottom: 50px;
            text-align: center;
        }

        .steps .steps-item {
            flex-direction: column;
            text-align: center;
        }

        .steps .steps-item .steps-item-text {
            flex-direction: column;
        }
        .seo-links .links-block {
            box-shadow: none;
            background: #f6f6f6;
            margin: 0 0 115px 0;
        }

            .seo-links .links-block a {
                line-height: 60px;
            }
        .financial-content .content {
            padding: 0 44px;
        }
        .youtube h2,
        .app h2,
        .form-login h2,
        .google-play h2 {
            text-align: left !important;
            padding-left: 44px;
            margin-bottom: 35px;
            font-size: 38px;
            line-height: 40px;
        }
        section.youtube .flex-cols {
            margin-top: 0;
        }
        section.youtube .flex-cols .col {
            width: 100%;
        }
        .main-page .testimonials {
            padding-bottom: 50px;
        }
        .testimonials .slider {
            margin-bottom: 20px;
        }
        
        .app .container {
            padding: 0;
        }
        .app:before {
            content: none;
        }
        .app h2 {
            padding-left: 88px;
        }
        .app .mobile-step {
            position: relative;
        }
        .app .mobile-step:before {
            position: absolute;
            content: '';
            background: #5bb85d;
            bottom: 10%;
            left: 0;
            width: 100%;
            z-index: 1;
            height: 60%
        }

        .app .mobile-step-content {
            margin: 80px auto 50px auto;
            z-index: 2;
            position: relative;
            background: #fff;
            box-shadow: 43px 46px 84px 0px rgba(1, 1, 1, 0.23);
            text-align: center;
            max-width: 450px;
        }

            .app .mobile-step-content .label {
                border-bottom: 2px solid #8b8b8b;
                font-size: 30px;
                font-weight: bold;
                padding: 60px 0 45px 0;
                margin: 0 50px;
                color: #0c0c0c;
                line-height: 35px;
            }
            .app .mobile-step-content .number-container {
                position: absolute;
                top: 0;
                left: 50%
            }
            .app .mobile-step-content .number {
                display: block;
                width: 80px;
                min-width: 80px;
                text-align: center;
                font-weight: bold;
                line-height: 80px;
                font-size: 23px;
                height: 80px;
                border-radius: 50%;
                background: #5bb85d;
                color: #fff;
                position: relative;
                top: -40px;
                left: -50%;
            }
        
        .form-login {
            padding: 40px 0;
        }
        .index-form-container {
            width: 100%;
            float: none;
            padding: 0;
            height: auto;
            background: none;
            box-shadow: none;
        }
            .index-form-container.right {
                padding-top: 80px;
            }

            .form-login .btn {
                line-height: 50px;
                font-size: 25px;
                width: 100%;
            }
        .social-register-block {
            padding-top: 0;
            padding-left: 44px;
        }
        .social-register-link span {
            line-height: 35px;
            font-size: 20px;

        }
        .menu-open header:before {
            position: fixed;
            top: 0;
            left: 0;
            content: '';
            background: #1481D9;
            width: 100%;
            height: 77px;
            z-index: 8888;
        }
        section.google-play {
            padding-top: 40px;
        }
        .menu-dropdown .nav {
            display: block;
            position: fixed;
            z-index: 1000;
            background: #1481D9;
            transform: translate(0, -100%);
            transition: all 0.25s ease-in-out;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 100px 0;
            overflow: auto;
        }

            .menu-dropdown .nav li {
                display: block;
                text-align: center;
            }

                .menu-dropdown .nav li a {
                    font-size: 21px;
                    line-height: 50px;
                }

        .menu-open .menu-dropdown .nav {
            transform: translate(0, 0);
        }

        .login,
        .menu-button,
        .logo {
            position: relative;
            z-index: 9999;
        }

        .nav .submenu {
            position: relative;
            left: 0;
        }

        .nav li.showMenu-nodecoration > a {
            font-weight: bold;
            color: #5bb85d;
        }

        .menu-dropdown .nav .submenu a {
            font-size: 17px;
        }

        .page .main-banner .container {
            display: flex;
        }
            .page .main-banner .container,
            .main-banner .container {
                /*display: block;*/
                margin-top: 70px;
                padding: 0;
            }
        .page section {
            margin-bottom: 0;
        }
        .banner-text {
            width: 100%;
            padding-left: 0;
            margin-bottom: 60px;
        }

        .page .main-banner,
        .main-banner {
            height: auto;
            margin-top: 0;
        }
           
        header.sticky {
            background: #1481D9;
        }
        .login {
            float: left;
        }

        .menu-dropdown {
            float: right;
        }

        .showMenu-nodecoration > a {
            position: relative;
        }

            .showMenu-nodecoration > a:before,
            .showMenu-nodecoration > a:after {
                position: absolute;
                content: '';
                background: #1d1d1b;
                transition: all 0.25s ease-in-out;
                background: #3eb249;
            }

            .showMenu-nodecoration > a:before {
                top: 27px;
                right: 10%;
                width: 16px;
                height: 2px;
            }

            .showMenu-nodecoration > a:after {
                top: 20px;
                right: calc(10% + 7px);
                width: 2px;
                height: 16px;
            }

            .showMenu-nodecoration > a.open-menu:after {
                display: none;
            }

        .menu-button {
            display: block;
            background: transparent;
            border: none;
            position: relative;
            width: 40px;
            height: 20px;
            margin-top: 13px;
            text-indent: -9999px;
        }
        
            .menu-button:before,
            .menu-button:after {
                position: absolute;
                content: '';
                left: 0;
                width: 100%;
                height: 4px;
                background: #fff;
                top: 0;
                transition: all 0.25s ease-in-out;
            }

            .menu-button:after {
                bottom: 0;
                top: initial;
            }

        .menu-open .menu-button:after {
            transform: rotate(45deg);
            bottom: 8px;
        }

        .menu-open .menu-button:before {
            transform: rotate(-45deg);
            top: 8px;
        }
        .nav > ul > li.mobile {
            display: block;
        }
        .login .btn:before {
                display: none;
            }
        /*todo calculator*/
        .page .calculator, .calculator {
            width: 100%;
        }
            .img-shadow {
                padding-right: 0;
                text-align: center;
                margin-top: 100px;
            }

        .app .flex-cols {
            flex-direction: column-reverse;
        }

            .page .app .flex-cols .col {
                width: 100%;
            }

        .app:before {
            width: 100%;
            height: 350px;
            bottom: 0;
        }

        .big-numbers {
            padding: 0 22px;
        }

        .half-width-image .flex-cols {
            display: block;
            padding-top: 70px;
        }

            .half-width-image .flex-cols .col {
                width: 100%;
            }


        .half-width-image .image-holder {
            margin: 55px -25px 0;
            width: calc(100% + 50px);
        }

            .half-width-image .image-holder img,
            .half-width-image .image-holder iframe {
                width: 100%;
                max-width: 100%;
            }

        .boxes {
            width: 100%;
            display: block;
        }

            .boxes .box {
                width: 70%;
                margin: 0 auto;
            }

        .subscribe .input-group {
            width: 50%;
        }

        .subscribe button[type="submit"] {
            position: relative;
            right: initial;
            margin: 0 auto;
        }

        .partners-list li {
            margin: 0 0 30px;
            padding: 0 22px
        }

        .partners-list {
            flex-wrap: wrap;
        }

        .google-play .description h2 {
            display: none;
        }

        .mobile,
        .app .flex-cols .number.mobile {
            display: block;
        }
        .agreement-link .mobile {
            display: inline-block;
        }
        .seo-block table th, .seo-block table td {
            padding-right: 20px;
        }

            .seo-block table th br,
            .desk,
            .app .flex-cols .number.desk {
                display: none;
            }

        .google-play h2 {
            padding: 0 22px;
        }

        .description-list {
            display: block;
            padding-top: 30px;
        }

        .login.mobile {
            float: right;
        }
            .description-list li {
                width: 100%;
                margin-bottom: 40px;
            }

        .logo-with-social {
            width: 100%;
            position: relative;
            top: 0;
            left: 0;
            bottom: 0;
            padding: 0 44px;
        }

        footer .logo {
            max-width: 100px;
            margin-bottom: 0
        }

        .logo-with-social {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .crea-logo {
            right: 44px;
            bottom: 64px;
        }

        footer .container {
            padding: 45px 44px 20px;
        }

        footer .flex-menu {
            display: block;
        }

        .flex-menu .col {
            max-width: 100%;
            padding-left: 30px;
        }

        footer h4 {
            min-height: 0;
            margin-bottom: 30px;
            position: relative;
        }

            footer h4 span {
                position: absolute;
                content: '';
                text-indent: -9999px;
                display: block;
                width: 17px;
                height: 17px;
                border-radius: 50%;
                background: #5bb85d;
                top: 4px;
                left: -30px;
            }

                footer h4 span:before,
                footer h4 span:after {
                    position: absolute;
                    content: '';
                    background: #fff;
                    transition: all 0.25s ease-in-out;
                }

                footer h4 span:before {
                    top: 8px;
                    left: 4px;
                    width: 9px;
                    height: 1px;
                }

                footer h4 span:after {
                    top: 4px;
                    left: 8px;
                    width: 1px;
                    height: 9px;
                }

            footer h4.open-menu span:after,
            footer h4 br {
                display: none;
            }

        .flex-menu ul {
            display: none;
        }

        .big-numbers .number-row {
            display: block;
            margin-bottom: 0;
        }

        .img-shadow {
            margin-top: 0;
        }

            .img-shadow .img-h {
                width: 100%;
                max-width: 445px;
                padding: 0 22px;
                margin: 0 auto;
            }

            .img-shadow img {
                position: relative;
                opacity: 1;
                box-shadow: none;
                max-width: 100%;
                box-shadow: none
            }

        .google-play-btn {
            margin: 0 auto;
        }

        .app .big-numbers {
            padding: 0px;
            position: relative;
            overflow: hidden;
            width: 100%;
        }

        .half-width-image {
            position: relative;
            z-index: 2;
        }

        .green .number {
            background: #e4e4e4;
        }

        .green h4 {
            color: #0c0c0c;
        }

        .app .flex-cols .slick-active .number,
        .slick-active .green .number {
            background: #5bb85d;
            color: #fff;
        }

        .slick-active h4,
        .slick-active .green h4 {
            color: #5bb85d;
        }

        .app .big-numbers .number-row {
            padding: 0 22px;
            float: left;
        }

        .app .big-numbers .slick-list {
            overflow: initial;
            overflow-x: hidden;
        }

        .slick-dots {
            width: 100%;
            text-align: center;
            margin-top: 40px;
            margin-bottom: 5px;
        }

            .slick-dots li {
                display: inline-block;
                margin: 0 16px;
                vertical-align: middle;
                padding: 0 !important;
                line-height: initial !important;
            }

                .slick-dots li:before {
                    display: none;
                }

                .slick-dots li button {
                    display: block;
                    text-indent: -9999px;
                    background: transparent;
                    width: 16px;
                    height: 16px;
                    position: relative;
                    border: none;
                }

                    .slick-dots li button:after {
                        position: absolute;
                        content: '';
                        width: 10px;
                        height: 10px;
                        top: 3px;
                        left: 3px;
                        border: 1px solid #fff;
                        border-radius: 50%;
                        transition: all 0.25s ease-in-out;
                    }

                .slick-dots li.slick-active button:after {
                    background: #0B5795;
                    border-color: #0B5795;
                    width: 16px;
                    height: 16px;
                    top: 0;
                    left: 0;
                }

        .app:before {
            width: 100%;
            height: 30%;
            bottom: 15%;
        }

        .app {
            padding-bottom: 0;
        }

            .app .slick-arrow {
                top: initial;
                bottom: 38%;
                background: url(../img/arrow-mobile.svg) no-repeat center;
                background-size: 20px 32px;
                z-index: 999;
                opacity: 1;
            }

        .big-numbers .title {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .number {
            min-width: 60px;
            line-height: 60px;
            height: 60px;
            width: 60px;
            font-size: 26px
        }

        .big-numbers .text {
            padding-left: 0;
            min-height: 250px;
        }

        .big-numbers h4 {
            margin-bottom: 0;
            padding-left: 20px;
        }

        .partners {
            margin-top: 50px;
        }

        .pagitest .question,
        .pagitest .answer {
            float: none;
            width: 100%;
        }

        .review-nav-item {
            display: inline-block;
        }

        .content-text .number-row:after {
            display: none;
        }

        .content-text .big-numbers .number-row {
            margin: 0
        }

        .content-text .big-numbers .text {
            min-height: 250px;
            margin-bottom: 30px;
        }

        .categories .btn-blue {
            font-size: 15px;
        }

        .field-validation-tooltip {
            width: auto;
        }

        .form-registration {
            padding-top: 0;
        }

        .page .top-section .slider-period, .page .top-section .slider-amount {
            width: 100%;
            padding: 80px 45px 40px;
        }

        .page .top-section .calculator {
            width: 100%;
            margin-left: 0;
            padding: 30px 25px 25px;
        }

        .top-section .close {
            right: 25px;
        }

        .user header {
            box-shadow: -0.868px -4.924px 79px 0px rgba(1, 1, 1, 0.2);
        }

            .user header .clearer-block {
                display: flex;
                justify-content: space-between;
            }

                .user header .clearer-block:after {
                    display: none;
                }

            .user header .right,
            .user header .logo {
                float: none;
            }

        .user-menu-button {
            text-indent: -9999px;
            border: none;
            width: 30px;
            height: 45px;
            background: url(../img/name.svg) no-repeat center;
            background-size: 100%;
        }

        .user-cabinet {
            padding-top: 130px;
        }

        .top-navigation {
            position: fixed;
            top: 0;
            left: 0;
            transform: translate( -100%, 0);
            height: 100%;
            z-index: 5;
            width: 94%;
            background: #fff;
            display: block;
            padding: 120px 25px 50px;
            overflow: auto;
            transition: 0.25s ease-in-out;
        }

            .top-navigation li {
                display: block;
                padding: 10px 0;
            }

                .top-navigation li a {
                    display: inline-block;
                    font-size: 21px;
                    line-height: 40px;
                    white-space: nowrap;
                    color: #3a3a3a;
                }

                    .top-navigation li a:hover,
                    .top-navigation li.active a {
                        text-decoration: none;
                        color: #5bb85d;
                    }

        .user-menu-open .top-navigation {
            transform: translate(0,0);
        }

        .user-menu-open .user-menu-button {
            background: url(../img/name-hover.svg) no-repeat center;
            background-size: 100%;
        }

        .user-cabinet .close {
            top: 30px;
            right: 20px;
        }

        .user-cabinet .calculator-left {
            display: none;
            padding-top: 20px;
        }

        .user-cabinet .calculator-result {
            background: #fff;
            color: #3a3a3a;
        }

        .user-cabinet .btn-change {
            display: inline-block;
            width: 45px;
        }

            .user-cabinet .btn-change span {
                text-indent: -9999px;
            }
    }

    @media screen and (max-width: 800px) {
        .seo-block table {
            width: 100%;
        }

        .programm-list > li {
            width: 33.33%;
            height: 210px;
        }

        .step-form .form-footer .btn {
            margin: 0 10px;
        }
    }

    @media screen and (max-width: 767px) {
        .user-cabinet {
            padding-top: 100px;
        }

            .user-cabinet .btn-change {
                margin-top: 0;
                margin-left: 3px;
                ;
                vertical-align: middle;
            }

                .user-cabinet .btn-change span {
                    line-height: 28px;
                    background-size: 17px;
                    padding-left: 30px;
                    background-position: center;
                    width: 30px;
                    margin: 0;
                }

            .user-cabinet .calculator-result {
                margin-bottom: -15px;
                position: relative;
                z-index: 3;
            }

                .user-cabinet .calculator-result .text {
                    font-size: 21px;
                    line-height: 30px;
                }

        .timer {
            position: relative;
            top: 0;
            display: block;
            left: 0;
            margin: 10px 0 0;
        }

        .form-registration {
            padding-top: 0;
        }

        .form-block h3 {
            font-size: 20px;
        }
        .loaninfo .flex-cols .col {
            width: 100%;
            max-width: 100%;
        }

        .flex-cols .contacts,
        .flex-cols .col-1 {
            width: 100%;
            margin: 0;
        }

        .flex-cols .contacts {
            padding: 0;
            margin: 30px 0;
            border-left: 0;
        }

        .contacts .col {
            padding: 0;
            width: 100%;
        }
        .bonus-programm h1 {
            font-size: 20px
        }

        .padding-block {
            padding: 30px 0;
        }

        .bonus-programm h2 {
            font-size: 18px;
            line-height: 23px;
        }

        .bonus-programm .btn {
            font-size: 14px;
            margin: 0 auto;
        }

        .title-button {
            margin-top: 0;
            font-size: 15px;
            top: 10px
        }

        .bonus-programm li {
            width: 100%;
            float: none;
            height: auto
        }

            .bonus-programm li .table-cell:after, .bonus-programm li br {
                display: none
            }

        .img-shadow .img-h {
            max-width: 345px;
        }

        .app .slick-arrow {
            bottom: 34%;
        }

        .portmane {
            display: none;
        }
        .agreement-link a + a {
                margin-left: 10px;
            }

        .partners {
            margin-top: 50px;
        }
        .content-block h1,
        h1, .banner-text {
            font-size: 28px;
            line-height: 33px;
        }
        .content-block h2,
        h2,
        h2.header-smaller {
            font-size: 24px;
            line-height: 28px;
        }
        .banner-text {
            margin-bottom: 25px;
        }

        .page .slider-period, .page .slider-amount,
        .slider-period, .slider-amount {
            padding: 53px 44px 14px;
        }
        .slider-line {
            margin-bottom: 15px;
            position: relative;
        }
        .slider-selection:before:hover {
            background: #5bb85d;
        }
        .slider-track:before:hover {
            background: #5bb85d;
        }
        .content-text h2,
        .content-block h2 {
            font-size: 30px;
            line-height: 32px;
        }

        .seo-block h1,
        .seo-block h2 {
            text-align: center !important;
        }

        .app.content-text h1 {
            text-align: center !important
        }

        .subscribe .header h3 {
            font-size: 21px;
            line-height: 26px;
            text-align: left !important;
            padding-right: 20px;
        }

        .pozichka .subscribe:after {
            display: none;
        }

        .pozichka .btn-full-width {
            margin-top: 40px;
            line-height: 70px;
            font-size: 15px;
        }

        .pozichka h2 {
            text-align: center !important;
        }

        .categories .btn-blue {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 35px;
        }

        .categories .mobile-button {
            display: block;
        }

        .categories .col:nth-child(n+9) {
            display: none;
        }

        .categories .col {
            margin-bottom: 15px;
        }

        .boxes .box {
            width: 100%;
        }

        .content-block h3,
        h3 {
            font-size: 21px;
            line-height: 25px;
        }

        .box .btn {
            line-height: 60px;
            font-size: 15px;
        }

        .paralax-bg {
            padding-bottom: 0;
        }

            .paralax-bg:before {
                bottom: 10%;
                height: 80%;
                left: -25px;
                right: -25px;
                width: calc(100% + 50px)
            }

        section {
            padding-top: 0;
        }
        .page section .container {
            margin-top: 50px;
        }
        section.unpadded .container{
            margin-top: 0;
        }
        .testimonials .slider {
            padding: 0 60px;
        }
        .form-subscribe {
            padding: 50px 0;
        }

        .subscribe {
            padding: 0 22px;
        }

            .subscribe .header {
                text-align: left;
                font-size: 14px;
                margin-bottom: 20px;
            }

            .subscribe .input-group {
                width: 100%;
                float: none;
            }

            .subscribe .field-validation-error,
            .subscribe .checkbox-group .field-validation-error {
                margin: 10px -15px 0;
            }

            .subscribe .input-group label {
                float: none;
            }

            .subscribe .input-group {
                margin-bottom: 0;
                padding-right: 0;
            }

            .subscribe .checkbox-group {
            }

            .subscribe:after {
                right: 24px;
                top: 79px;
                width: 26px;
                height: 99px;
                background-size: 100% 100%;
            }

            .subscribe button[type="submit"] {
                line-height: 60px;
                font-size: 15px;
            }

        .phone-screen {
            min-width: 50%;
        }

        .description-list .text {
            font-size: 16px;
            line-height: 20px;
        }


        .partners-list li {
            margin: 0px 0 10px;
            padding: 0 10px;
            width: 50%;
        }

        .partners {
            padding-bottom: 40px;
        }

        .seo-block .container {
            padding: 0;
            font-size: 14px;
        }

        .seo-block .grey-bg {
            padding: 50px 44px;
        }

        .seo-block .text-center {
            margin-bottom: 30px;
        }

        .seo-block .col {
            width: 100%;
            padding: 0;
        }

        .seo-block .flex-cols {
            display: block;
            margin: 0
        }

        .seo-block p {
            font-size: 14px;
            margin-bottom: 25px;
        }

        .seo-block table {
            margin: 30px 0;
        }

            .seo-block table th, .seo-block table td {
                font-size: 14px;
                line-height: 20px;
                padding: 10px 20px 10px 0
            }

        .seo-block h4 {
            font-size: 16px;
            font-weight: bold;
        }

        h4,
        footer h4 {
            font-size: 18px;
            line-height: 24px;
        }

        .copyring span {
            font-size: 13px;
        }

        .boxes .box {
            padding: 40px 44px;
        }
        .toggle {
            margin-bottom: 25px;
        }

        .testimonials .slick-arrow {
            background-size: 100%;
            width: 50px;
            height: 50px;
        }

        .testimonials .slider .slide {
           
        }

        .testimonials .raiting img {
            width: 15px;
        }

        .testimonials .header {
            text-align: right;
            margin-bottom: 20px;
            font-size: 13px;
            line-height: 15px;
            color: #838383;
        }

        .subscribe .header p {
            max-width: 80%;
        }

        .subscribe .checkbox-group label {
            padding-left: 30px;
        }

            .subscribe .checkbox-group label:before {
                height: 17px;
                width: 17px;
            }

        .subscribe .checkbox-group input:checked + label:after,
        .subscribe .checkbox-group input:checked + input + label:after {
            position: absolute;
            left: 5px;
            top: 5px;
            height: 9px;
            width: 9px;
        }

        .half-width-image .flex-cols {
            padding-top: 55px;
        }

        .without-banner {
            padding-top: 73px;
        }

        .article-head-title,
        .article-head-image,
        .slider-head {
            display: none !important;
        }

        .page section.form-registration .container {
            padding: 0;
            margin-top: 0;
        }

        .title-section {
            padding: 25px 40px;
            text-align: left
        }

            .title-section .icon {
                float: left;
                width: 25px;
                height: 25px;
                margin: 3px 10px 0 0;
            }

                .title-section .icon svg {
                    max-width: 70%;
                    max-height: 70%;
                }

            .title-section .step:before,
            .title-section .step {
                display: none;
            }

                .title-section .step.active {
                    display: block;
                    margin: 0
                }

        .step-form {
            padding: 0px 30px 50px 40px;
            box-shadow: none;
        }

            .step-form p {
                text-align: left;
                font-size: 14px;
                line-height: 18px;
            }

                .step-form p br {
                    display: none;
                }

            .step-form .small {
                font-size: 11px;
                line-height: 15px;
            }

        .calculator-result .text {
            font-size: 28px;
            line-height: 33px;
        }

        .step-form .form-footer {
            margin: 0 0 0;
            display: flex;
            flex-wrap: wrap-reverse
        }

            .step-form .form-footer .btn {
                width: 100%;
                max-width: 245px;
                display: block;
                margin: 30px auto 0;
                line-height: 60px !important;
                font-size: 15px;
            }

        .step-form .checkbox-group {
            text-align: left;
            padding-right: 10px;
        }

        .field-validation-tooltip {
            line-height: 16px;
        }

        .step-form .checkbox-group label {
            line-height: 21px;
            padding-left: 36px;
            font-size: 12px;
        }

            .step-form .checkbox-group .accept-reg:checked + label:before,
            .step-form .checkbox-group .accept-reg:checked + input + label:before,
            .step-form .checkbox-group label:before,
            .step-form .checkbox-group input.unobtrusive-error + input + label:before {
                width: 18px;
                height: 18px;
            }

        .step-form .checkbox-group input:checked + label:after,
        .step-form .checkbox-group input:checked + input + label:after {
            width: 10px;
            height: 10px;
            top: 5px;
            left: 5px;
        }

        .step-form .checkbox-group .accept-reg + label:before,
        .step-form .checkbox-group .unobtrusive-error + label:before {
            width: 15px;
            height: 15px;
        }

        .checkbox-group.right-out {
            margin: 0 0px 30px 25px
        }
        .checkbox-group.checkbox-group-child {
            margin-top: 15px;
            margin-bottom: 0;
        }
        .input-group input,
        .select-group .select-styled {
            padding-right: 40px !important;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .step-form .input-group input.placeholder-smaller::-webkit-input-placeholder {
            font-size: 13px;
        }
        .step-form .input-group input.placeholder-smaller::-moz-placeholder {
            font-size: 13px;
        }
        .step-form .input-group input.placeholder-smaller:-moz-placeholder {
            font-size: 13px;
        }
        .step-form .input-group input.placeholder-smaller:-ms-input-placeholder {
            font-size: 13px;
        }

        .user h1 {
            text-align: center !important;
        }

        .user-cabinet .container {
            padding: 0;
        }

        .user-cabinet .sms-number br, .user-cabinet .top-title br {
            display: none;
        }

        .user-cabinet .sms-number, .user-cabinet .top-title {
            font-size: 14px;
            line-height: 18px;
            padding: 20px 40px;
        }

        .user-cabinet .sms-number {
            padding: 20px 0;
        }

        .page .user-cabinet .calculator-right .text-smaller {
            text-align: center;
        }

        .user-menu-button {
            width: 15px;
            height: 27px;
        }

        .top-navigation {
            padding-top: 100px;
        }

        .sms-timer .input-group {
            max-width: 360px;
        }

        .page .top-section .slider-period, .page .top-section .slider-amount {
            padding: 50px 45px 40px;
        }
    }
@media screen and (max-width: 475px) {
    .loan-button-red {
        font-size: 14px;
        margin: 0;
        padding: 10px 5px;
    }

    .about .img-name {
        font-size: 14px;
        width: 150px;
    }
    .about .about-block .title {
        font-size: 25px;
    }
    .calculator-header {
        height: 58px;
        line-height: 18px;
        padding: 5px 5px 5px 95px;
        background-size: 70px;
        background-position: 14px;
        font-size: 14px;
    }
    .calculator {
        padding: 15px;
    }
}
@media screen and (max-width: 460px) {
    .container {
        padding: 0 10px;
    }

    .youtube h2, .testimonials h2, .app h2, .form-login h2, .google-play h2, .app h2,
    .social-register-block {
        padding-left: 10px;
    }

    .phone-screen {
        margin-left: -25px;
    }

    .financial-content .content {
        padding: 0 20px;
    }

    .seo-block .grey-bg {
        padding: 30px 20px;
    }

    .seo-links .container {
        padding: 0 30px;
    }
}
@media screen and (max-width: 430px) {
    .app.content-text:before {
        width: 100%;
        height: 27%;
        bottom: 13%;
    }

    .app.content-text .slick-arrow {
        bottom: 28%;
    }

    .ref-pagination .page-numbers {
        width: 45px;
        line-height: 43px;
    }

    .overflow-block {
        padding-bottom: 50px;
    }

    .popup-content h3 {
        font-size: 24px !important;
        line-height: 30px;
    }

    .popup-content .close {
        top: 18px;
        right: 18px;
        width: 14px;
        height: 14px;
    }

        .popup-content .close:before,
        .popup-content .close:after {
            width: 18px;
            left: -2px;
        }

        .popup-content .close:before {
            top: 6px;
        }

        .popup-content .close:after {
            bottom: 6px;
        }

    .popup-content p {
        margin-right: 0;
    }

    .popup-content .inner,
    #sale .popup-content .inner {
        max-width: 100%;
        padding-top: 50px;
    }

    .seo-block table th, .seo-block table td {
        font-size: 13px;
    }

    .agreement-link a {
        font-size: 12px;
    }

    .block .block-left {
        font-size: 12px;
    }

    .testimonials .slick-arrow {
        width: 20px;
        height: 25px;
    }
    .testimonials .slider {
        padding: 0 20px;
    }
    .banner-content img {
        max-width: 290px;
    }
    .banner-content-white .banner-content-data {
        font-size: 26px;
        line-height: 32px;
    }
}
@media screen and (max-width: 395px) {
    body {
        min-width: 320px;
    }
    .logo {
        max-width: 120px;
    }
    .menu-button {
        margin-top: 7px;
    }
    .login {
        margin-top: 0;
    }
        .login .btn {
            line-height: 33px;
            width: 120px;
            font-size: 13px;
        }
    .loan-button-text {
        font-size: 15px;
        line-height: 25px;
    }
    .page section .container {
        margin-top: 30px;
    }
    a[data-action="refresh-captcha"] {
        padding: 3px 3px;
        font-size: 14px;
    }
}
@media screen and (max-width: 374px) {
    .agreement-link a {
        display: inline-block;
        clear: both;
    }

        .agreement-link a + a {
            margin: 15px 0 0;
        }

    .boxes .box {
        padding: 40px 25px;
    }
}

    .clearfix:after {
        content: "\20";
        display: table;
        height: 0;
        overflow: hidden;
        clear: both;
    }

    .clearfix:before {
        content: "\20";
        display: table;
        height: 0;
        overflow: hidden;
    }
/*Styles for different types of marketing popus*/

/*common*/
.android-popup, .marketing-popup {
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    line-height: initial;
    min-width: 330px;
}

    /*anrdoid popup*/
    .android-popup .popup-content {
        color: #ffffff;
        line-height: initial;
        margin: auto;
        margin-top: 45px;
        max-width: 420px;
    }

    .android-popup .inner {
        position: relative;
        padding: 30px 15px;
        text-align: center;
    }

    .android-popup .times {
        display: block;
        position: absolute;
        background-image: url("../../image/android/exit.png");
        width: 12px;
        height: 12px;
        top: 16px;
        right: 16px;
        z-index: 1;
    }

    .android-popup .text-1 {
        font-size: 16.64px;
    }

    .android-popup .text-2 {
        font-size: 31.46px;
        font-weight: bold;
    }

    .android-popup .image {
        width: 100%;
    }

    .android-popup .button {
        display: inline-block;
        background: url("../../image/android/button.png");
        border: none;
        width: 100%;
        height: 85px;
        background-size: 100% 127px;
        margin-left: -15px;
        margin-right: -15px;
        color: #ffffff;
        text-decoration: none;
    }

        .android-popup .button > span {
            display: block;
            margin-top: 25px;
            color: #ffffff;
            font-size: 22.38px;
            font-weight: bold;
            text-decoration: none;
        }

    .android-popup .link {
        color: #ffffff;
        font-size: 18px;
        text-decoration: underline;
        border: none;
    }

    .android-popup a.link:hover {
        text-decoration: none;
    }

    /*generic marketing popups*/
    .marketing-popup button:disabled {
        cursor: not-allowed;
    }

    .marketing-popup button.btn-red:disabled {
        background-color: #EA937E;
    }

    .marketing-popup .popup-content {
        position: relative;
        margin: auto;
        margin-top: 45px;
        color: #fff;
        text-align: center;
        background: transparent;
    }

        .marketing-popup .popup-content p {
            margin: 0;
        }

        .marketing-popup .popup-content .responsive-wrap {
            display: inline-block;
            position: relative;
        }

    .marketing-popup .inner {
        position: relative;
        padding: 0;
        max-width: 100%;
        margin: 0;
        text-align: center;
        border: none;
        background-color: #5cb85c;
    }

    .marketing-popup .text-1 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .marketing-popup .text-2 {
        font-size: 16px;
    }

    .marketing-popup .button-orange {
        color: #fff;
        font-size: 16px;
        background-color: #ffa800;
        box-shadow: 3px 16px 36.556px 1.444px rgba(0, 0, 0, 0.18);
        display: inline-block;
        border: none;
        height: 50px;
        text-decoration: none;
        padding: 15px 45px;
        margin: 20px 0;
        font-weight: bold;
    }

    .marketing-popup .times {
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 16px;
        right: 16px;
        background-color: #5cb85c;
        z-index: 2;
    }

        .marketing-popup .times:after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            content: "\d7";
            font-size: 30px;
            color: #ffffff;
            line-height: 30px;
            font-weight: bold;
            text-align: center;
        }

.popup.marketing-popup form {
    text-align: left;
    padding: 0;
}

.popup.marketing-popup .checkbox-group label:before {
    background: #ececec;
    border: 1px solid #ececec;
}

/* marketing image popups*/
.marketing-popup.image-popup .popup-content {
    max-width: 596px;
}

/*marketing subscribe email popup*/
.marketing-popup.subscribe-email .popup-content {
    max-width: 992px;
    color: #727272;
}

.marketing-popup.subscribe-email .inner {
    background: url('../img/marketing_popups/new_promo_popup.png');
    background-size: cover;
    width: 992px;
    height: 348px;
    text-align: left;
}

.marketing-popup.subscribe-email #subscribe-on-email {
    width: 50%;
    float: right;
    padding: 50px 20px 0 30px;
}

.marketing-popup.subscribe-email button[type=submit] {
    width: 100%;
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 15px;
}

.marketing-popup.subscribe-email .promo-link {
    margin-bottom: 20px;
}

.marketing-popup.subscribe-email .link-blue {
    padding-bottom: 5px;
}

.marketing-popup.subscribe-email .promo-footer p {
    margin: 0;
    font-size: 11px;
    line-height: 11px;
}

.marketing-popup.subscribe-email #subscribe-on-email.promo-success,
.marketing-popup.subscribe-email #subscribe-on-email.promo-existing {
    padding-top: 70px;
    text-align: center;
}

.marketing-popup.subscribe-email .promo-success p {
    font-size: 35px;
    line-height: 50px;
}

.marketing-popup.subscribe-email .promo-success .btn {
    margin-top: 30px;
    display: inline-block;
    padding: 10px 20px;
}

.marketing-popup.subscribe-email .promo-existing p {
    font-size: 20px;
    line-height: 35px;
}

.marketing-popup.subscribe-email .promo-existing .btn {
    display: inline-block;
    padding: 0 10px;
}

/*marketing subscribe on news popup*/
.marketing-popup.subscribe-news .popup-content {
    max-width: 600px;
    color: #727272;
}

.marketing-popup.subscribe-news .inner {
    background-color: #fff;
    width: 600px;
}

.marketing-popup.subscribe-news #subscribe-to-news {
    background: url('../img/marketing_popups/lady.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}

.marketing-popup.subscribe-news .promo-header {
    padding-top: 30px;
}

.marketing-popup.subscribe-news .promo-content {
    width: 50%;
    padding: 20px;
    min-height: 400px;
    display: flex;
    align-items: center;
}
.marketing-popup.subscribe-news .input-group .email-field + label {
    background-image: url(../img/email.svg);
}
.marketing-popup.subscribe-news .input-group .email-field:focus + label {
    background-image: url(../img/email_hover.svg);
}
.marketing-popup.subscribe-news .checkbox-group {
    font-size: 11px;
}
.marketing-popup.subscribe-news .gift {
    padding-bottom: 15px;
}

.marketing-popup.subscribe-news .btn {
    margin-bottom: 0;
    line-height: 45px;
}
.marketing-popup.subscribe-news .promo-success {
    padding-top: 20px;
}

@media screen and (max-width: 430px) {
    .marketing-popup .inner {
        padding: 0;
    }

    .marketing-popup.subscribe-email .promo-success p {
        font-size: 25px;
        line-height: 40px;
    }
    .marketing-popup.subscribe-email .promo-existing p {
        font-size: 15px;
        line-height: 30px;
    }
}

@media screen and (max-width: 1010px) {
    .marketing-popup.subscribe-news .popup-content {
        max-width: none;
    }

    .marketing-popup.subscribe-news .inner {
        background: #fff;
        width: auto;
    }

    .marketing-popup.subscribe-email #subscribe-on-email {
        width: 100%;
        float: none;
        padding: 50px 20px 0 20px;
    }

    .marketing-popup.subscribe-news #subscribe-on-email.promo-success,
    .marketing-popup.subscribe-news #subscribe-on-email.promo-existing {
        padding-top: 50px;
    }
}

@media screen and (max-width: 620px) {
    .marketing-popup.subscribe-email .popup-content {
        max-width: none;
    }

    .marketing-popup.subscribe-email .inner {
        background: #fff;
        width: auto;
    }

    .marketing-popup.subscribe-news #subscribe-to-news {
        background: none;
    }

    .marketing-popup.subscribe-news .promo-content {
        width: 100%;
        padding: 20px;
        display: flex;
        min-height: 250px;
    }
}
@import url(https://fonts.googleapis.com/css?family=Roboto:regular,300,400,500,600,700);

.page.without-banner .content-text {
    padding-top: 0;
}
.page.without-banner .list li {
    display: list-item;
}
.nopadding {
    padding-left: 0!important;
    padding-right: 0!important
}

.halfpadding {
    padding-left: 8px!important;
    padding-right: 8px!important
}


.article .art-img {
    margin: 0 auto;
    max-width: 100%;
}

.article p {
    margin-bottom: 20px;
}


.article h2, .article h1 {
    font-weight: 700;
    font-size: 38px;
    line-height: 45px;
    text-align: left;
    margin-bottom: 17px;
}

.article h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 13px;
}
.article-top {
    padding-top: 85px;
}

@media screen and (min-width: 1203px) {
    .article .article-info {
        margin-bottom: 60px;
        font-size: 16px;
        gap: 45px;
    }

    .article-top {
        padding-top: 85px;
    }
    .article h1 {
        font-weight: 700;
        font-size: 48px;
        line-height: 62px;
        margin-bottom: 18px;
    }
}
.article .article-info {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #9e9e9e;
    display: flex;
    gap: 25px;
    margin-bottom: 15px;
}

.articles-container {
    padding-top: 0px;

    margin-bottom: 100px;
}

.article-head-section {
    margin-bottom: 15px;
    padding-top: 15px;
}

.article-head-image {
    display: inline-block;
    width: 100%;
    height: 100px;
    background: url(../img/articles/articles_head_logo.png) center no-repeat;
    -webkit-background-size: cover;
    background-size: auto;
    text-align: center
}

.article-head-title {
    font-size: 1.3em;
    color: #686868
}

.article-head-menu {
    margin-bottom: 15px;
}

.news-head-image {
    display: inline-block;
    width: 100%;
    height: 100px;
    background: url(../img/articles/news-head-logo.png) center no-repeat;
    -webkit-background-size: cover;
    background-size: auto;
    text-align: center;
}

.left-sidebar {
    display: flex;
    flex-wrap: wrap-reverse;
}

.menu-item {
    margin-top: 15px;
    margin-bottom: 15px;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    font-size: 1.2em;
}
.menu-item-active {
    color: #43b34d!important;
    border-bottom-color: #43b34d !important;
    text-decoration: none!important
}
.btn-small { padding: 6px 12px !important;display: inline-block;margin-top: 15px;font-weight: normal;position: relative;border-bottom: 0 !important;}
.main-article-section .btn-small,
.slider-section .btn-small {
    padding: 10px 16px !important;
    font-size: 18px;
    line-height: 1.33;
}
    
.btn-small span {
    position: relative;
    z-index: 2;
}
#btn-next-page {
    line-height:60px;
    font-size: 20px;
    padding: 0 20px;
}
.main-article-section {
    margin-bottom: 30px
}

.main-article-image {
    position: relative;
    width: 100%;
    height: 360px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.main-article-title {
    font-size: 1.7em;
    font-weight: 600;
    color: #3c9d3e;
    line-height: 38px;
    margin-bottom: 15px
}

.main-article-desc {
    font-size: 1.3em;
    font-weight: 600;
    color: #686868;
    margin-bottom: 15px
}

.slider-section {
    margin-bottom: 30px
}

.carousel-caption {
    top: 5%
}

.carousel-control {
    color: #fff!important
}

.carousel-indicators {
    display: none
}

.carousel-item {
    height: 360px
}

.slider-head {
    border: 1px solid #fff;
    border-radius: 5px;
    width: 33%;
    margin-left: 33%;
    margin-bottom: 3%
}

.slider-image {
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: .35s ease;
    transition: .35s ease;
    -webkit-filter: blur(.5px);
    filter: blur(.5px)
}

ol:hover div.item.carousel-item.active>div.slider-image,.carousel-inner:hover div.item.carousel-item.active>div.slider-image {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .35s ease;
    transition: .35s ease
}

.slider-title {
    color: #fff
}

.slider-description {
    color: #fff;
    margin-bottom: 15px;
    padding-top: 15px;
    text-shadow: none
}

div.carousel-item img {
    width: 100%;
    top: 50%
}

.other-article-section {
    margin: 0 -15px
}

.more-section {
    margin-bottom: 30px
}


.on-image-data-top {
    position: absolute;
    top: 10%;
    left: 5%;
    right: 5%;
    bottom: 20%;
    overflow: hidden
}

.on-image-data-bottom {
    position: absolute;
    top: 80%;
    left: 5%;
    right: 5%;
    bottom: 10%
}

.other-article {
    position: relative;
    padding: 1.5em;
    text-align: center;
    overflow: hidden;
    height: auto;
    width: auto;
    color: #fff;
    margin-bottom: 15px;
    height: 410px
}

.other-article__bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-filter: blur(.5px);
    filter: blur(.5px);
    -webkit-transition: .35s;
    transition: .35s;
    background-image: url("../img/articles/0.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.other-article__bg::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transition: .35s;
    transition: .35s
}

.other-article__border {
    position: relative;
    padding: 1em;
    justify-content: center;
    height: 375px
}

.other-article__content {
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    -webkit-transition: .35s;
    transition: .35s;
    height: 280px
}

.other-article__title,.slider-title {
    font-family: 'Open Sans',sans-serif;
    font-size: 1.6em;
    font-weight: 600;
    margin-bottom: 1em;
    line-height: 1em;
    align-content: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.other-article__title a,.other-article__title a:focus,.other-article__title a:hover,.other-article__title a:visited {
    text-decoration: none;
    border-bottom: none;
    padding: 0;
}

.other-article__title {
    background-color: rgba(0,0,0,.3);
    padding: 10px;
    margin-bottom: .5em
}

.other-article__content {
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    -webkit-transition: .35s;
    transition: .35s
}

.other-article__text {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .35s ease-in;
    transition: .35s ease-in
}

.other-article__text,.slider-description {
    line-height: 1;
    position: relative;
    font-size: 1.1em;
    text-align: center;
    font-family: 'Open Sans',sans-serif
}

.panel-title span {
    cursor: pointer
}

.panel-title span:hover {
    text-decoration: underline
}

.other-article:focus .other-article__border-angle--left::after,.other-article:focus .other-article__border-angle--left::before,.other-article:focus .other-article__border-angle--right::after,.other-article:focus .other-article__border-angle--right::before,.other-article:hover .other-article__border-angle--left::after,.other-article:hover .other-article__border-angle--left::before,.other-article:hover .other-article__border-angle--right::after,.other-article:hover .other-article__border-angle--right::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.other-article:focus .other-article__content,.other-article:hover .other-article__content {
    -webkit-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    transform: translateY(0)!important
}

.other-article:focus .other-article__text,.other-article:hover .other-article__text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .35s ease;
    transition: .35s ease
}

.other-article:focus .other-article__bg,.other-article:hover .other-article__bg {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.other-article:focus .other-article__bg::after,.other-article:hover .other-article__bg::after {
    background: rgba(0,0,0,.2)
}

.other-article__border {
    overflow: hidden;
    position: relative
}

.other-article__border-angle--left,.other-article__border-angle--right {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.other-article__border-angle--left::after,.other-article__border-angle--left::before,.other-article__border-angle--right::after,.other-article__border-angle--right::before {
    content: '';
    position: absolute;
    background: #fff;
    opacity: .2;
    -webkit-transition: .35s;
    transition: .35s
}

.other-article__border-angle--left::before,.other-article__border-angle--right::before {
    width: 2px;
    top: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.other-article__border-angle--left::after,.other-article__border-angle--right::after {
    height: 2px;
    left: 0;
    right: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.other-article__border-angle--left::before {
    left: 0;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.other-article__border-angle--right::before {
    right: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.other-article__border-angle--left::after {
    bottom: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.other-article__border-angle--right::after {
    top: 0;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.dropdown {
    border: none
}

.paginator {
    margin-bottom: 15px
}

.category-form {
    height: 22px;
    margin: 0
}

.iframe-body {
    display: block;
    width: 100%;
    height: 1000px;
    border: none
}

select {
    border: none;
    color: #4d8a2f;
    width: 147px
}

select:hover {
    color: #8ab75b;
    text-decoration: underline
}

.subscriptionForm-module input[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

.subscriptionForm-module button[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

.subscriptionForm-module {
    position: relative;
    width: 100%;
    background-color: #f6f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0
}

.subscriptionForm-module-wrap {
    position: relative;
    padding: 20px 0 0 235px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-right: 20px
}

.subscriptionForm-module-wrap:before {
    position: absolute;
    top: -25px;
    left: -125px;
    content: "";
    display: block;
    width: 432px;
    height: 302px;
    background-image: url(../img/articles/subscribe-bg.png);
    background-repeat: no-repeat;
    background-size: contain
}

.subscriptionForm-module-form {
    position: relative;
    margin-left: 25px
}

.subscriptionForm-module-inputControls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.subscriptionForm-module-input {
    position: relative
}

.subscriptionForm-module-input input {
    min-width: 220px;
    width: 220px;
    height: 48px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 16px 23px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    color: inherit;
    font: inherit;
    margin: 0;
    margin-top: 15px
}

.subscriptionForm-module-input.subscriptionForm-module-email {
    margin: 0 16px
}

.subscriptionForm-module-header {
    text-align: center
}

.subscriptionForm-module-btn {
    border: 1px solid transparent;
    border-radius: 5px;
    font-family: Circe,sans-serif;
    background: #44a2e2;
    -webkit-box-shadow: 0 18px 36px 0 rgba(68,162,226,.32);
    box-shadow: 0 18px 36px 0 rgba(68,162,226,.32);
    letter-spacing: .3px;
    min-width: 220px;
    width: 220px;
    height: 48px;
    font-size: 17px;
    color: #fff;
    margin-top: 15px
}

#subscribe-modal .modal-content {
    width: 400px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto
}

#subscribe-modal .modal-body {
    padding: 20px
}

.subscribe-section .field-validation-error:after,.subscribe-section .field-tooltip:after {
    display: none
}

.subscribe-section .field-validation-error,.subscribe-section .field-tooltip {
    display: block;
    margin-top: 4px;
    padding: 5px
}

.wiki-index .container {
    width: 100%;
    background: #fff
}

.alphabet-list {
    background: #fff;
    padding: 0;
    margin-bottom: 10px
}

.alphabet-list a {
    color: #646464;
    margin: 0 2px;
    padding: 18px 14px
}

.letter-row .letter {
    position: relative;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 30px
}

.letter-row .letter:before {
    position: absolute;
    border-top: 1px solid #646464;
    left: 0;
    top: 50%;
    content: '';
    width: 100%;
    z-index: 1
}

.letter-row .letter span {
    background: #fff;
    color: #5cb85c;
    font-size: 29px;
    font-weight: bold;
    z-index: 2;
    position: relative;
    display: inline-block;
    min-width: 30px;
    text-align: center
}

.list li, .list li:last-child {
    display: inline-block;
    margin: 0;
    margin-bottom: 40px
}

.list .block {
    background: #646464;
    padding: 15px 20px 10px;
    border-radius: 10px;
    color: #fff
}

.list .block h3 {
    font-size: 21px;
    font-weight: bold;
    min-height: 98px;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    letter-spacing: 2.5px;
    color:#fff;
}

.list .block .text {
    padding: 13px 0 0 0
}

.list .block .text p {
    font-size: 18px;
    line-height: 20px;
    height: 82px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.list .block .text a {
    font-size: 12px;
    text-transform: uppercase;
    color: #5cb85c
}
.list .block .text a:hover {
    text-decoration: underline;
}
.list .block .stat {
    text-align: right;
    margin-top: 15px
}

.list .block .stat span {
    padding-left: 30px;
    font-size: 12px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
    line-height: 12px
}

.list .block .stat span:after {
    position: absolute;
    top: -9px;
    left: 0;
    z-index: 2;
    content: ''
}

.list .block .stat .time {
    padding-left: 25px
}

.list .block .stat .time:after {
    background: url(../img/time.svg) no-repeat 0 0;
    background-size: 18px 21px;
    width: 18px;
    height: 21px
}

.list .block .stat .like:after {
    background: url(../img/like.svg) no-repeat 0 0;
    background-size: 20px 19px;
    width: 20px;
    height: 19px
}


#partners .carousel-caption {
    top: 20%;
    right: 10%;
    left: 10%;
}

#partners .carousel-indicators {
    display: none;
}

#partners .carousel-control {
    width: 5%;
    opacity: 1;
    background: none;
}

    #partners .carousel-control .glyphicon-chevron-left,
    #partners .carousel-control .glyphicon-chevron-right {
        background: url(../img/arrow-left.svg) no-repeat center;
    }

#partners .carousel-item {
    height: auto;
    padding: 0 5%;
}

#partners .partner-images {
    display: flex;
    justify-content: space-around;
}

#partners .partner-image {
    width: 33%;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 5px 0;
}

#partners .partner-image div {
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    /*display: inline-block;*/
}

.h2 {
    margin: 15px 0;
    font-size: 25px;
}

.article-news .menu-item-active {
    color: #ff871d !important;
    border-bottom: solid 4px #e37f1f !important;
    text-decoration: none !important;
}

.article-news .img-container {
    height: 330px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.article-news .content-block > p {
    margin-bottom: 15px;
}

.article-news.read .sidebar {
    position: sticky;
    position: -webkit-sticky;
    top: 90px;
    padding-bottom: 1px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-15 {
    margin-top: 15px;
}
.article-news h1 {
    font-size: 35px;
    line-height: 35px;
}
.article-news.read .content-text .row {
    margin-right: 0;
    margin-left: 0;
}
.article-news.read .rating-block {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.article-news.read .fb-container {
    padding: 10px;
    border: 1px solid #5BB85D;
}

.article-news.read .fb-like-container {
    display: inline-block;
    float: right;
    padding: 10px 0;
}
.carousel a {
    border-bottom: none;
    display: block;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
@media screen and (max-width: 1200px) {
    .subscriptionForm-module-wrap:before {
        display:none
    }

    .subscriptionForm-module-wrap {
        padding: 20px
    }

    .subscriptionForm-module:before {
        background-color: #f6f7fa;
        position: absolute;
        bottom: -116px;
        right: -138px;
        content: "";
        display: block;
        width: 435px;
        height: 304px;
        opacity: .3;
        background-image: url(../img/articles/subscribe-bg.png);
        background-repeat: no-repeat;
        background-size: contain
    }

    .subscriptionForm-module-input,.subscriptionForm-module-btn {
        margin-left: auto;
        margin-right: auto
    }

    .subscriptionForm-module-header {
        text-align: center
    }

    .checkbox {
        padding-left: 32px
    }

    .subscriptionForm-module-form {
        margin-left: 0
    }
}

@media(max-width: 992px) {
    .checkbox {
        padding-left:25px
    }
    .social-phone-block {
        display: none;
    }
}
@media(max-width: 768px) {
    .subscriptionForm-module-inputControls {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .subscriptionForm-module-input,.subscriptionForm-module-input input,.subscriptionForm-module-btn {
        width: 100%
    }

    .checkbox {
        padding-left: 20px
    }

    .subscriptionForm-module:before {
        bottom: -10px;
        right: -90px
    }
}

@media(max-width: 460px) {
    #subscribe-modal .modal-content {
        width:100%;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto
    }

    #subscribe-modal {
        padding-right: 0!important
    }
}

@media screen and (max-width: 768px) {
    .carousel-caption {
        top:5%
    }

    .slider-title {
        font-size: 1.3em
    }

    .slider-description {
        font-size: 1em
    }
}
@media screen and (max-width: 767px) {
    .article-head-section {
        display: none;
    }
}
@media(min-width: 768px) and (max-width:992px) {
    .carousel-caption {
        top: 5%
    }

    .slider-title {
        font-size: 1.4em
    }

    .slider-description {
        font-size: 1em
    }
}

@media (max-width:1200px) {
    .other-article__title {
        line-height:1;
        font-size: 1.3em
    }
}

.read-article-title-image {
    height: auto;
    width: auto;
    position: relative;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

.read-article-title-image>.img-container {
    min-height: 240px;
    opacity: .65;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.read-article-title-text {
    color: #55b957;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 1.7em;
    line-height: 1;
    text-shadow: 2px 2px 1px rgba(0,0,0,.7);
    padding-top: 20px;
}

.read-article-title-desc {
    color: #55b957;
    font-family: 'Open Sans',sans-serif;
    font-size: .7em;
    text-shadow: 2px 2px 1px rgba(0,0,0,.7);
    line-height: .7em
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.read-navigation {
    font-size: .7em;
    margin: 10px 0 !important;
    color: #626262
}

.read-navigation>a {
    text-decoration: underline
}

.time-block {
    font-size: .8em;
    color: #626262;
    margin-bottom: 15px;
}

.time-block>i {
    background-size: 20px 19px;
    width: 20px;
    height: 19px;
    color: green
}

.time-block>button {
    font-weight: 900
}

.time-block .article-update-time {
    background-image: url("../img/articles/Date.svg");
    background-size: 17px 16px;
    width: 17px;
    height: 15px;
    display: inline-block;
    margin: 0 10px
}

.time-block .article-views {
    background-image: url(../img/articles/Views.svg);
    background-size: 22px 18px;
    width: 22px;
    height: 15px;
    display: inline-block;
    margin: 0 10px
}

.time-block .article-read-time {
    color: #21adce;
    display: inline-block;
}

.content-vertical-center {
    align-items: center;
}

.author-block {
    display: inline-flex;
    justify-content:center;
    align-items:center;
}

.small-author-img img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.smaller-author-img img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: 10px;
}

.article-time-visible {
    margin-top: 15px;
}

.small-author-deteils {
    color: #141232;
    padding-left: 10px;
    line-height: 24px;
}

.small-author-name {
    font-weight: 500;
}

.small-author-job {
    font-weight: 300;
    font-size: 14px;
}

.author-info {
    display: inline-flex;
    padding-top: 50px;
    padding-bottom: 50px;
}

.author-name {
    padding-bottom: 20px;
}

.author-name h2 {
    text-align: left;
}

.author-publication-info{
    padding-bottom: 50px;
}

.author-publication-name {
    padding-bottom: 30px;
    padding-left:10px;
}

.author-publication-name h2 {
    text-align: left;
}

.author-footer {
    font-weight: 500;
    font-size: 30px;
    line-height: 48px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.author-img-border {
    border: 8px solid #F4B63F;
    border-radius: 50px;
    max-width: 380px;
    max-height: 460px;
    min-height:360px;
}

.img-author {
    width: 100%;
    max-height: 75%;
    border-radius: 45px;
    padding-left: 8px;
    padding-right: 8px;
}

img.img-author {
    height:auto;
    width: auto;
}

.social-block-items {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 7px;
}

.author-article-small {
    max-width: 360px;
    height: 240px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 2px 2px 2px 2px #CCCCCC;
    position: relative;
}

.author-article-small-header {
    font-weight: 700;
    font-size: 23px;
    line-height: 26px;
    text-align:center;
    padding:10px;
}

.author-article-small-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
}

.author-article-small-url {
    right: 30px;
    font-size: 13px;
    bottom: 20px;
    position: absolute;
}

.author-article-small-url a{
    color: #8566FF;
}

.author-text {
    margin-left: 30px;
}

p {
    word-break: break-word;
}

.content-block {
    margin-bottom: 15px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    padding: 0 5%
}
.content-block h2 {
    font-size: 35px;
    line-height: 40px;
    text-align: left;
    margin: 30px 0 20px;
}
.content-block h3 {text-align: left;}
.content-block blockquote p,
.content-block table p {
    margin-bottom: 0
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
.content-block h1, .content-block h2, .content-block h3 {
    margin-bottom: 15px;
    color: #21adce;
    font-weight: bold
}


.content-block ul {
    padding-left: 20px;
    margin-bottom: 10px;
    list-style: disc;
}

.content-block ol {
    padding-left: 40px;
    margin-bottom: 10px;
    list-style: decimal
}

.content-block ul li {
    /* list-style: disc */
}

.content-block ol li {
    list-style: decimal
}

.content-block img {
    max-width: 100%;
    height: auto
}

.content-block table {
    width: 100%!important;
    margin-bottom: 15px;
    border-collapse: collapse;
}

.content-block table td,.content-block table th {
    padding: 5px;
    border: 1px solid #c8c8c8
}

.tags-section {
    margin-bottom: 15px
}

.tags-block {
    color: #656565;
    padding: 0 5%
}

.tag {
    font-size: .9em;
    background: #ccc;
    border-radius: 5px;
    margin-right: 5px;
    padding: 0 5px;
    float: left
}

.social-section {
    margin-bottom: 15px
}

.subscribe-section {
    margin-bottom: 15px
}

.social-block {
    padding: 0 5% 0 5%;
    text-align: right
}

.rating-block {
    padding: 0 5% 0 5%;
    margin-bottom: 10px
}

.social-block-btn {
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    transition: .3s ease-in-out;
}

.social-block-btn:hover {
    transform: scale(1.1);
}

.facebook-icon {
    background: url("../img/facebook.png") no-repeat center;
    background-size: 34px 34px;
    border-bottom: 0px !important;
}

.twitter-icon {
    background: url("../img/twitter.png") no-repeat center;
    background-size: 34px 34px;
    border-bottom: 0px !important;
}

.pinterest-icon {
    background: url("../img/pinterest.png") no-repeat center;
    border-bottom: 0px !important;
}

.linkedin-icon {
    background: url("../img/linkedin.svg") no-repeat center;
    border-bottom: 0px !important;
}

.instagram-icon {
    background: url("../img/insta.svg") no-repeat center;
    border-bottom: 0px !important;
}

.mail-icon {
    background: url("../img/email.svg") no-repeat center;
    border-bottom: 0px !important;
}

.fa-heart {
    position: relative;
}
.like-btn {
    background-color: #5bb75d;
}
i.fa.fa-heart:after {
    background: url(../img/like.svg) no-repeat 0 0;
    background-size: 100%;
    width: 14px;
    height: 13px;
}
i.fa.fa-heart:after {
    position: absolute;
    top: 2px;
    left: -1px;
    z-index: 2;
    content: '';
}

#likes-count {
    margin-left: 15px;
}

.recomend-head-block {
    margin-bottom: 15px;
    padding-top: 25px;
}

.recomend-block {
    margin-bottom: 15px
}

.recomend-article-title {
    font-family: 'Open Sans',sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 1em;
    line-height: .9;
    align-content: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.recomend-article-title a,.recomend-article-title a:focus,.recomend-article-title a:hover,.recomend-article-title a:visited {
    text-decoration: none
}

.recomend-article-section {
    margin: 0 -15px
}
.table-container { overflow-x: auto;margin: 30px 0;}
.table-container table {min-width: 790px;width: 100%;margin: 0}
.table-container table tr:first-child td{text-align: center;font-weight: bold;}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}
.collapse {
    display: none;
    visibility: hidden;
}
.collapse.in {
    display: block;
    visibility: visible;
}
tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility
}
.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #21adce;
}

    .panel-success > .panel-heading {
        color: #ffffff;
        background-color: #21adce;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #21adce;
        }

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}


@media screen and (max-width: 991px) {
    .social-block {
        text-align:center
    }

    .rating-block {
        text-align: center
    }

    iframe {
        width: 100%
    }
}

@media(max-width: 576px) {
    .time-block>button {
        display:none
    }

    .read-article-title-text {
        font-size: 1.5em;
        top: 10%;
        bottom: 10%
    }
}

.alphabet-list {
    text-align: center;
    min-width: 100%;
    background: #f4f4f4;
    margin: 0 0 10px;
    padding: 0 15px;
    box-sizing: border-box
}

.alphabet-list a {
    font-size: 24px;
    font-weight: normal;
    text-decoration: none;
    float: left;
    margin: 0;
    padding: 10px 13px 10px 12px;
    display: inline-block;
    border-top: solid transparent 4px;
    cursor: pointer;
}

.alphabet-list a.active,.alphabet-list a:hover,.alphabet-list a:active {
    font-weight: bold;
    background: #fff;
    border-top: solid #75bc40 4px
}

.alphabet-list-letter {
    width: 1.7em
}

.lasts-col {
    width: 15%;
    text-align: center
}

a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden
}

.wiki-head-title {
    font-size: 1.6em;
    text-align: center !important;
    margin-bottom: 12px !important;
    line-height: 32px;
}

.wiki-head-description {
    text-align: center;
    font-size: 1.3em;
    font-weight: 900;
    margin-bottom: 10px;
}

@media(max-width: 576px) {
    .alphabet-list-letter {
        width:1.6em
    }
}

@media(max-width: 992px) {
    a.anchor {
        top:-50px
    }
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
    width: 100%;
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner>.item.next,.carousel-inner>.item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    .carousel-inner>.item.prev,.carousel-inner>.item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    .carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active {
        left: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat: repeat-x
}

.carousel-control:hover,.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9
}

.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '‹'
}

.carousel-control .icon-next:before {
    content: '›'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.container .img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto
}
.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
        width:30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row,
.article-news .content-text .row{
    margin-right: -8px;
    margin-left: -8px
}
.row:after {
    clear: both;
    display: table;
    content: '';
}
.content-text .row, .row.alphabet-list {
    margin-right: 0;
    margin-left: 0;
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media(min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media(min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media(min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}


/*social phone*/

.social-phone-block {
    margin-bottom: 15px;
}

.social-phone {
    height: 410px;
    max-width: 212px;
    background-image: url(../img/articles/Phone_crop.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
}

.social-links {
    width: 100%;
    padding-top: 125%;
}

.social-phone-link {
    width: 60px;
    display: inline-block;
    margin: 0 10%;
    font-size: 13px;
}

.social-phone-link a {
    border: none;
}

.social-phone-link a img {
    width: 40px;
}

.anim-cursor {
    animation-duration: 4s;
    animation-iteration-count: infinite;
    height: 25px;
    margin: auto 10% auto 15%;
    width: 20px;
    background-image: url(../img/articles/cursor2.png);
    background-size: cover;
}

.anim-cursor.bounce {
    animation-name: cursor_bounce;
    animation-timing-function: ease;
}

@keyframes cursor_bounce {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(130px);
    }

    100% {
        transform: translateX(0);
    }
}
.tags a {
    border: none;
}

.loan-button-main {
    font-size: 16px;
    line-height: 60px;
}

.widget {
    margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
    .list li {
        display: block;
        margin: 0 auto 40px
    }

    .col-xs-6 {
        width: 100%;
    }
}

@media screen and (max-width: 1250px) {
    .small-author-deteils {
        line-height: 18px;
    }

    .small-author-job {
        font-size: 10px;
    }

    .small-author-img img {
        border-radius: 60%;
        width: 40px;
        height: 40px;
    }

    .article .article-info {
        gap: 5px;
    }

    .author-info {
        display: table;
    }

    .author-name {
        padding-top: 20px;
    }

    .author-article-small {
        margin-bottom: 20px;
    }

    .author-text{
        margin:0;
    }
}

.bottom-recomend {
    background: #F7F8FA;
}

.article .panel-body ul {
    padding: 0 10px;
}
.article a {
    cursor: pointer;
}
.article p.panel-title {
    margin-bottom: 0;
}

/* new gallery news */
:root {
    --og-blue: rgba(32, 131, 214, 1);
    --og-dark-grey: rgba(112, 112, 112, 1);
    --og-light-text: rgba(255, 255, 255, 1);
    --og-border: rgba(32, 131, 214, 0.6);
    --pagination-bg: rgba(220, 235, 248, 0.4);
    --pagination-bg-hover: rgba(220, 235, 248, 0.7);
    --pagination-border: rgba(32, 131, 214, 1);
    --pagination-text: #333;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
    justify-content: space-between;
}

.card {
    width: 380px;
    height: 460px;
    background: white;
    border: 2px solid var(--og-border);
    border-radius: 8px 8px 2px 2px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease;
    flex: 0 0 auto;
}

.card-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    position: relative;
    flex: none;
}

    .card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

.card:hover .card-image img {
    transform: scale(1.15);
}

.card-read-time-label {
    width: 54px;
    height: 23px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: white;
    color: rgba(32, 131, 214, 1);
    padding-left: 4px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    font-family: "Roboto";
    align-items: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.card-read-time-label span {
    padding: 1px 0px 0px 3px;
}

    .card:hover {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    }

        .card:hover .card-read-more {
            color: var(--og-blue);
        }

.card-body {
    padding: 10px 20px 0px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: var(--og-light-text);
    margin-bottom: 10px;
}

.card-meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .card-meta-item img {
        width: 14px;
        height: 14px;
    }

    .card-meta-item span {
        color: var(--og-dark-grey);
        font-size: 14px;
        font-weight: 600;
    }

    .gallery-main-article-content .card-meta-item span {
        color: var(--og-light-text);
    }

.card-context {
    height: 155px;
    display: flex;
    flex-direction: column;
    overflow: hidden; 
}

.card-title {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    flex-shrink: 0;
}

.card-description {
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    color: var(--og-dark-grey);
    overflow: hidden;
    flex-grow: 1;
}

.card-read-more {
    font-family: "Roboto";
    font-size: 14px;
    color: var(--og-dark-grey);
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 0 10px 0;
}

.card-divider {
    height: 1px;
    background-color: #DEDEDE;
    margin-top: auto;
}

.gallery-main-article {
    margin-top: 100px;
    display: flex;
    align-items: stretch;
    background-color: var(--og-blue);
    border-radius: 4px;
    color: white;
    overflow: hidden;
    margin-bottom: 40px;
    max-height: 414px;
    border-radius: 8px;
}

    .gallery-main-article .card-read-time-label {
        position: absolute;
        left: 12px;
        bottom: 12px;
        width: 54px;
        height: 23px;
        z-index: 2;
        background: #fff;
        color: rgba(32,131,255,.95);
        padding-left: 3px;
        border-radius: 4px;
        line-height: 1;
        font-family: "Roboto";
        align-items: center;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-flow: row;
    }

.gallery-main-article-image {
    flex: 0 0 55%;
    max-width: 55%;
    display: flex;
    overflow: hidden;
    position: relative;
}

    .gallery-main-article-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.gallery-main-article:hover .gallery-main-article-image img {
    transform: scale(1.15);
}

.gallery-main-article-content {
    flex: 1;
    padding:  0 30px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
    .gallery-main-article-content h2 {
        font-size: 28px;
        margin-bottom: 15px;
        font-weight: 600;
        color: #ffff;
        line-height: 44px;
    }

    .gallery-main-article-content p {
        font-size: 16px;
        margin-bottom: 20px;
        color: #e5e5ff;
        max-height: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gallery-main-article-content .read-more {
        height: 32px;
        color: white;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Roboto";
        font-size: 14px;
    }

    .gallery-main-article-content:hover .read-more {
        height: 32px;
        font-size: 16px;
        font-weight: 600;
    }


.pagination-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.pagination-page,
.pagination-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--pagination-bg);
    color: var(--pagination-text);
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
    font-size: 14px;
}

    .pagination-page:hover,
    .pagination-arrow:hover {
        background: var(--pagination-bg-hover);
        color: var(--og-blue);
    }

    .pagination-page.active {
        background: var(--og-blue);
        color: white;
    }

.pagination-dots {
    font-size: 18px;
    color: var(--pagination-text);
}

.pagination-arrow {
    background: transparent;
    border: 1px solid var(--og-blue);
    color: var(--og-blue);
    font-size: 18px;
}

    .pagination-arrow span {
        display: inline-block;
        transform: translateY(-3px);
    }


/* Slider */
.slider-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
    height: 500px;
    left: -50px;
    width: 108%;
}

.slider-track {
    display: flex;
    scroll-behavior: smooth;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

    .slider-track::-webkit-scrollbar {
        display: none;
    }

    .slider-track .card {
        flex: 0 0 354px;
        margin-right: 24px;
        scroll-snap-align: start;
    }

.slider-controls {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    gap: 50px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 52px;
}

.slider-btn {
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid var(--og-blue);
    color: var(--og-blue);
    font-size: 18px;
    cursor: pointer;
}

    .slider-btn:hover {
        background: var(--pagination-bg-hover);
        color: var(--og-blue);
    }

.gallery-main-article .card-meta,
.main-article .card-meta-item span,
.main-article .card-meta-item img {
    color: #ffffff;
    fill: white;
/*    filter: brightness(100);*/
}

.slider-header {
    margin-top: 20px;
    margin-bottom: 30px;
    align-items: center;
    font-weight: 500;
    font-size: 46px;
    line-height: 56px;
}

@media (max-width: 768px) {

    .gallery {
        justify-content: center;
    }

    .gallery-main-article {
        flex-direction: column;
        margin-top: 20px;
        max-height: 526px;
    }

    .gallery-main-article-image,
    .gallery-main-article-image img {
        flex: none;
        max-width: 100%;
        height: 226px;
    }

    .gallery-main-article-content {
        padding: 20px;
        height: 300px;
    }

        .gallery-main-article-content h2 {
            font-size: 20px;
            margin-bottom: 12px;
            line-height: 26px;
        }

        .gallery-main-article-content p {
            font-size: 14px;
            margin-bottom: 16px;
            max-height: 73px;
        }

        .gallery-main-article-content .read-more {
            font-size: 14px;
        }

    .slider-header {
        margin-top: 20px;
        font-size: 26px;
    }

    .slider-container {
        left: auto;
        width: 100%;
    }

    .slider-controls {
        width: 100%;
        margin-left: auto;
    }

    .pagination-dots {
        display: flex;
        justify-content: center;
        gap: 9px;
        margin-top: 20px;
    }

    .slider-track {
        display: flex;
        scroll-snap-type: x mandatory;
        overflow-x: auto;
        gap: 10px;
        padding: 0 12px;
    }

        .slider-track .card {
            flex: 0 0 90vw;
            max-width: 380px;
            scroll-snap-align: center;
            margin: 0 auto;
        }

    .slider-btn {
        display: none;
    }

    .dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: rgba(220, 235, 248, 0.4);
        transition: background-color 0.3s ease;
    }

        .dot.active {
            background-color: rgba(32, 131, 214, 1);
        }

}
/* backward compatibility for styles in old articles */

.content-block .btn-success {
    background: #5bb85d;
}
.content-block .btn-danger {
    background: #FF5800;
}
.content-block .btn-lg {
    padding: 6px 12px;
}
.content-block a.btn-success:hover,
.content-block a.btn-danger:hover {
    color: #fff;
}
.content-block .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.content-text h1,
.content-text h2,
.content-text h3 {
    margin: 15px 0 15px;
}
.widget .widget-container {
    display: table;
    margin: 0 auto;
}

.widget .slider-line {
    margin-bottom: 20px;
}

.widget .slider-amount, .widget .slider-period {
    width: 155px;
    height: 55px;
    background: url(../img/battery_small.png) no-repeat;
    background-size: 100% 95%;
    padding: 2px 6px 5px 5px;
    margin-top: 3px;
    float: none;
    display: inline-block;
}

.widget .slider-text {
    margin: 0;
    padding: 0;
    width: auto;
    vertical-align: top;
    min-width: 66px;
}

    .widget .slider-text p {
        margin-bottom: 0;
    }

    .widget .slider-text span {
        font-size: 13px;
    }

    .widget .slider-text input {
        font-size: 16px;
    }

    .widget .slider-text.amount input {
        width: 50px;
    }

    .widget .slider-text.period {
        padding: 0 5px;
    }

        .widget .slider-text.period input {
            width: 25px;
        }

.widget .slider-tooltip {
    top: -75px;
}

.widget .block .block-left {
    font-size: 15px;
    line-height: 20px;
}

.widget .loan-button-red {
    width: 100%;
    padding: 3px;
    border-bottom: 0;
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
}

    .widget .loan-button-red:before {
        box-shadow: 0 0 12px 3px rgba(255,255,255,0.7);
    }

.widget .loan-button-text {
    font-size: 16px;
    line-height: 30px;
}

.widget .agreement-link {
    margin: 0;
}

    .widget .agreement-link a {
        margin-bottom: 5px;
    }

.widget .text-smaller {
    font-size: 10px;
    line-height: 12px;
}


/*override default calculator styles to prevent responsive markup changes*/
/*Better solution - split responsive parts of calculator*/
.widget .slider.slider-horizontal {
    position: relative;
    width: 100%;
    height: 100%;
    background: none;
}

.widget .slider-line {
    position: relative;
    text-align: center;
}

.widget .slider-track:before,
.widget .slider-selection:before,
.widget .slider-selection:after,
.widget .slider-handle:before,
.widget .slider-handle:after {
    content: none;
}

.widget .slider-amount .slider-selection {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABGCAYAAADFJBSLAAAEmUlEQVR4AaVXRcMtNQzt6Xx/AXd3d9ctK9zluWxwd3d3d1YscYo7g9t/4U5De09D88owD8mTJml6Jk2TtBeH3bx3cIngohPnnfIOiRHKlsSVqSLj4Nt2D3MupkXeO8lrfcxGmXEy0LrruGBoAXa5bYMMMDdE5wpANZKyaiEpIp1SWwLsccfGIaN2BT1T5xMfVcdRPJ10xpYA92wSmk2SML7plsee920cpCCXbWs4lIxct6iEvR/YJERXyesWWmWRI0UD8PDmZgvjRlOEfR7fPPi0JI58rsLExKkV5/V/7P/0FskD0WDxPxEnSBwVc9kBTsqYjSFuzuOA5zYPSazRLWuQMZWvGAwoOAeRBPDiFsFDaBVpXfnmeL09wgwGhwNf2fzduRZ0vZDKTKTMtyR0Fye9fuQnbi3kF5yLs3EZF3+2qCfWRMVNVCQu/uKcXk3ECSP/LwiXfLOoh4CVF8XBK4B+ZYInwOLeatrtrA0Nl/+wpLd2/zatccWPyYPxIFV+EuCn5MH/IFz887IemWNTnQwcPYqJ9wYgeUA3bRXa5tQC0E7BcVHxQFRlCCNgoB0XzwF+Xf7/YqAAtjNn9IXiwmxgD5SYdGXrs1h1OO83Atj8ZnHaopvQXZABCg2SS9fy44lEnd1CLJ/1GGuHtU225EsetA1f/ZumNg/gnSQQEJoJM3FR1XJOHtgATmXlKMDleQv/g2oxTVffVDkv6QcRc3xIfFNOzRFbGZd8m5sq3AKoHO8GlrPQGaBf3EtmeYosF4iL8vcF5esNmAC+WtTHxHlUU+IJc8vDxSjzMZPaqg0u+vycHg4sUEO2cO18y+OiTxb12ac4mAztmLqRr7NaaLG+YoaBc7jo4wQw8iLQEl8ooy0NZ0oeF3y4qDdlQOdUns4NXkTnhbN70a9rvbe3PaizpyAKfN67Z7KczQMSWUCWIxfZJuPXnMd5b50zkcprL2yc8eoxn6uLDVUgM9/a4oDHtn6v+UT1ZPpipbjXA5u8qx2AAcKct6OSytYee9xd3sptBQqosxHRrDRHhT3v2jhoFqJr38P2ad/M6Zpdbtkw2K11zWM7RtW3sgLctHFw9LZt/ARaU8V8AT3zPgNclzzA6BOwgtr6R3NSO1y9QaD7nOmcmHtGi4oMal1W3O0vXz9k18yNwD12WuKcAwHISwXCDpdtEFylWg8qN3r58xqXJMNh2/PXDb6rP6i8aS6+08irXnU8xpm4BHDeukFLdFbGaEIO8y6Ci6XEfcmJpN96dfLAd/OA8X4APzDIfKHPYfXMwBjT6JtnztbLUxA13NGEPpoO7KiPQ5I7lG3xuYVtl2wQ8qSUxV1xWAYpDaQcXpoXjzpqHmy/aOMwy0tiTk+fkCN/cxd5KNGdY5X8pk7z4KxcjbXPD4X3zR3w1+cmTxPbnpoBlNr2TaPfTXvvmhHbHL8pq9H+MrQF5Hm8C9aJQb+WAY5TAFMgosVjch5wUXicgLHd9rjNg/0lyq+rJ9VdR/+sn4zTAWfunQDAF175Inn7uqu9siUcvuiQILEs9J1dUp/2E4Sjlx8WtIl45LH+glOCbSYN/QEx7olFH1ysyAAAAABJRU5ErkJggg==') /*../image/slider-amount-selection-2.png*/ repeat left;
}

.widget .slider-period .slider-selection {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABGCAYAAADFJBSLAAAEPElEQVR4Aa1X3WolRRCu6q4NKkSfwBvBh4mP463PIgJeLSDggpcb9TYQUUQQXBYUWUUJYAQ3c6Z/nDr1kfnSzJgQLGjqq59TXdXVP3Pss0/fP5cj9WWo3OLukkLrolMI6ma4Jk034kO6cwzHciO5B+7LMIywk++zj+WYQV1GBjfMiITCVpFjWmQNX1foF5/IeRP8OIlIWwMxl+SY7CmCm52slRscuuME3lwJjEDA0pMHUP8NnDw1yElAOVK27gJhkH79NNaASVtEbyqSOneBiUrYter9Nr14Jufdgcp/EvuwbIaexUSh7Ng9KiD0NtTgEMzykK5CJpxMpIUcM6/+kUGCotVY/sRY0JW2jCyUagTVn76U5xsLBhmdkA2Cr711+t4bpI7Z8PtKG6iA0w4Nv6sfzy659La9HCgliO2WE0mITnUCk22IYE+gba7DWd+ihLR1yCapdwHDdMXZh3chOSbdgPXwy9llRKOWQW5QJgdE7KPl1dklHyDnLYukGvJ9pPU3BKC1JH4vabtaAuzXwJh8xgB70ynhzjpqI5r74JxHP23XnMH+zHuEDB5+E41lIMDjyaRtzXxPP0lnR9B2UuZzW4cOwK7tr9hIOOiPKKGSVHmzPGYNOJA+NED5n7rQcQl240slMGxBeQhQ692bqJcVK92R8U6GvdOXis3uAePWlgAHYBvw3y+jjXjruP0gBNfVkPmVun6xXGlIh/ZJ1I2g8HdA5YbS5koPabsbIIGPJI0C//nDUkK6W3+CU1tApruSj0mFTX//Pl6mzfPkAtULHQgl/vrtEiAvgPrcg21Sq/FKt4rYP3+DG8mFhsCJe0ibaePbQV9erBngPYhFpXXh3+hg1xcXH1yyB3YcZOKgUbZ/Xv8xa2yUYRGReo/3kZ8Fjm/XV9+9hkRvCTj0401XyUe/eirPhR0ekj3521RDB8NeqcPxphJkFikytnELsxzcST/3/wtEup3qrmy1hdBgGRdypORDRUoPbFOJT3xBy45QY9RGXyIL6DhQNXoZn/6lIhp+QCuKfmEf1K1W4UrTClsGzl4bbiWX612bFL5UJ1mp4MZx3tfUa48g5i4VHJeKzcXBkB2f/bZ2pfTQHatpsRZWyviYgqNnVC5KAUa70tRVDjVJ7UkORY+8HpJMB5WpLGMK/eQ69wUuh8BpPmQpxRalSZmCT4tcFz5PWeYS+lJCBpabEtjaIjRvE/VcIKeOctpqaKFzHD7zbMcSypyOsx3mdFf2EuYY7gtdjJJEP/rw9Fya8jMUfNThqmJynd3cZNknNCZpHJYNbnMzAcVeZsKm60+8Vr0N2eIuisNUZ9pBmnCoVFR7YFdPIhWHSQV+ODsmKZ6d3DXKViy8A8hKt+j4ctnpO++iQd6iBkydywmlkZbI8snbtzFNsDjunjSeOFeZ7JK9eRJ5NsHdp9GV7gJ/9aUuiVsL+hc+dYNwkYWtwgAAAABJRU5ErkJggg==') /*../image/slider-days-selection-2.png*/ repeat left;
}

.widget .slider-handle.round {
    position: absolute;
    top: 100%;
    width: 30px;
    height: 30px;
    z-index: 2;
    transform: none;
}

.widget .slider-amount .slider-handle {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABICAYAAAC0hqYWAAAFRklEQVR4Ad3aA5DkShzH8cFax9Vh1sbZtm3btm3btm3btm37Cof/+3XV5aE32U2WnddVn/Ik+WbTk0xnDRg14H8x3kAg6H58gUtgp/eQ90AwS+8hr4D+qKnnkGdAf3yGAL2GPAT6lwtgq8eQu0Cc6XoMuQEko7reQq4ohHwCPz2FnAdScE5P8+U0UDSm6CXkGFAMqoDw46CKkI/gI3rIXiAVzoCNyCE7gFSaKHLIFiANKooasl5jyAfwFjFkNZBGp8BatJBlQLEwTrSQRUCxVF6kkLlxCHkHFlFCZgLFwXGwAsWRWM9rU4DiaAxYQ1EYB2vhGNyH7/96mr4FB2ElDIJsYIyvkPFA8eArUCw8helQHMxxCRkNJIhrUCG2IcOABHMM8moNGQQUH6ztTeRbxIXy9fCkkuMsVGWpH9XfFUTNT4ZRvR1BVGWJH5Ucb6G83TzJkseZzNbGmLY5Q8uNty9QbLGDCamYgspO86ZW58Kp7dUI1VhgibEW8inkEt0+DkJqNSE9YxNgNBkoqGxydsbZQcVZteV+lDaro9L+HkBETCFdtEakCrCjWusD4iWAx/6ydimslBZDwkBxdNAS4V88GbU4Exa/AZwGu4MpdZCd3P7vR3eZtVYVYTRQrg4eCRfAYScLJ03uWA4pfQE0VxOSq6P6iMbHg6ncaousRsc0zKkrEeRXjI9RfnPQKKYITGpNZ7P6dh8K6+skq8oWH03bank2jFIHy15m2fmQukBK3CMd2NdqkoUwDfYEk31Kq6hfy9yoqRRhMhup3nb+Ukj8EAY3WLljLP3vkCpKIZG1U7GNCBHC4Orgj/EymKSQCkA8K1sjNTkSIlRI5UW+cic8nxRSGoiXpZkr+7BQIYwlr7Pi2kFxIF7tTYFChhQZko4/1rtSSCE+wjmtDfuQkCG43NlzHh8TDoZ8fEjmxq7ChjCemaJM+h5gyMmHlJ/tI3RIjnbufMgcMGRVMz8aHQum4gs9Vck31VUxJM/k1Kq30/Co/D2s2Ij0fMh2MGThQ5odD43y4dp7/NiBJKoaO/1kQyrO9eFDLkaZ7GYbI/9B4ULqbA7kQ95EubQcXa2ED2lyOIQP+QWGtHr7i2AO8yGvwWAFv4EkTY+JPUcqzJGfI2ywIpLU3hggdEjR4en4kG1SyCUgSflZ3lE+3PpSGDU5FaJKxfVeigdXYa1F9XawT/n7SBu5+4jM67dMDVOLe0OUf5zvLoU0BpK4pBP3WavRgRC2EMKHhEohrvALSIJ1KyFDCvZPy0fcNnDjCJAkS1NXIUPSZnOUezejvOJo7WCixodCRAjhH014efgQV/gMJAmvnlKcEKxxuYba8xEXlN549eFXUepsDRQipNjI9HwEUxxkhwP3X6fsLLBFsiQNYSv+dsnNfMReiHY0llu4xp82SUKwBsxW//mI35A5phAz7OFjsrV0S/SQNpfDya+o7Eug8aBqpIA7QNwdHxtPnNX4ZidCyZLbSS5il9a3v8Hwid+QVz5nvDILTdCIutsCKYW3rVzELUgOmkdp+MlvkO2k0gLf+I/APCw+Oj3ZupjlIt5DEMR6FIX3QDzvAs5xWsjjb3Zu3H2CewwJhjgPf7gu/1LUSAGlkrPXztTitLav6aZYbGMrh+lySHNB1m5IAfE2XGArvyP+ZzKbQ+ztFluyqTjPh+psCWS/sdmPNXbW2Y2NcnZwZ29w2Ungt8GbAGZIkFEergIloP2QDRJ8mKARPI7ngAtQAhJ92EIFmM//7tfgHoyH/GCEJB8myAuD/oTthCvwDn7BSzgHW2AW9IAIiJfxF7rq8pxZ885ZAAAAAElFTkSuQmCC') /*../image/g4288.png*/;
    background-size: contain;
    background-repeat: no-repeat;
}

.widget .slider-period .slider-handle {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABICAYAAAC0hqYWAAAFaklEQVR4Ad3aU5QkSRiG4Syjh41p2zaxtm3btm3bFsa2bdu2rX+/uMjFv5GnPB01cc5zM8iKt7IQGVkaxiVwVIz1kAVhP3bAJLCHe8hmIPjgaHhpkQDnhXPIqn+FbIbUcA1ZBvQvY8AajiGLgJg3wjFkHhBzGE4Pt5CZQBIbIDGcQqYCGRgGlnAJmcgDmBfCJWSMh5BDcCIoP0YAebAGYlUPGQLkhf5gVjmkP5CXnlA5pLcPIQehSdWQ7kA+WAFRKoZ0AvJRTzCpFvI7kB8eVC3kZz9D9kONSiHfAflpCbRTJeQroAB0ZMczQwcogVPhWrgHLoPjIBfahiLkM6AAPQY3QDfYDeSFNfAFnAmOYIR8CNTCdkDHQL+j3gVSSFfI8yfkTaBgMpk0io60UWGem05obkvnnRFJTXVtKDvDSW1aW7xdQXwOMb6EvAIUqMR4O912XRz1+aOAdq+sp4PrGwytn1dD33+STRecFUURbuMwWAal3oa8EEjAKce3oxG9iunAOjFJ3+1cUUc/fZZDWelOo8fY6e1+2zP+BFSUtqL+nQr5xPy2d3U9ffh6BsXG2MhgM+RhTyGP+xJgNmv05vNp7AwEz5bFtXTOaZFGj38dGI6HvY0Qb9Qev+QHP4ART9Kj9yTK5rAPGo1C7vcmIjnRQdNHlIU0gBMfCDabic9lndG27l2eIsQny+QhpV5PYM2MPBrTrbXU+jm+va8+fjNDNqfJssvu2zx9J/zxTa5PD75sciYN+MkstXq6b8cSbr02Tja3G3jITUBGnnowSRysRUP2rKqn+urWfG4rwfXvkGuNItJTnOLLrcVDBPHSNpsli9V/jSuNQsQXFQ6iRIhw9SUxfI5bobUecikQV1nWSnwMKhWyZEolOR1mPteL9ZALgDj+BlchRLjxqlg+11/0kHN4hKjetrRWyZCuP+bJXl520M7gIWec3F78JyVDdiyvI5fTzGNOBe1kHvLpW5nKhghnntKeh7wK2vE8ZMbIcqVDnn8shYf8ANpJPGTD/Br+n8XSgi03jA3v6DQMGdHR5fVxNs8vloZ89X4WDxnIP7XIbjdJ/zOeST6pkFs/W74u6/17AQ+ZDdoNfJWresi04WU8ZBtoVwDp8nNcyocsmlwp26zQSoB0Ue2tyoeM6VvCQ1aB1oEv27HaVDqkyw95PGQ8aGY4AKRbNq3q/xdLM/NoyG82rwz6xWo4ucG/Wr0+zoa5RdKQT97MlGzq8V8IwdDuRUp/jzx2bxIP+UR6Q/ThuxKVDiktiuAh90mv23OzXKqF8E8sLkMPSeF/OWt0uZIh77yUziOma2xMAdI9cX+SkiG44OMhz/OQ5/gW0MqZ1UqF/P51Lo8QKnhILOwA0mF3XZkQ7A2L2xI8YgRIx/NAOqvVJN4rSoRgg5tHCPVGIa1hHZCuKN9NW5fUtmiI2Apyu8w8orNBg/EWqrjjdGBdy4SsnVtNqUkO2SIxz1OIFYYEsuO4cmoODfvDIbV2lve7+btW1tGxjW0D+pVSNCzhB7j/9gTav/bI7MSvnl3Nt0l1v4JPowR2ynZYcDMmpBFThpbxl5NuArjA53E+XxkLBblutrAMjn1r6kns4LSKsMgiVgT6893jYRMQh22ZoN386fxDnrg6lQUIE1mE3yML5hjdU7zonCj67atcnz+ml06tovdfTaeaCul7QfcHuCBooy30BDLisJtJvIdefiqVvv0om8Q996nDymgxVqzjB5RQt5/y6bO3M+nJB5LYmknqADwTyh+4nQWzgEKoI+RAyIcFboRVQQ4YAXVwxIcDzoIvYS2QH2bAi1AFSgwz1MNz8C30h5mwGQ7BGpgE3eEzuBcyICjjL7dDp60OlXPZAAAAAElFTkSuQmCC') /*../image/g4283.png*/;
    background-size: contain;
    background-repeat: no-repeat;
}

.widget .slider-text {
    display: inline-block;
    position: static;
}

    .widget .slider-text p {
        font-size: 15px;
        min-width: initial;
    }
.widget input#PeriodTextBox {
    width: 25px;
}
.widget input#AmountTextBox {
    width: 50px;
}
.widget .block .block-left .amount-row .amount-cell {
    width: auto;
}