.banner {
    background: url('/assets/images/backgrounds/bu-okr-pro-banner-bg.jpg') no-repeat center;
    background-size: cover;
}
.banner .container{
    padding-top: 80px;
    padding-bottom: 80px;
}
.banner h1{
    font-size: 48px;
    line-height: 1;
    letter-spacing: 1px;
    color: #091871;
    margin-bottom: 20px;
}
.banner h1 small{
    font-size: 36px;
    color: #333333;
}
.banner .f-20{
    font-size: 20px;
    margin-bottom: 60px;
}
.banner a{
    min-width: 180px;
    margin: auto 20px!important;
}
.overview  .container{
    padding-top: 100px;
    padding-bottom: 100px;
}
.overview  .overview-box{
    max-width: 1048px;
    margin: auto;
}
.overview p{
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 30px;
    color: #666666;
}
.overview  ul li{
    font-size: 14px;
    margin-bottom: 10px;
    color: #666666;
}
.overview .icon-left{
    margin-bottom: 40px;
}
.products{
    background: #eee;
}
.products .container {
    padding-bottom: 80px;
    padding-top: 80px;
}
.products .f-14 {
    font-size: 14px;
    line-height: 22px;
    color: #1a1a1a;
    max-width: 660px;
    margin: 0 auto 45px;
}
.products .horizontal{
    padding: 40px 30px;
    margin-bottom: 30px;
}
.products-center  h4{
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #18abff;
    margin-bottom: 20px;
}
.products-center p,.products-center ul li {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}
.products-right .select-inline{
    display: inline-block;
    vertical-align:middle;
}

.pricing-radio {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border: 1px solid #18abff;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
}
.pricing-checked::before {
    content: '';
    display: inline-block;
    border: 4px solid #18abff;
    background-color: #18abff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
}
.radio-select span{
    font-size: 14px;
    line-height: 30px;
    color: #333333;
}
.price span{
    font-size: 24px;
    font-weight: bold;
    color: #18abff;
    margin-right: 15px;
}
.price span:lang(jp){
    margin-right: 5px;
}
.price del{
    font-size: 14px;
    color: #9c9c9c;
    text-decoration: line-through;
}
.checked-list{
    margin-bottom: 20px;
}
.products-left{
    padding-top: 20px;
}
.products .vertical-box{
    padding: 20px 50px;
}
.products .vertical-box  h3{
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 25px;
    color: #1763c1;
}
.products .vertical-box .top-img{
    padding-top: 0;
}
.products .vertical-box .des{
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 15px;
}
.products .vertical-box .hook8{
    max-width: 300px;
    margin: auto;
    min-height: 110px;
}
[lang="es"] .products .vertical-box .hook8 {
    min-height: 190px;
}
[lang="jp"] .products .vertical-box .hook8 {
    min-height: 150px;
}
[lang="es"] .products .vertical-box .des {
    min-height: 90px;
}

.products .vertical-box .hook8 li{
     font-size: 14px;
    margin-bottom: 10px;
     color: #333333;
}
.products .vertical-price{
    margin-top: 20px;
    margin-bottom: 15px;
}
.products .vertical-price span{
    font-size: 30px;
    font-weight: bold;
    color: #1763c1;
}
.products .vertical-price  del{
    font-size: 14px;
    color: #9c9c9c;
    text-decoration: line-through;
}
.products .vertical-box a.learn-more.arrow{
    display: block;
}

.products .vertical-box.vertical-right  h3,.products .vertical-box.vertical-right .vertical-price span{
    color: #091871;
}
.products .products-right .checked-list{
    display: inline-block;
    text-align: left;
}



.community h2{
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    color: #1a1a1a;
}
.community .vertical-box{
    background: initial;
    padding-top: 30px;
}

.community .des,.community .f-14{
    font-size: 14px;
    line-height: 26px;
    color: #666666;
}
.community .des{
    margin-top: 40px;
}
.community .f-14{
    margin-bottom: 70px;
}
.community  .func-icon{
    background: url('/assets/images/icons/bu-all-icon2.png') no-repeat 0 -612px;
    width: 125px;
    height: 80px;
}
.community .ic-re2{
    background-position-x: -125px;
}
.community .ic-re3{
    background-position-x: -270px;
}
.tool{
    background: #eee;
}
.tool .container{
    padding-top: 80px;
    padding-bottom: 80px;
}
.tool h2{
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #2f2f2f;
    margin-bottom: 40px;
}
.tool h3{
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #2f2f2f;
    position: relative;
    margin-bottom: 15px;
}
.tool p{
    font-size: 14px;
    color: #2f2f2f;
    opacity: 0.7;
    margin-bottom: 20px;
}
.tool-right{
    padding-left: 30px;
}
.tool h3:before{
    content: '';
    display: inline-block;
    position: absolute;
    background: url('/assets/images/icons/tiny-icon-all.png') no-repeat -711px -250px;
    width: 18px;
    height: 18px;
    left: -25px;
    top: 1px;

}
.tool .tool-last h6{
    font-size: 16px;
    font-weight: normal;
    color: #2f2f2f;
    margin-bottom: auto;
}
.tool .tool-last p{
    font-size: 14px;
    color: #2f2f2f;
    opacity: 0.7;
    margin: 10px auto;
}
.version .container{
    padding-top: 80px;
    padding-bottom: 80px;
}
.version .version-box{
    max-width: 1040px;
    margin: auto;
    background-color: #091871;
    border-radius: 10px;
    padding: 20px 40px;
}
.version h2{
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
}
.version ul li{
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 20px;
}
.version-right{
    padding-top: 20px;
}
.version .btn-transparent:hover{
    background-color: #fff;
    color: #091871!important;
}
.statement{
    background: #eee;
}
.statement .container{
    padding-top: 80px;
    padding-bottom: 80px;
}
.statement h2{
    font-size: 36px;
    font-weight: bold;
     margin-bottom: 30px;
    color: #1a1a1a;
}
.statement p{
    font-size: 14px;
    line-height: 26px;
    color: #666666;
}
.resources .container{
    padding-top: 80px;
    padding-bottom: 80px;
}
.resources h2{
    font-size: 36px;
    font-weight: bold;
    line-height:1;
    color: #2f2f2f;
    margin-bottom: auto;
}
.resources p{
    margin: 40px auto;
    font-size: 14px;
    line-height: 26px;
    color: #2f2f2f;
}
.resources a{
    margin: auto 10px ;
}

.offers{
    background-color: #eeeeee;
}
.offers .container{
    padding-bottom: 80px;
    padding-top: 80px;
}
.offers h2{
    margin: 0 0 50px;
    text-align: center;
}
.offers .combination-box .top{
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 140px;
}
.offers .cnt .right p{
    min-height: 95px;
}
[lang="es"] .offers .cnt .right p {
    min-height: 160px;
}
[lang="it"] .offers .cnt .right p {
    min-height: 133px;
}
@media (max-width: 1199px) {
    .products .vertical-box .des{
        min-height: 110px;
    }
}
@media (max-width: 636px) {
    .resources a{
        display: table;
        margin: 10px auto;
    }
    .banner a{
        margin-bottom: 10px!important;
    }
}

@media all and (min-width: 920px) {
    [lang="de"] .products .vertical-box .hook8 {
        min-height: 200px;
    }
    [lang="de"] .offers .cnt .right p {
        min-height: 145px;
    }

    .row {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .products .vertical-box,.combination-box {
        height: 100%;
    }
}

.checked-list  > .checked {
    cursor: pointer;
}
[lang="jp"] .banner {
    background: url(/assets/images/localization/jp/banner/onekey-recovery-banner.jpg) no-repeat center;
}

@media all and (max-width: 992px) {
    .products .products-right .checked-list, .products .products-right {
        text-align: left;
    }

    .offers .row > div {
        margin-bottom: 20px;
    }
}

@media all and (min-width: 920px) and (max-width: 992px) {
    .row > div {
        flex-basis: 50%;
    }
    .combination-box .right {
        width: 90%;
        margin: auto;
    }
    [lang="es"] .offers .cnt .right .des {
        min-height: 160px;
    }
    .combination-box .title {
        min-height: 120px;
    }
    [lang="es"] .products .vertical-box .des {
        min-height: 198px;
    }
    [lang="es"] .products .vertical-box .hook8 {
        min-height: 210px;
    }
}

@media all and (max-width: 768px) {
    .combination-box .img {
        width: 160px;
    }
}
@media(min-width: 992px) and  (max-width: 1190px) {
  [lang='tw']  .combination-box .right {
        width: 52%;
    }
}

[lang=fr] .products .vertical-box .hook8{
    min-height: 190px;
}