/*========================*/
/*===     Font         ===*/
/*========================*/
@import url("https://use.typekit.net/zli5guc.css");
@font-face {
    font-family: 'open_sansregular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/OpenSans-Regular-webfont.woff') format('woff'),
        url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
        url('../font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansmedium';
    src: url('../font/OpenSans-Medium.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../font/OpenSans-SemiBold.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../font/OpenSans-Bold-webfont.eot');
    src: url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/OpenSans-Bold-webfont.woff') format('woff'),
        url('../font/OpenSans-Bold-webfont.ttf') format('truetype'),
        url('../font/OpenSans-Bold-webfont.svg#open_sansregular') format('svg');
    font-weight: bold;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../font/OpenSans-Italic-webfont.eot');
    src: url('../font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/OpenSans-Italic-webfont.woff') format('woff'),
        url('../font/OpenSans-Italic-webfont.ttf') format('truetype'),
        url('../font/OpenSans-Italic-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../font/OpenSans-Bold-webfont.eot');
    src: url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/OpenSans-Bold-webfont.woff') format('woff'),
        url('../font/OpenSans-Bold-webfont.ttf') format('truetype'),
        url('../font/OpenSans-Bold-webfont.svg#open_sansregular') format('svg');
    font-weight: bold;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../font/OpenSans-ExtraBold-webfont.eot');
    src: url('../font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/OpenSans-ExtraBold-webfont.woff') format('woff'),
        url('../font/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
        url('../font/OpenSans-ExtraBold-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../font/OpenSans-Italic-webfont.eot');
    src: url('../font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/OpenSans-Italic-webfont.woff') format('woff'),
        url('../font/OpenSans-Italic-webfont.ttf') format('truetype'),
        url('../font/OpenSans-Italic-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'minion_proregular';
    src: url('../font/minion_pro-webfont.eot');
    src: url('../font/minion_pro-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/minion_pro-webfont.woff2') format('woff2'),
        url('../font/minion_pro-webfont.woff') format('woff'),
        url('../font/minion_pro-webfont.ttf') format('truetype'),
        url('../font/minion_pro-webfont.svg#minion_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Magnel';
    src: url('../font/2B983A_0_0.eot');
    src: url('../font/2B983A_0_0.eot?#iefix') format('embedded-opentype'),
        url('../font/2B983A_0_0.woff') format('woff'),
        url('../font/2B983A_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'PT Serif';
    src: url('../font/ptserif_regular.eot');
    src: url('../font/ptserif_regular.eot?#iefix') format('embedded-opentype'),
         url('../font/ptserif_regular.woff') format('woff'),
         url('../font/ptserif_regular.ttf') format('truetype');
}
@font-face {
    font-family: 'PT Serif Bold';
    src: url('../font/ptserif_bold.eot');
    src: url('../font/ptserif_bold.eot?#iefix') format('embedded-opentype'),
         url('../font/ptserif_bold.woff') format('woff'),
         url('../font/ptserif_bold.ttf') format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'PT Serif';
    src: url('../font/ptserif_bold.eot');
    src: url('../font/ptserif_bold.eot?#iefix') format('embedded-opentype'),
         url('../font/ptserif_bold.woff') format('woff'),
         url('../font/ptserif_bold.ttf') format('truetype');
    font-weight: bold;
}
/*========================*/
/*===     CSS Reset    ===*/
/*========================*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, img, strong, ol, ul, li, form, input { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
ul {list-style:none; list-style-position:outside;}
/*========================*/
/*===     General      ===*/
/*========================*/
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff; 
    color: #5d676d;
    font-family: 'open_sansregular', Helvetica Neue, Helvetica, sans-serif;
}
body:before{
    position: fixed;
    content: "";
    width: 100vw;
    height: 100vh;
    background-image: url(/themes/zinc/images/bg-grey-fhd.jpg);
    opacity: .6;
    z-index: -1;
}

a { color:#FF585F; text-decoration:none; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; }
a:hover { color:#FF585F; }
a:active{ outline: none; }
a:focus{ outline: none; -moz-outline-style: none; } 
p { display: block; margin-bottom:20px; }
strong { font-weight:bold; }
input, textarea { font-family: 'open_sansmedium', Helvetica Neue, Helvetica, sans-serif; }
::selection { background:#5d676d; color:#fff; }
.clear { clear: both; display: block; height: 0; width: 100%; }
img { max-width: 100%; display: block; height: auto; }
#confirm-loan-modal-form img { display:inline-block; }
.img-inline { display: inline; vertical-align: middle; }
*, *:before, *:after {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
h2 {
    color: #fff;
    font-size: 25px;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
}
.page h2 {
    color: #FF585F;
    font-size: 31px;
    margin-bottom: 20px;
}
h2.register-h2 {text-align: center; font-size: 30px; color: #53ACA4; font-family: 'xxx', Helvetica Neue, Helvetica, sans-serif; margin-top: 25px; line-height:50px;}
h2.register-h2-zincbiz {color: #00C072;}
.page h3 {
    /*color: #FF585F;*/
    font-size: 31px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
h3.title-pay {
    color: #8f8f8f;
    font-size: 21px;
}
#faq h4 {
    width: 100%;
    height: auto;
}
#faq h4.green,
#faq h4.red {
    position: relative;
    z-index: 3;
    margin-bottom: 40px;
}
#faq h4.green span,
#faq h4.red span {
    width: auto;
    height: auto;
    display: inline-block;
    background: #53ACA4;
    padding: 5px 10px;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#faq h4.red span {background: #FF585F;}
#faq h4.green:after,
#faq h4.red:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #53ACA4;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
#faq h4.red:after { background: #FF585F;}
h5 {
    color: #FF585F;
    font-size: 25px;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
    margin-bottom: 20px;
}
h5 + p {
    margin-bottom: 40px;
}
.loaner-color {
    color: #53ACA4;
}
.investor-color {
    color: #FF585F;
}
.zincbiz-color {
    color: #00C072;
}
.guest .btn {
    /*background: #FF585F;*/
    /*color: #fff;*/
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.guest .btn.btn-default {
    text-transform: none;
    font-size: 14px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    /*    color: #fff;
        background: #ff7a7a;*/
}
.btn.red {
    border: 1px solid #FF585F;
    background: none repeat scroll 0 0 #FF585F;
    color: white!important;
}
.btn.red:hover {
    background: white;
    color: #FF585F!important;
}
.btn.green {
    border: 1px solid #53ACA4;
    background-color: #53ACA4;
    color: white!important;
}
.btn.green:hover {
    background: white;
    color: #4b9b94!important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
    background-color: #53ACA4;
}
.btn-big {
    font-size: 22px;
    font-family: 'open_sansextrabold', Helvetica Neue, Helvetica, sans-serif;
    text-transform: none;
    padding: 4px 18px 6px;
}
.btn-zincbiz {
	color: #fff;
    background-color: #00C072;
    border: none;
}
.btn-zincbiz:hover,.btn-zincbiz:visited,.btn-zincbiz:focus,.btn-zincbiz::selection {
    background-color: #1abc9c !important;
    border: none !important;
    color: #fff;
    outline: none !important;
}
.btn.red,
.btn.green {color: #fff;}
.red {color: #FF585F;}
.green {color: #53ACA4;}
a.btn-border {margin-top: 0; border: 1px solid #FF585F; background: none; color: #FF585F;}
a.btn-border:hover {background: #ff7a7a; color: #fff;}
/*========================*/
/*===     Icons        ===*/
/*========================*/
.icon-mini {
    width: 13px;
    height: 13px;
    background: url(../images/img.png) no-repeat;
    display: inline-block;
    margin-right: 9px;
    top: 1px;
    position: relative;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.icon-question {background-position: 0 0;}
a:hover .icon-question {background-position: 0 -13px;}
.icon-account  {background-position: -13px 0;}
a:hover .icon-account  {background-position: -13px -13px;}
.icon-large {
    width: 17px;
    height: 17px;
    background: url(../images/img.png) no-repeat;
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.icon-large.icon-account  {background-position: 0 -26px;}
.icon-24 {
    width: 24px;
    height: 24px;
    background: url(../images/img.png) no-repeat;
    display: inline-block;
    margin-right: 5px;
    top: 1px;
    position: relative;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.icon-phone   {background-position: 0 -177px;}
.icon-email   {background-position: -24px -177px;}
.icon-faq     {background-position: -48px -177px;}
.icon-face    {background-position: -72px -177px; margin-right: 15px;}
.icon-lock    {background-position: -96px -176px; width: 19px; height: 25px; margin-right: 20px; margin-left: 5px;}
.icon-money   {background-position: -115px -170px; width: 27px; height: 31px; margin-right: 15px;}
.icon-wallet  {background-position: -142px -170px; width: 31px; height: 31px; margin-right: 15px;}
.icon-chart   {background-position: -172px -173px; width: 24px; height: 28px; display: block; float: left; padding-bottom: 70px;}
.icon-browser {background-position: -196px -173px; width: 28px; height: 28px; display: block; float: left; padding-bottom: 70px;}
.icon-notime  {background-position: -224px -169px; width: 32px; height: 32px; display: block; float: left; padding-bottom: 70px;}
.icon-smile {
    width: 103px;
    height: 102px;
    background: url(../images/img.png) no-repeat 0 -201px;
    display: inline-block;
}
.icon-smile.smile-unhappy {
    width: 60px;
    height: 58px;
    background: url(../images/img.png) no-repeat -103px -201px;
    display: inline-block;
    margin-top: 20px;
}
.icon-awards {
    width: 57px;
    height: 49px;
    background: url(../images/img.png) no-repeat;
    display: inline-block;
}
.icon-awards.icon-protected {background-position: -138px -41px; margin-right: 15px;}
.icon {
    background: url(../images/img.png) no-repeat;
    display: inline-block;
}
.icon-euro-red {
    width: 30px;
    height: 20px;
    background-position: -256px -189px;
}
.icon-info {
    width: 21px;
    height: 21px;
    background-position: -27px 0;
    margin-left: 15px;
    position: relative;
    top: 5px;
}
.icon-settings {
    width: 11px;
    height: 11px;
    background-position: -48px 0;
    position: relative;
    top: 2px;
}
.icon-settings-large {
    width: 16px;
    height: 16px;
    background-position: -125px 0;
    position: relative;
    top: 2px;
    margin-right: 10px;
}
.icon-settings-big {
    width: 32px;
    height: 32px;
    background-position: -93px 0;
    position: relative;
    top: 7px;
    margin-right: 15px;
}
.icon-paper {
    width: 18px;
    height: 21px;
    background-position: -59px 0;
    position: relative;
    top: 2px;
    margin-right: 13px;
}
.icon-arrow-up {
    width: 8px;
    height: 12px;
    background-position: -77px 0;
    margin-right: 13px;
}
.icon-arrow-down {
    width: 8px;
    height: 12px;
    background-position: -85px 0;
    margin-right: 13px;
}
/*========================*/
/*===     Style        ===*/
/*========================*/
.logo {
    width: 199px;
    height: 81px;
    background: url(../images/zinc-logo21.svg) no-repeat;
    background-position: left center;
    font-size: 0;
    line-height: 0;
    padding: 0;
}
.logo_zincpozicky {
    width: 199px;
    height: 81px;
    background: url(../images/logo-zinc-pozicky.svg) no-repeat;
    font-size: 0;
    line-height: 0;
    padding: 0;
}
.logo_ppl {
    width: 280px;
    height: 81px;
    background: url(../images/logo_ppl_zinc.png) no-repeat;
    font-size: 0;
    line-height: 0;
    padding: 0;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}   
.logo_jdp {
    width: 280px;
    height: 81px;
    background: url(../images/logo_jdp_zinc.png) no-repeat;
    font-size: 0;
    line-height: 0;
    padding: 0;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}                           
.logo_zincbiz {
    width: 285px;
    height: 81px;
    background: url(../images/logo-zincbiz.png) no-repeat;
    font-size: 0;
    line-height: 0;
    padding: 0;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header{
    background: white;
}
#top-account {
    background: #ededed;
    color: #5D676D;
}
#top-account button {
    padding-bottom: 2px;
}
#top-account button .icon-large {
    margin: 0 2px;
    top: 0;
}
#top-account nav li a {color: #777; font-size: 15px; padding-left: 20px; padding-right: 20px; font-family: 'open_sansregular', Helvetica Neue, Helvetica, sans-serif;}
#top-account nav li a:hover {color: #FF585F;}
#top-account nav li:first-child a {}


#top-account nav li.active a {background: #fcfcfc; color: #53aca4; font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;}
#top-account nav li.active a:hover {color: #FF585F;}
#top-account .navbar {
    margin-bottom: 0px;
    border: none;
    background: none;
}
#top-account .navbar ul {
    width: 100%;
}
.top-menu .navbar {
    border: none;
    background: none;
    padding: 10px 0;
    margin-bottom: 0;
}
.top-menu .navbar .nav a {
    border: 1px solid #ededed;
    margin: 24px 0 0 19px;
    padding: 7px 15px;
    color: #FF585F;
    font-size: 16px;
    font-family: 'open_sansextrabold', Helvetica Neue, Helvetica, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.top-menu .navbar .nav a:hover {
    color: #53aca4;
}
.top-menu .navbar .nav .active a {background: #FF585F; border: 1px solid #FF585F; color: #fff;}
.top-menu .navbar .nav .active:first-child a {background: #53aca4; border: 1px solid #53aca4;}


/* zincbiz */
.top-menu .navbar-zincbiz .nav a {
    border: 1px solid #ededed;
    margin: 24px 0 0 19px;
    padding: 7px 15px;
    color: #00C072;
    font-size: 16px;
    font-family: 'open_sansextrabold', Helvetica Neue, Helvetica, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.top-menu .navbar-zincbiz .nav a:hover {
    background: #00C072;
	color: #fff;
}
.top-menu .navbar-zincbiz .nav .active a {background: #FF585F; border: 1px solid #FF585F; color: #fff;}
.top-menu .navbar-zincbiz .nav .active:first-child a {background: #53aca4; border: 1px solid #53aca4;}


#banner {
    background: #53ACA4;
    position: relative;
}
#banner .row,
#banner .row .col-md-5,
#banner .row .col-md-6 {
    z-index: 1;
}
#banner .row .col-md-4,
#banner .row .col-md-8 {
    padding: 0;
    margin: 0;
}
#banner .red {
    width: 50%;
    height: 100%;
    background: #FF585F;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
#banner h2 {margin-top: 20px;}
#banner .zinc-scoring {width: 69px; height: 60px; background: url(../images/img.png) no-repeat 0 -41px; display: inline-block;}
#banner .zinc-protected {width: 69px; height: 60px; background: url(../images/img.png) no-repeat -69px -41px; display: inline-block;}
#banner .text-1 {color: #000; font-size: 17px; margin-bottom: 40px; font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;}
#banner .text-2 {color: #fff; font-size: 36px; line-height: 40px; margin-bottom: 0;}
#banner .text-3 {color: #fff; font-size: 20px; margin-bottom: 50px;}
#banner .red-mobil .btn {background: #53ACA4;}
#banner .btn:hover {background: #fff; color: #5d676d;}
#banner .btn + p {font-size: 13px; color: #fff; margin-bottom: 0; margin-top: 5px;}
#banner .row .col-md-6 .row {margin-bottom: 30px;}
#video-btn {
    width: 120px;
    height: 120px;
    background: #fff;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -60px;
    margin: -60px 0 0;
    text-align: center;
    z-index: 2;
}
#video-btn:before {
    content: "";
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, .2);
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    right: -15px;
    margin: 0;
    z-index: -1;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
#video-btn:hover:before {
    background: rgba(255, 255, 255, .6);
}
#video-btn i {
    width: 81px;
    height: 76px;
    background: url(../images/img.png) no-repeat 0 -101px;
    display: inline-block;
    margin-top: 19px;
    z-index: 2;
}
#content {
    padding: 50px 0;
}
#content.index-tree {
    background: #f5f5f5;
}
#content.page {
    background: transparent;
    margin-bottom: 0px;
    padding: 30px 0 0px;
    font-size: 16px;
}
.container.facebook {
    margin-top: 0px;
}
.container h4 {
    font-family: "open_sansregular",Helvetica Neue,Helvetica,sans-serif;
    font-size: 28px;
    font-weight: normal;
    color: #FF585F;
}
.guest .container h4 {
    margin-bottom: 16px;    
}
.guest .container h4 .glyphicon{
    top: 2px;
}
.container h4.text-right { text-align: right; }
#index-tree {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 17px;
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
}
#index-tree .green {text-align: right; padding: 5px 70px 5px 0px;}
#index-tree .center + .red {text-align: left; padding: 5px 0px 5px 70px;}
#index-tree .grey {color: #737373;}
#index-tree > li > span {
    width: auto;
    height: auto;
    font-size: 46px;
    display: inline-block;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 50px;
    position: relative;
}
#index-tree > li > span:before {
    content: "";
    width: 1px;
    height: 160px;
    background: #dfdfdf;
    position: absolute;
    left: 49.2%;
    bottom: -161px;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
}
#index-tree > li > ul {
    height: 36px;
    margin: 8px 0 0;
    padding: 0;
}
#index-tree > li > ul.first-ul {
    margin: 50px 0 0;
}
#index-tree > li > ul li {
    width: 33%;
    height: auto;
    float: left;
}
#index-tree > li > ul li.center > span {border: 1px solid #dfdfdf; background: #ffffff; width: 80%; position: relative; padding: 5px 0; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#index-tree > li > ul li.center > span:before {
    content: "";
    width: 30%;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    left: -30%;
    top: 50%;
}
#index-tree > li > ul li.center > span:after {
    content: "";
    width: 30%;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    right: -30%;
    top: 50%;
}
#awards {
    margin: 100px 0 50px;
    padding-bottom: 50px;
    font-size: 13px;
    line-height: 15px;
    border-bottom: 1px solid #ebebeb;
}
#awards .title {
    font-size: 25px;
    color: #FF585F;
    margin-bottom: 50px;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
}
#awards img {
    padding-top: 15px;
    border-top: 1px solid #ebebeb;
    margin: 10px auto;
}
.fb-like-box {height: 210px; overflow: hidden;}
#bottom {
    background: #f6f8f9;
    border-top: 1px solid #dfe5e8;
    box-shadow: inset 0 1px 0 #eef1f3;
    padding: 40px 0 30px;
    margin-top: 60px;
}
#bottom .title {
    font-size: 15px;
    color: #010101;
    margin-bottom: 15px;
}
#bottom .title p {
    font-size: 14px;
}
#bottom .more {
    display: inline-block;
    margin-top: 15px;
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
}
#bottom ul {
    margin-top: 37px;
}
#bottom ul li {
    padding-left: 10px;
    position: relative;
    padding-bottom: 10px;
}
#bottom ul li a {color: #828282;}
#bottom ul li a.green {color: #53ACA4;}
#bottom ul li a:hover {color: #404040; text-decoration: underline;}
#bottom ul li a:before {
    content: "›";
    position: absolute;
    left: 0;
    top: -1px;
}
#bottom .social a {
    display: inline-block;
    margin-left: 10px;
}
#bottom .social p {
    margin-top: 37px;
}
.bottom-menu {
    width: 100%;
    padding: 40px 0 20px;
    text-align: justify;
}
.bottom-menu li {
    display: inline-block;
    width: auto;
}
.bottom-menu .break{
    width: 100%;
    height: 0;
}
.bottom-menu li a {
    color: #8a8a8a;
}
.breadcrumb {
    color: #bac6ce;
    font-size: 13px;
    margin-bottom: 40px;
    background: transparent;
    padding-left: 0;
    padding-top: 0;
}
.breadcrumb a {color: #6d808d; }
/* display: inline-block; padding: 0 8px; */
.breadcrumb a:hover,
.breadcrumb a:last-child {text-decoration: underline;}

.hot-line-title {
    text-align: center;
    /*color: #FF585F;*/
    font-size: 26px;
    font-family: "ivypresto-display", sans-serif;
    margin-top: 40px;
    margin-bottom: 8px;
}
.hot-line {
    padding: 30px;
    border: 1px solid #cad2d8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 25px;
    font-family: "PT Serif",Helvetica Neue,Helvetica,sans-serif;
    margin-bottom: 50px;
}
.hot-line span {color: #FF585F; font-weight: bold; white-space:nowrap;}
.hot-line a {white-space:nowrap;}
.row.hot-line .col-md-6 {padding: 0 30px;}
.bottom-hot-line {
    padding: 20px;
    font-size: 18px;
}
.hot-line i {
    margin-right: 10px;
}
#faq a {
    color: #5d676d;
    text-decoration: underline;
}
#how-to-make {
    background: #6d808d;
    padding: 80px 0 70px;
    margin: 75px 0;
    color: #bfcad2;
}
#how-to-make .container > .row {
    margin: 0 -50px;
}
#how-to-make .container > .row > .col-sm-6 {
    padding: 0 50px;
}
#how-to-make h2 {
    color: #bfcad2;
    font-size: 37px;
    margin-bottom: 30px;
}
#how-to-make h3 {
    margin: 30px 0 20px;
}
#how-to-make h3 span {
    width: auto;
    height: auto;
    background: #53aca4;
    display: inline-block;
    font-size: 25px;
    color: #fff;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#how-to-make h3 span.red {background: #FF585F;}
#how-to-make .row .col-md-4 > div {
    font-size: 37px;
    color: #b2bbc1;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
}
#protected-3 {
}
#protected-3 h2 {
    font-size: 38px;
    color: #f15f62;
    text-align: center;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
}
#protected-3 h2 span {
    position: relative;
}
#protected-3 h2 span:before,
#protected-3 h2 span:after {
    content: "";
    width: 33.5%;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    top: 50%;
    left: -38.5%;
}
#protected-3 h2 span:after {
    left: inherit;
    right: -38.5%;
}
#protected-3 li ul > li {
    margin-top: 62px;
    padding-top: 13px;
    position: relative;
}
#protected-3 li ul.row {margin: 0 -60px;}
#protected-3 li ul.row li.col-md-4 {padding: 0 60px;}
#protected-3 li ul > li:before {
    content: "";
    width: 1px;
    height: 90px;
    background: #dfdfdf;
    position: absolute;
    top: -90px;
    left: 50%;
}
#protected-3 li ul > li.center-protected:before {
    height: 60px;
    top: -60px;
}
#protected-3 li ul > li.center-last:before {
    left: inherit;
    right: 50%;
}
#protected-3 li ul li > span {
    background: #dbdbdb;
    font-size: 13px;
    color: #ffffff;
    padding: 3px 7px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#protected-3 li ul li > img {
    display: block;
    float: none;
    margin: 30px auto 20px;
}
#protected-3 li ul li > .title {
    color: #FF585F;
    font-size: 30px;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
    margin-bottom: 20px;
}
#protected-3.prptected-3-2 h2 span {width: 111px; height: 95px; display: inline-block; margin-bottom: 10px;}
#protected-3.prptected-3-2 h2 span i {text-indent: -9999px; width: 111px; height: 95px; background-position: -195px -41px;}
#protected-3.prptected-3-2 h2 span:before,
#protected-3.prptected-3-2 h2 span:after {
    width: 316px;
    left: -326px;
}
#protected-3.prptected-3-2 h2 span:after {
    left: inherit;
    right: -326px;
}
#protected-3.prptected-3-2 li ul > li:before {
    content: "";
    width: 1px;
    height: 120px;
    background: #dfdfdf;
    position: absolute;
    top: -119px;
    left: 50%;
}
#protected-3.prptected-3-2 li ul > li.center-protected:before {
    height: 60px;
    top: -60px;
}
#protected-3.prptected-3-2 li ul > li.center-last:before {
    left: inherit;
    right: 50%;
}
.table-capital {
    color: #999ea1;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
}
.table-capital > label {
    height: 250px;
    /* float: left; */
    padding:0; margin:0;
    text-align: center;
    border: 1px solid #d3d3d3;
}
/*.th {height: 20%;}
.tb {height: 40%;}*/
.th {height: 49px;}
.tb {height: 100px;}
.table-capital > label.last {
    border-right: 1px solid #d3d3d3;
}
.table-capital > label:hover,
.table-capital > label.active {
    background: none;
    padding: 0px;
    border: 1px solid #ff0000;
}
.table-capital > label.first:hover,
.table-capital > label.first.active {
    box-shadow: none;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    padding: 0;
}
.table-capital .tb {
    font-size: 38px;
    font-family: 'open_sansextrabold', Helvetica Neue, Helvetica, sans-serif;
    padding: 15px 0 0;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}
.table-capital .th {
    padding-top: 10px;
    border-bottom: 1px solid #d3d3d3;
}
.table-capital > label:hover .th,
.table-capital > label:hover .tb,
.table-capital > label.active .th,
.table-capital > label.active .tb {margin: 0px;}
.table-capital > label.first:hover .th,
.table-capital > label.first:hover .tb,
.table-capital > label.first.active .th,
.table-capital > label.first.active .tb {margin: 0px;}
.table-capital > label.last:hover .th,
.table-capital > label.last:hover .tb,
.table-capital > label.last.active .th,
.table-capital > label.last.active .tb {margin: 0;}
.table-capital > label:hover .tb:last-child,
.table-capital > label.active .tb:last-child {border-bottom: none;}
.table-capital .first .tb {
    font-size: 16px;
    font-family: 'open_sans', Helvetica Neue, Helvetica, sans-serif;
}
.p-capital {margin: 0;}
.btn-table-capital {
    margin: 52px 0 0;
}
.table-capital.system-graphic {border-bottom: 1px solid #d3d3d3; margin-bottom: 65px; padding-bottom:15px; }
.table-capital.system-graphic > label {height: 201px; position: relative; cursor: pointer; margin: 0 5%;}
.table-capital.system-graphic > label.first {cursor: default;}
.table-capital.system-graphic .first .tb {padding-top: 34px;}
.table-capital.system-graphic .mini-text {font-size: 16px; font-family: 'open_sans', Helvetica Neue, Helvetica, sans-serif; padding-top: 39px;}
.table-capital.system-graphic .red {padding-top: 31px;}
.table-capital.system-graphic > label:hover,
.table-capital.system-graphic > label.active  {background: #fff0f1;}
.table-capital.system-graphic > label.first:hover,
.table-capital.system-graphic > label.first.active  {background: none;}
.table-capital.system-graphic > label .tb-arrow {display: none; width: 46px; height: 19px; background: url(../images/arrow-price.png) no-repeat; position: absolute; bottom: -68px; left: 50%; margin-left: -23px;}
.table-capital.system-graphic > label.active .tb-arrow{display: block;}
#how-to-work {
    background: #6d808d;
    padding: 60px 0;
    margin: 52px 0;
}
#how-to-work .left {float: left; width: 14%;}
#how-to-work .right {float: left; width: 86%;}
#how-to-work .left span {
    width: 39px;
    height: 36px;
    background: #FF585F;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#how-to-work .row {
    margin: 0 -60px;
}
#how-to-work .row .col-md-6 {
    padding: 0 60px;
}
#how-to-work h2 {
    font-size: 31px;
    color: #bfcad2;
    margin-bottom: 30px;
}
#how-to-work h3 {
    font-size: 25px;
    margin-bottom: 15px;
    color: #fff;
}
#how-to-work p {
    color: #bfcad2;
    font-size: 16px;
}
#how-to-work p a {
    color: #bfcad2;
    text-decoration: underline;
}
#references {
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 0%, #ffffff 50%, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(50%,#ffffff), color-stop(100%,#fafafa));
    background: -webkit-linear-gradient(top,  #fafafa 0%,#ffffff 50%,#fafafa 100%);
    background: -o-linear-gradient(top,  #fafafa 0%,#ffffff 50%,#fafafa 100%);
    background: -ms-linear-gradient(top,  #fafafa 0%,#ffffff 50%,#fafafa 100%);
    background: linear-gradient(to bottom,  #fafafa 0%,#ffffff 50%,#fafafa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=0 );
    padding: 52px 0 32px;
    margin: 80px 0 20px;
    color: #6d808d;
}
#references .row .col-md-6 {padding: 0 30px;}
#references .artice-image {width: 70px;}
#references .title {font-size: 22px; font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;}
#references .sub-title {font-size: 14px; font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif; margin-bottom: 20px;}
#references p {font-size: 14px; font-family: 'open_sansitalic', Helvetica Neue, Helvetica, sans-serif;}
.calc-slider {
    background: #f8f9f9;
    border: 1px solid #d3d3d3;
    margin: 0 0px;
}
.calc-slider .col-md-3,
.calc-slider .col-md-6 {
    padding: 20px 20px;
}
.calc-slider .calc-title {
    padding: 30px 0;
    font-size: 29px;
    color: #6d808d;
}
.calc-slider #ex6SliderVal {
    width: 100%;
    border: 1px solid #d2d8dc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0;
    margin-top: 24px;
    font-family: 'open_sansextrabold', Helvetica Neue, Helvetica, sans-serif;
    color: #53ACA4;
    font-size: 30px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}
.calc-table {
    margin: 30px 0;
}
.calc-table .title {
    text-align: center;
    font-size: 18px;
    color: #808080;
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
    margin: 10px 0 20px;
}
.calc-table .table-capital > div {
    height: 230px;
}
.calc-table .table-capital > div.first {
    width: 12.5%;
}
.calc-table .table-capital > div .tb {height: 84px; font-size: 26px; font-family: 'open_sans', Helvetica Neue, Helvetica, sans-serif;}
.calc-table .table-capital > div .tb.green {height: 96px; font-size: 38px; font-family: 'open_sansextrabold', Helvetica Neue, Helvetica, sans-serif}
.calc-table .table-capital > div.first .tb.green {font-size: 22px;}
.calc-table .table-capital > div.first .tb {font-size: 18px;}
.calc-table .table-capital > div {
    width: 17.5%;
}
.calc-table .table-capital > div:hover {
    background: #ffbfbf;
    box-shadow: inset 1px 1px 0 #53ACA4, inset -1px -1px 0 #53ACA4;
    padding: 0 1px;
    border: 1px solid #53ACA4;
}
.calc-table .table-capital > div.first:hover {border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: none;}
.calc-table .table-capital > div.first:hover,
.calc-table .table-capital > div.first:hover .th,
.calc-table .table-capital > div.first:hover .tb.green {
    border-bottom: 1px solid #d3d3d3;
    background: none;
    box-shadow: none;
    padding-right: 0;
    padding-left: 0;
}
.calc-table .table-capital > div:hover .th,
.calc-table .table-capital > div:hover .tb.green {
    border-bottom: 1px solid #e5a5a5;
}
.calc-table p {
    margin: 40px 0;
}
.calc-table .p-capital {
    margin-bottom: 0;
}
.calc-table .btn-table-capital {
    margin-top: 0;
}
#benefits {
    background: #6d808d;
    padding: 60px 0 40px;
}
#benefits .container {z-index: 0; position: relative;}
#benefits h2 {
    font-size: 31px;
    margin-bottom: 30px;
}
#benefits .box {
    background: #6d808d;
    border: 1px solid #7c8d97;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c5ccd1;
    padding: 15px 20px;
    margin-bottom: 60px;
    font-size: 25px;
    position: relative;
}
#benefits .box-center:before,
#benefits .box-center:after {
    content: "";
    width: 50%;
    height: 1px;
    background: #7c8d97;
    position: absolute;
    top: 50%;
    left: -30%;
    z-index: -1;
}
#benefits .box-center:after {
    top: 50%;
    left: inherit;
    right: -30%;
}
#benefits .title {
    font-size: 22px;
    color: #bfcad2;
    margin-bottom: 20px;
}
#benefits p {
    font-size: 16px;
    color: #ffffff;
}
#benefits .row-ble {
    margin: 0 -30px;
}
#benefits .row-ble > div {
    padding: 0 30px;
}
#benefits .row-ble strong {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
}
#benefits .row-ble .arrow-right {
    width: 44px;
    height: 9px;
    background: url(../images/img.png) no-repeat -81px -101px;
    display: inline-block;
    top: 7px;
    margin-left: 15px;
    position: relative;
}
#register-border, .register-border {
    border: 1px solid #cdd1d4;
    padding: 80px 20px;
    margin: 40px 0 30px;
}
#register-border h3, .register-border h3 {
    text-align: center;
    /*color: #6d808d;*/
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
    margin-top: -96px;
}
#register-border h3 span, .register-border h3 span {
    background: #fafafb;
    padding: 0 15px;
}
#register-border label, .register-border label {
    font-size: 15px !important;
    color: rgb(77 77 77 / 80%);
    font-weight: normal;
}
form .form-control {
    border: 1px solid #dedede;
    border-radius: 0;
}
form .form-control {
    background: #f6f6f6;
    box-shadow: none;
    height: 55px;
    padding: 16px 20px;
}
#register-border .green, .register-border .green {
    border: none;
    padding: 10px 0;
    text-transform: uppercase;
}
#register-border .red, .register-border .red {
    border: none;
    padding: 10px 0;
    text-transform: uppercase;
}
#register-border .col-md-offset-4, .register-border .col-md-offset-4 {
    padding: 0 30px;
}
#register-border p, .register-border p {
    margin: 0;
    font-size: 12px;
}
#register-border .after-register {
    margin: -30px 0 20px;
    padding: 0 0 20px;
    text-transform: none;
    font-size: 30px;
    font-family: 'xxx', Helvetica Neue, Helvetica, sans-serif;
    border-bottom: 1px solid #e9e9e9;
}
#zinc-tabs ul {border-bottom: none;}
#zinc-tabs li {
    padding: 0;
}
#zinc-tabs li a {
    font-size: 24px;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
    font-weight: normal;
    border: none;
    color: #8e8e8e;
    padding: 20px 0px;
    background: #eeeeee;
    /*background: -moz-linear-gradient(top,  #eeeeee 0%, #e3e3e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e3e3e3));
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#e3e3e3 100%);
    background: -o-linear-gradient(top,  #eeeeee 0%,#e3e3e3 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#e3e3e3 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#e3e3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e3e3e3',GradientType=0 );*/
}
#zinc-tabs li.active a {
    color: #fff;
    padding: 22px 0px;
    margin-top: -4px;
    background: #ff6a6b;
    /*background: -moz-linear-gradient(top,  #ff6a6b 0%, #ff6162 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6a6b), color-stop(100%,#ff6162));
    background: -webkit-linear-gradient(top,  #ff6a6b 0%,#ff6162 100%);
    background: -o-linear-gradient(top,  #ff6a6b 0%,#ff6162 100%);
    background: -ms-linear-gradient(top,  #ff6a6b 0%,#ff6162 100%);
    background: linear-gradient(to bottom,  #ff6a6b 0%,#ff6162 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a6b', endColorstr='#ff6162',GradientType=0 );*/
}
#zinc-tabs .title {
    padding: 30px 0 50px;
    font-size: 18px;
}
#zinc-tabs .title .icon-euro-red {
    position: relative;
    top: 4px;
    margin: 0 5px;
}
#zinc-tabs a.tooltipx {
    width: 30px;
    height: 20px;
    position: absolute;
    top: 7px;
    right: 7px;
    display: block;
    line-height: 0px;
    transition: all 0s linear; -moz-transition: all 0s linear; -webkit-transition: all 0s linear; -o-transition: all 0s linear;
}
#zinc-tabs .table-capital.system-graphic > div:hover a.tooltipx,
#zinc-tabs .table-capital.system-graphic > div.active a.tooltipx {top: 7px; right: 5px;}
#zinc-tabs .table-capital.system-graphic > div.last:hover a.tooltipx,
#zinc-tabs .table-capital.system-graphic > div.last.active a.tooltipx {top: 7px; right: 6px;}
#zinc-tabs .title .icon-euro-red {
    position: relative;
    top: 4px;
    margin: 0 5px;
}
.table-zinc {
    margin-top: 40px;
    margin-bottom: 60px;
    width: 100%;
}
.table-zinc td {
    color: #8b8b8b;
    border: 1px solid #ddd;
}
.table-zinc.border-red .title > td   {border: 1px solid #fc6769 !important;}
.table-zinc.border-red tr.final > td {border-bottom: 1px solid #fc6769 !important;}
.table-zinc.border-red .first        {border-left: 1px solid #fc6769 !important;}
.table-zinc.border-red .last         {border-right: 1px solid #fc6769 !important;}
.table-zinc.border-grey .title td {
    background: #737373;
}
.table-zinc tr td {
    vertical-align: middle;
    font-weight: bold;
}
.table-zinc tr.thead td {
    padding: 20px 20px;
    font-weight: normal;
}
.table-zinc-loaner .title td {
    background: #53ACA4;
    color: #fff;
    padding: 15px 25px !important;
}
.table-zinc-investor .title td {
    background: #fc6769;
    color: #fff;
    padding: 15px 25px !important;
}
.table-zinc tr td {
    font-weight: bold;
    padding: 20px 20px;
}
.table-zinc tr.thead {
    background: #fbfbfb;
    color: #8e8e8e;
}
.table-zinc .price {
    font-size: 24px;
    color: #fc6769;
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
    line-height: 18px;
}
.table-zinc.border-no  td {vertical-align: middle}
.table-zinc.border-no .title > td {border: 1px solid #fff !important;}
.table-zinc.border-no .first {border-left: 1px solid #fff !important;}
.table-zinc.border-no .final > td {border-bottom: 1px solid #fff !important;}
.table-zinc.border-no .last {border-right: 1px solid #fff !important;}
.table-zinc.border-no a.btn {margin-top: 0; border: 1px solid #FF585F; background: none; color: #FF585F;}
.table-zinc.border-no a.btn:hover {background: #ff7a7a; color: #fff;}
.table-zinc.border-no span {
    font-weight: normal;
    color: #6a6a6a;
}
.table-zinc.border-no span a {
    color: #6a6a6a;
    text-decoration: underline;
    margin: 0;
}
.table-zinc.border-no .last {
    font-size: 24px;
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
    color: #686868;
}
.mini-text {font-size: 14px; color: #686868; font-family: 'open_sans', Helvetica Neue, Helvetica, sans-serif;}
.money {font-size: 43px; color: #fb696a; font-family: 'open_sansextrabold', Helvetica Neue, Helvetica, sans-serif; line-height: 40px;}
a.href-icon {text-decoration: none !important; font-size: 12px;}
a.href-icon span {text-decoration: underline;}
.table.table-pay > thead > tr > th {
    border-bottom: 2px solid #fff;
    color: #8f8f8f;
    font-family: 'open_sansregular', Helvetica Neue, Helvetica, sans-serif;
    font-weight: normal;
    padding: 13px 21px 13px 0;
}
.table.table-pay > tbody > tr > td {
    border-bottom: 1px dashed #d1d1d1;
    border-top: 1px dashed #d1d1d1;
    padding: 13px 0;
    color: #3a3a3a;
}
.protected-block {
    margin-top: 80px;
}
.protected-block .title {
    font-size: 22px !important;
    color: #ff6062;
    padding: 0 0 10px !important;
}
.protected-block p {
    color: #3a3a3a;
}
.protected-block .sub-title {
    font-size: 20px !important;
    color: #ff6062;
}
.protected-block .sub-title span {
    font-weight: bold;
}
.title-btn .btn {
    margin-left: 45px;
}
.invest .table {margin-bottom: 0;}
.invest .protected-block {margin-top: 30px; margin-bottom: 140px;}
.invest .margin-right {margin-left: 0; margin-right: 45px;}
.month-col.row {margin: 0 -4px; font-size: 12px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding-top: 30px; padding-bottom: 50px; margin-top: -80px;}
.month-col.row .col-md-1 {padding: 0 4px;}
.month-col.row .col-md-12 {font-size: 20px; margin: 0 0 20px;}
.month-col .month-1  {
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
    background: -webkit-linear-gradient(left, #fa6868, #f27a69);
    background: -o-linear-gradient(right, #fa6868, #f27a69);
    background: -moz-linear-gradient(right, #fa6868, #f27a69);
    background: linear-gradient(to right, #fa6868, #f27a69);
}
.month-col .month-2  {
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
    background: -webkit-linear-gradient(left, #f47c6b, #ea9570);
    background: -o-linear-gradient(right, #f47c6b, #ea9570);
    background: -moz-linear-gradient(right, #f47c6b, #ea9570);
    background: linear-gradient(to right, #f47c6b, #ea9570);
}
.month-col .month-3  {
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
    background: -webkit-linear-gradient(left, #ea9872, #dcb375);
    background: -o-linear-gradient(right, #ea9872, #dcb375);
    background: -moz-linear-gradient(right, #ea9872, #dcb375);
    background: linear-gradient(to right, #ea9872, #dcb375);
}
.month-col .month-4  {
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
    background: -webkit-linear-gradient(left, #dcb375, #cec17b);
    background: -o-linear-gradient(right, #dcb375, #cec17b);
    background: -moz-linear-gradient(right, #dcb375, #cec17b);
    background: linear-gradient(to right, #dcb375, #cec17b);
}
.month-col .month-5  {
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
    background: -webkit-linear-gradient(left, #cbc37b, #b9c289);
    background: -o-linear-gradient(right, #cbc37b, #b9c289);
    background: -moz-linear-gradient(right, #cbc37b, #b9c289);
    background: linear-gradient(to right, #cbc37b, #b9c289);
}
.month-col .month-6  {
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
    background: -webkit-linear-gradient(left, #b7c28a, #9fc499);
    background: -o-linear-gradient(right, #b7c28a, #9fc499);
    background: -moz-linear-gradient(right, #b7c28a, #9fc499);
    background: linear-gradient(to right, #b7c28a, #9fc499);
}
.month-col .month-7  {
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
    background: -webkit-linear-gradient(left, #9cc29d, #87bcaa);
    background: -o-linear-gradient(right, #9cc29d, #87bcaa);
    background: -moz-linear-gradient(right, #9cc29d, #87bcaa);
    background: linear-gradient(to right, #9cc29d, #87bcaa);
}
.month-col .month-8  {
    width: 100%;
    height: 14px;
    margin-bottom: 8px;
    background: -webkit-linear-gradient(left, #83bcab, #87bcaa );
    background: -o-linear-gradient(right, #83bcab, #87bcaa );
    background: -moz-linear-gradient(right, #83bcab, #87bcaa );
    background: linear-gradient(to right, #83bcab, #87bcaa );
}
.month-col .month-9,
.month-col .month-10,
.month-col .month-11,
.month-col .month-12 {
    width: 100%;
    height: 14px;
    background: #dbdbdb;
    margin-bottom: 8px;
}
.invest-pay {
    margin: 80px 0 120px;
    border: 1px solid #dbdbdb;
    padding: 50px;
}
/*.invest-pay h3 {
    border-bottom: none;
    padding: 0;
    margin: -70px 0 30px -51px;
}
.invest-pay h3 span {
    background: #fcfdfd;
    display: inline-block;
    padding: 0 30px 15px 0;
    font-size: 26px;
    color: #6b818c;
}*/
.invest label.btn input[type="radio"] {
    display: none;
}
.invest label.btn {
    background: url(../images/pay-month-active.png) -20px 7px no-repeat #f7f7f7;
    box-shadow: 0 !important;
    margin-right: 5px;
    transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;
    color: #687d8e;
    border: 1px solid #eceeed;
    text-transform: none;
    font-weight: normal;
}
.invest label.btn.active,
.invest label.btn:active {
    background: url(../images/pay-month-active.png) 7px 7px no-repeat #ff6062;
    box-shadow: none !important;
    padding-left: 35px;
    color: #fff;
    border: 1px solid #ff6062;
}
.row.account {
    margin: 60px -30px 0;
}
.row.account > div {
    padding: 0 30px;
}
.box-account {
    background: #f7f8fa;
    border: 1px solid #e4e5e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 40px 0; /*80px 80px;*/
    color: #6d808e;
    /*margin-left: 35px;*/
    position: relative;
    margin-bottom: 30px;
}
.box-account .img-account {
    position: absolute;
    top: 30px;
    left: -55px;
    border: 1px solid #e4e5e7;
    padding: 6px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.box-account h3 {
    color: #fc615f;
    font-family: 'open_sansextrabold', Helvetica Neue, Helvetica, sans-serif;
    border-bottom: none;
    font-size: 26px;
}
.box-account .btn,
.account-info .btn{
    background: none;
    border: 1px solid #b9bec1;
    color: #74828b;
    font-weight: normal;
    text-transform: none;
    font-family: 'open_sanse', Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
}
.box-account p {
    margin-bottom: 30px;
}
.account-info h3 {
    margin-bottom: 0;
    font-size: 22px;
    border-bottom: none;
}
.account-info > div {
    height: 78px;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}
.account-info p {margin: 7px 0 0;}
.account-info .icon-settings-large {margin: 0; top: 8px;}
.account-info .btn-gray {margin-top: 30px; background: #6e808e; border: 1px solid #b3c0c8; color: #fff;}
.export-money {
    height: auto !important;
    border-bottom: none !important;
}
.export-money label {
    font-weight: normal;
}
.export-money input {
    width: 55% !important;
    display: block;
    float: left;
    border: 1px solid #cad1d7;
    background: #f6f6f6;
    height: 55px;
    color: #5d676d;
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 24px;
}
.export-money button.btn {
    width: 40% !important;
    display: block;
    float: right;
    height: 55px;
    border: 1px solid #c9d2d7;
    background: #6cb8ae;
    color: #fff;
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 24px;
}
.account-text {
    margin-top: 50px;
}
.account-text h3 {
    margin-bottom: 0;
    font-size: 22px;
    border-bottom: none;
}
.account-text h3 .checkbox input {margin-top: 5px;}
#register-border.loaner-color {
    /*border: 3px double #53ACA4;*/
    box-shadow: 0 0 11px -5px;
}
#register-border.investor-color {
    /*border: 3px double #FF585F;*/
    box-shadow: 0 0 11px -5px;
}
/*========================*/
/*===  Pricing slider  ===*/
/*========================*/
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-top: 43px;
}
.min-calc,
.max-calc {font-size: 24px; color: #53ACA4; font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;}
.slider.slider-horizontal {
    width: 100%;
    height: 20px;
}
.slider.slider-horizontal .slider-track {
    position: absolute;
    cursor: pointer;
    height: 7px;
    width: 100%;
    background: #ffbfbf;
    border: 1px solid #e24d4c;
    margin-top: -5px;
    top: 50%;
    left: 0;
}
.slider.slider-horizontal .slider-selection {
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #ff6161;
}
.slider.slider-horizontal .slider-selection:before {
    content: "";
    width: 100%;
    height: 1px;
    top: 2px;
    left: 1px;
    position: absolute;
    background: #eb4d4c;
}
.slider.slider-horizontal .slider-handle {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ff3333;
    margin-left: -10px;
    margin-top: -12px;
    border-radius: 50%;
}
.slider.slider-horizontal .slider-handle:before {
    content: "";
    width: 26px;
    height: 26px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    top: 2px;
    left: 2px;
}
.slider.slider-horizontal .slider-handle:after {
    content: "";
    width: 18px;
    height: 18px;
    background: #ff6666;
    position: absolute;
    border-radius: 50%;
    top: 6px;
    left: 6px;
}
.guest .tooltip-main,
.guest .tooltip-min,
.guest .tooltip-max {
    display: none;
}
.logo_loaner {
    background: url('../images/logotmp.png') no-repeat center center;
    height: 130px;
}
.margin-top {
    margin-top: 30px;
}
.border-top {
    border-top: 1px solid #E9E9E9;
}
.padding-top {
    padding-top: 20px;
}
label.chboxlabel input[type="checkbox"],label.chboxlabel input[type="radio"] {
    display: none;
}
label.chboxlabel {
    /* background: url(../images/pay-month-active-green.png) -20px 7px no-repeat #f7f7f7; */
    background: url(../images/pay-month-inactive-green.png) 8px 8px no-repeat #f7f7f7;
    padding-left: 35px;
    box-shadow: 0 !important;
    margin-right: 5px;
    transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;
    color: #687d8e;
    border: 1px solid #eceeed;
    text-transform: none;
    font-weight: normal;
}
label.chboxlabel.active,
label.chboxlabel:active {
    background: url(../images/pay-month-active-green.png) 8px 8px no-repeat #f7f7f7;
    box-shadow: none !important;
    padding-left: 35px;
    color: #fff;
    border: 1px solid #f7f7f7;
}
label.chboxlabel.active { background-color: #53ACA4; border-color: #53ACA4; }
.go_right { 
    width: 37px;
    height: 37px;
    display: block;
    font-size: 35px;
    text-decoration: none !important;
    /*background: url('../images/right_green.png') center center no-repeat;*/
}
/*.go_right.investor { 
    width: 37px;
    height: 37px;
    display: block;
    font-size: 30px;
    background: url('../images/right_red.png') center center no-repeat;
}*/
.bg_thick_green { 
    min-height: 44px;
    padding-left: 55px;
    vertical-align: middle;
    display: inline-block;
    background: url('../images/thick_green.png') left center no-repeat;
}
.bg_thick_red { 
    min-height: 44px;
    padding-left: 55px;
    vertical-align: middle;
    display: inline-block;
    background: url('../images/thick_red.png') left center no-repeat;
}
fieldset {
    margin: 40px 0;
    padding: 10px;
}
fieldset.loaner {
    border: 1px solid #53ACA4;
}
fieldset.investor {
    border: 1px solid #FF585F;
}
legend {
    padding: 15px;
    line-height: 30px;
    margin-left: -16px;
    border: none;
    width: auto;
    display: block;
    margin-bottom: 0;
    font-size: 26px;
    font-family: 'Magnel', Helvetica Neue, Helvetica, sans-serif;
}
.square_label {
    padding: 4px 14px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
}
.square_label.loaner {
    background: #53ACA4;
}
.square_label.investor {
    background: #FF585F;
}
.btn-upload, .btn-ok {
    margin: 10px auto;
    width: 100px;
    height: 100px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px 4px;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    display: block;
    text-decoration: none !important;
}
.btn-upload-image {
    width: 37px;
    height: 37px;
    margin: 10px auto 5px;
    background: url('../images/upload_green.png') center center no-repeat;
}
.btn-ok-image {
    width: 37px;
    height: 37px;
    margin: 10px auto 5px;
    background: url('../images/thick_green2.png') center center no-repeat;
}
.btn-file input[type="file"] {
    height: 100px;
}
.btn-upload .glyphicon {
    font-size: 35px;
    margin: 10px auto 8px;
    display: block;
}
.zinc_bonus_red {
    /* height: 140px; */
    background: url('../images/logotmp-r.png') top left no-repeat;
    padding-left: 160px;
    margin-left: 10px;
}
.myzone fieldset .row {
    /* padding: 20px; */
}
.myzone .zinc-smile fieldset .row {
    padding: 30px;
}

h1 {
  font-family: 'PT Serif', Helvetica Neue, Helvetica, sans-serif;
}
.myzone p { 
  font-family: 'PT Serif', Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
} 
#garfnd { 
  font-family: 'PT Serif Bold', Helvetica Neue, Helvetica, sans-serif;
}

#captcha-group { width: auto; display: inline-block; float: right; }
#captcha-group button { height: 46px; }


.submit_wait {
    background-image: url('../images/spiner.svg');
    background-repeat: no-repeat;
    background-position: 5px center;
}
.table-responsive { border: none; }
#myzone-container .table-responsive > .table > thead > tr > th, 
#myzone-container .table-responsive > .table > tbody > tr > th, 
#myzone-container .table-responsive > .table > tfoot > tr > th, 
#myzone-container .table-responsive > .table > thead > tr > td, 
#myzone-container .table-responsive > .table > tbody > tr > td, 
#myzone-container .table-responsive > .table > tfoot > tr > td 
{ white-space: normal; }

.zinc_bonus_red h4 {  
    font-size: 30px; padding-top: 0px; margin-bottom: 10px;
}
.popover { max-width: 300px; }

/*========================*/
/*===     Responsive   ===*/
/*========================*/
@media (min-width: 1200px) {
    .container {width: 1024px;} /* 1024 */
}
@media (max-width: 1200px) {
    #protected-3 h2 span:before,
    #protected-3 h2 span:after {width: 29.5%; left: -34.5%;}
    #protected-3 h2 span:after {right: -34.5%; left: inherit;}
    br {display: block;height:5px;}
}
@media (max-width: 991px) {
    .hot-line div {
        margin: 10px auto;
    }
    /* .popover { margin-right: 0 !important; margin-left: 0 !important; margin-top: 10px; position: relative; left: 0 !important; top: 0 !important; max-width: 100%; width: 100%;  } */


    #content.page {margin-bottom: 0;}
    #bottom {margin-top: 0;}
/*    #content br {display: none;} */
    #content table br {display: block;}
    #banner .red {width: 100%; height: 50%; top: inherit; bottom: 0;}
    #video-btn {display: none;}
    #banner {text-align: center;}
    #banner .text-1,
    #banner .text-3 {margin-bottom: 20px;}
    #banner .row .row {padding-bottom: 20px; margin: 0;}
    .hot-line .col-md-6,
    .bottom-hot-line * {text-align: center;}
    .bottom-hot-line {margin-bottom: 30px !important;}
    .facebook {display: none;}
    .footer-block .text-right {text-align: left;}
    .footer-block .social a {margin-left: 0 !important; margin-right: 10px;}
    .img-video {margin-bottom: 20px;}
    .hot-line {margin-bottom: 0;}
    #how-to-make .row .col-md-4 > div {font-size: 27px;}
    #how-to-make .container > .row {margin: 0 -15px;}
    #how-to-make .container > .row > .col-sm-6 {padding: 0 15px;}
    #protected-3 h2 span:before,
    #protected-3 h2 span:after {display: none;}
    #protected-3 h2 span:after {right: -34.5%; left: inherit;}
    #protected-3 li ul > li:before {display: none;}
    #protected-3 li ul > li.text-center {text-align: left;}
    #protected-3 li ul > li img {margin: 30px 0 20px;}
/*    #protected-3 li ul > li br {display: none;} */
    .box-account,
    .account-info a.btn.btn-gray,
    .account-text {margin-bottom: 50px;}
}
@media (min-width: 767px) {
    .container,
    .collapse,
    .container-fluid {padding: 0;}
    
}
@media (max-width: 767px) {


    .navbar-header button {margin-right: 0;}
    .logo { background-size: 62%; height: 50px; }
    .logo_zincbiz { background-size: 62%; height: 50px; }
    .logo_ppl { background-size: 62%; height: 50px; }
    #top-account .navbar-nav {margin: 0;}
    #top-account .navbar-collapse {margin-top: 0;}
    #top-account .navbar-nav li {width: 100%;}
    #top-account nav li:first-child a {padding-left: 20px; padding-right: 20px;}
    .navbar-collapse {margin: 15px -15px 0; background: #ededed; border-top: none;}
    .top-menu .navbar {padding: 15px 0; margin-bottom: 0;}
    .top-menu .navbar-nav {width: 100%; margin: 0; padding: 0;}
    .top-menu .navbar .nav a {margin: 0; border: none; border-bottom: 1px solid #fff; padding: 15px 15px;}
    #banner .text-2 {font-size: 26px;}
    #index-tree > li > ul.first-ul {margin-top: 30px;}
    #index-tree > li > span:before {bottom: -151px; height: 150px;}
    #index-tree > li > span {font-size: 17px;}
    #index-tree {font-size: 10px;}
    #index-tree .green {padding: 5px 20px 5px 0;}
    #index-tree .center + .red {padding: 5px 0 5px 20px;}
    #awards {margin-top: 40px;}
    #awards .title {margin-bottom: 30px;}
    #how-to-make h3 {text-align: center;}
    #register-border, .register-border {padding: 80px 20px; margin-top: 60px;}
    #register-border h3, .register-border h3 {font-size: 16px; margin-top: -90px;}
    #register-border .btn-big, .register-border .btn-big {font-size: 16px;}
    .table-capital {min-width: 600px;}
    .table-capital.system-graphic .red {font-size: 25px;}
    .table-capital.system-graphic .first .tb {font-size: 15px;}
    .table-pay th,
    .table-pay td {padding: 13px !important;}
    .protected-block {margin: 80px -15px;}
    .protected-block img {float: none; margin: 0 auto 20px;}
    .account-info > div.col-sm-7 {border-bottom: none;}
    .export-money input {width:100% !important;}
    .export-money button.btn {width:100% !important; margin-top: 10px;}
    .box-account { padding-right: 20px; padding-left: 20px; }
    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
        word-wrap:break-word;
    }
}

#bottom-ct .bct-col-1 {
    padding-top:20px;
}

#bottom-ct .bct-col-1 a {
    padding: 5px 20px;
}
#bottom-ct .bct-col-2 a {
    display: inline-block;
    padding: 20px 20px 40px;
}
#bottom-ct .bct-col-2 a img { display: inline-block; }
.navbar-expand .navbar-collapse, .navbar-expand .navbar-toggle { display:none !important; }

@media (max-width: 480px) {
    #bottom-ct .bct-col-1 a {
        width:100%;
        display: block;
    }
    
    #bottom-ct .bct-col-2 a {
        float: none;
        display: block;
        padding: 20px;
    }

    #myzone-container .table-responsive {
        border: none;
    }
    
    .zinc_bonus_red { padding-left: 140px; }
    .zinc_bonus_red h4 { font-size: 20px; }
    
    #myzone-container .table-capital > label {
        height: auto;
        width: 100%;
        margin: 30px 0;
        border: none;
        /* border: 1px solid #DDDDDD; */
    }
     #myzone-container  .table-capital > label:hover {
        border: none;
    }
    #myzone-container  .table-capital .active .tb {
        border-color: #FF0000;
    }
     #myzone-container .table-capital > label:hover .tb {
        border-color: #FF0000;
    }
    #myzone-container  .table-capital {
        min-width: 0;
    }
    /* Force table to not be like tables anymore */
    #myzone-container .table-responsive table, 
    #myzone-container .table-responsive .thead, 
    #myzone-container .table-responsive tbody, 
    #myzone-container .table-responsive th, 
    #myzone-container .table-responsive td, 
    #myzone-container .table-responsive tr { 
        display: block; 
    }
    #myzone-container .table-responsive tr:nth-child(even) { 
        background: #FFFFFF;
    }
    #myzone-container .table-responsive tr:last-child { 
        margin: 0px 0; 
    }
    #myzone-container .table-responsive td:last-child { 
        border-bottom: none; 
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #myzone-container .table-responsive .title {
        border: none;
        padding: 0;
        font-size: 24px;
    }
    #myzone-container .table-responsive .title td {
        text-align: left;
    }
    #myzone-container .table-responsive table {
        border-width: 4px;
        border-style: double;
    }
    #myzone-container .table-responsive table.grey {
        border-color: #8b8b8b;
    }
    #myzone-container .table-responsive table.loaner {
        border-color: #53ACA4;
    }
    #myzone-container .table-responsive table.investor {
        border-color: #FF6A6B;
    }
    #myzone-container .table-responsive .thead { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #myzone-container .table-responsive tr { 
        border-bottom: 4px double #ccc; 
    }
    #myzone-container .table-responsive tr:last-child { 
        border-bottom: none; 
    }
    #myzone-container .table-responsive tr td { 
        /* Behave  like a \"row\" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        /* padding-left: 50%; */ 
        white-space: normal;
        text-align:right;
        padding: 5px !important;
    }
    #myzone-container .table-responsive td:before { 
        /* Now like a table header */
        /* position: absolute; */
        /* Top/left values mimic padding */
        /* top: 6px; */
        /* left: 6px; */
        /* width: 45%; */ 
        /* padding-right: 10px; */ 
        /* white-space: nowrap; */
        display: inline-block;
        text-align:left;
        font-weight: normal;
        font-style: italic;
        float: left;
    }
    /*
    Label the data
    */
    #myzone-container .table-responsive td:before { content: attr(data-title); }
}
.table-bordered > tbody > tr > td, .table-zinc .thead th {
    vertical-align: middle;
    text-align: center;
}
.table-zinc .title td {
    text-align: left;
    background: #FF6A6B;
    color: #fff;
}
.table-zinc .title-loaner td {
    text-align: left;
    background: #53ACA4;
    color: #fff;
    padding: 10px !important;
}
#myzone-container .table-zinc  th {
    background-color: #F8F8F8 !important;
    font-weight: bold;
    height: 60px;
}
.table-responsive {
    overflow: hidden;
}
#myzone-container .table-zinc tr td {
    padding: 20px 10px;
}
#myzone-container .table-zinc tr.title td {
    padding: 10px;
}
@media only screen and (max-width: 800px) {
    
    #captcha-group { width: auto; display: block; float: none; }
    #captcha-group div { width: auto; display: block; float: none; }
    #captcha-group button { height: 70px; }
    #captcha-group img { height: 70px; }
    #captcha-group button:first-child { height: 70px; width: 75%; background: #fff; }
    #captcha-group button#regenerate-captcha { width: 25%; }

    
}
.navbar-right { margin-right: 0px; }
#bottom .col-md-3 {
			padding: 0;
}
#bottom a { text-decoration: none; }
#bottom {
  background: #f6f8f9;
  border-top: 1px solid #dfe5e8;
  box-shadow: inset 0 1px 0 #eef1f3;
  padding: 40px 0 30px;
  margin-top: 60px;
}
#bottom .title {
    font-size: 15px;
    color: #828282;
    font-weight: bold;
}
#bottom .title p {
    font-size: 14px;
}
#bottom .more {
    display: inline-block;
    margin-top: 15px;
    font-family: 'open_sansbold', Helvetica Neue, Helvetica, sans-serif;
}
  #bottom ul {
      margin-top: 15px;
  }
  #bottom ul li {
      padding-left: 10px;
      position: relative;
      padding-bottom: 10px;
  }
  #bottom ul li a { color: #828282; font-size: 12px; }
  #bottom ul li a.green { color: #53ACA4; }
  #bottom ul li a:hover { color: #404040; text-decoration: underline; }
  #bottom ul li a:before {
      content: "›";
      position: absolute;
      left: 0;
      top: 1px;
  }
#bottom .social {
    min-width: 36px;
}
#bottom .social a {
    display: inline-block;
    margin-left: 10px;
}
#bottom .social p {
    margin-top: 37px;
}
.bottom-menu {
    width: 100%;
    padding: 40px 0 20px;
    text-align: justify;
}
  .bottom-menu li {
      display: inline-block;
      width: auto;
  }
  .bottom-menu .break{
      width: 100%;
      height: 0;
  }
  .bottom-menu li a {
      color: #8a8a8a;
  }
@media (max-width: 1200px) {
  #bottom .row,
  #bottom .row .row {
      margin: 0;
      padding: 0;
  }
  #bottom .row .col-md-3,
  #bottom .row .row .col-md-2,
  #bottom .row .row .col-md-3,
  #bottom .row .row .col-md-10 {
      margin: 0;
      padding: 0;
  }
}


.bgdrp-ovrlay {
	backdrop-filter: blur(3px);
	opacity:0;
	visibility: hidden;
	transition: visibility .5s linear,opacity .5s linear; 
    z-index: 99999;
    background:rgba(255,255,255,.5) !important;
	position:fixed;width:100%;height:100%;top:0;left:0;
	user-select: none;
}
.ovrl-inner {
    margin: auto;
    position: absolute;
    top:0; bottom:0; left:0; right:0;
    background: #fff;
    text-align:center;
    font-size: 18px;
    padding: 20px;
    border-radius: 20px;
    box-shadow: #ccc 0px 2px 10px 6px;
    display: table;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 60px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #FF585F;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/*** custom css ***/

@media(max-width: 767px){
    .container.top-menu{
        display: none;
    }
    #top-account .container{
        padding: 12px 15px;
        background-color: white;
    }
    .logo{
        background-size: contain;
    }
    #register-border, .register-border {
        padding: 80px 20px;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 5px;
    }
    form .form-control {
        height: 50px;
        padding: 14px 16px;
    }
    #register-border .col-md-offset-4, .register-border .col-md-offset-4 {
        padding: 0 15px;
    }
    /* #register-border .btn-big, .register-border .btn-big{
        margin-top: -20px;
        height: 50px;
        line-height: normal;
    } */
    #register-border h3, .register-border h3{
        border-bottom: 0;
        padding-bottom: 5px;
    }
    .hot-line-title{
        margin-top: 10px;
    }
    label{
        margin-bottom: 2px;
    }
    #login-form .form-group{
        margin-bottom: 10px;
    }
    #login-form .form-group a{
        font-size: 15px;
        color: #777777;
        text-decoration: underline;
        text-underline-offset: 2px;
    }
    #login-form .form-group a:hover{
        color: #FF585F;
    }
    .bottom-hot-line{
        padding: 15px;
    }
    .hot-line span{
        margin-top: 10px;
        display: block;
    }
}

@media(min-width: 768px){
    #top-account .navbar-header .logo.navbar-brand{
        display: none;
    }
    #register-border .alert { height:95px; }
    #register-border #register-form[name=signup] button {height:95px;}
}


/* dlhy form dlznik zona */

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 30px;
}
.flex-item {
    flex: 1;
    padding: 30px;
    background: #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0px 6px 24px 0px rgb(0 0 0 / 6%); 
    box-shadow: 0px 6px 24px 0px rgb(0 0 0 / 6%);
}
.flex-100 {
    flex-basis: 100%;
	width: 100%;
}
.flex-item h3 {
    display: block;
    font-size: 26px;
    font-family: IvyPresto Display;
    border: none;
    padding-bottom: 10px;
}
.flex-item h3 span.h3-subtitle {
    display: block;
    font-size: 18px;
    margin-top: 4px;
    letter-spacing: .4px;
}
#login-form-container.flex-item h3 {
    text-align: center;
}
.tab-status {
    margin-bottom: 25px;
}
.tab-status .status-bar-container {
    width: 100%; overflow: hidden; position: relative; margin-top: 6px; height: 6px; border-radius: 3px; background-color: #eaeaea;
}
.tab-status .status-bar {
    position: absolute; height: 12px; background-color: #FF585F;
}
.tab-status .tab-title,
.tab-status .pull-right {
    color: #FF585F;
    font-family: "open-sans", sans-serif;
    font-weight: 600;
}

#bigform-loaner .nav-tabs li {
    padding: 0 1px;
}
#bigform-loaner .nav-tabs li a {
    padding: 10px 5px;
    font-size: 15px;
}
#bigform-loaner .form-control {
    padding: 8px 12px;
    line-height: 40px !important;
    height: 40px !important;
    border-radius: 6px;
    background: var(--white, #FFF);
    box-shadow: unset;
    font-size: 16px;
}
#bigform-loaner label {
    font-size: 15px !important;
    color: rgb(77 77 77 / 80%);
    font-family: "open-sans", sans-serif;
    font-weight: 400;
}
#bigform-loaner .has-success label { color: #53ACA4; }
#bigform-loaner .has-error label { color: #FF585F; }

#bigform-loaner .pjax-loader {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#bigform-loaner .subtitle {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #53ACA4;
}
#bigform-loaner .tooltip .tooltip-inner {
    background-color: #FF585F;
    min-width: 200px; 
}
#bigform-loaner .tooltip .tooltip-arrow {
    border-top-color: #FF585F; 
}
#bigform-loaner .form-group {
    margin-top: 20px; 
}
.info-gdpr { margin-left: 12px; cursor:pointer; }

@media(max-width: 767px){
    .flex-item {
        flex-basis: 100%;
        max-width: 100%;
    }
}

#myzone-container {
    font-size: 15px;
}

/* ? aaale tak taktoo? n-th child? neee.. :(*/
/* dopísal som si classy v ...myzone>blocks, nevedel som to predtým narýchlo nájsť, tak len preto som to tak riešil ;) */
.flex-item.no-be-af .row:before,
.flex-item.no-be-af .row:after,
.flex-item.no-be-af .row .col:after {
    display: none;
}

.flex-item.item-info,
.flex-item.item-stav {
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow: hidden;
}

/*
.flex-item.item-info .row {
    display: flex;
    overflow-x: auto;
    margin: unset;
    gap: 30px;
}

.flex-item.item-info .row .col {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    padding: unset;
    width: auto;
    gap: 3px;
}
*/
.item-info th {
    font-weight:normal;
    text-align:center;
    padding: 5px;
}
.item-info td {
    font-weight: 600;
    font-size: 20px;
    padding: 10px 5px 0;
}

.flex-item.item-info .row .col strong {
    font-weight: 600;
    font-size: 20px;
}

/* no.. :/
/ teraz už dobre, nie? lebo si mi zakomentoval gap, tak preto zrazu neboli medzere 
/ dobre uz bolo... Karol... :/
*/
.flex-item h3{
    margin: 0;
    padding: 0;
    font-size: 26px;
    font-family: "ivypresto-display", sans-serif;
}

.flex-item.item-info span {
    color: #909090;
    font-size: 14px;
}

.flex-item.item-info strong {
    font-size: 16px;
}

#bigform-loaner .required label::after { content: "" !important; }
#bigform-loaner .mg-top { margin-top: 20px; }
#bigform-loaner .mg-bottom { margin-bottom: 20px; }
#tab-address .fade { display:none; }
#tab-address .fade.in { display:block; }

div#zinc-tabs {
    
    max-width: 100%;
    margin: auto;
    float: unset;
}

.help-block{
    margin-bottom: 15px;
}

#zinc-tabs button.btn.btn-block {
    font-size: 15px;
    height: 50px;
    transition: .2s ease-in-out;
    border-radius: 6px;
    font-weight: 600;
    font-family: 'open-sans', sans-serif;
    color: #fff;
} 


.field-step1loanerdataform-employer_ico input,
.field-step1loanerdataform-employer_name input,
.field-step1loanerdataform-bill_iban input, 
.field-step1loanerdataform-pay_bill_iban input {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px !important;
}

.field-step1loanerdataform-employer_ico button#orsr_search_ico,
.field-step1loanerdataform-employer_name button#orsr_search_name,
.field-step1loanerdataform-bill_iban button, 
.field-step1loanerdataform-pay_bill_iban button {
    height: 40px;
    display: flex;
    align-items: center;
}

#bigform-loaner .field-step1loanerdataform-different_addresses label {
    font-size: 15px!important;
}

.has-success .form-control {
    border-color: #53ACA4;
}

@media (max-width:767px){
    .tab-content .form-group .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .btn.green{
        margin-bottom: 15px;
    }
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #FF585F;
}

.has-error .form-control {
    border-color: #FF585F;
}

.form-control:focus, .has-success .form-control:focus{
    border-color: #53ACA4;
}

input#step1loanerdataform-job_date_to {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}

.btn:focus, :focus-visible{
    outline: 0!important;
}

#zinc-tabs .orsr-list li {
    padding: 10px 10px;
}
#zinc-tabs .orsr-list li a {
    font-family: 'open_sansregular', Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20px;
    padding: 0;
    background: transparent;
}
#zinc-tabs .orsr-list button {
    clear: both;
    padding: 5px 20px;
    margin-top: -4px;
}

#zinc-tabs .kv-grid-loading {
    opacity: .25;
}

.orsr-modal h2 {
    font-size: 25px;
    font-family: 'open_sansregular', Helvetica Neue, Helvetica, sans-serif;
}
.tooltip-inner {
    max-width: 400px;
}

#step1loanerdataform-job_date_from {
    border-radius: 0 6px 6px 0 !important;
}

button{
    transition: .2s ease-in-out;
}


/*** nove prihlasenia ***/
.login_msg_danger, .register_msg_danger {
    padding: 20px;
    border: 1px solid #FF585F;
    border-radius: 0px;
    box-shadow: 0px 6px 16px 0px rgba(255, 88, 95, 0.12);
}
.login_msg_success, .register_msg_success {
    padding: 20px;
    border: 1px solid #53ACA4;
    border-radius: 0px;
    box-shadow: 0px 6px 16px 0px rgba(83, 172, 164, 0.12);
}
.login_msg_success, .register_msg_info {
    padding: 20px;
    border: 1px solid #53ACA4;
    border-radius: 0px;
    box-shadow: 0px 6px 16px 0px rgba(83, 172, 164, 0.12);
}

.sms_code_widget {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;
}
.sms_code_widget input.form-control {
    display: block;
    padding: 8px 16px;
    height: 64px!important;
    font-size: 28px!important;
    line-height: 64px!important;
    font-family: 'open_sanssemibold';
    text-align:center;
    background: var(--white, #FFF);
    border: 2px solid #dedede;
    border-radius: 0px;
    box-shadow: unset;
    caret-color: transparent;
    -moz-appearance: textfield;
}
.sms_code_widget input.form-control:focus{
    border: 2px solid #53ACA4;
    box-shadow: 0 6px 16px rgb(83 172 165 / 16%);
}
.sms_code_widget input::-webkit-outer-spin-button,
.sms_code_widget input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-control{
    color: #4d4d4d;
}

#register-sms-form .tooltip .tooltip-inner {
    background: #53ACA4;
    color: #fff;
    font-size: 15px;
    font-family: 'open_sansregular'; 
}
#register-sms-form .tooltip .tooltip-arrow {
    border-top-color: #53ACA4; 
}

#register-sms-form .form-control[disabled], #login-form-container .form-control[disabled] {
    background: #f3f3f3;
}
#register-sms-form label, #login-form-container label {
    font-size: 15px !important;
    color: rgb(77 77 77 / 80%);
    font-family: "open-sans", sans-serif;
    font-weight: 400;
}
#register-sms-form .has-success label, #login-form-container .has-success label { color: #53ACA4; }
#register-sms-form .has-error label, #login-form-container .has-error label { color: #FF585F; }

#register-sms-form button.btn.btn-block, #login-form-container button.btn.btn-block  {
    font-size: 17px;
    height: 54px;
    transition: .2s ease-in-out;
    border-radius: 40px;
    font-weight: 600;
    font-family: 'open-sans', sans-serif;
    color: #7c7c7c;
    text-transform: uppercase;
    letter-spacing: .8px;
}

#register-sms-form .required label::after, #login-form-container .required label::after { content: "" !important; } 

input#loanerformonestepregistration-job_date_from {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}

.investor-register-headline-info {
	font-size: 14px;
}
.info-work-time {
	text-align: center;
    font-size: 15px;
}

@media (max-width:400px){
    .sms_code_widget { gap: 8px; }
}

#hotline.container{
    padding: 0;
}

#bigform-loaner label.radio-chbox-label {
	display: flex;
    height: 40px;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	user-select: none;
}
#bigform-loaner input[type='checkbox'], input[type='radio'] {
	appearance: none;
	cursor: pointer;
	outline: none !important;
	margin: 0;
	display: flex;
    width: 24px;
    aspect-ratio: 1 / 1;
    align-items: center;
}
#bigform-loaner input[type='checkbox']:disabled, input[type='radio']:disabled {
	cursor: not-allowed;
	opacity: .5;
}
#bigform-loaner input[type='checkbox']::before { 
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f096";
	font-size: 25px;
	margin: 0;
}
#bigform-loaner input[type='checkbox']:checked::before { 
	content: "\f046";
}
#bigform-loaner input[type='radio']::before { 
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f10c";
	font-size: 25px;
	margin: 0;
}
#bigform-loaner input[type='radio']:checked::before { 
	content: "\f192";
}

#bigform-loaner .radioLabel {
	display: flex;
    gap: 6px;
}
#bigform-loaner .radioLabel label:first-child { 
	border-radius: 6px 0 0 6px;
}
#bigform-loaner .radioLabel label:last-child { 
	border-radius: 0 6px 6px 0;
}
#bigform-loaner .radioLabel label:last-child {
	border-left: none;
}
#bigform-loaner .flex-item {
	border: 1px solid #ccc;
}
#bigform-loaner .flex-item.has-success {
    border: 1px solid #53ACA4;
}

#bigform-loaner label.radio-chbox-label.form-control {
    border: 0;
    width: auto;
    margin-bottom: 0;
}

#bigform-loaner .has-success label.radio-chbox-label {
    color: rgb(77 77 77 / 80%);
}

#bigform-loaner label.radio-chbox-label input:not(:checked){
    color: #9b9b9b;
}

#bigform-loaner .has-success label.radio-chbox-label input:checked,
#bigform-loaner label.radio-chbox-label input:checked
 {
    color: #53ACA4;
}

#bigform-loaner label.radio-chbox-label.form-control:first-child {
    padding-left: 0;
}

.pb-cena{
    text-align: right;
    font-family: 'open_sanssemibold';
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pb-popis{
    margin-top: 6px;
}

@media(max-width:767px){
    .field-step1loanerdataform-loan_insurance{
        margin-top: 0!important;
    }
    .pb-cena{
        font-size: 14px;
    }
}