/*@group def style */
*
{
margin: 0;
padding: 0;
}
html{
height:100%;
}
body {
height:100%;
font-size:17px;
font-family: 'Source Sans Pro', sans-serif;
line-height:120%;
position:relative;
background: white;
color:#47595d;
}
body.theme_modal {
color: #000;
font-size: 16px;
font-family: 'Roboto', sans-serif;
}
body.logged_in {
background: #38535f;
}
#wrapper {
min-width: 1040px;
width:100%;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
position:relative;
z-index:5;
}
.theme_modal #wrapper {
min-width: 320px;
}
.inner {
width:990px;
padding:0;
margin:0 auto;
}
.theme_modal .inner {
width: auto;
max-width: 990px;
padding-left: 20px;
padding-right: 20px;
}
.is_iframe.theme_modal .inner {
padding-left: 0;
padding-right: 0;
}
.inner_fluid {
padding-left: 50px;
padding-right: 50px;
}
.inner_thin {
padding-left: 20px;
padding-right: 20px;
margin: auto;
}
.is_iframe .inner_thin,
.inner .inner_thin {
padding-left: 0;
padding-right: 0;
}
.content_overlay {
display:none;
}
.show_overlay .content_overlay,
.dark_overlay .content_overlay,
.theme_dark .content_overlay {
display: block;
background: rgba(0,0,0,0.6);
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:5;
}
.dark_overlay .content_overlay,
.theme_dark .content_overlay {
background: #47595d;
}
/* --- Standart Tag's --- */
a{
color:#00afdc;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
text-decoration:underline;
}
*:focus {
outline:none;
}
fieldset, img {border:none; border:0;}
ul{
list-style: none;
}
ol{
margin-left:30px;
}
input, select, button, textarea {
font-family: 'Source Sans Pro', sans-serif;
font-size:100%;
color:#47595d;
}
.theme_modal input,
.theme_modal select,
.theme_modal button,
.theme_modal textarea {
font-family: 'Roboto', sans-serif;
}
input::-ms-clear,
input::-ms-reveal {
display: none;
width:0;
height:0;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
-webkit-text-fill-color: #47595d;
color:#47595d;
}
input:-webkit-autofill:after,
input:-webkit-autofill:before {
content:"";
-webkit-text-fill-color: #47595d;
color:#47595d;
}
strong, b {
font-weight:600;
}
.theme_modal strong, .theme_modal b {
font-weight: 500;
}
h1 {
margin:0.571em 0;
}
h2, h3, h4 {
margin:0.875em 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight:600;
}
.theme_modal h1,
.theme_modal h2,
.theme_modal h3,
.theme_modal h4,
.theme_modal h5,
.theme_modal h6 {
font-weight: 500;
}
h1 {
font-size:1.647em;
line-height:normal;
}
.theme_modal h1 {
font-size: 28px;
}
h2 {
font-size:1.235em;
line-height:normal;
}
.theme_modal h2 {
font-size: 26px;
}
h3 {
font-size:1em;
line-height:normal;
}
h4 {
font-size:1em;
}
h5 {
margin:0;
font-size:1em;
}
h6 {
margin:0;
font-size:1em;
font-style:italic;
}
/* --- Standart Tag's End --- */
.clear {
clear:both;
}
.clearfix::after,
.clearfix::before {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
.error {
color:#e23b5b;
}
.success,
.thanks {
color:#009900;
}
.red,
.required {
color:#ec2028;
}
.green {
color:#009900;
}
.print a {
color:#000;
}
.text-error {
color:#e23b5b !important;
}
.tcenter {
text-align:center;
}
.tleft {
text-align:left !important;
}
.tright {
text-align:right !important;
}
.block_left {
float:left;
}
.block_right {
float:right;
}
.icon {
display:block;
position:absolute;
}
a .icon {
cursor:pointer;
}
.no_link {
cursor:default;
}
.fake_link {
cursor:pointer;
}
.uppercase{
text-transform:uppercase;
}
.hide {
display: none;
}
.main_title {
margin:-0.143em 0 0.571em 0;
color:#fff;
}
.theme_modal .page-messages-container {
text-align: center;
}
.messages-error {
margin-bottom:1em;
color:#e23b5b;
}
.messages-notification {
margin-bottom:1em;
color:#009900;
}
.intro_message {
margin:-0.625em 0 0.625em 0;
padding:0 20px;
}
.intro_message .button {
margin-left:10px;
}
.loading_image {
display:none;
}
.loading_container {
position:relative;
}
.loading_overlay {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(255, 255, 255, 0.3);
}
.loading_overlay img {
display:block;
margin:-21px 0 0 -21px;
position:absolute;
top:50%;
left:50%;
}
.message_result {
margin: 30px 0;
}
.mt-20 {
margin-top: 20px;
}
/*@end */
/*@group TEXT */
.text.smaller {
font-size: 0.765em;
line-height: 1.15em;
}
.text.bigger {
font-size:1.235em;
}
.text .margin_up {
margin-top:-1em;
}
.text img {
display: inline;
}
.text a:visited {}
.text a {}
.text a:hover {}
.text p {
margin:1.25em 0;
line-height:1.25em;
}
.text ul {
margin:1em 0 1em 26px;
list-style:disc outside none;
line-height:1.25em;
}
.text ul li {
padding-left:10px;
}
.text ul li ul {
list-style-type:circle;
}
.text ul li ul li ul {
list-style-type:square;
}
.text ol {
margin:1em 0 1em 31px;
list-style:decimal outside none;
line-height:1.25em;
}
.text ol li {
padding-left:5px;
}
.text ul li ul,
.text ul li ol,
.text ol li ol,
.text ol li ul {
margin-top:0;
margin-bottom:0;
}
.text table {
width:100%;
border:0;
border-collapse:collapse;
margin:1em 0;
}
.text table caption {
margin:0.824em 0;
font-size:1.235em;
font-weight:600;
text-align:left;
}
.text table th,
.text table td {
padding:4px 10px;
border-width:0 1px 0 0;
border-style:solid;
border-color:#ccd9dc;
line-height:1.17em;
font-size:0.882em;
}
.text table thead td,
.text table th {
font-weight:600;
text-align:left;
}
.text table tr > th:last-child,
.text table tr > td:last-child {
border-right:0;
}
.text table tbody tr:nth-child(odd) td {
background-color:#f4f9fa;
}
.text table[border="0"] td,
.text table[border="0"] th {
border:0 !important;
background:none !important;
}
.text table[width="auto"] {
width:auto;
}
.text table td *,
.text table th * {
margin:0;
}
.text img[align="left"] {
margin:0 1em 1em 0;
}
.text img[align="right"] {
margin:0 0 1em 1em;
}
.text hr {
background: #ccd9dc;
border: none;
height: 1px;
margin: 1em 0;
}
.text blockquote {
margin-left:40px;
}
.text legend {
margin-left:20px;
color:#47595d;
}
.button,
.button_big,
.button_big_2,
.button_blank,
.file_button .file_button_text,
.button_extra_big {
border:0;
color:#fff;
font-size:1.235em;/*17->20*/
font-weight:600;
cursor:pointer;
text-shadow:0px -1px rgba(0, 0, 0, 0.2);
}
.theme_modal .button,
.theme_modal .button_big,
.theme_modal .button_big_2,
.theme_modal .button_blank,
.theme_modal .file_button .file_button_text,
.theme_modal .button_extra_big {
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 500;
text-shadow: none;
}
.button {
padding:0 42px 0 10px;
height:36px;
line-height:36px;
background:#81cf00 url(../images/button-arrows-2x.png) 100% 5px no-repeat;
background-size: 33px 323px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.button.sm {
font-size: 1em;
}
.button.blue {
background-color:#00afe1;
}
.button.no_icon {
padding-right: 10px;
background-image: none;
}
.button_big,
.button_big_2,
.button_blank {
background-color:#81cf00;
position:relative;
line-height:0.91em;
text-align:right;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
}
.button_big {
height:55px;
line-height:55px;
padding:0 44px 0 16px;
}
.button_big_2 {
padding:8px 44px 8px 16px;
}
.button_blank {
height:55px;
line-height:55px;
padding:0 40px;
font-size: 1.471em;/*17->25*/
}
.button_blank.blue {
background-color:#00afe1;
font-size: 1.294em;/*17->22*/
text-shadow:0 -1px rgba(0,0,0,0.2);
}
.button_big .icon,
.button_big_2 .icon {
width:24px;
height:25px;
margin-top:-13px;
background:url(../images/button-arrows-2x.png) 0px 0px no-repeat;
background-size: 33px 323px;
top:50%;
right:11px;
}
.file_button {
display:inline-block;
height:55px;
padding:0 47px 0 19px;
background-color:#00afe1;
position:relative;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.file_button .file_button_text {
line-height:55px;
text-align:right;
text-shadow:0 -1px rgba(0,0,0,0.2);
}
.file_button:hover {
background-color:#0090b5;
text-decoration:none;
}
.file_button .icon {
width:17px;
height:18px;
margin-top:-9px;
background:url(../images/icon-sprite.png) -225px -160px no-repeat;
top:50%;
right:15px;
}
.button_extra_big {
display: inline-flex;
min-height:72px;
padding:0 35px;
background-color:#71b501;
line-height:30px;
font-size:1.353em;/*17->23*/
text-align:center;
position:relative;
align-items: center;
justify-content: center;
box-sizing: border-box;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.theme_modal .button_extra_big {
font-size: 20px;
}
.button_extra_big.wide {
display: flex;
width: 100%;
}
.button_extra_big.has_icon {
padding-right: 95px;
}
.button_extra_big .icon {
width:69px;
height:72px;
border-left: 1px solid #88c12a;
top: 0;
right: 0;
}
.button_extra_big .icon:after {
display: block;
width: 34px;
height: 35px;
margin: -18px 0 0 -17px;
content: "";
background: url("../images/icon-sprite.png") -260px -140px no-repeat;
position: absolute;
top: 50%;
left: 50%;
}
a.button,
a.button_go,
a.button_big,
a.button_big_2,
a.button_blank {
display:inline-block;
}
.button:hover,
.button:focus,
.button:active,
.button_big:hover,
.button_big:focus,
.button_big:active,
.button_big_2:hover,
.button_big_2:focus,
.button_big_2:active,
.button_blank:hover,
.button_blank:focus,
.button_blank:active {
background-color:#71b500;
text-decoration:none;
}
.button.blue:hover,
.button.blue:focus,
.button.blue:active,
.button_blank.blue:hover,
.button_blank.blue:focus,
.button_blank.blue:active {
background-color:#0090b5;
}
.button_extra_big:hover,
.button_extra_big:focus,
.button_extra_big:active {
background-color:#81cf00;
text-decoration:none;
}
input.button:hover,
input.button:focus,
input.button:active,
button.button:hover,
button.button:focus,
button.button:active {
background-position:100% -195px;
}
input.button_big:hover .icon,
input.button_big:focus .icon,
input.button_big:active .icon,
button.button_big:hover .icon,
button.button_big:focus .icon,
button.button_big:active .icon,
button.button_big_2:hover .icon,
button.button_big_2:focus .icon,
button.button_big_2:active .icon {
background-position:0px -200px;
}
.button_big.disabled {
background-color: #ccd9dc;
}
.button_big.disabled:hover .icon,
.button_big.disabled:focus .icon,
.button_big.disabled:active .icon {
background-position:0px 0px !important;
}
.button_go {
padding:8px 42px 8px 20px;
font-size:1.059em;
line-height:1.059em;
color:#fff;
background-color:#00aedb;
position:relative;
text-align:right;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-shadow:0px -1px rgba(0, 0, 0, 0.2);
}
.button_go:hover,
.button_go:focus,
.button_go:active {
background-color:#0090b5;
text-decoration:none;
}
.button_go .icon {
width:24px;
height:25px;
margin-top:-12px;
background:url(../images/icon-sprite.png) -140px 0 no-repeat;
position:absolute;
top:50%;
right:10px;
}
.button_go:hover .icon,
.button_go:focus .icon,
.button_go:active .icon {
background-position:-170px 0;
}
.button_go.identity {
padding-right:59px;
}
.button_go.identity .icon,
.button_go.identity:hover .icon,
.button_go.identity:focus .icon,
.button_go.identity:active .icon {
width:36px;
height:25px;
margin-top:-13px;
background-position:-300px -50px;
right:13px;
}
.button_back,
.button_down,
.button_up {
height:32px;
line-height:32px;
padding:0 13px 0 38px;
border:2px solid #ccd9dc;
color:#6f8489;
position:relative;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.button_down,
.button_up {
padding:0 38px 0 13px;
}
a.button_back,
a.button_down,
a.button_up {
display:inline-block;
color:#6f8489;
}
.button_back:hover,
.button_back:focus,
.button_back:active,
.button_down:hover,
.button_down:focus,
.button_down:active,
.button_up:hover,
.button_up:focus,
.button_up:active {
background-color:#e8eff1;
text-decoration:none;
}
.button_back .icon,
.button_down .icon,
.button_up .icon {
width:22px;
height:22px;
margin-top:-11px;
top:50%;
}
.button_back .icon {
left:7px;
}
.button_down .icon,
.button_up .icon {
right:7px;
}
.button_back .icon {
background:url(../images/icon-sprite.png) -350px 0 no-repeat;
}
.button_down .icon {
background:url(../images/icon-sprite.png) -400px -25px no-repeat;
}
.button_up .icon {
background:url(../images/icon-sprite.png) -400px -50px no-repeat;
}
.collapser.button_down .collapse,
.collapser.button_up .expand {
display:none;
}
.button_toggle {
display: inline-block;
padding-left: 40px;
font-size: 0.882em;/*17->15*/
font-weight: 600;
line-height: normal;
position: relative;
cursor: pointer;
}
.button_toggle:before {
display: block;
width: 24px;
height: 24px;
margin-top: -12px;
content: "";
background: url("../images/icon-sprite.png") -110px -25px no-repeat;
position: absolute;
top: 50%;
left: 0;
}
.button_toggle.expanded:before {
background-position: -425px 0;
}
.button_o {
height:35px;
line-height:35px;
padding:0 70px 0 45px;
border:2px solid #fff;
color:#fff;
background: none;
font-size: 0.882em;/*17->15*/
position:relative;
cursor: pointer;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
button.button_o {
height:39px;
}
a.button_o {
display: inline-block;
}
.button_o:hover,
.button_o:focus,
.button_o:active {
text-decoration:none;
}
.button_o .icon {
width:40px;
height:35px;
border-left: 1px solid #fff;
top: 0;
right: 0;
}
.button_o .icon:after {
display: block;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
content: "";
background: url("../images/icon-sprite.png") -170px -25px no-repeat;
position: absolute;
top: 50%;
left: 50%;
}
.btn {
box-sizing: border-box;
}
.btn:hover,
.btn:active,
.btn:focus,
.btn:hover *,
.btn:active *,
.btn:focus * {
outline: none;
}
.btn-link {
background: none;
border: 0;
color: #01aedb;
cursor: pointer;
font-weight: normal;
}
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
text-decoration: underline;
}
a.loading,
button.loading {
position: relative;
}
a > span.label,
button > span.label {
pointer-events: none;
}
a.loading > span.label,
button.loading > span.label {
opacity: 0.15;
}
a.loading::after,
button.loading::after {
display: block;
content: "";
width: 20px;
height: 20px;
background: url('/images/ajax-loader-black.svg') center no-repeat;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
a.button_extra_big.loading::after,
button.button_extra_big.loading::after {
width: 70px;
height: 70px;
background: url('/images/ajax-loader-white.svg') center no-repeat;
background-size: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
.read_more {
display:inline-block;
line-height:24px;
padding-right:34px;
font-size:1.059em;
font-weight:600;
position:relative;
}
.read_more .icon {
width:24px;
height:24px;
margin-top:-12px;
background:url(../images/icon-sprite.png) -80px 0 no-repeat;
right:0;
top:50%;
}
.read_more:hover .icon,
.read_more:focus .icon,
.read_more:active .icon {
background-position:-110px 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
position: relative;
overflow: hidden;
transition: height .35s ease;
}
@media (prefers-reduced-motion:reduce){
.collapsing {
transition:none;
}
}
label.custom_checkbox,
label.custom_radio {
display:inline-block;
padding-left:28px;
position:relative;
line-height:20px;
vertical-align:middle;
}
label.custom_checkbox.block,
label.custom_radio.block {
display:block;
margin-bottom:10px;
}
label.custom_checkbox.single,
label.custom_radio.single {
display:inline-block;
width:20px;
height:20px;
padding-left:0;
}
label.custom_checkbox .icon,
label.custom_radio .icon {
width:20px;
height:20px;
background: url(../images/icon-sprite.png) 100px 100px no-repeat;
cursor: pointer;
top:0;
left:0;
}
label.custom_checkbox .icon {
top:1px;
background-position:-300px 0px;
}
label.custom_radio .icon {
background-position:-325px 0px;
}
label.custom_checkbox.checked .icon {
background-position:-300px -25px;
}
label.custom_radio.checked .icon {
background-position:-325px -25px;
}
label.custom_checkbox input,
label.custom_radio input {
display:none;
}
.inline_options label.custom_checkbox,
.inline_options label.custom_radio {
margin-right:30px;
}
.check_list label.custom_checkbox,
.check_list label.custom_radio {
display:block;
margin-top:5px;
}
/*@end */
/*@group --- Form --- */
#content_left .common_form {
margin:1em 0;
}
.common_form fieldset {
margin-bottom:10px;
}
.common_form fieldset > label,
.common_form fieldset > div.label {
display:block;
width:195px;
margin-right:10px;
padding-top:7px;
line-height:normal;
float:left;
text-align:right;
}
.common_form fieldset > label.two_lines {
padding-top:0;
}
.common_form fieldset > label.block,
.common_form fieldset > div.label.block {
width:auto;
float:none;
padding-top:0;
margin:0 0 10px 0;
text-align:left;
}
.common_form fieldset.no_label > label {
display: none !important;
}
.common_form fieldset.inline_group_fields {
margin-bottom:0;
}
.common_form fieldset.inline_group_fields > fieldset {
float:left;
margin-right:15px;
}
.common_form fieldset.inline_group_fields > fieldset > label {
width:auto;
float:left;
padding-left: 0;
padding-bottom: 0;
margin-right: 10px;
}
.common_form fieldset.inline_group_fields > fieldset:nth-child(n+3) > label {
width:auto;
}
.common_form fieldset.inline_radioselectslist_fields > .check_list > label {
display: inline-block;
margin: 6px 30px 5px 0;
}
.common_form fieldset.buttons {
text-align:center;
}
.common_form .input_group,
.common_form .input_group .form_control {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.common_form .input_group {
min-height:38px;
height:auto !important;
height:38px;
float:left;
position:relative;
}
.common_form fieldset.no_label .input_group {
width: 100%;
float: none;
}
.input_group .form_control {
width:227px;
height:20px;
padding:8px 10px 6px;
margin:1px;
border:1px solid #ccd9dc;
}
.input_group.size_xs .form_control {
width:40px;
}
.input_group.size_xs .select2-container {
width:64px;
}
.input_group.size_sm .form_control {
width:80px;
}
.input_group.size_sm .select2-container {
width:104px;
}
.input_group.size_md .form_control {
width:227px;
}
.input_group select {
width:251px;
}
.input_group.size_lg .form_control {
width:350px;
}
.input_group.size_lg .select2-container {
width:374px;
}
.input_group.input_series .sub_label {
display: inline-block;
min-height: 38px;
line-height: 38px;
padding:0 6px 0 24px;
}
.input_group.input_series .fc_series {
width:35px;
}
.input_group.input_series .fc_nr {
width:75px;
}
.input_group.input_date .field_wrap {
display: inline-block;
text-align: center;
}
.input_group.input_date .field_wrap + .field_wrap {
padding-left: 5px;
}
.input_group.input_date .field_wrap > span {
display: block;
color: #a5b4b7;
font-style: italic;
font-size: 0.824em; /*17->14*/
}
.input_group.input_date .fc_day,
.input_group.input_date .fc_month {
width: 35px;
}
.input_group.input_date .fc_year {
width: 75px;
}
.input_group textarea.form_control {
min-height:50px;
}
.input_group div.form_control {
position:relative;
}
.input_group div.form_control input[type="text"] {
width:227px;
height:20px;
padding:0;
margin:0;
border:0;
background:none;
}
.input_group div.form_control input:-webkit-autofill {
background:none;
}
.input_group div.form_control input:-webkit-autofill:after,
.input_group div.form_control input:-webkit-autofill:before {
background:none;
}
.multifield_group div.form_control {
display: inline-block;
margin-bottom: 6px;
vertical-align: middle;
background-color: #fff;
}
.multifield_group div.form_control.focus,
.error .multifield_group div.form_control {
margin-bottom: 5px;
}
.multifield_group div.form_control input[type="text"] {
width: 100%;
}
.input_group.multifield_group .sub_label {
display: inline-block;
min-height: 34px;
line-height: 34px;
padding:0 6px;
}
.multifield_group .form_control.size_xs {
width:40px;
}
.multifield_group .form_control.size_sm {
width:80px;
}
.multifield_group .form_control.size_md {
width:227px;
}
.multifield_group .form_control.size_lg {
width:350px;
}
.input_group.multifield_group .single_char {
background-position: 22px 0;
}
.input_group.multifield_group .single_char:focus,
.input_group.multifield_group .single_char.focus {
background-position:-278px 0;
}
.error .input_group.multifield_group .single_char {
background-position:-578px 0;
}
.input_group .form_control:focus,
.input_group .form_control.focus,
.error .input_group .form_control {
margin:0;
border-width:2px;
}
.input_group .form_control:focus,
.input_group .form_control.focus {
border-color:#00aedb;
}
.error .input_group .form_control {
border-color:#ec2028;
}
.input_group .single_char {
width:239px;
letter-spacing:14px;
padding-left:8px;
padding-right:0;
background:url(../images/input-sprite-single-char.png) 24px top repeat-y;
}
.input_group div.single_char input[type="text"] {
width:249px;
letter-spacing:14px;
font-family: 'Source Sans Pro', sans-serif;
font-size:17px;
position:absolute;
top:7px;
left:8px;
}
.input_group.phone_field .single_char {
width:174px;
padding-left:74px;
}
.input_group.phone_field div.single_char input[type="text"] {
width:184px;
left:74px;
}
.input_group.phone_field.code_len_3 .single_char {
width:196px;
padding-left:52px;
}
.input_group.phone_field.code_len_3 div.single_char input[type="text"] {
width:206px;
left:52px;
}
.input_group.phone_field.code_len_5 .single_char {
width:152px;
padding-left:96px;
}
.input_group.phone_field.code_len_5 div.single_char input[type="text"] {
width:162px;
left:96px;
}
.input_group .single_char:focus,
.input_group .single_char.focus {
background-position:-276px 0;
}
.error .input_group .single_char {
background-position:-576px 0;
}
.input_group .input_group_addon {
display:block;
height:32px;
line-height:32px;
padding-top:2px;
background-color:#fff;
position:absolute;
}
.input_group.phone_field .input_group_addon {
width:65px;
top:2px;
left:4px;
z-index:5;
text-align:center;
}
.input_group.phone_field.code_len_3 .input_group_addon {
width:43px;
}
.input_group.phone_field.code_len_5 .input_group_addon {
width:87px;
}
.input_group .date_field_inner {
display: inline-block;
position: relative;
margin-right: 50px;
}
.input_group.date_field .input_group_addon,
.input_group .date_field_inner .input_group_addon {
width:39px;
height:36px;
background:url(../images/icon-sprite.png) -260px -100px no-repeat;
top:1px;
right:-50px;
cursor:pointer;
}
.input_group.date_field .form_control,
.input_group .date_field_inner .form_control {
width:120px;
}
.input_group .input_group_note {
margin:0 0 -5px 0;
padding-top:5px;
font-size:0.765em;
line-height:normal;
}
.common_form .input_unit {
float:left;
padding:5px 0 0 10px;
}
.common_form .input_group .input_unit {
display: inline-block;
float:none;
padding-top:0;
}
.input_tooltip_wrap {
display: inline-block;
width: 0;
height: 34px;
vertical-align: top;
position: relative;
}
.input_tooltip {
display:none;
width:180px;
padding:7px 23px;
background-color:rgba(111, 132, 137, 0.9);
position:absolute;
top:-8px;
right:-240px;
z-index: 200;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.input_tooltip::before {
content:"";
display:block;
width:10px;
height:21px;
background:url(../images/icon-sprite.png) -150px -190px no-repeat;
position:absolute;
top:17px;
left:-10px;
}
.input_tooltip_text {
display:table-cell;
height:41px;
color:#fff;
font-size:0.941em;
vertical-align:middle;
}
.input_tooltip_text *,
.popup_tooltip_text *,
.popdown_tooltip_text * {
margin:0;
}
.input_tooltip_text::before, .input_tooltip_text::after,
.popup_tooltip_text::before, .popup_tooltip_text::after,
.popdown_tooltip_text::before, .popdown_tooltip_text::after {
content: " ";
display: table;
}
.input_tooltip_text::after,
.popup_tooltip_text::after,
.popdown_tooltip_text::after {
clear: both;
}
.input_group .file_button:hover .input_tooltip {
display: block;
top:0;
right:-287px;
}
.popup_tooltip {
width:216px;
height:0;
padding-bottom: 7px;
position: absolute;
right:-109px;
bottom:22px;
z-index: -1;
opacity:0;
filter:alpha(opacity=0);
overflow: hidden;
}
.popup_tooltip_inner {
padding: 20px 28px;
background-color:#758b91;
color:#fff;
font-size: 14px;
line-height: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
}
.sliders .popup_tooltip {
right:-109px;
bottom:22px;
}
.monthly_price .popup_tooltip {
margin-right:-108px;
right:50%;
bottom:45px;
}
.popup_tooltip_inner:after {
width: 0;
height: 0;
content: " ";
pointer-events: none;
border: solid transparent;
border-color: rgba(117, 139, 145, 0);
border-top-color: #758b91;
border-width: 7px;
margin-left: -7px;
position: absolute;
bottom: -14px;
left: 50%;
}
.popup_tooltip_close {
width: 12px;
height: 12px;
/*background: url("../images/icon-sprite.png") -225px -180px no-repeat;*/
background: url("../images/icon-close-2x.png") left top no-repeat;
background-size: 100%;
position: absolute;
top:10px;
right:10px;
cursor: pointer;
}
.popup_tooltip_text,
.popdown_tooltip_text {
display: block;
overflow: hidden;
word-wrap: break-word;
}
.popdown_tooltip {
width: 196px;
height:0;
margin-left: -97px;
margin-top: 36px;
position: absolute;
top:100%;
left:50%;
z-index: -1;
opacity:0;
filter:alpha(opacity=0);
overflow: hidden;
}
.popdown_tooltip_inner {
margin-top: 6px;
padding: 3px 18px;
background-color:#1f3a47;
color:#fff;
font-size: 13px;
line-height: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
}
.popdown_tooltip_inner:after {
width: 0;
height: 0;
content: " ";
pointer-events: none;
border: solid transparent;
border-color: rgba(31, 58, 71, 0);
border-bottom-color: #1f3a47;
border-width: 6px;
margin-left: -6px;
position: absolute;
top: -12px;
left: 50%;
}
body > span.select2-container {
z-index: 10000;
}
/* Select2 style "default" */
.select2-container--default .select2-selection--single {
height:32px;
margin:1px;
border:1px solid #ccd9dc;
background:#fff;
outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.error .select2-container--default .select2-selection--single {
height:34px;
margin:0;
border-width:2px;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
border-color:#00aedb;
}
.error .select2-container--default .select2-selection--single {
border-color:#ec2028;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color:#47595d;
line-height: 30px;
padding-left:10px;
padding-right:37px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 27px;
height: 30px;
position: absolute;
top: 2px;
right: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
width:24px;
height:24px;
margin:-12px 0 0 0;
border:0;
background:url(../images/icon-sprite.png) -170px -190px no-repeat;
position:absolute;
top:50%;
left:0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
background-position:-200px -190px;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-dropdown {
border: 2px solid #00aedb;
background-color: #fff;
overflow:hidden;
}
.select2-container--default .select2-dropdown--above {
margin-top:2px;
border-bottom:0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-dropdown--below {
margin-top:-2px;
border-top:0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default .select2-results {
margin: 4px;
}
.select2-container--default .select2-results__option {
padding: 4px 6px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #eee;
color: #47595d;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #00aedb;
color: #fff;
}
/* END of Select2 style "default" */
/* Select2 style "mo" */
.select2-container--mo .select2-selection--single {
height: 38px;
background-color: #fff;
border: 2px solid #ccd9dc;
border-radius: 6px;
outline: 0;
}
.has-error .select2-container--mo .select2-selection--single {
border-color: #ec2028;
}
.select2-container--mo .select2-selection--single .select2-selection__rendered {
line-height: 34px;
padding-left:5px;
padding-right:40px;
}
#loans_widget .select2-container--mo .select2-selection--single .select2-selection__rendered {
padding-left:5px;
}
.select2-container--mo .select2-selection--single .select2-selection__arrow {
width: 38px;
height: 34px;
border-left:1px solid #ccd9dc;
position: absolute;
top: 2px;
right: 2px;
}
.select2-container--mo .select2-selection--single .select2-selection__arrow b {
width: 22px;
height: 22px;
margin-top: -11px;
margin-left: -11px;
/*background: url("../images/icon-sprite.png") -400px -25px no-repeat;*/
background: url("../images/button-arrow-down-2x.png") top left no-repeat;
background-size: 100%;
position: absolute;
top: 50%;
left: 50%;
}
.select2-container--mo.select2-container--open .select2-selection--single .select2-selection__arrow b {
/*background-position: -400px -50px;*/
background: url("../images/button-arrow-up-2x.png") top left no-repeat;
background-size: 100%;
}
.select2-container--mo.select2-container--open.select2-container--above .select2-selection--single {
padding-top:2px;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--mo.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--mo .select2-dropdown {
border: 2px solid #ccd9dc;
background-color: #fff;
border-radius: 6px;
overflow:hidden;
}
.select2-container--mo .select2-dropdown--above {
margin-top:2px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--mo .select2-dropdown--below {
margin-top:-2px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--mo .select2-results {
max-height: 314px;
}
.select2-container--mo .select2-results__option {
padding-left:15px;
padding-right:15px;
border-bottom:1px solid #ccd9dc;
background-color:#f5f7f8;
}
.select2-container--mo .select2-results__option:last-child {
border-bottom: 0;
}
.select2-container--mo .select2-results__option--highlighted {
background-color: #fff;
}
.select2-container--mo .select2-results__option[aria-selected="true"] {
background-color: #ec2028;
color: #fff;
}
.select2-container--mo .select2-results__option[aria-selected="true"] * {
color: #fff;
}
.select2-result-repository {
display:block;
color:#758b91;
font-size: 16px;
}
.select2-result-repository > span {
display: inline-block;
}
.select2-result-repository .value {
width: 20px;
font-size: 14px;
text-align: right;
}
.select2-result-repository .unit {
width:35px;
padding-left:3px;
font-size: 14px;
}
.select2-result-repository .discount {
font-size: 13px;
color: #ec2028;
}
#loans_widget .select2-result-repository .discount,
.is-widget .select2-result-repository .discount {
font-size: 10px;
}
.select2-container--mo .select2-results .nicescroll-rails {
background-color:#f5f7f8;
box-sizing: border-box;
}
.select2-container--mo .select2-duration {
height: 54px;
}
.select2-container--mo .select2-duration .select2-selection__rendered {
line-height: 50px;
}
.select2-container--mo .select2-duration .select2-selection__arrow {
height: 50px;
}
/* END of Select2 style "mo" */
.common_form .heading {
margin:20px -20px 3px;
padding:13px 20px 0;
border-top:1px solid #ccd9dc;
font-size:1.176em;
text-transform:uppercase;
}
.common_form .group_heading {
margin-bottom:13px;
}
.common_form fieldset > fieldset .group_heading {
display:none;
}
.common_form .captcha_image {
display:block;
float:left;
margin:1px 10px 0 0;
}
.common_form fieldset > label.file_upload_area_label {
padding-top:17px;
}
.file_upload_area {
padding-left:205px;
}
.common_form fieldset.no_label .file_upload_area {
padding-left:0;
}
.input_group.file_upload_area {
float:none;
}
.file_upload_area .input_unit {
padding-left:0;
float:none;
}
.attache_file_area {
min-height:55px;
position:relative;
}
.attache_file_area input.file_field {
border: none;
cursor: pointer;
font-size: 199px;
position: absolute;
right: 0;
top: 0;
z-index: 10;
opacity:0;
filter:alpha(opacity=0);
}
.attache_file_area .file_button {
float:left;
}
.attache_file_area .file_label_area {
width:95%;
padding-left:10px;
vertical-align:middle;
text-align:left;
}
.attache_file_area .file_label {
width:100%;
font-style:italic;
overflow:hidden;
}
/*
.attache_file_area:hover .file_button {
background-color:#0090b5;
text-decoration:none;
}
*/
.attache_file_area .file_button_fields_wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: 2;
}
.file_table_contain {
display:table;
width:100%;
height:55px;
}
.file_table_contain > div {
display:table-cell;
vertical-align:middle;
}
.form-hr {
background: #dee6e9;
border: none;
height: 1px;
margin: 1em 0;
}
/*@end --- Form --- */
/*@group --- Modal form --- */
.modal_form {
margin: 50px 0 80px;
}
.modal_form fieldset.form-group {
margin-bottom: 30px;
}
.modal_form fieldset.form-group > label,
.modal_form fieldset.form-group > div.label {
width: 39%;
margin-right: 2%;
}
.modal_form fieldset.form-group.no_label > label {
display: none !important;
}
.modal_form .input_group {
width: 59%;
}
.modal_form .input_group.file_upload_area {
float: left;
padding-left: 0;
}
.modal_form fieldset.no_label .input_group {
width: 100%;
float: none;
}
.modal_form:not(.mdc-form) fieldset.buttons {
text-align: left;
padding-left: 41%;
}
/*@end --- Modal form --- */
/*@group --- HEADER --- */
#pre_header {
padding:10px 0;
background-color:#eddd6f;
color:#47595d;
font-size:0.882em;
line-height:1.333em;
}
.dark_overlay #pre_header,
.theme_modal #pre_header {
position: relative;
z-index: 10;
}
#pre_header .inner {
position:relative;
}
.cookies_widget_text {
min-height:40px;
padding-right:150px;
}
.cookies_widget_buttons {
height:36px;
position:absolute;
bottom:2px;
right:20px;
}
.cookies_widget_buttons .loading {
display:none;
margin-top:-8px;
position:absolute;
top:50%;
right:0;
}
#header {
position: relative;
}
.logged_in #header {
background-color: #fff;
}
.theme_modal #header {
width: 100%;
background-color: #38535F;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 500;
}
.theme_modal #header_placeholder {
height: 100px;
}
.header_inner {
position: relative;
min-height: 100px;
}
#logo {
padding:15px 0 33px;
float:left;
}
.logged_in #logo {
padding:11px 0 8px 20px;
}
.layout_landing #logo {
padding-bottom:8px;
}
#logo a,
#logo a img {
display:block;
}
#logo a img {
float:left;
}
#logo a img.logo {
width:203px;
}
#logo a img.slogan {
margin:27px 0 0 18px;
}
#logo_wide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: 5;
}
#logo_wide img {
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
/*
#logo_wide a {
display: block;
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
*/
.dark_overlay #logo_wide,
.theme_modal #logo_wide {
z-index: 10;
}
.theme_modal #logo_wide {
width: auto;
left: 50px;
right: 50px;
}
.page_title_area {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 50px;
right: 50px;
z-index: 2;
}
.banners_offset .page_title_area {
padding-right: 30%;
}
@media (max-width: 767px) {
.banners_offset .page_title_area {
padding-right: 0;
}
}
@media only screen and (orientation: portrait) {
.banners_offset .page_title_area {
padding-right: 0;
}
}
#members_area {
max-width: 50%;
float:right;
position: relative;
z-index: 15;
}
.login_form {
padding-top:20px;
font-size:1em;
color:#47595d;
}
.login_form h3 {
/*font-family: 'Source Sans Pro', sans-serif;*/
font-size:1em;
font-weight:normal;
line-height:1em;
margin:0 0 10px;
}
.login_form fieldset {
float:left;
margin:0 10px 10px 0;
position:relative;
}
.login_form fieldset.buttons {
margin-right:0;
position:relative;
}
.login_form label {
display:block;
width:173px;
height:24px;
padding:7px 9px;
line-height:20px;
position:absolute;
top:0;
left:0;
z-index:5;
}
.login_form .error label {
color:#47595d;
}
.login_form label span {
display:block;
height:22px;
line-height:22px;
padding-top:2px;
}
.login_form fieldset.active label {
display:none;
}
.login_form input.text_inp {
width:171px;
height:18px;
padding:9px;
line-height:18px;
border:1px solid #ccd9dc;
color:#47595d;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.login_form input.text_inp:focus {
padding:8px;
border:2px solid #00aedb;
}
.login_form .error input.text_inp {
padding:8px;
border:2px solid #ec2028;
}
.login_form .loading_image {
position:absolute;
top:10px;
left:0;
}
.login_form_links {
margin-left:201px;
}
.login_message {
width:540px;
margin-bottom:10px;
line-height:normal;
color:#e23b5b;
}
#content_left .login_message {
width:auto;
}
#members_area .login_message {
font-size:1em;
line-height:1em;
}
.online_user {
float:right;
padding-top:25px;
line-height:1em;
}
.logged_in .online_user {
padding-top:22px;
}
.online_user .user {
float:left;
padding-top:2px;
margin-right:20px;
}
.online_user .user strong {
display:block;
padding-top:2px;
text-transform:uppercase;
}
.online_user .logout {
display:block;
float:left;
padding:22px 0 0 36px;
line-height:16px;
position:relative;
}
.online_user .logout .icon,
.offline_user .title .icon {
width:30px;
height:36px;
background:url(../images/icon-sprite.png) -250px -50px no-repeat;
top:0;
left:0;
}
#content_left .online_user {
float:none;
padding-top:1em;
}
.offline_user .title .icon {
left:auto;
right:0;
}
.offline_user {
padding-top:25px;
float:right;
text-align:right;
}
.offline_user .title {
padding-right:40px;
margin-right:20px;
float:right;
position:relative;
}
.offline_user .button {
float:right;
}
/*@end --- HEADER END --- */
/*@group --- NAV --- */
#nav {
width:100%;
min-height:59px;
height:auto !important;
height:59px;
position:relative;
background:#f8f8f8 url(../images/content-top-bg.png) 0px 59px repeat-x;
}
#nav h1 {
margin:0;
padding:50px 0 20px;
color:#fff;
}
#menu {
width:100%;
height:53px;
padding:3px 0;
margin:0;
list-style:none outside none;
position:relative;
}
#menu.has_submenu {
padding-bottom:62px;
}
.logged_in #menu.has_submenu {
padding-bottom:72px;
}
#menu > li {
float:left;
padding:0;
}
#menu > li.home {
padding-right:20px;
}
#menu > li > a {
display:block;
height:23px;
padding:15px 0;
line-height:23px;
color:#00afdc;
font-size:1.059em;
position:relative;
text-shadow:0px 1px #fff;
}
#menu > li > a span {
display:block;
padding:0 20px;
border-left:1px solid #d5d5d5;
}
.logged_in #menu > li > a span {
padding:0 15px;
}
#menu li.home a,
#menu li.home a > span {
display:block;
width:30px;
height:31px;
}
#menu li.home a {
padding:11px 0;
}
#menu li.home a > span {
padding:0;
border-left:0;
background:url(../images/icon-sprite.png) -350px -25px no-repeat;
overflow:hidden;
text-indent:-200px;
}
#menu li.home a:hover > span {
background-position:-40px 0px;
}
#module_general #menu li.home a span {
background-position:0px 0px;
}
#menu li:first-child a > span {
border-left:0;
}
#menu > li > a:hover,
#menu > li:hover > a {
}
#menu > li.active > a {
color:#536468;
background-color:#fff;
margin:0 -1px -3px 0;
padding-bottom:18px;
position:relative;
z-index:200;
}
#menu > li.active > a span {
padding-right:21px;
border-left-color:#fff;
}
#menu > li.active:hover > a {
}
#menu li.active > a:hover {
text-decoration:none;
}
#menu > li.important > a {
color:#ec2028;
position:relative;
}
#menu > li.important > a i {
display:block;
width:16px;
height:16px;
line-height:16px;
background:url(../images/icon-sprite.png) -300px -80px no-repeat;
position:absolute;
top:5px;
right:6px;
overflow:hidden;
text-indent:50px;
}
#menu li ul {
display:none;
}
#menu > li.active > ul {
display:block;
}
#menu > li > ul {
height:58px;
float:left;
border-bottom:1px solid #47595d;
background-color:#fff;
position:absolute;
top:59px;
left:0;
}
#menu > li > ul > li {
height:58px;
float:left;
}
#menu > li > ul > li > a {
display:block;
height:58px;
line-height:58px;
padding:0 20px;
font-size:0.941em;
position:relative;
}
#menu > li > ul > li.active > a {
color:#536468;
}
#menu > li > ul > li.active > a .arrow {
width:12px;
height:9px;
margin-left:-6px;
background:url(../images/icon-sprite.png) -285px -50px no-repeat;
position:absolute;
bottom:-9px;
left:50%;
z-index:100;
}
#submenu {
height:50px;
padding:0;
overflow:hidden;
}
#nav #submenu {
margin-top:50px;
}
#submenu li {
height:50px;
float:left;
}
#submenu li a {
display:block;
height:50px;
line-height:50px;
padding:0 20px 0 52px;
font-size:1.059em;
color:#fff;
position:relative;
}
#submenu li.active a {
color:#47595d;
background-color:#fff;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#submenu li a .icon {
width:24px;
height:24px;
margin-top:-12px;
background:url(../images/icon-sprite.png) -170px -25px no-repeat;
top:50%;
left:20px;
}
#submenu li.active a .icon {
background-position:-110px -25px;
}
#submenu li.active a:hover {
text-decoration:none;
}
/*@end --- NAV --- */
/*@group --- CONTENT --- */
#content {
position:relative;
padding:20px 0 63px 0;
}
#module_general #content,
.layout_home_wide #content,
.layout_wide #content {
background:#e8eff1 url(../images/content-top-bg.png) 0px -82px repeat-x;
}
#module_general #content,
.layout_home_wide #content {
padding-top:0;
padding-bottom: 0;
}
#module_general #content.extented,
.layout_home_wide #content.extented {
background-position:0px 0px;
}
.layout_wide #content {
background-color:#e8eff1;
background-position:0px -178px;
}
.layout_landing #content {
background-color:#e8eff1;
}
.dark_overlay #content,
.theme_dark #content {
padding-bottom: 100px;
background:#47595d;
}
.logged_in #content {
background: #38535f;
}
.no_bg #content {
background-image: none !important;
}
.get_loan_process #content > .inner,
.show_overlay #content > .inner,
.dark_overlay #content > .inner,
.theme_dark #content > .inner {
position: relative;
z-index: 10;
}
.get_loan_process.show_mf #content > .inner {
position: static;
z-index: auto;
}
.get_loan_process.show_mf #content > .inner #content_main {
position: relative;
z-index: 10;
}
.show_overlay .text.smaller,
.dark_overlay .text.smaller,
.theme_dark .text.smaller {
color: #fff;
}
#content_main {
min-height:230px;
padding:20px 20px 40px 20px;
background-color:#fff;
position:relative;
z-index: 5;
}
.layout_landing #content_main {
padding:70px 40px 40px;
background:none;
}
.show_overlay #content_main,
.dark_overlay #content_main,
.theme_dark #content_main,
#content_main.inner_thin {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.dark_overlay #content_main.users_landing,
.theme_modal #content_main.users_landing,
.theme_dark #content_main.users_landing {
background: #e8eff1;
}
#content_left {
width:670px;
float:left;
}
#content_right {
width:234px;
float:right;
}
#module_general #content_top {
padding-bottom:156px;
background-color:#00afdc;
}
#content_bottom {
background-color:#00aedb;
padding:50px 0;
}
.title_area {
display: table;
width: 100%;
border-bottom: 1px solid #ccd9dc;
padding-bottom: 30px;
margin-bottom: 30px;
}
.title_area.no_breakline {
border-bottom: 0;
padding-bottom: 0;
}
.title_area .col_back,
.title_area .col_title {
display: table-cell;
vertical-align: middle;
}
.title_area .col_back {
width: 110px;
padding-right: 20px;
}
.title_area .col_title {
font-size: 1.471em;/*17->25*/
font-weight: 600;
line-height: 1.200em;/*25->30*/
}
/*@group Intro banners*/
#intro_banners {
width:100%;
background-color:#f8f8f8;
}
.inner + #intro_banners {
margin-top: 50px;
}
#content_top #intro_banners {
background-color: #00afdc;
}
#intro_banners .inner {
padding:30px 0;
border: 0;
}
#intro_banners .banner_item {
width:150px;
padding:55px 50px 0 0;
float:left;
position:relative;
color:#3d474a;
font-size:0.882em;
line-height:1.2em;
letter-spacing:-0.5px;
text-shadow:0px 1px rgba(255, 255, 255, 0.25);
}
#intro_banners .banner_item.last {
padding-right:0;
}
#intro_banners .banner_item .title {
font-weight:600;
}
#intro_banners .banner_item .decription {
}
#intro_banners .image {
width:150px;
height:39px;
position:absolute;
top:0;
left:0;
z-index:1;
overflow:hidden;
}
#intro_banners .image img {
display:block;
}
#intro_banners .icon {
height:38px;
background:url(../images/icon-sprite.png) 100px 100px no-repeat;
top:0;
left:0;
z-index:1;
}
#intro_banners .icon_price {
width:30px;
background-position:0px -50px;
}
#intro_banners .icon_delay {
width:35px;
background-position:-50px -50px;
}
#intro_banners .icon_gift {
width:40px;
background-position:-100px -50px;
}
#intro_banners .icon_time {
width:38px;
background-position:-150px -50px;
}
#intro_banners .icon_gear {
width:46px;
background-position:-200px -50px;
}
#intro_wide_banner {
margin:0;
background-repeat:no-repeat;
background-position:center top;
background-color:#00afdc;
overflow:hidden;
}
#intro_wide_banner:last-child {
/*margin-bottom:-156px;*/
margin-bottom:-70px;
}
#intro_wide_banner .inner {
height:297px;
padding:20px 0 0 0;
}
#intro_wide_banner .title {
width:220px;
float:left;
margin-right:15px;
font-size:2.882em;
font-weight:600;
line-height:1em;
letter-spacing:-1px;
color:#fff;
}
#intro_wide_banner .description {
width:375px;
float:left;
font-size:0.824em;
line-height:1.143em;
letter-spacing:-0.2px;
color:#fff;
}
#intro_wide_banner .empty_descr .title {
width:595px;
}
#intro_wide_banner .empty_title .description {
width:610px;
}
/*@end*/
/*@group Intro loan action*/
.home_intro_banner .inner {
border-top:1px solid #66cfea;
border-bottom:1px solid #008db2;
}
.home_intro_banner:first-child .inner {
border-top:0;
}
.home_intro_banner:last-child .inner {
border-bottom:0;
}
#intro_loans_action {
background-color:#00afdc;
}
#intro_loans_action .inner {
padding:40px 0 25px 0;
}
#intro_loans_action.private_intro_banner {
margin:0 0 5px;
}
#intro_loans_action .description {
display:none;
width:420px;
float:left;
font-size:1.588em;
font-weight:600;
line-height:1.2em;
color:#fff;
}
.labels_list {
width:100%;
display:table;
}
.labels_list li {
display:table-cell;
width:auto;
padding:0 14px 0 0;
color:#fff;
font-weight:600;
text-align:center;
vertical-align:top;
}
.labels_list.items_1 li {
width:100%;
}
.labels_list.items_2 li {
width:468px;
}
.labels_list.items_3 li {
width:33%;
}
.labels_list li.last {
padding-right:0;
}
.labels_list li .promo {
height:138px;
border:1px solid #fff;
}
.labels_list li.type_image .promo {
height:140px;
border:0;
}
.private_intro_banner .labels_list li .promo {
height:98px;
}
.private_intro_banner .labels_list li.type_image .promo {
height:100px;
}
.labels_list.items_1 li .promo,
.private_intro_banner .labels_list.items_2 li .promo {
display:table;
width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.labels_list.items_2 li .promo {
padding-left:10%;
padding-right:10%;
}
.private_intro_banner .labels_list.items_2 li .promo {
padding:0;
}
.labels_list.items_3 li .promo {
padding-left:3%;
padding-right:3%;
}
.labels_list li .discount {
padding-top:10px;
margin-bottom:5px;
line-height:1em;
font-size:3.647em;
overflow:hidden;
}
.labels_list li .title {
font-size:1.529em;
line-height:1em;
}
.labels_list.items_1 li .discount,
.labels_list.items_1 li .title,
.private_intro_banner .labels_list.items_2 li .discount,
.private_intro_banner .labels_list.items_2 li .title {
display:table-cell;
height:138px;
padding:0 3%;
vertical-align:middle;
}
.private_intro_banner .labels_list.items_1 li .discount,
.private_intro_banner .labels_list.items_1 li .title,
.private_intro_banner .labels_list.items_2 li .discount,
.private_intro_banner .labels_list.items_2 li .title {
height:98px;
}
.labels_list.items_1 li .discount,
.private_intro_banner .labels_list.items_2 li .discount {
width:35%;
font-size:5.882em;
}
.labels_list.items_1 li .title,
.private_intro_banner .labels_list.items_2 li .title {
width:53%;
font-size:2.353em;
text-align:left;
}
.private_intro_banner .labels_list.items_2 li .discount {
width:41%;
padding:0;
font-size:3.647em;
}
.private_intro_banner .labels_list.items_2 li .title {
width:56%;
padding-right:0;
font-size:1.529em;
}
.private_intro_banner .labels_list.items_3 li .discount {
padding-top:0;
margin-bottom:0;
font-size:2.941em;
}
.private_intro_banner .labels_list.items_3 li .title {
font-size:1.176em;
}
/*@end*/
/*@group Page banner*/
.page_banner {
background-color:#e8eff1;
position:relative;
z-index:1;
margin:-20px 0 35px;
}
.page_banner .banner_image {
float:left;
}
.page_banner .banner_image img {
display:block;
}
.page_banner .banner_info {
width:430px;
float:right;
margin-top:45px;
}
.page_banner .title {
margin:0 0 1em;
font-size:1.647em;
font-weight:600;
}
.page_banner .description {
font-size:1.235em;
line-height:normal;
}
/*@end*/
/*@group widget*/
.widget {
margin:1em 0;
}
/*@end*/
/*@group Rates tabs*/
#rates_area {
padding-top:20px;
padding-bottom:20px;
}
#module_general #rates_area {
margin-top:-156px;
}
#module_general #rates_area.no_tabs {
margin-top:-106px;
}
#rates_area .rates_footnotes {
font-size:0.824em;
line-height:1.1em;
}
#rates_area .rates_footnotes .text {
width:825px;
float:left;
margin-top:1em;
}
#rates_area .rates_footnotes .text p {
margin-top:0;
}
#rates_area .rates_footnotes > a {
display:block;
width:110px;
float:right;
margin-top:1em;
text-align:right;
}
#rates_table_container {
overflow:hidden;
position:relative;
padding-left:168px;
}
#rates_table_container .base_table thead td {
padding-top:0;
padding-bottom:0;
vertical-align:middle;
}
#rates_table_container .base_table thead .row_1 td {
height:35px;
background-color:#47595d;
color:#fff;
text-align:center;
}
#rates_table_container .base_table thead .row_2 td {
height:24px;
}
#rates_table_container .base_table thead .row_1 td div {
overflow:hidden;
}
#rates_table_container.fixed_table_header .base_table thead {
position:absolute;
left:168px;
z-index:50;
box-shadow:0 5px 15px rgba(0,0,0,0.3);
}
#rates_table_container.fixed_table_header .base_table thead:after {
display: none;
width: 100%;
height: 13px;
content: "";
position: absolute;
bottom: -13px;
left:0;
}
.rates_table table.base_table_amounts,
.rates_table table.base_table_headcorner {
width:168px;
position:absolute;
left:0;
}
.rates_table table.base_table_amounts {
top:59px;
z-index:60;
}
.rates_table table.base_table_headcorner {
top:0;
z-index:70;
}
.base_table_headcorner thead .amount {
height:49px;
}
.base_table_headcorner thead .amount div {
width:68px;
}
.base_table_amounts tbody .amount div {
width:73px;
height:22px;
}
#rates_table_container.fixed_table_header table.base_table_amounts {
box-shadow:5px 0 15px rgba(0,0,0,0.3);
}
#rates_table_container.fixed_table_header table.base_table_headcorner {
box-shadow:5px 5px 15px rgba(0,0,0,0.3);
}
#rates_table_container.fixed_table_header table.base_table_headcorner td {
border-bottom:0;
padding-bottom:4px;
}
#rates_table_container.fixed_table_header .base_table_amounts:after {
display: none;
width: 45px;
height: 100%;
content: "";
position: absolute;
top:0px;
right:-45px;
}
.get_credit_button_area {
margin-top:8px;
float:right;
position:relative;
}
#tab_content .get_credit_button_area {
margin-top:0;
float:none;
position:absolute;
top:-43px;
right:0;
}
.get_credit_button_area .tooltip {
height:33px;
padding:3px 35px 0 26px;
margin-right:-20px;
background:url(../images/button-tail.png) left top no-repeat;
font-size:0.941em;
font-weight:600;
line-height:0.882em;
color:#fff;
position:absolute;
top:0;
right:100%;
z-index:1;
text-align:right;
text-shadow:0px -1px rgba(0, 0, 0, 0.3);
white-space:nowrap;
}
.get_credit_button_area .button {
position:relative;
z-index:2;
}
#table_holder_tabs {
height:50px;
}
#table_holder_tabs li {
float:left;
}
#table_holder_tabs li a {
display:block;
float:left;
line-height:50px;
padding:0 42px;
font-size:1.059em;
background-color:#fff;
color:#00afdc;
}
#table_holder_tabs li:first-child a {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
#table_holder_tabs li:last-child a {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}
#table_holder_tabs li a.active {
padding-top:5px;
margin-top:-5px;
background-color:#f8f8f8;
color:#3d585f;
}
#table_holder_tabs li a.active:hover {
text-decoration:none;
}
#table_holder_tabs li a span {
display:block;
cursor:pointer;
}
#table_holder_tabs li a.loading {
padding-left:24px;
}
#table_holder_tabs li a.loading span {
padding-left:18px;
background:url(../images/ajax-loader-grey.gif) left center no-repeat;
}
#tab_content {
margin-bottom:20px;
position:relative;
}
.rates_table {
position:relative;
}
.rates_table .deco_marker {
display:none;
background-color:#00afdc;
position:absolute;
z-index:55;
opacity:0.3;
filter:alpha(opacity=30);
}
.rates_table .deco_marker.horizontal {
z-index:65;
}
.rates_table.style_grey .deco_marker {
background-color:#47595d;
}
.rates_table table {
width:100%;
border:0;
border-collapse:collapse;
}
.rates_table table.width_auto {
width:auto;
}
.rates_table thead td {
padding:10px 5px;
font-size:0.824em;
color:#47595d;
background-color:#f8f8f8;
text-align:center;
}
.rates_table thead td.border_r {
border-right:1px solid #cfcfcf;
}
.rates_table thead td.group_b {
background-color:#edf0e0;
}
.rates_table tbody td {
padding:0;
color:#000;
background-color:#fff;
border:0;
line-height:20px;
}
.rates_table tbody td > div {
padding:2px 10px;
line-height:20px;
}
.rates_table tbody tr.odd td {
background-color:#f1f6f7;
}
.rates_table tbody tr td.group_b {
background-color:#f4f7e6;
}
.rates_table tbody tr.odd td.group_b {
background-color:#e7eedf;
}
.rates_table tbody tr.annual_rate_row td {
padding:2px 4px;
font-size:0.941em;
background-color:#e7e7e7;
color:#020202;
text-align:center;
}
.rates_table tbody tr.annual_rate_row td.group_b {
background-color:#dde0d0;
}
.rates_table tbody tr.annual_rate_row td.first_col {
font-size:0.824em;
text-align:left;
}
.rates_table tbody tr.annual_rate_row td.last_col > div {
width:100%;
height:auto;
padding:0;
position:relative;
}
.rates_table tbody tr.annual_rate_row td.last_col > div span {
position:absolute;
white-space:nowrap;
right:0;
top:0;
}
.rates_table tbody tr.heading_row td {
background-color:#fff;
}
.rates_table tbody td.title {
color:#8b8b8b;
font-size:0.824em;
text-align:center;
}
.rates_table tbody td.rate_cell,
.rates_table tbody td.empty_rate_cell,
.rates_table tbody td.offline_rate_cell {
height:26px;
border-right:1px solid #cfcfcf;
font-size:0.941em;
text-align:right;
}
.rates_table tbody td.rate_cell.first_free {
width:135px;
color:#00aedb;
}
.rates_table .base_table tbody td.rate_cell.first_free {
width:auto;
}
.rates_table tbody td.rate_cell > div,
.rates_table tbody td.offline_rate_cell > div {
padding-left:0;
position:relative;
white-space:nowrap;
}
.rates_table .base_table tbody td.rate_cell > div,
.rates_table .base_table tbody td.empty_rate_cell > div,
.rates_table .base_table tbody td.offline_rate_cell > div {
color:#47595d;
}
.rates_table tbody td.rate_cell > a {
display:block;
height:20px;
padding:2px 10px 2px 0;
line-height:20px;
color:#000;
text-decoration:none;
position:relative;
white-space:nowrap;
}
.rates_table .base_table tbody td.rate_cell > a {
color:#47595d;
}
.rates_table .base_table tbody td.rate_cell.first_free > a {
height:24px;
line-height:24px;
padding:0 10px 0 0;
color:#fff;
background-color:#ec2028;
}
.rates_table tbody td.rate_cell > a:hover {
text-decoration:none;
color:#fff;
}
.rates_table tbody td.rate_cell.has_discount > div,
.rates_table tbody td.rate_cell.has_discount > a {
padding-right:3px;
}
.rates_table .base_table tbody td.rate_cell.has_discount > div,
.rates_table .base_table tbody td.rate_cell.has_discount > a {
padding-right:10px;
}
.rates_table .base_table tbody td.rate_cell.has_discount > a {
color:#fff;
}
.rates_table tbody tr td.rate_cell:last-child,
.rates_table tbody tr td.empty_rate_cell:last-child,
.rates_table tbody tr td.offline_rate_cell:last-child {
border-right:0;
}
.rates_table tbody td.amount {
width:73px;
padding:2px 22px 2px 0;
background-color:#71b501;
color:#fff;
font-size:0.941em;
font-weight:600;
text-align:right;
}
.rates_table tbody td.amount > div {
padding:0;
}
.rates_table thead td.rate_cell_amount,
.rates_table tbody td.rate_cell_amount {
padding-right:10px;
color:#fff;
background-color:#71b501;
border-right:1px solid #c6e198;
}
.rates_table thead td.rate_cell_amount_2,
.rates_table tbody td.rate_cell_amount_2 {
padding-right:10px;
color:#fff;
background-color:#aad367;
border-right:1px solid #ccd9dc;
}
.rates_table thead td.rate_cell_amount,
.rates_table thead td.rate_cell_amount_2 {
border-bottom:1px solid #c6e198;
}
.rates_table thead td.rate_cell_amount .tooltip,
.rates_table thead td.rate_cell_amount_2 .tooltip {
margin-left:2px;
}
.rates_table tbody tr.odd td.amount {
background-color:#6baf01;
}
.rates_table tbody tr.odd td.rate_cell_amount {
background-color:#6cb101;
}
.rates_table tbody tr.odd td.rate_cell_amount_2 {
background-color:#a3ce65;
}
.rates_table tbody td.amount i {
color:#c4daa0;
/*font-family: 'Source Sans Pro', sans-serif;*/
font-size:0.75em;
font-style:normal;
}
.rates_table tbody tr.heading_row td.amount {
width:auto;
padding:0;
background-color:#71b501;
/*font-family: 'Source Sans Pro', sans-serif;*/
font-size:0.824em;
font-weight:normal;
text-align:center;
}
.rates_table tbody tr.heading_row td.amount div {
padding-left:0;
padding-right:0;
position:relative;
}
.rates_table tbody tr.heading_row td.amount .arrow {
width:100%;
height:5px;
background:url(../images/rates-amouts-arrow.png) center bottom no-repeat;
position:absolute;
left:0;
bottom:-4px;
z-index:100;
}
.rates_table tbody tr td.breakline_cell {
height:38px;
padding:0 10px;
vertical-align:middle;
color:#fff;
background-color:#47595d;
font-size:1.235em;
font-weight:600;
}
.rate_cell .border {
width:1px;
height:26px;
position:absolute;
top:-1px;
left:-1px;
}
.rate_cell.no_border .border {
display:none;
}
.empty_rate_cell > div,
.offline_rate_cell > div {
position:relative;
}
.empty_rate_cell .overlay,
.offline_rate_cell .overlay {
display:block;
width:100%;
height:100%;
padding:1px 1px 1px 0;
background-color:#47595d;
position:absolute;
top:-1px;
left:0;
opacity:0.3;
filter:alpha(opacity=30);
}
.rates_table tbody tr td.rate_cell:hover {
background-color:#00afdc;
border-right-color:#00afdc;
border-left-color:#00afdc;
}
.rates_table tbody tr td.rate_cell:hover .border {
background-color:#00afdc;
}
.rates_table tbody tr td.rate_cell.first_free:hover > a {
background-color:#00afdc;
}
.rates_table tbody tr td.rate_cell:hover > div,
.rates_table tbody tr td.rate_cell:hover > a {
padding-right:17px;
color:#fff;
}
.rates_table tbody tr td.rate_cell:hover > div:after,
.rates_table tbody tr td.rate_cell:hover > a:after {
width:0;
height: 0;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
border-style: solid;
border-width: 6px 0 6px 6px;
content: "";
margin-left: -3px;
margin-top: -6px;
position: absolute;
top: 50%;
right: 5px;
}
.rates_table.style_grey tbody tr td.rate_cell:hover {
background-color:#47595d !important;
border-right-color:#47595d;
border-left-color:#47595d;
}
.rates_table.style_grey tbody tr td.rate_cell:hover .border {
background-color:#47595d;
}
.rates_table .base_table tbody tr td.rate_cell:hover > div,
.rates_table .base_table tbody tr td.rate_cell:hover > a {
padding-right:10px;
}
.rates_table .base_table tbody tr td.rate_cell:hover > div:after,
.rates_table .base_table tbody tr td.rate_cell:hover > a:after {
display:none;
}
.rate_cell .note,
.rates_table thead .note {
display:inline-block;
height:16px;
padding:0 5px 0 0;
background:url(../images/notes-sprite.png) 100% -50px no-repeat;
font-family:Tahoma, Geneva, sans-serif;
vertical-align:middle;
}
.rate_cell .note > span,
.rates_table thead .note > span {
display:inline-block;
height:16px;
line-height:16px;
padding:0 0 0 10px;
float:left;
background:url(../images/notes-sprite.png) left top no-repeat;
font-size:0.625em;
color:#f69094;
text-align:left;
}
.rate_cell .note strong {
font-size:1.4em;
font-weight:bold;
color:#fff;
vertical-align:top;
}
.rates_table thead .note {
width:55px;
height:24px;
background-position:100% -150px;
}
.rates_table thead .note > span {
height:24px;
line-height:11px;
padding-left:12px;
background-position:0px -100px;
color:#fff;
font-size:0.786em;
}
.rate_cell .discount,
.discount_red,
.discount_blue {
display:inline-block;
width:40%;
height:24px;
line-height:24px;
float:left;
padding:0 5px;
margin:-2px 1px;
color:#fff;
text-align:right;
}
.discount_red {
background-color:#ec2028;
}
.discount_blue {
background-color:#00aedb;
}
.rate_cell:hover .discount {
margin-left:0;
}
.rate_cell.no_border:hover .discount {
margin-left:1px;
}
/*@end Rates table*/
/*@group Loan selector*/
#longtermloan {
background-color: #f8f8f8;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#loans_widget #longtermloan {
background-color: #e8eff1;
}
#selector {
position: relative;
}
#selector .sliders {
width:554px;
padding:0 60px;
float:left;
}
#loans_widget #selector .sliders {
width:204px;
min-height:0;
padding:6px 15px;
float:none;
background-color: #f8f8f8;
}
#selector .sliders fieldset {
padding: 20px 0;
position: relative;
z-index: 5;
}
#selector fieldset.amount_slider_wrap {
z-index: 10;
}
#selector.term_style_slide.has_offline fieldset.amount_slider_wrap {
margin-bottom: 45px;
}
#selector.term_style_dropdown fieldset.amount_slider_wrap {
padding-top: 30px;
padding-bottom: 25px;
}
#selector fieldset.duration_slider_wrap {
padding-top:6px;
}
#loans_widget #selector fieldset {
padding:0 0 25px 0;
}
.sliders label,
.slider_label {
display:block;
padding-bottom: 15px;
font-size:16px;
font-weight:normal;
color:#758b91;
text-align: center;
}
#loans_widget .sliders label,
#loans_widget .slider_label {
padding-bottom: 0;
text-align: left;
}
#loans_widget .duration_wrap label {
padding-bottom: 3px;
}
#selector .slider_box {
margin-top: 60px;
position:relative;
}
#loans_widget #selector .slider_box {
margin-left:25px;
margin-right:25px;
}
.unavailable_overlay {
display: block;
width:0;
height:11px;
background: rgba(248,248,248,0.7);
position: absolute;
right:-2px;
bottom:0;
z-index: 1;
}
.sliders .buttons {
padding:15px 0 60px 0;
text-align: center;
}
.term_style_dropdown .sliders .buttons {
padding-top: 55px;
}
.get_loan_process .sliders .buttons {
padding-bottom: 35px;
}
#loans_widget .sliders .buttons {
padding: 15px 0 25px 0;
}
#rates_area fieldset.monthly_price,
.get_loan_process fieldset.monthly_price {
width:315px;
height:auto;
float:right;
padding: 0;
margin: 60px 0;
border-left:1px solid #e4eaeb;
color:#758b91;
}
#rates_area fieldset.monthly_price {
line-height: 20px;
font-size: 16px;
}
.get_loan_process fieldset.monthly_price {
margin: 35px 0;
line-height: 16px;
font-size: 14px;
}
#rates_area fieldset.monthly_price .monthly_prices,
.get_loan_process fieldset.monthly_price .monthly_prices {
font-size: 14px;
}
#loans_widget .monthly_prices {
font-size: 14px;
}
#loans_widget .monthly_price {
padding: 30px 15px;
border-top: 2px solid #ccd9dc;
font-size: 14px;
}
#loans_widget .monthly_price .buttons {
margin-bottom: 20px;
}
#loans_widget .monthly_price .info {
letter-spacing: -0.03em;
line-height: 16px;
}
.monthly_price .table_contain {
display: table;
width: 100%;
}
.term_style_dropdown .monthly_price .table_contain {
height: 228px;
}
.term_style_slide .monthly_price .table_contain {
height: 258px;
}
.get_loan_process .term_style_dropdown .monthly_price .table_contain {
height: 262px;
}
.get_loan_process .term_style_slide .monthly_price .table_contain {
height: 303px;
}
.monthly_price .table_inner {
display: table-cell;
height: 100%;
padding:0 30px;
vertical-align: middle;
}
.monthly_price .price_area {
padding-bottom: 25px;
text-shadow: 0 1px #fff;
}
.term_style_dropdown .monthly_price .price_area {
padding-bottom: 28px;
}
.get_loan_process .term_style_dropdown .monthly_price .price_area {
padding-bottom: 15px;
}
#loans_widget #selector .price_area {
margin-top: 20px;
margin-bottom: 20px;
}
.monthly_price .select2 {
display: block;
margin-bottom: 15px;
}
.monthly_price .amount_info {
margin-bottom: 15px;
}
.get_loan_process .monthly_price .fees_area {
line-height: 15px;
font-size: 13px;
}
.get_loan_process #credit_information_url {
letter-spacing: -0.03em;
}
.sliders .fee_note,
.monthly_price .note {
padding: 17px 10px 0 0;
line-height: 15px;
font-size: 13px;
}
#loans_widget .monthly_price .note {
padding-right: 0;
}
#loans_widget .sliders .fee_note {
padding: 0 0 25px 0;
color: #758b91;
}
.sliders .fee_note *,
.monthly_price .note * {
margin-top: 0;
margin-bottom: 0;
}
.monthly_prices .default {
display: inline-block;
margin-right: 10px;
position: relative;
}
.monthly_prices .default:after {
display: block;
width: auto;
height:2px;
margin-top:-1px;
content: "";
background-color: #ec2028;
position: absolute;
top:50%;
left:-3px;
right:-3px;
}
.monthly_prices .discounted {
display: inline-block;
color: #ec2028;
}
#loans_widget .title {
padding:10px;
font-size:1.529em;/*26*/
font-weight:normal;
color:#fff;
background-color:#00afdc;
}
#manage_selector .selectors {
width: 470px;
float: left;
}
.get_loan_process #manage_selector fieldset.monthly_price {
width: 450px;
padding: 0;
margin: 0;
border-left: 0;
font-size: 16px;
line-height: normal;
}
.get_loan_process #manage_selector fieldset.monthly_price .buttons {
font-size: 17px;
}
#manage_selector .slider_box {
margin-top: 60px;
position:relative;
}
#manage_selector .duration_slider_wrap {
padding: 0 60px 20px;
position: relative;
z-index: 5;
}
#manage_selector .duration_dropdown_wrap {
padding: 0 90px 0 130px
}
#manage_selector .duration_dropdown_wrap .field_label {
padding-bottom: 5px;
color: #758b91;
}
#manage_selector .buttons {
margin-top: 20px;
}
/*@end*/
/*@group Calculator */
.duration_wrap.unavailable .select2-container--mo .select2-selection--single {
border-color: #ec2028;
}
.duration_wrap.unavailable.animate .select2-container--mo .select2-selection--single:after {
display: block;
width: 100%;
height: 100%;
content: "";
background-color: #ec2028;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
position: absolute;
top: 0;
left: 0;
opacity: 1;
filter:alpha(opacity=100);
}
.duration_wrap.unavailable.animate.out .select2-container--mo .select2-selection--single:after {
opacity:0;
filter:alpha(opacity=0);
/* easeOutCubic */
-webkit-transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.duration_wrap label {
display: block;
padding-bottom: 5px;
}
/*@end Calculator */
/*@group JSlider */
.slider-wrapper {
position: relative;
}
.slider-wrapper .jslider_mc {
display: block;
width: 100%;
height: 11px;
position: relative;
top: 0;
}
.jslider_mc {
font-family: 'Source Sans Pro', sans-serif;
}
.theme_modal .jslider_mc {
font-family: 'Roboto', sans-serif;
}
.jslider_mc .jslider-bg {
height: 11px;
background: url('/images/slider-track-bg.png') left bottom repeat-x;
cursor: pointer;
}
.jslider_mc .jslider-bg i {
height: 11px;
background: none;
}
.jslider_mc .jslider-scale {
top: 0;
}
.jslider_mc .jslider-scale span {
width: 1px;
height: 28px;
border-left: 0;
background: #ccd9dc;
position: absolute;
top: -21px;
cursor: pointer;
}
.jslider_mc .jslider-scale ins {
display: block;
width: 40px;
margin-left: 0 !important;
color: #83979c;
font-size: 14px;
font-weight: normal;
cursor: pointer;
position: absolute;
top: 28px;
left: -20px;
text-align: center;
}
.jslider_mc .jslider-scale span.inactive {
background: #ebeff0;
}
.jslider_mc .jslider-scale span.inactive ins {
color:#d5dbdd;
}
.jslider .jslider-value,
.jslider .jslider-label {
display: none !important;
}
.jslider .jslider-pointer {
width: 127px;
height: 54px;
margin-left: -63px;
padding: 0;
top: -60px;
left: 100%;
z-index: 100;
background: #00aedb;
overflow: visible !important;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor:url("/images/cursor-grab.png"), grab;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
}
.jslider .jslider-pointer.animate {
-moz-transition: left 500ms ease;
-webkit-transition: left 500ms ease;
-o-transition: left 500ms ease;
transition: left 500ms ease;
}
.jslider .jslider-pointer.animate.fast {
-moz-transition: left 250ms ease;
-webkit-transition: left 250ms ease;
-o-transition: left 250ms ease;
transition: left 250ms ease;
}
.jslider .jslider-pointer-hover {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor:url("/images/cursor-grabbing.png"), grabbing;
}
.jslider .jslider-pointer.jslider-pointer-hover,
.jslider .jslider-pointer:hover {
background:#009cc5;
}
.jslider_mc .baloon_box {
position: relative;
}
.jslider_mc .baloon_box:after {
top: 100%;
left: 50%;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-style: solid;
border-color: rgba(0, 174, 219, 0);
border-top-color: #00aedb;
border-width: 6px;
margin-left: -5px;
}
.jslider .jslider-pointer.jslider-pointer-hover .baloon_box:after,
.jslider .jslider-pointer:hover .baloon_box:after {
border-top-color: #009cc5;
}
.jslider_mc .baloon_box,
.jslider_mc .baloon_box > span {
display: block;
height: 100%;
}
.jslider_mc .baloon_box .baloon_box_value {
padding: 0 22px;
line-height: 54px;
color:#fff;
/*font-family: 'Source Sans Pro', sans-serif;*/
font-size: 18px;
font-weight: 600;
text-align: center;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.jslider_mc .baloon_box .baloon_box_unit {
font-size: 13px;
font-weight: normal;
}
.jslider_mc .baloon_box .baloon_box_arrow {
width:21px;
background-color:#009cc5;
position: absolute;
top:0;
z-index: 5;
cursor: pointer;
opacity: 1;
-moz-transition: opacity 150ms ease;
-webkit-transition: opacity 150ms ease;
-o-transition: opacity 150ms ease;
transition: opacity 150ms ease;
}
.jslider .jslider-pointer.jslider-pointer-hover .baloon_box .baloon_box_arrow,
.jslider .jslider-pointer:hover .baloon_box .baloon_box_arrow {
opacity: 0;
}
.jslider_mc .baloon_box .baloon_box_arrow:after {
display: block;
width:7px;
height:11px;
content: "";
background: url("/images/icon-sprite.png") 100px 100px no-repeat;
position: absolute;
top:22px;
}
.jslider_mc .baloon_box .arrow_left {
left:0;
border-right: 1px solid #4dc6e6;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.jslider_mc .baloon_box .arrow_right {
right:0;
border-left: 1px solid #4dc6e6;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.jslider_mc .baloon_box .arrow_left:after {
left:6px;
background-position: -80px -160px;
}
.jslider_mc .baloon_box .arrow_right:after {
right:6px;
background-position: -90px -160px;
}
/*@end JSlider*/
/*@group Home intro text*/
.home_intro_wrap {
padding: 30px 0 45px 0;
background-color: #fff;
}
/*@end*/
/*@group Content bottom*/
#content_bottom {
margin-top:50px;
}
.home_intro_wrap + #content_bottom,
#intro_banners + #content_bottom {
margin-top: 0;
}
#content_bottom .inner {
position:relative;
}
#content_bottom .cols_3 {
float:left;
margin-right:50px;
}
#content_bottom .col_3_1,
#content_bottom .col_3_2 {
width:310px;
}
#content_bottom .col_3_3 {
width:230px;
margin-right:0;
padding-bottom:230px;
}
#info_banners {
list-style:none outside none;
padding:0 20px;
background-color:#fff;
}
#info_banners li {
display:block;
padding:10px 0;
border-bottom:1px solid #ccd9dc;
}
#info_banners li:last-child {
border-bottom:0;
}
#info_banners li a,
#info_banners li a span {
display:block;
}
#info_banners li .image {
width:100%;
margin-bottom:10px;
overflow:hidden;
}
#info_banners li .image img {
display:block;
}
#info_banners li .read_more {
display:inline-block;
float:right;
}
#info_banners li a:hover .icon {
background-position:-110px 0;
}
#offices_contacts,
#base_contacts {
color:#fff;
font-size:0.882em;
}
#offices_contacts h3 {
margin:0 0 0.952em 0;
font-size:1.4em;
}
#offices_contacts p,
#base_contacts p {
margin:1.647em 0;
}
#base_contacts p:first-child,
#base_contacts p.search_link_warp {
margin-top:0;
}
#base_contacts p.sitemap_link_warp {
margin-bottom: 0;
}
#offices_contacts a,
#base_contacts a {
color:#fff;
text-decoration:underline;
}
#association_banner {
width:230px;
color:#47595d;
position:absolute;
right:20px;
bottom:0;
}
#association_banner img {
display:block;
max-width: 210px;
border:0;
}
#association_banner p {
margin:1.647em 0 0;
}
/*@end*/
/*@group --- FAQ --- */
.faq_title {
padding-left: 20px;
margin-bottom: 40px;
}
.faq-questions {
padding-left: 20px;
margin-bottom: 40px;
}
.faq-questions,
.text .faq-questions {
list-style:none outside none;
margin-left:0;
}
.faq-questions li,
.text .faq-questions li {
padding-left:0;
margin:1em 0;
}
.faq-questions li > a,
.text .faq-questions li > a {
display:block;
padding-left:50px;
font-size:1.235em;
position:relative;
}
.faq-questions li > a:hover,
.text .faq-questions li > a:hover,
.faq-questions li > a.active,
.text .faq-questions li > a.active {
color:#47595d;
text-decoration:none;
}
.faq-questions li > a .icon,
.text .faq-questions li > a .icon {
width:24px;
height:24px;
background:url(../images/icon-sprite.png) -80px 0 no-repeat;
top:0;
left:0;
}
.faq-questions li > a:hover .icon,
.text .faq-questions li > a:hover .icon {
background-position:-140px -25px;
}
.faq-questions li > a.active .icon,
.text .faq-questions li > a.active .icon {
background-position:-80px -25px;
}
.faq-questions .answer,
.text .faq-questions .answer {
padding-left:50px;
}
.faq-questions .answer a.popup,
.faq-questions .answer a.popup:hover,
.faq-questions .answer a.popup:active,
.faq-questions .answer a.popup:focus {
color: #47595d;
text-decoration: none;
}
.faq-questions .answer.text > p:first-child {
margin-top: 10px;
}
.faq-questions .answer.text > p:last-child {
margin-bottom: 30px;
}
/*@end --- FAQ --- */
/*@group --- Register --- */
/*@group Steps nav */
.steps_nav {
display:table;
width:988px;
height:63px;
line-height:63px;
margin:-19px -19px 50px -19px;
overflow:hidden;
}
.steps_nav.loans_steps_nav {
margin-bottom:0;
}
.logged_in .steps_nav {
width:988px;
}
.steps_nav li {
display:table-cell;
vertical-align:middle;
}
.steps_nav.loans_steps_nav li {
width:25%;
}
.steps_nav li a,
.steps_nav li button {
display:block;
height:63px;
line-height:63px;
padding-left:80px;
background-color:#ccd9dc;
color:#6f8489;
font-size:16px;
font-weight:600;
position:relative;
}
.steps_nav li button {
width: 100%;
margin: 0;
padding-top: 0;
padding-bottom: 0;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.steps_nav li button:hover {
text-decoration: underline;
}
.steps_nav li form {
margin: 0;
padding: 0;
}
.steps_nav li:first-child a,
.steps_nav li:first-child button {
padding-left:70px;
}
.steps_nav li.active a,
.steps_nav li.active button {
background-color:#6f8489;
color:#fff;
}
.steps_nav li a i,
.steps_nav li button i {
display:block;
width:40px;
height:40px;
margin-top:-20px;
line-height:40px;
color:#6f8489;
background-color:#fff;
font-size:28px;
font-style:normal;
text-align:center;
cursor:pointer;
position:absolute;
top:50%;
left:30px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}
.steps_nav li:first-child a i,
.steps_nav li:first-child button i {
left:20px;
}
.steps_nav li a span,
.steps_nav li button,
.steps_nav li button span {
cursor:pointer;
}
.steps_nav li span.title {
display: table-cell;
height: 63px;
line-height: normal;
vertical-align: middle;
position:relative;
z-index:200;
}
.steps_nav li span.arrow {
display:block;
width:63px;
height:63px;
background-color:#ccd9dc;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#fff;
position:absolute;
top:0;
right:-20px;
z-index:100;
-ms-transform: rotate(72deg) skewX(54deg) translate(4px, 10px); /* IE 9 */
-webkit-transform: rotate(72deg) skewX(54deg) translate(4px, 10px); /* Safari */
transform: rotate(72deg) skewX(54deg) translate(4px, 10px); /* Standard syntax */
}
.steps_nav li.active span.arrow {
background-color:#6f8489;
}
.steps_nav li:last-child span.arrow {
display:none;
}
.steps_nav li a.no_link,
.steps_nav li a.no_link span,
.steps_nav li a.no_link i {
cursor:default;
}
.steps_nav li a.no_link:hover {
text-decoration:none;
}
/*@end Steps nav */
/*@group V2 Steps nav (Front-end) */
.steps_nav_thin_wrap {
height: 26px;
padding: 0 30px;
margin-bottom: 20px;
position: relative;
}
.steps_nav_thin_wrap.use_reg_promo {
clear: both;
margin: 0 330px -26px 0;
top: -46px;
}
.steps_arrow {
display: block;
width: 0;
height: 1px;
background-color: #fff;
position: absolute;
left: 30px;
top: 22px;
}
.steps_arrow.animate {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.steps_arrow:after {
display: block;
width: 5px;
height: 7px;
content: "";
background: url("../images/icon-sprite.png") -245px -160px no-repeat;
position: absolute;
top: -3px;
right: 0;
}
.steps_nav_thin {
display: table;
width:100%;
height:20px;
list-style: none outside none;
}
.steps_nav_thin li {
display: table-cell;
width:33.3333%;
height: 20px;
font-size:12px;
text-align: center;
}
.steps_nav_thin li:first-child {
text-align: left;
}
.steps_nav_thin li:last-child {
text-align: right;
}
.steps_nav_thin li a,
.steps_nav_thin li button {
color: #fff;
text-decoration: none;
opacity:0.3;
filter:alpha(opacity=30);
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.steps_nav_thin li button {
display: inline-block;
width: auto;
margin: 0;
padding: 0;
border: 0;
background: none;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.steps_nav_thin li button:hover {
text-decoration: none;
}
.steps_nav_thin li form {
margin: 0;
padding: 0;
}
.steps_nav_thin li.completed a,
.steps_nav_thin li.active a,
.steps_nav_thin li.completed button,
.steps_nav_thin li.active button {
opacity:1;
filter:alpha(opacity=100);
}
.steps_nav_thin li .arrow {
display: none;
}
.steps_nav_thin li i {
font-style: normal;
}
.steps_nav_thin li i:after {
content: ".";
}
/*@end V2 Steps nav (Front-end) */
/*@group V2 Steps nav (Savitarna) */
.get_loan_process #content_main {
background-color: #f8f8f8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.get_loan_process #content_main.bg-white {
background-color: #fff;
}
.get_loan_process.visible_slider #content_main {
padding:1px 0 0 0;
background:none;
}
.credit_steps_wrap {
height:45px;
padding:0 0 0 100px;
margin: 0 20px 0;
position: relative;
}
#intro_loans_action + .credit_steps_wrap {
margin-top: 15px;
}
.visible_slider .credit_steps_wrap {
margin-left:0;
margin-right:0;
}
.credit_steps_wrap .steps_arrow {
width: 10px;
left: 100px;
}
.credit_steps_wrap .steps_nav_thin {
width:auto;
}
.credit_steps_wrap .steps_nav_thin li {
width:auto;
padding-right:88px;
}
.get_loan_process.visible_slider .credit_steps_wrap .steps_nav_thin li {
padding-right:101px;
}
.credit_steps_wrap .steps_nav_thin li:last-child,
.get_loan_process.visible_slider .credit_steps_wrap .steps_nav_thin li:last-child {
padding-right:0;
}
/*@end V2 Steps nav (Savitarna) */
/*@group Promo label*/
.registration_promo {
width:auto;
height:54px;
padding:0 12px 0 15px;
position:absolute;
top:-54px;
right:-12px;
}
.registration_promo .tail,
.registration_promo .corner {
display:block;
background:url(../images/deco-sprite.png) left top no-repeat;
position:absolute;
top:0;
}
.registration_promo .tail {
width:15px;
height:54px;
left:0;
}
.registration_promo .corner {
width:12px;
height:61px;
background-position:-20px 0;
right:0;
}
.registration_promo .promo_content {
max-width:550px;
width:auto;
height:48px;
padding:6px 2px 0 12px;
background-color:#ec2028;
color:#fff;
font-size:1.059em;
line-height:1.059em;
overflow:hidden;
text-align:right;
text-shadow:0px -1px rgba(0, 0, 0, 0.3);
white-space:nowrap;
}
.registration_promo .promo_content strong {
display:block;
font-size:1.111em;
line-height:1.111em;
}
/* Promo style V2 */
.registration_promo_blank {
display: table;
width: 330px;
height: 75px;
float: right;
margin-bottom: 20px;
background-color: #ec2028;
color: #fff;
}
.registration_promo_blank .promo_content {
display: table-cell;
height: 100%;
padding: 15px 20px;
font-size: 0.882em;/*17->15*/
line-height: normal;
text-align: right;
vertical-align: middle;
}
.registration_promo_blank.style_image .promo_content {
padding: 0;
text-align: center;
}
.registration_promo_blank .promo_content strong {
display:block;
}
.registration_promo_blank .tail,
.registration_promo_blank .corner {
display: none;
}
/* END Promo style V2 */
/*@end Promo label*/
.registration_step_1 {
padding-top:40px;
padding-bottom: 10px;
}
.registration_step_1 .column_2_1 {
width:460px;
float:left;
}
.registration_step_1 .column_2_2 {
width:390px;
float:right;
}
.registration_step_1 .column_2_1 .input_group {
width:251px;
}
.registration_step_1 .custom_radio {
margin-right:15px;
}
.registration_step_1 .gdpr_agreement {
margin: 15px 0 35px 0;
}
.registration_step_1 fieldset.buttons {
text-align:left;
}
.registration_step_1 .button_big {
padding:0 56px 0 26px;
font-size:1.765em;
}
.registration_step_2 {
padding: 0 15px;
}
.registration_step_2 h2 {
font-size:1.471em; /*17->25*/
}
.registration_step_2 .text {
font-size: 1.059em;/*17->18*/
font-weight: 600;
}
.registration_step_2 .login_area {
margin-top:40px;
}
.registration_step_2 .login_area form {
width:580px;
}
.registration_step_2 .payment_login .login_area form {
width:auto;
}
.registration_step_2 .login_area form::after,
.registration_step_2 .login_area form::before {
content: " ";
display: table;
}
.registration_step_2 .login_area form::after {
clear: both;
}
.registration_step_2 .login_area form > fieldset {
float: right;
clear: right;
}
.registration_step_2 .login_area form .buttons {
margin-top: 30px;
}
.registration_step_2 .login_area form .button_big_2 {
max-width: 284px;
font-size: 1.353em;/*17->23*/
line-height: normal;
text-align: right;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
}
#payment_info_area {
display:none;
}
.banks_list {
margin-top:40px;
padding-left:130px;
}
.banks_list li {
width:350px;
float:left;
margin:0 40px 10px 0;
}
.banks_list li:nth-child(odd) {
margin-right:50px;
}
.banks_list li:nth-child(even) {
margin-right:0;
}
.banks_list li a {
display:inline-block;
padding-left:44px;
line-height:24px;
font-size: 0.882em;
font-weight: 600;
position:relative;
}
.banks_list li a:hover {
color:#47595d;
text-decoration:none;
}
.banks_list li a .icon {
width:24px;
height:24px;
background:url(../images/icon-sprite.png) -80px 0 no-repeat;
top:0;
left:0;
}
.banks_list li a:hover .icon {
background-position:-140px -25px;
}
/* Payment info */
.payment_info .column_2_1 {
width:500px;
float:left;
}
.payment_info .column_2_2 {
width:345px;
float:right;
}
.payment_info_auto .column_2_1 {
width:425px;
}
.payment_info_auto .column_2_1 img {
display: block;
max-width: 100%;
}
.payment_info_auto .column_2_2 {
width:405px;
float:right;
}
.payment_info_manual .column_2_1 {
width: 455px;
padding-left: 45px;
}
.payment_info .column_2_1 h3 {
margin-top:0;
}
.payment_info table td {
vertical-align:top;
}
.payment_info .column_2_2.text p,
.payment_info .column_2_2.text ul {
margin-top:0;
margin-bottom:0;
}
.payment_info .button_big_2,
.registration_step_3 .button_big_2 {
line-height: normal;
text-align: left;
-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
}
.payment_info .go_next {
margin-top:1em;
}
.payment_info .go_next .button {
float:right;
margin-left:20px;
}
/* Auto payment */
.payment_info_auto_wrap {
margin-bottom: 40px;
}
.payment_info_auto .column_2_2.text form {
margin-top: 45px;
text-align: right;
}
.payment_info_auto .column_2_2 form button {
font-size: 1.471em;/*17->25*/
}
/* END Auto payment */
/* Manual payment */
.payment_info_manual_wrap {
margin:0 -35px -40px;
padding: 25px 35px 40px;
background-color: #e8f2f4;
}
.manual_payment_intro {
text-align: center;
}
.manual_payment_intro p {
margin-bottom: 25px;
}
.manual_payment_intro p:last-child {
margin-bottom: 0;
}
.manual_payment_intro .break_line_text {
margin-bottom: 10px;
}
.break_line_text {
font-size: 1.471em;/*17->25*/
font-weight: 600;
text-align: center;
position: relative;
}
.break_line_text span {
padding: 0 10px;
background-color: #e8f2f4;
position: relative;
top:-3px;
z-index: 2;
}
.break_line_text:after {
display: block;
width: 100%;
height: 1px;
margin-top: -1px;
background-color: #ccd9dc;
content: "";
position: absolute;
top: 50%;
left: 0;
z-index: 1;
}
.payment_info_manual.expanded,
.payment_info_manual .payment_login {
padding-top: 45px;
margin-top: 35px;
border-top: 1px solid #ccd9dc;
}
.list_title {
width: 455px;
padding:0 0 30px 45px;
position: relative;
font-weight: 600;
}
.list_title_no {
font-size: 1.294em;/*17->22*/
font-weight: 600;
position: absolute;
top: 0;
left: 0;
}
.manual_payment_example {
margin:1em 0 45px;
float:right;
}
.manual_payment_example a,
.manual_payment_example span,
.manual_payment_example img {
display: block;
}
.manual_payment_example span {
float: left;
}
.manual_payment_example span.title {
width: 70px;
overflow: visible;
text-align: right;
}
.manual_payment_example span.image {
margin-left:20px;
}
.manual_payment_example span.image {
border: 1px solid #4f6165;
}
.payment_info_manual .payment_button_wrap {
margin-bottom: 1em;
text-align: right;
}
.payment_info_manual .button_big_2 {
font-size: 1.059em;/*17->18*/
}
.payment_login .list_title {
float: left;
}
.payment_login .login_area {
width: 370px;
float: right;
text-align: right;
}
.payment_login .login_message {
width: auto;
margin-bottom: 24px;
}
.payment_login .common_form fieldset > label {
width: 139px;
}
.payment_login .input_group .form_control {
width: 197px;
}
.payment_login .common_form fieldset.buttons {
margin-top: 24px;
text-align: right;
}
/* END Manual payment */
.registration_login_note {
margin:40px -35px -40px;
padding:30px 35px 30px 80px;
color: #ec2028;
background-color: #fde8e9;
}
/* END Payment info */
/*
.registration_step_3 {
padding-left:150px;
}
.registration_step_3 fieldset {
width:456px;
}
.registration_step_3 fieldset.buttons {
text-align:right;
position:relative;
}
.registration_step_3 .text {
padding:0 100px;
margin-bottom:1em;
}
.registration_step_3 .text p {
margin:0
}
.registration_step_3 .button_big_2 {
margin-left:210px;
}
.registration_step_3 .login_message {
text-align:center;
}
*/
.registration_step_3_inn {
margin:30px 0 10px 0;
padding: 1em 0 1px;
position: relative;
}
.registration_step_3_inn:after {
display: block;
width: 1px;
height: 100%;
content: "";
background-color: #ccd9dc;
position: absolute;
top: 0;
left: 50%;
}
.registration_step_3 .text,
.registration_step_3 .login_area {
float: left;
}
.registration_step_3 .text {
width: 335px;
padding: 0 60px;
}
.registration_step_3 .login_area {
width: 395px;
padding-right: 60px;
}
.registration_step_3 .login_message {
width: auto;
padding-left: 60px;
margin-bottom: 20px;
}
.registration_step_3 form {
margin-top: 1em;
}
.registration_step_3 .common_form fieldset > label {
width: 164px;
}
.registration_step_3 .input_group .form_control {
width: 197px;
}
.registration_step_3 .common_form fieldset.buttons {
margin-top: 20px;
text-align: right;
position:relative;
}
.registration_step_3 .button_big_2 {
font-size: 1.471em;/*17->25*/
text-align: right;
}
.registration_step_3 .loading_image {
margin-top:-8px;
position:absolute;
top:50%;
right:15px;
}
.registration_step_3 .online_user {
float:none;
padding-left:100px;
}
.registration_step_3 .registration_login_note {
margin-top:50px;
margin-left:-20px;
margin-right:-20px;
padding-left:60px;
padding-right:60px;
}
.registration_step_repeat {
padding: 90px 0 80px 0;
text-align: center;
}
.registration_step_repeat h3 {
width: 445px;
margin: 0 auto 40px;
padding-bottom: 20px;
border-bottom: 1px solid #ccd9dc;
font-size: 1.471em;/*17->25*/
line-height: normal;
}
/*@end --- Register --- */
/*@group --- Profile --- */
.profile_tab_sms,
.profile_tab_password {
padding-top:30px;
}
.profile_tab_sms > fieldset {
padding-left:215px;
}
.profile_tab_sms > fieldset.group_area > label {
font-weight:600;
}
.profile_tab_sms .buttons input,
.profile_tab_sms .buttons button {
float:left;
}
.profile_tab_sms .buttons label,
.profile_tab_sms .buttons .form_control {
margin-top:9px;
}
.profile_tab_sms .buttons label {
width:auto;
}
.profile_tab_sms .buttons .form_control {
margin-right:10px;
}
.profile_tab_password > fieldset > label {
width:440px;
}
.profile_tab_password > fieldset.buttons {
padding-left:450px;
text-align:left;
}
/*@end --- Profile --- */
/*@group --- Get credit --- */
.group_area,
.common_form fieldset.group_area,
.getcredit_step_2 fieldset.form-group {
border-bottom:1px solid #ccd9dc;
margin-bottom:30px;
padding-bottom:12px;
}
.getcredit_step_2 fieldset.form-group {
padding-bottom:30px;
}
.group_area.last,
.common_form fieldset.group_area.last {
border-bottom:0;
margin-bottom:0;
padding-bottom:0;
}
.group_area h2 {
margin-top:0;
}
.group_area .column_2_1,
.group_area .column_2_2 {
width:430px;
padding-bottom:18px;
}
.group_area .column_2_1 {
float:left;
}
.group_area .column_2_2 {
float:right;
}
.confirmation_area {
margin:0 -19px 1px;
padding:20px;
background-color:#ffe99e;
}
.confirmation_text_area h3 {
font-size:21px;
}
.confirmation_text_area * {
margin:0;
}
.confirmation_input_area {
margin-top:30px;
padding-bottom:10px;
text-align:center;
}
.confirmation_input_area .custom_checkbox {
display: inline-block;
padding:0 0 0 30px;
margin:0 auto;
color:#00aedb;
cursor:pointer;
}
.confirmation_input_area.error .custom_checkbox {
color:#e23b5b;
}
.confirmation_input_area .custom_checkbox .icon {
top: 1px;
left: 0;
}
.manage_loan_title {
margin: 30px 0 0 0;
}
.getcredit_step_1,
.getcredit_step_2,
.getcredit_step_3 {
margin-top:50px;
}
.getcredit_step_1,
.getcredit_step_2 {
margin-bottom: 80px;
}
.manageloan_tab_date.getcredit_step_3 {
margin-bottom: 30px;
}
.getcredit_step_4 {
margin-top:30px;
}
.visible_slider .getcredit_step_3 {
margin-top:0;
}
.getcredit_step_1 .messages-error,
.getcredit_step_1 .messages-notification {
margin-top:2em;
margin-bottom:2em;
}
.getcredit_step_1.common_form fieldset.form-group {
display: table;
width:100%;
margin-bottom:42px;
}
.getcredit_step_1.common_form fieldset.form-group > label {
display: table-cell;
width:465px;
float:none;
padding:0 10px 0 0;
margin:0;
font-size:15px;
line-height:19px;
vertical-align: middle;
}
.getcredit_step_1.common_form .input_group {
display: table-cell;
width:auto;
height:38px;
padding:0;
float:none;
vertical-align: top;
}
.getcredit_step_1 .input_group div.form_control {
display: inline-block;
vertical-align: middle;
}
.getcredit_step_1.common_form fieldset > label.file_upload_area_label {
padding-top:0;
}
.getcredit_step_1.common_form fieldset.buttons {
margin:42px 0 0 475px;
text-align:left;
}
.getcredit_step_1.common_form .heading {
margin-top:0;
}
.text.instantor_success_text * {
margin-top: 0;
margin-bottom: 0;
}
.getcredit_step_1 button.button_extra_big,
.getcredit_step_2 button.button_extra_big,
.getcredit_step_3 button.button_extra_big {
min-width: 240px;
}
.getcredit_step_1 a.button_extra_big,
.getcredit_step_2 a.button_extra_big,
.getcredit_step_3 a.button_extra_big {
min-width: 110px;
}
.common_form.getcredit_step_2 .group_area {
margin-bottom: 50px;
padding-bottom: 32px;
}
.common_form.getcredit_step_2 fieldset.form-group {
padding-bottom: 50px;
}
.getcredit_step_2 .group_area.text {
margin-top:-1.25em;
}
.getcredit_step_2 > fieldset.buttons {
border-bottom:0;
margin-bottom:0;
padding-left:490px;
padding-bottom:0;
text-align:left;
}
.getcredit_step_2 fieldset > label,
.getcredit_step_2 fieldset > div.label,
.manageloan_tab_date fieldset > div.label {
width:490px;
padding-top:0;
padding-bottom:18px;
text-align:left;
}
.getcredit_step_2 fieldset.form-group > label,
.getcredit_step_2 fieldset.form-group > div.label,
.manageloan_tab_date fieldset.form-group > div.label {
padding-bottom:0;
}
.getcredit_step_2 .form_control.short {
width:60px;
}
.getcredit_step_2 .buttons {
position:relative;
}
.getcredit_step_2 .buttons .loading_image {
position:absolute;
top:6px;
left:506px;
}
.getcredit_step_2 .button_group .label {
display: table;
padding-bottom: 0;
font-size: 0.765em;/*17->13*/
}
.getcredit_step_2 .button_group .label_inner {
display: table-cell;
height: 55px;
text-align: left;
vertical-align: middle;
}
.getcredit_step_2 .button_group .input_group {
min-width: 194px;
text-align: right;
}
.getcredit_step_3 fieldset .text {
padding-bottom:18px;
}
.getcredit_step_3 fieldset .text p,
.getcredit_step_3 fieldset .text ul {
margin-top:0;
margin-bottom:0;
}
.getcredit_step_3 #intro_loans_action {
margin:-31px -20px 30px;
padding:22px 20px;
background-color:#00afdc;
}
.getcredit_step_3 .rates_table {
font-size:0.938em;
padding-bottom:18px;
}
.getcredit_step_3 div.rates_table {
width:782px;
overflow:auto;
}
.getcredit_step_3 .rates_table thead td {
font-size:0.882em;
font-weight:600;
line-height:1.1em;
text-align:right;
vertical-align:bottom;
}
.getcredit_step_3 .base_table_headcorner thead td {
padding-top:5px;
padding-bottom:5px;
}
.getcredit_step_3 .rates_table tbody td {
font-size:0.882em;
}
.getcredit_step_3 .office_rates_area {
width:460px;
margin:auto;
}
.getcredit_step_3 .block_right {
margin-bottom:20px;
}
.getcredit_step_4 h2,
.getcredit_step_4 p {
margin:0;
line-height:21px;
}
.getcredit_step_4 table {
margin:1em 0 0 0;
}
.getcredit_step_4 .column_2_1,
.getcredit_step_4 .column_2_2 {
width:430px;
padding-bottom:18px;
}
.getcredit_step_4 .column_2_1.text_note {
font-size:0.882em;
}
.getcredit_step_4 .column_2_1.text_note > :first-child {
margin-top: 0;
}
.getcredit_step_4 .column_2_2 .input_group {
width:100%;
}
.getcredit_step_4 .input_group input,
.getcredit_step_4 .input_group .button_big {
float:left;
}
.getcredit_step_4 .input_group .button_big {
margin:-9px 0 0 10px;
}
.getcredit_step_4 .button_back {
clear:both;
float:right;
}
.getcredit_step_4 .button_back.m_top {
margin-top: 13px;
}
.getcredit_step_4 .column_2_2 .agreement {
margin-bottom: 30px;
}
/* Confirm identity */
.confirm_types_list {
padding: 0 80px;
}
.confirm_types_list h3 {
clear: both;
}
.confirm_types_row {
display: flex;
}
.confirm_item {
display: block;
flex-flow: row wrap;
width: 330px;
min-height: 100px;
float: left;
padding: 24px 24px 16px 24px;
margin: 0 0 30px 30px;
border:1px solid #d9d9d9;
background-color: #fff;
box-shadow: -1px 1px 3px rgba(0,0,0,0.1);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.confirm_types_row .confirm_item:first-child {
margin-left:0;
}
.confirm_item,
.confirm_item span {
cursor: pointer;
}
.confirm_item.no_link,
.confirm_item.no_link span {
cursor: default;
}
.confirm_item:hover,
.confirm_item:focus,
.confirm_item:active {
background-color: #e4f2e8;
text-decoration: none;
}
.confirm_item.no_link:hover,
.confirm_item.no_link:focus,
.confirm_item.no_link:active {
background-color: #fff;
}
.confirm_item span.title {
display: inline-block;
position: relative;
line-height:24px;
font-weight: 600;
margin-bottom: 10px;
}
.confirm_item span.title:after {
display: inline-block;
width:24px;
height:24px;
content: "";
margin-left: 5px;
background: url("../images/icon-sprite.png") -80px 0 no-repeat;
vertical-align: middle;
position: relative;
top:-1px;
}
.confirm_item span.info {
display: block;
color:#47595d;
font-size: 0.882em; /*17->15*/
}
/* Confirm agreement */
.pre_content_text {
margin: 0 35px 30px;
}
.agreement_text_wrap {
margin: 20px 35px 30px;
padding:3px;
border:1px solid #d9d9d9;
background-color:#fff;
box-shadow: -1px 1px 3px rgba(0,0,0,0.1);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.agreement_text_wrap.iframe_wrap {
padding: 0;
overflow: hidden;
}
.agreement_text_wrap iframe {
display: block;
border: 0;
}
.agreement_text {
height: 275px;
padding: 0 20px;
overflow: auto;
}
.getcredit_step_4 .agreement_text h2 {
margin:0.875em 0;
}
.getcredit_step_4 .agreement_text p {
margin: 1.25em 0;
}
/* END Confirm agreement */
/* Confirm dynamic */
.confirm_dynamic {
margin:30px 0;
}
.common_form .confirm_dynamic fieldset > label {
width: 270px;
}
.confirm_dynamic .buttons {
margin-top:30px;
}
/* END Confirm dynamic */
/* Confirm by courier */
.common_form .confirm_courier .group_heading {
padding: 0;
margin: 0 0 13px 0;
border: 0;
text-transform: none;
}
.common_form .confirm_courier .form_fields_wrap .form-group + .form-group {
margin-top: 40px;
padding-top: 1em;
border-top:1px solid #ccd9dc;
}
.common_form .confirm_courier .inline_radioselectslist_fields.no_label > .check_list {
margin: 30px 0 5px;
text-align: center;
}
.common_form .confirm_courier .inline_radioselectslist_fields > .check_list > label {
display: inline-block;
margin: 5px 30px 5px 0;
}
.common_form .confirm_courier .inline_radioselectslist_fields.no_label > .check_list > label {
margin: 5px 30px;
}
.delivery_address_text {
margin:30px 0 40px;
padding-left: 280px;
}
.delivery_address_edit {
margin:30px 0;
}
.common_form .delivery_address_edit fieldset > label {
width: 270px;
}
.toggle_address_edit_wrap {
margin-top: 10px;
}
.toggle_address_edit_wrap a {
cursor: pointer;
}
.confirm_courier .add_break {
padding-top: 1em;
border-top:1px solid #ccd9dc;
}
.delivery_time_opts {
margin: 50px 0;
text-align: center;
}
.delivery_time_opts .custom_radio {
display: inline-block;
margin: 0 30px;
}
.confirm_courier .buttons {
text-align: center;
}
/* END Confirm by courier */
/* Confirm by bank */
.confirm_bank {
margin-top:-20px;
text-align: center;
}
.confirm_bank h3 {
width: 445px;
margin: 0 auto 40px;
padding-bottom: 20px;
border-bottom: 1px solid #ccd9dc;
font-size: 1.471em;/*17->25*/
line-height: normal;
}
/* END Confirm by bank */
/* END Confirm identity */
.getcredit_success {
width:540px;
min-height:66px;
margin:80px auto 50px;
padding:25px 0 0 180px;
position:relative;
font-size:1.235em;
line-height:1.235em;
}
.getcredit_success .icon {
width:115px;
height:91px;
background:url(../images/tick-big.png) left top no-repeat;
position:absolute;
top:0;
left:0;
}
/*@end --- Get credit --- */
/*@group --- Manage credit --- */
.manageloan_tab_repayment,
.manageloan_tab_extraloan,
.manageloan_tab_date.text {
width:620px;
margin:80px auto 60px;
}
/*@end --- Manage credit --- */
/*@group --- Users get credit (landing) --- */
.users_landing .column_2_1,
.users_landing .column_2_2 {
width:400px;
}
.users_landing .column_2_1 {
float:left;
}
.users_landing .column_2_2 {
float:right;
}
.users_landing h2 {
margin:0 0 1.429em 0;
font-size:1.750em;
}
.new_user_box,
.existing_user_box {
padding:124px 0 50px;
background-color:#fff;
text-align:center;
position:relative;
}
.new_user_box .registration_promo {
width:400px;
top:9px;
}
.users_landing .button_big {
font-size:1.875em;
}
.users_landing .common_form fieldset > label {
width:200px;
}
.users_landing .common_form fieldset > label.two_lines {
line-height:1.2em;
}
.users_landing .input_group .form_control {
width:165px;
}
.users_landing .common_form fieldset.buttons {
margin:2.1em 0 0 0;
text-align:right;
}
.users_landing .common_form fieldset.buttons + fieldset.buttons {
margin-top: 25px;
}
.users_landing .login_message {
width:auto;
text-align:center;
}
/*@end --- Users get credit (landing) --- */
.ajax_popup {
padding:10px 15px 10px;
}
.ajax_popup.fixed {
max-width:670px;
}
.ajax_popup h1 {
margin-top:0;
}
/*@group Tooltip */
#tooltip_container {
display:none;
width:260px;
height:auto;
padding:20px;
background-color:#fff;
position:absolute;
z-index:600;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow:2px 7px 27px rgba(0,0,0,0.55);
}
#tooltip_close {
width:40px;
height:40px;
background:url(../images/icon-sprite.png) -200px 0 no-repeat;
cursor:pointer;
position:absolute;
top:-20px;
right:-20px;
}
#tooltip_close:hover {
background-position:-250px 0;
}
#tooltip_close span {
display:none;
}
#tooltip_content {
width:260px;
min-height:20px;
}
#tooltip_container:after,
#tooltip_container:before {
width: 0;
height: 0;
border: solid transparent;
content: " ";
position: absolute;
top: 100%;
left: 50%;
pointer-events: none;
}
#tooltip_container:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
#tooltip_container:before {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 11px;
margin-left: -11px;
}
.tooltip_popup .text * {
margin-top:0;
margin-bottom:0;
}
a.tooltip {
display:inline-block;
width:17px;
height:17px;
background:url(../images/icon-sprite.png) -350px -60px;
vertical-align:middle;
}
a.tooltip:hover,
a.tooltip:active {
background-position:-375px -60px;
}
a.tooltip span {
display:none;
}
/*@end Tooltip */
/*@group Password page */
.user_form_wr {
text-align: center;
}
.user_form_wr h1 {
margin-bottom: 1em;
}
.user_form_wr .text {
max-width: 70%;
margin: auto;
}
.user_form_wr .common_form {
margin-top: 1.5em;
}
.user_form_wr .common_form fieldset > label {
width: 39%;
margin-right: 2%;
}
.user_form_wr .buttons {
margin-top: 1.5em;
}
.user_form_wr .common_form fieldset.buttons {
padding-left: 41%;
text-align: left;
}
.user_form_wr .common_form fieldset.buttons + fieldset.buttons {
margin-top: 0;
}
/*@end Password page */
/*@group Password popup */
form.password_remider {
margin-top:1.5em;
}
form.password_remider div.error {
margin-bottom:10px;
}
#password_popup form.password_remider div.error {
margin-bottom:5px;
}
#password_popup {
width:780px;
max-width: 780px;
padding-bottom: 30px;
}
#password_popup fieldset {
width:258px;
margin:0 auto 10px;
}
#password_popup fieldset.buttons {
width:251px;
float:none;
clear:both;
padding-right: 7px;
position:relative;
text-align:right;
}
#password_popup label {
display:block;
margin-bottom:5px;
color:#6f8489;
}
#password_popup .error label {
color:#e23b5b;
}
#password_popup .loading_image {
position:absolute;
top:10px;
right:10px;
}
/*@end Password popup */
/*@Group Akcijos */
.user_messages_list {
width:710px;
margin:80px auto 60px;
}
.user_messages_list .group_area {
padding:0 0 30px 36px;
position:relative;
}
.user_messages_list .group_area.last {
padding-bottom:0;
}
.message_date {
padding-bottom:10px;
color:#6f8489;
font-size:0.882em;
}
.message_title {
font-size:1.647em;
font-weight:600;
color:#47595d;
text-decoration:none;
}
div.message_title {
padding-bottom:3px;
}
a.message_title {
color:#00aedb;
}
a.message_title:hover,
.message_text {
color:#47595d;
}
.message_text {
margin-top:1.235em;
}
.user_messages_list .group_area .icon {
width:16px;
height:16px;
background-color:#ec2028;
top:1px;
left:0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.user_messages_list .group_area.message_status_r .icon {
display:none;
}
.message_popup.ajax_popup {
width:685px;
overflow:hidden;
}
/*@end Akcijos */
#popup_banner_data {
display:none;
}
#popup_banner_inner {
overflow:hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#popup_banner_inner img {
display:block;
border:0;
}
#popup_banner_inner iframe {
border:0;
}
.stats_scripts {
position:absolute;
left:0;
bottom:0;
z-index:-1;
}
iframe#perlas_map {
width:692px !important;
margin-right:-22px;
}
/* Site map */
.sitemap {
margin:1em 0 1em 20px;
padding:0;
list-style:none;
position: relative;
}
.sitemap ul {
margin:0;
padding:0;
list-style:none;
position: relative;
}
ul.sitemap:before,
.sitemap ul:before {
display: block;
width: 1px;
height: 100%;
content: "";
background-color: #dadada;
position: absolute;
top: 0;
left: -11px;
}
.sitemap li {
margin:0;
padding-left:60px;
position: relative;
}
.sitemap li:before {
display: block;
width: 1px;
height: 23px;
content: "";
background-color: #dadada;
position: absolute;
top: -10px;
left: -11px;
}
.sitemap li:last-child:after {
display: block;
width: 1px;
height: auto;
content: "";
background-color: #fff;
position: absolute;
top: 13px;
bottom: 0;
left: -11px;
}
.sitemap li.home > span,
.sitemap a {
display:block;
line-height:25px;
position: relative;
z-index: 10;
text-decoration:none;
}
.sitemap a:before {
display: block;
width: 60px;
height: 1px;
content: "";
background-color: #dadada;
position: absolute;
top: 12px;
left: -70px;
}
.sitemap a:after {
display: block;
width: 5px;
height: 5px;
margin-top:-2px;
content: "";
background-color: #00afdc;
position: absolute;
top: 12px;
left: -13px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.sitemap a:hover {
text-decoration:underline;
}
.sitemap li.container > a:after {
width: 9px;
height: 9px;
margin-top: -4px;
left: -15px;
}
.sitemap li.home {
padding-left: 10px;
}
ul.sitemap:before {
height: auto;
top: 23px;
bottom: 0;
}
.sitemap li.home:before {
display: none;
}
.sitemap li.home > span:before {
display: block;
width: 19px;
height: 20px;
content: "";
position: absolute;
top: 2px;
left: -30px;
background: #fff url("../images/icon-home.png") top left no-repeat;
background-size: 100%;
}
/* Site map End */
/* Search */
.search_form {
margin-bottom: 2em;
}
.search_form .input_group {
margin-right: 10px;
}
.search_form input[name="email"] {
display: none;
}
.google_search_list ul {
padding: 0;
margin: 0;
list-style: none outside none;
}
.google_search_list ul li {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #f8f8f8;
}
.google_search_list .res_desc {
margin: 5px 0;
}
.google_search_list .path {
font-size: 0.882em;/*17->15*/
}
.google_search_list .path a {
color: #758b91;
}
/* Search End */
/* Pages */
.pages {
margin: 1em 0;
}
.pages a,
.pages span,
.pages strong {
display: inline-block;
margin: 0 2px;
}
/* Pages End */
/* MC gallery */
.mc-gallery {
position: relative;
overflow: hidden;
}
.mc-gallery-slider {
height: 280px;
position: relative;
transform: translate3d(0, 0, 0);
overflow: hidden;
}
.mc-gallery-item {
display: block;
width: 100%;
height: 100%;
color: #333;
position: absolute;
left: 100%;
top: 0;
z-index: 1;
overflow: hidden;
will-change: transform;
}
.mc-gallery-item:first-child {
left: 0;
}
.mc-gallery-image {
height: 100%;
position: relative;
overflow: hidden;
}
.mc-gallery-image img {
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.mc-gallery-link {
margin-right: -485px;
position: absolute;
right: 50%;
bottom: 55px;
z-index: 10;
}
.mc-gallery-nav {
display: none;
min-height: 85px;
padding-top: 25px;
background-color: #1f546d;
}
.mc-gallery-nav-inner {
display: flex;
width: 990px;
margin: auto;
}
.mc-gallery-nav a {
display: table;
width: auto;
height: 85px;
padding: 0 40px;
float: left;
color: #fff;
font-size: 18px;
font-weight: bold;
cursor: pointer;
text-decoration: none;
text-transform: uppercase;
}
.mc-gallery-nav a.active {
background-color: #00aedb;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.mc-gallery-nav a .tab-title {
display: table-cell;
cursor: pointer;
text-align: center;
vertical-align: middle;
}
.mc-gallery-description {
display: table;
width: 495px;
height: 100%;
color: #fff;
margin-left: -495px;
position: absolute;
top: 0;
left: 50%;
z-index: 5;
}
.mc-gallery-description-inner {
display: table-cell;
width: 100%;
padding: 20px 0 20px 125px;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mc-gallery-description .mc-title {
margin: 0 0 18px 0;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
}
.mc-gallery-description .mc-description {
font-size: 14px;
}
.mc-gallery-description a {
color: #fff;
text-decoration: underline;
}
/* MC gallery End */
/* Dashboard */
.dashboard {
max-width: 34%;
margin: auto;
padding: 15px 0;
}
.dashboard * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.db-welcome {
display: flex;
min-height: 100px;
margin-bottom: 30px;
align-items: end;
text-align: center;
}
.db-welcome strong {
display: block;
width: 100%;
align-self: flex-end;
}
.db-box-list {
display: flex;
flex-flow: wrap;
margin-left: -8px;
margin-right: -8px;
}
.db-box-list.loans_action {
justify-content: center;
}
.db-box-list > div {
float: none;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 16px;
}
.db-box-list .box {
min-height: 100%;
}
.db-box-list .box.box-banner {
height: 100%;
}
.box {
padding: 15px;
border: 1px solid rgba(31, 84, 109, 0.15);
background-color: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 3px 3px 8px 0 rgba(132, 147, 151, 0.15);
-moz-box-shadow: 3px 3px 8px 0 rgba(132, 147, 151, 0.15);
box-shadow: 3px 3px 8px 0 rgba(132, 147, 151, 0.15);
overflow: hidden;
line-height: normal;
}
.box.p-0 {
padding: 0;
}
.box-value,
.box-label {
display: flex;
min-height: 50px;
text-align: center;
}
.box-value {
align-items: end;
}
.box-label {
align-items: start;
}
.box-value span,
.box-label span {
display: block;
width: 100%;
}
.box-value span {
font-size: 16px;
color: #000;
align-self: flex-end;
}
.box-label span {
font-size: 12px;
color: #849397;
}
.box.box-banner {
padding: 0;
}
.box.box-banner .box-value,
.box.box-banner .box-label {
padding-left: 15px;
padding-right: 15px;
}
.box-image {
display: flex;
min-height: 100%;
align-items: center;
}
.box-image img {
display: block;
width: 100%;
height: auto;
}
.box-link {
padding: 25px 0 10px;
text-align: center;
}
.box.box-banner .box-link {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 25px;
}
.db-buttons {
margin: 50px 0 50px;
text-align: center;
}
/* @end Dashboard */
/* Nav tabs */
.nav-pills {
display: flex;
padding: 7px 9px;
margin-bottom: 30px;
background-color: #dee6e9;
border-radius: 12px;
list-style: none;
flex-wrap: wrap;
position: relative;
}
.nav-pills.nav-switch {
margin-bottom: 0;
}
.nav-pills .nav-item {
flex-grow: 1;
}
.nav-pills .nav-link {
display: block;
padding: 8px 10px;
border-radius: 12px;
color: #00aeda;
font-size: 16px;
line-height: 1.25;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
position: relative;
z-index: 5;
}
.nav-pills .nav-link:hover,
.nav-pills .nav-link:active,
.nav-pills .nav-link:focus {
color: #000;
text-decoration: none;
}
.nav-pills .nav-link.active {
font-weight: 600;
color: #000;
}
.nav-pills .nav-marker {
display: block;
padding: 8px 0;
border-radius: 12px;
color: #000;
font-size: 0.941em; /*17 -> 16*/
line-height: 1.25;
background-color: #fff;
box-shadow: 1px 1px 3px rgba(44, 66, 76, 0.3);
position: absolute;
top: 7px;
left: 9px;
z-index: 1;
opacity: 0;
}
.nav-pills .nav-marker.inited {
opacity: 1;
}
.nav-switch label {
position: relative;
overflow: hidden;
}
.nav-switch label input {
position: absolute;
opacity: 0;
}
.tab-content > .tab-pane {
display: none;
margin-bottom: 30px;
}
.tab-content > .active {
display: block;
}
.tab-content > .fade {
transition: opacity .15s linear;
}
.tab-content > .fade:not(.show) {
opacity: 0;
}
/* @end Nav tabs */
/* Collapsible */
.df-collapsible-panel {
margin: 0 -20px;
padding: 0 20px;
border-top: 1px solid #dee6e9;
border-bottom: 1px solid #dee6e9;
}
.df-collapsible-panel + .df-collapsible-panel {
border-top: 0;
}
.common_form fieldset.df-collapsible-panel {
margin-bottom: 0;
}
.df-collapsible-panel:last-of-type,
.common_form fieldset.df-collapsible-panel:last-of-type {
margin-bottom: 30px;
}
.df-collapser {
margin: 0;
}
.df-collapser .btn-link {
display: block;
width: 100%;
padding: 20px 0 20px 60px;
margin: 0;
color: #47595d;
font-size: 1.176em;
font-weight: 600;
text-align: left;
text-transform: uppercase;
position: relative;
}
.df-collapser .btn-link .icon-angle-right {
width: 7px;
height: 7px;
content: '';
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #01aedb;
position: absolute;
top: 50%;
left: 12px;
transform: translate(0, -50%) rotate(45deg);
transition: transform .35s ease;
}
.df-collapser .btn-link[aria-expanded="true"] .icon-angle-right {
transform: translate(0, -50%) rotate(135deg);
}
.df-collapse-panel {
box-sizing: border-box;
padding: 1px 0;
}
.df-collapse-panel .text * {
margin-top: 0;
}
/* @end Collapsible */
/*@end --- CONTENT --- */
/*@group --- FOOTER --- */
#footer {
width:100%;
height: auto;
background-color: #00afdc;
color:#fff;
font-size:0.882em;
text-align: center;
position: relative;
z-index:1;
z-index: 1;
}
#footer .footer_top {
padding: 90px 10px;
}
#footer .footer_top a {
color: #fff;
text-decoration: underline;
}
#footer .footer_middle {
padding: 90px 10px;
}
#footer .contact_by_phone .title {
padding: 15px 0 10px;
font-size: 17px;
}
#footer .contact_by_phone .phone {
display: inline-block;
color: #fff;
font-size: 30px;
font-weight: bold;
text-decoration: underline;
}
#footer .sitemap_link_wrap {
padding-top: 80px;
}
#footer .search_link_wrap {
padding-top: 20px;
}
#footer .sitemap_link_wrap a,
#footer .search_link_wrap a {
color: #fff;
font-size: 17px;
text-decoration: underline;
}
#footer .footer_bottom {
padding: 20px 10px;
background-color:#066997;
color:#fff;
}
/*@end --- FOOTER --- */
/*@group lightslider */
.lSSlideOuter .lSPager.lSpg {
padding-bottom: 30px;
}
.lSSlideOuter .lSPager.lSpg > li {
padding: 0 8px;
}
.lSSlideOuter .lSPager.lSpg > li a {
width: 14px;
height: 14px;
border: 3px solid #dee6e9;
background-color: #dee6e9;
border-radius: 100%;
transition:all .3s linear 0s
}
.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg > li:hover a {
background-color: #38535f;
}
/*@end lightslider */
/*@group --- modal_banners --- */
#wrapper.banners_offset {
width: auto;
margin-right: 30%;
}
#modal_banners {
display: flex;
width: 30%;
background-color: #38535f;
position: fixed;
top: 100px;
right: 0;
bottom: 0;
z-index: 100;
align-items: center;
}
#modal_banners > ul,
#modal_banners ul.lightSlider {
height: 100%;
list-style: none;
padding: 0;
margin: 0;
}
#modal_banners img,
#modal_banners video {
display: block;
width: 100%;
}
#modal_banners .slider-widget {
width: 100%;
height: 100%;
}
#modal_banners .slider-widget > ul {
position: relative;
height: 100%;
}
#modal_banners .slider-widget > ul li {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
#modal_banners .lSSlideOuter,
#modal_banners .lSSlideWrapper {
height: 100%;
}
#modal_banners .lSSlideOuter {
position: relative;
}
#modal_banners ul.lightSlider li {
display: flex;
height: 100%;
align-items: center;
}
#modal_banners .lSSlideOuter .lSPager.lSpg {
width: 100%;
padding: 0;
margin: 0;
position: absolute;
left: 0;
bottom: 50px;
}
@media (max-width: 767px) {
#wrapper.banners_offset {
margin-right: 0 !important;
}
}
@media only screen and (orientation: portrait) {
#wrapper.banners_offset {
margin-right: 0 !important;
}
#modal_banners {
display: none;
}
}
/*@end --- modal_banners --- */
/*@group --- CHAT --- */
#chat,
#client-chat {
display:none;
background-color:#fff;
position:fixed;
bottom:0;
left:20px;
z-index:500;
box-shadow:1px 5px 29px #000;
}
#chat,
#client-chat,
.chat_minimized {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#chat {
width:165px;
min-height:95px;
padding:15px 10px 10px;
}
#chat .consultant_icon {
display:block;
margin:10px 0 15px 46px;
}
#client-chat {
width:360px;
height:390px;
padding:0;
}
#client-chat.minimized .chat_close,
#client-chat.minimized .chat_minimize {
display:none;
}
.chat_close,
.chat_minimize {
width:40px;
height:40px;
background:url(../images/icon-sprite.png) -200px 0 no-repeat;
position:absolute;
top:-20px;
right:-20px;
z-index:50;
overflow:hidden;
}
.chat_minimize {
right:30px;
background-position:-380px -110px;
}
.chat_close:hover {
background-position:-250px 0;
}
.chat_minimize:hover {
background-position:-380px -155px;
}
.chat_close span,
.chat_minimize span {
display:none;
}
.chat_minimized {
display:none;
height:50px;
line-height:50px;
padding:0 60px 0 20px;
font-weight:600;
background-color:#f8f8f8;
color:#47595d;
overflow:hidden;
position:relative;
text-decoration:none;
}
.chat_minimized:hover {
color:#47595d;
text-decoration:none;
}
.minimized .chat_minimized {
display:block;
}
.chat_minimized .icon {
width:43px;
height:36px;
background:url(../images/icon-sprite.png) 0px -180px no-repeat;
top:8px;
right:10px;
}
.chat_minimized:hover .icon {
background-position:-50px -180px;
}
#chat h3 {
font-size:1.529em;
margin:0 0 0.7em;
line-height:0.885em;
}
#chat .button_go {
width:103px;
}
#chat_frame {
border:0;
overflow:hidden;
}
/*@end --- CHAT --- */
/*@group --- Preloader --- */
.body_loading_overlay {
display: block;
background: url(../images/overlay-bg.png);
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 8010;
}
.preloader_popup {
display:table;
width:50%;
height:40%;
min-width:300px;
min-height:150px;
background-color:#fff;
position:absolute;
top:30%;
left:25%;
text-align:center;
vertical-align:middle;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.preloader_popup_inner {
display:table-cell;
width:100%;
height:100%;
vertical-align:middle;
}
.preloader_popup p {
margin:0;
padding:30px 0 0 0;
font-size:1.235em;
font-weight:600;
}
.preloader {
text-align: center;
}
.preloader .bounce {
width: 18px;
height: 18px;
background-color: #6f8489;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.preloader .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.preloader .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*@end --- Preloader --- */
/*@group --- Fancy box --- */
.fancybox-skin {
background:#fff;
}
.fancybox-close {
width:40px;
height:40px;
background:url(../images/icon-sprite.png) -200px 0 no-repeat;
top:-20px;
right:-20px;
}
.fancybox-close:hover {
background-position:-250px 0;
}
/*@end --- Fancy box --- */
/*@group --- Datepicker --- */
.ui-datepicker {
font-family: 'Source Sans Pro', sans-serif;
font-size:1em;
padding:0 10px 10px;
border:0;
box-shadow:0 5px 29px #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.theme_modal .ui-datepicker {
font-family: 'Roboto', sans-serif;
}
.ui-datepicker .ui-datepicker-header {
height:42px;
border:0;
padding:0;
margin:0 -10px;
background:#ccd9dc;
position:relative;
-webkit-border-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.ui-datepicker .ui-datepicker-title {
margin:0 45px;
line-height:42px;
font-size:21px;
font-weight:600;
color:#47595d;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
display:inline-block;
width:24px;
height:24px;
padding:0;
border:0;
background:url(../images/icon-sprite.png) 100px 100px no-repeat;
position:absolute;
top:9px;
opacity:1;
filter:alpha(opacity=100);
cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display:none;
}
.ui-datepicker .ui-datepicker-prev {
background-position:-375px -80px;
left:19px;
}
.ui-datepicker .ui-datepicker-next {
background-position:-400px -80px;
right:19px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
background-position:-300px -110px;
}
.ui-datepicker .ui-datepicker-next.ui-state-hover {
background-position:-325px -110px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
background-position:-325px -80px;
}
.ui-datepicker .ui-datepicker-next.ui-state-disabled {
background-position:-350px -80px;
}
.ui-datepicker table {
border-collapse:collapse;
margin:0;
}
.ui-datepicker table tbody td {
border:1px solid #ccd9dc;
padding:0;
}
.ui-datepicker th,
.ui-datepicker td span,
.ui-datepicker td a {
color:#47595d;
font-size:15px;
font-weight:normal;
font-weight:600;
}
.ui-datepicker td span,
.ui-datepicker td a,
.ui-datepicker td .ui-state-default {
border:0;
background:none;
text-align:center;
}
.ui-datepicker td a.ui-state-hover {
background:#ccd9dc;
}
.ui-datepicker td a.ui-state-active {
color:#fff;
background:#47595d;
}
.ui-datepicker td.ui-datepicker-other-month {
border:0;
}
.ui-datepicker td.ui-datepicker-unselectable {
opacity:1;
filter:alpha(opacity=100);
background:none;
}
.ui-datepicker td.ui-datepicker-unselectable span {
color:#ccd9dc;
}
/*@end --- Datepicker --- */
/*@group fonts*/
/*
@font-face {
font-family: 'CalibriRegular';
src: url('fonts/calibri.eot');
src: url('fonts/calibri.eot?#iefix') format('embedded-opentype'),
url('fonts/calibri.woff') format('woff'),
url('fonts/calibri.ttf') format('truetype'),
url('fonts/calibri.svg#CalibriRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CalibriBold';
src: url('fonts/calibrib.eot');
src: url('fonts/calibrib.eot?#iefix') format('embedded-opentype'),
url('fonts/calibrib.woff') format('woff'),
url('fonts/calibrib.ttf') format('truetype'),
url('fonts/calibrib.svg#CalibriBold') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/*@end*/
/* web fonto logo */
#mti_wfs_colophon {
display:none !important;
}
/* Cookiebot */
.CybotCookiebotDialogTabPanel ul {
list-style: initial;
}
/* END Cookiebot */