* {
    font-family: 'Open Sans', Arial, sans-serif;
}
article#intro.instruments.new {
    position: relative;
    top: 58px;
    left: 0;
    display: block;
    width: 100%;
    height: 165px;
    background-image: url(../img/showcases/showcases-bg.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    filter: grayscale(0.8);
}
article#intro.instruments.new div.fade {
    display: block;
    width: 100%;
    height: 100px;
    padding: 50px 0 0 0;
    background-color: rgba(0, 0, 0, 0.65);
}
article#intro.instruments.new h2.slogan {
    position: relative;
    z-index: 10;
    display: block;
    width: fit-content;
    height: 30px;
    color: #fff !important;
    margin: 0 auto;
    padding: 0 0 4px 0;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    font-weight: 330;
    opacity: 1;
}
article#intro.instruments.new h2.slogan span {
    font-size: 22px;
    line-height: 32px;
    color: #fff !important;
}
section.instruments article.instruments.choice {
    padding-bottom: 100px;    
    background: #f6f7fb;
}
article.instruments.choice h1.headerLine.animated {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    background: #50a2ff;
    font-size: 18px;
    font-weight: normal;
    line-height: 37px;
    color: #fff;
    text-align: center;
    background: linear-gradient(270deg, #50a2ff, #3891fd, #8dccff, #3e83f3);
    background-size: 800% 800%;
    -webkit-animation: animatedGradient 12s ease infinite;
    -moz-animation: animatedGradient 12s ease infinite;
    animation: animatedGradient 12s ease infinite;
}
section.instruments article.instruments.choice div.wrapper * {
    text-align: left;
}
section.instruments article.instruments.choice div.wrapper div.row h2,
section.instruments article.instruments.choice div.wrapper div.row h3 {
    margin: 0 0 1px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3em;
}
article.instruments.choice .wrapper .row {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    text-align: center;
}
article.instruments.choice .wrapper .row div {
    display: inline-block;
    width: auto;
    min-height: 140px;
    margin: 0 5px 10px 0;
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e6e9ef;    
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);    
    text-align: center;
    vertical-align: top;
}
article.instruments.choice .wrapper .row.first div,
article.instruments.choice .wrapper .row.second div,
article.instruments.choice .wrapper .row.seo .column.right div {
    min-height: auto;    
    cursor: pointer;
}
article.instruments.choice .wrapper .row.first div {
    width: calc(25% - 40px);
}
article.instruments.choice .wrapper .row.first div:hover, 
article.instruments.choice .wrapper .row.first div:target,
article.instruments.choice .wrapper .row.second div:hover, 
article.instruments.choice .wrapper .row.second div:target,
article.instruments.choice .wrapper .row#calculators div:hover, 
article.instruments.choice .wrapper .row#calculators div:target,
article.instruments.choice .wrapper .row.seo .column.right div:hover,
article.instruments.choice .wrapper .row.seo .column.right div:target {
    filter: contrast(0.95);
    background-color: #f7fdff;
}
article.instruments.choice .wrapper .row .calculators {
}
article.instruments.choice .wrapper .row.first div:last-child {
    margin-right:0;
}
article.instruments.choice .wrapper .row div label {
    display: inline-block;
    width: fit-content;
    margin: 5px 5px 0 0;    
    padding: 2px 8px;    
    border-radius: 6px;
    font-size: 13px;
    color: #fff;   
    zoom: 88%;
}
.f {
    background: rgba(139, 195, 74, .75);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(139, 195, 74, .8);
}
.c {
    background: rgba(77, 171, 208, .75);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(77, 171, 208, 0.8);  
}
.cs {
    background-color: rgb(220 220 220 / 30%);
    backdrop-filter: blur(10px);    
    border: 1px solid rgba(220, 220, 220,.8);    
    color: #111 !important;
}
article.instruments.choice .wrapper .row.second div.aiAgent {
    width: calc(50% - 41px);
}
article.instruments.choice .wrapper .row.second div.dueDiligence,
article.instruments.choice .wrapper .row.second div.api {
    width: calc(25% - 40px);
}
article.instruments.choice .wrapper .row .calculators {
    background-image: url('../img/instruments/calculator-preview.webp');
    background-position: calc(80% + 10px) calc(100% + 5px);
    background-size: auto 90%;
    background-repeat: no-repeat;
}
article.instruments.choice .wrapper .row .dashboard {
    background-image: url('../img/instruments/dashboard-preview.webp');
    background-position: 90% 80%;
    background-size: auto 92%;
    background-repeat: no-repeat;
}
article.instruments.choice .wrapper .row .cmaAnalysis {
    background-image: url('../img/instruments/cma-analysis-preview.webp');
    background-position: calc(100% + 20px) 80%;
    background-size: auto 95%;
    background-repeat: no-repeat;
}
article.instruments.choice .wrapper .row .ratings {
    background-image: url('../img/instruments/ratings-preview.webp');
    background-position: 92% 80%;
    background-size: auto 95%;
    background-repeat: no-repeat;
}
article.instruments.choice .wrapper .row .aiAgent {
    background-image: url('../img/instruments/ai-preview.webp');
    background-position: 92% 80%;
    background-size: auto 95%;
    background-repeat: no-repeat;
}
article.instruments.choice .wrapper .row .aiAgent {
    background-image: url('../img/instruments/ai-preview.webp');
    background-position: calc(100% - 6px) 10px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
article.instruments.choice .wrapper .row .dueDiligence {
    background-image: url('../img/instruments/due-diligence-preview.webp');
    background-position: calc(100% - 5px) 10px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
article.instruments.choice .wrapper .row .dueDiligence {
    background-image: url('../img/instruments/due-diligence-preview.webp');
    background-position: 100% 62px;
    background-size: auto 60%;
    background-repeat: no-repeat;
}
article.instruments.choice .wrapper .row .api {
    background-image: url('../img/instruments/api-preview.webp');
    background-position: 96% 52px;
    background-size: auto 70%;
    background-repeat: no-repeat;
}
.mortgageCalculator {
    background-image: url('../img/instruments/mortgage-calculator-preview.webp');
    background-position: 100% 15px;
    background-size: auto 90%;
    background-repeat: no-repeat;
}
.valuationCalculator {
    background-image: url('../img/instruments/valuation-calculator-preview.webp');
    background-position: calc(100% - 5px) 30px;
    background-size: auto 80%;
    background-repeat: no-repeat;
}
.roiCalculator {
    background-image: url('../img/instruments/roi-calculator-preview.webp');
    background-position: calc(100% - 5px) 10px;
    background-size: auto 90%;
    background-repeat: no-repeat;
}
.row.first div p,
.row.second div.dueDiligence p,
.row.second div.api p,
div#calculators.row div p {
    display: block;
    width: calc(100% - 40px);
    margin: 5px 0;
    font-size: 13px;
}
.row.second div.aiAgent p {
    width: 70%;
    margin: 5px 0 20px;
    font-size: 13px;
}
.comingSoon, .comingSoon:target {
    cursor: none;
}
.instruments .instruments.choice .wrapper .row h2.lineGradient {
    width: calc(100% - 36px);
    margin: 10px 0 10px 2px;
    padding: 6px 15px;
    background-size: 800% 800% !important;
    background: linear-gradient(270deg, #50a2ff, #3891fd, #8dccff, #3e83f3);
    -webkit-animation: animatedGradient 12s ease infinite;
    -moz-animation: animatedGradient 12s ease infinite;
    animation: animatedGradient 12s ease infinite;
    border-radius: 12px 12px 4px 4px;
    color: #fff;
    text-align: center;
}
div#calculators {
    margin-bottom: 80px;
}
section.instruments article.instruments.choice div.wrapper div#calculators.row div {
    display: inline-block;    
    width: calc(33% - 38px);
}
div#calculators.row button.back.mainMenu {
    display: block;
    width: calc(33% - 6px);
    margin: 16px auto 0 calc(33% + 4px);
    padding: 12px 0;
    border-radius: 12px;
    border: none;
    font-size: 16px !important;
    text-align: center !important;
    cursor: pointer;
}
div#calculators.row button.back.mainMenu:hover,
div#calculators.row button.back.mainMenu:target {
    background: #4097fd;
    color: #fff;
}
article.instruments.choice .wrapper .row.seo .columns {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    background: none;
}
article.instruments.choice .wrapper .row.seo .columns .column.left, 
article.instruments.choice .wrapper .row.seo .columns .column.right {
    display: inline-block;
    width: calc(50% - 5px);
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    vertical-align: top;    
}
article.instruments.choice .wrapper .row.seo .columns .column.right div {
    margin-right: 0;
}
article.instruments.choice .wrapper .row.seo .columns .column.left p {
    margin: 5px 0 0 0;
    padding: 0;
}
article.instruments.choice .wrapper .row.seo .columns .column.left ul.ok {
    margin: 5px 0 10px;
}
article.instruments.choice .wrapper .row.seo .columns .column.left ul.ok li ul {
    margin-top: 0;
    margin-left: 0;
    padding-top: 5px;
}
ul.ok li:before {
    display: none;
    margin-right: 0;
}
article.instruments.choice .wrapper .row.seo .columns .column.left ul.ok li ul li {
    margin-bottom: 3px;
}
.columns .column.left ul.ok li ul li strong,
.columns .column.left ul.ok li ul li em {
    font-size: 13px;  
    font-style: normal;
}
article.instruments.choice .wrapper .row.seo .columns .column.left ul.ok li ul li small {
    position: relative;
    top: -3px;
    margin: 0 10px;
    zoom: 50%;
}
article.instruments.choice .wrapper .row.seo .columns .column.left ul.ok li ul li em {
    color: #111;
}
article.instruments.choice .wrapper .row.seo .columns .column.left ul.ok li b i {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 5px;    
    padding: 0 6px;
    border-radius: 6px;
    font-size: 13px;    
    font-weight: 400;
    font-style: normal;
    color: #fff;  
    zoom: 85%;    
}
i.b2c {
    background: #a9d27b;
}
i.b2b {
    background: #7dc1dc;
}
.columns .column.right div {
    display: block;
    width: calc(100% - 36px);
    min-height: auto;
    margin-left: 4px;
}
.columns .column.right div h3,
.columns .column.right div h3 b {
    font-size: 18px;
}
.columns .column.right div h3 {
    font-size: 17px;
    font-weight: 300;
}
.columns .column.right div h3 small {
    position: relative;
    top: -1px;
    margin-left: 4px;
    margin-right: 4px;
    font-size: 10px;
    color: #fff;
    filter: invert(1);
}
.columns .column.right div h3 b {
    font-weight: 400;
}
.columns .column.right div h3 i {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    color: #3e5aa3;
}
.columns .column.right div p {
    width: calc(100% - 40px);
    margin: 5px 0 3px 0;
    padding: 0;
    font-size: 15px;
}
section.instruments article.instruments.choice div.wrapper div.text {
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
}
section.instruments article.instruments.choice div.wrapper div.text.short {
    padding-top: 8px;
}
section.instruments article.instruments.choice div.wrapper div.row .text h3 {
    margin-top: 10px;
}
p.seo.img img {
    display: block;
    width: 70%;
    margin: 20px auto 10px;
}
button.enlargeText, 
button.closeText,
a.askQuestion {
    display: block;
    width: 100%;
    height: 32px;
    margin: 15px 0 5px !important;
    padding: 2px 0 4px;
    background-color: #f6f6f6;
    border-radius: 6px !important;
    border: none;
    font-weight: 300;
    text-align: center !important;  
}
a.askQuestion {
    line-height: 1.5em;
    text-decoration: none;
}
button.enlargeText:hover, 
button.enlargeText:target, 
button.closeText:hover,
button.closeText:target,
article.instruments.choice .wrapper .row div a.askQuestion:hover,
article.instruments.choice .wrapper .row div a.askQuestion:target {
    background-color: #e4f0f9;
    color: #111;
}
article.instruments.choice .wrapper .row.seo .columns .column.left div.seoBlock {
    width: calc(100% - 35px);
}
section.instruments article.instruments.choice div.wrapper div.text.long {
    padding: 10px 0 0 0;
}
.disclaimer {
    margin-left: 2px;
    margin-top: 20px;
    padding-left: 15px;
    border-left: 2px solid #a9d27a;
}
.disclaimer p {
    font-size: 14px;    
    color: #555;
}
.disclaimer:hover p,
.disclaimer:target p {
    color: #333;
}
@keyframes animatedGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
article#faq {
    background: transparent;
}
article.instruments.choice .wrapper .row article#faq div {
    width: 100%;
    min-height: auto;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 0;
}
section.instruments article.instruments.choice div.wrapper * {
    text-align: left;
}
article.instruments.choice .wrapper .row div {
    display: inline-block;
    width: auto;
    min-height: 140px;
    margin: 0 5px 10px 0;
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e6e9ef;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
    text-align: center;
    vertical-align: top;
}
article.instruments. .wrapper .row {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    text-align: center;
}
html footer {
    background: linear-gradient(to bottom, rgba(241, 241, 241, 1) 0%, rgb(246 246 246) 12%);
}
@media (max-width:768px) {
    section.instruments article.instruments.choice {
        width: 100%;
    }
}
@media (min-width:550px) and (max-width:768px) {
    article.instruments.choice .wrapper .row.first div {
        width: calc(50% - 40px);
    }
}
@media (max-width:640px) {
    .instruments .instruments.choice .wrapper .row h2.lineGradient {
        width: calc(100% - 50px);
        margin: 10px;
        padding: 6px 15px;
    }
    section.instruments article.instruments.choice div.wrapper div#calculators.row div {
        display: inline-block;
        width: calc(100% - 50px);
        margin: 0 0 10px 10px;
    }
    article.instruments.choice .wrapper .row.first div {
        width: calc(100% - 50px);
        margin-left: 10px;
    }
    article.instruments.choice .wrapper .row.seo .columns .column.left, 
    article.instruments.choice .wrapper .row.seo .columns .column.right {
        display: inline-block;
        width: calc(100% - 16px);
        margin: 0 0 0 10px;
        padding: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        vertical-align: top;
    }
    article.instruments.choice .wrapper .row.seo .columns .column.right div {
        width: calc(100% - 35px);
        margin-right: 0;
    }
    .disclaimer {
        width: calc(100% - 40px);
    }
}