body{
    font-family: 'Istok Web', sans-serif;
    color: #000000;
    margin: 0;
}

.containers{
    max-width: 1440px;
    padding: 0 10px;
    margin: 0 auto;
}

.header-blog{
    padding: 34px 2.5% 16px 10.8%;
}

.navbar{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.nav-boxes-first{
    display: flex;
    flex-direction: row;
}

.menu-box{
    display: flex;
    flex-direction: row;
    align-items: center;
}


.ul-box{
    display: flex;
    flex-direction: row;
    padding-left: 32px;
    margin-bottom: 0;
}

.ul-box li{
    list-style-type: none;
    padding-right: 45px;
}

.nav-links{
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-decoration: none;
    color: #000000;
}

.nav-links:hover{
    text-decoration: underline;
    color: #000000;
}

.nav-boxes-second{
    display: flex;
}

.nav-box-first{
    padding-right: 53px;
}

.nav-box-second a{
    text-transform: uppercase;
    padding: 9px 5px 10px 5px;
    border-radius: 100%;
}

.active-lang{
    font-weight: 700;
    background-color: #FEE900;
}

.mobile-nav-toggle{
    display: none;
}

.forms-link{
    display: none;
}

.section-first{
    position: relative;
    height: 523px;
}

.section-first-typeFourth{
    padding-bottom: 100px;
}

.main-blog{
    padding: 34px 2.5% 16px 10.8%;
}

.main-txt-box{
    padding-top: 4px;
}

.main-title-box h1{
    font-weight: 700;
    font-size: 36px;
    line-height: 52px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.main-title-box h1 img{
    padding-bottom: 7.5px;
    padding-right: 12px;
}


.main-txt h4{
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.main-txt p, .main-txt li{
    max-width: 340px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.main-txt-fourth {
    max-width: 320px;
}

.main-txt-fifth{
    width: 66%;
}

.main-txt-fifth p, .main-txt-fifth li{
    max-width: 100%;
}

.main-txt-fifth .carousel{
    margin-bottom: 30px;
}

.bttn{
    border: none;
    border-radius: 30px;
}

.bnt:hover{
    cursor: pointer;
}

.bttn:active{
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.about-btn{
    color: #FFFFFF;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    background: linear-gradient(270deg, #A770FA 7.45%, #DD6766 76.68%);
    text-decoration: none;
    padding: 4px 25px;
}

.about-btn:hover{
    color: #FFFFFF;
}

.slide-box{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    transition: 0.3s;
}

.carousel-inner{
    max-height: 523px;
}

.carousel-item img{
    min-height: 400px;
}

.carousel .carousel-indicators .btn-slide {
    border: 1.2px solid #FFFFFF;
    background: none;
    border-radius: 50%;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    opacity: 1;
    z-index: 10;
}

.carousel .carousel-indicators button.active {
    background: url(../images/slide-icon.png);
    border: none;
}

.section-second{
    background: rgba(225, 212, 254, 0.28);
    padding: 53px 0 30px 0;
}

.second-blog-type{
    padding: 34px 2.8%;
    display: flex;
    width: 100%;
}

.second-blog-boxes{
    display: flex;
    width: 100%;
}
.second-blog-box{
    min-width: 315px;
    max-width: 450px;
    width: 100%;
    padding-right: 20px;
}

.blog-links-box{
    border-top: 1px solid #000000;
    height: 80px;
}

.blog-links-box a{
    color: #000000;
    text-decoration: none;
    font-weight: 700;
    font-size: 24px;
    line-height: 85px;
}

.fa-caret-right{
    padding-right: 20px;
    color: #E6694C;
}

.blog-links-box a:hover{
    color: #000000;
    text-decoration: underline;
}

.blog-links-box-last{
    border-bottom: 1px solid #000000;
}

.second-blog-btns{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bttn-big{
    width: 320px;
    height: 62px;
    font-weight: 700;
    font-size: 24px;
    line-height: 85px;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    text-decoration: none;
}

.bttn-big:hover{
    color: #FFFFFF;
}

.bttn-becClient{
    background: linear-gradient(270deg, #A770FA 7.45%, #DD6766 76.68%);
}

.bttn-whiKg{
    color: #000000;
    background: linear-gradient(270deg, #FCE505 7.45%, #EE8432 76.68%);
}

.bttn-whiKg:hover{
    color: #000000;
}

.fa-caret-right-second{
    padding-right: 0;
    padding-left: 80px;
    color: #FFFFFF;
}

.third-blog-type{
    justify-content: space-between;
    padding-top: 46px;
}

.third-blog-boxes{
    margin-bottom: 35px;
}

.third-boxes-title{
    position: relative;
    padding-left: 20px;
}

.third-boxes-title h3{
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 57px;
}

.third-boxes-title img{
    position: absolute;
    left: 11px;
    top: -12px;
    z-index: -2;
}

.third-box{
    display: flex;
    align-items: center;
    width: 547px;
    border-top: 1px solid #D1D1D1;
 }

.third-box-last{
    border-bottom: 1px solid #D1D1D1;
}

.third-box p{
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.news-blog{
    display: block;
    margin-bottom: 60px;
}

.news-blog .row{
    margin-bottom: 35px;
}

.news-blog .col-sm{
    cursor: pointer;
}

.news-blog img{
    max-width: 100%;
    margin-bottom: 15px;
}

.txt-name{
    width: 197px;
    margin-right: 140px;
}

.rate{
    width: 75px;
    margin-right: 38px;
}

.percent{
    position: relative;
    width: 50px;
}

.fa-long-arrow-alt-down{
    font-size: 14px;
    color: #FF0F00;
    position: absolute;
    transform: translateY(100%);
    right: -30px;
}

.fa-long-arrow-alt-up{
    font-size: 14px;
    color: green;
    position: absolute;
    transform: translateY(100%);
    right: -30px;
}

.fa-long-arrow-alt-up-second{
    font-size: 10px;
    position: relative;
    transform: translateY(0);
    right: -5px;
}

.fa-long-arrow-alt-down-second{
    font-size: 10px;
    position: relative;
    transform: translateY(0);
    right: -5px;
}

.third-box-second-title{
    width: 340px;
    display: flex;
    background: rgba(225, 212, 254, 0.28);
    border-radius: 20px;
    padding: 6px 19px;
    margin: 0;
}

.third-box-second-title p{
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
}

.ISO-txt{
    width: 97px;
    margin-right: 19px;
}

.rateSom-txt{
    width: 112px;
    padding-right: 12px;
}

.third-box-second{
    width: 321px;
    margin-left: 19px;
    display: flex;
    border-bottom: 1px solid #D1D1D1;
}

.third-box-second p{
    font-weight: 700;
    font-size: 10px;
    line-height: 32px;
    margin-bottom: 0;
    padding: 2px 0;
}

.main-title-box span{
    position: relative;
}

.titleCircle-firstType{
    position: absolute;
    right: -33px;
    bottom: -5px;
    z-index: -2;
}

.titleCircle-secondType{
    position: absolute;
    right: -28px;
    top: 3px;
    z-index: -2;
}

.titleCircle-investment{
    position: absolute;
    right: -45px;
    top: 3px;
    z-index: -2;
}

.titleCircle-legal{
    bottom: -15px;
    right: -24px;
}

.titleCircle-client{
    bottom: -12px;
    right: -20.5px;
}

.main-txt-second{
    max-width: 434px;
}

.bold-txt{
    font-weight: 700;
}

.asset-txt{
    margin-bottom: 0;

}

.orng-txt{
	margin-right: 7px;
    color: #E6694C;
}

.asset-blog{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    max-width: 400px;
}

.asset-blog p{
    max-width: 200px;
    width: 100%;
    margin-bottom: 0;
}

.slide-box-second{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    transition: 0.3s;
}

.slide-box-second img{
    height: 523px;
}

.txt-underline{
    text-decoration: underline;
}

.main-txt-third p{
    max-width: 400px;
}

.titleCircle-about{
    right: -21px;
}

.titleCircle-whyKg{
    right: -27px;
    top: 4px;
}

.txt-link{
    font-weight: 700;
    text-decoration: underline;
    color: #000000;
}

.two-txt-blog{
    display: flex;
}

.txt-link:hover{
    color: #000000;
}

.main-txt-sixth p{
    max-width: 548px;
    margin-left: 135px;
}

.main-txt-seventh p{
    max-width: 774px;
}

.main-txt-seventh h3{
    font-size: 24px;
    line-height: 34.55px;
    font-weight: 700;
    margin: 25px 0 16px 0;
}

.main-txt-news img{
    max-width: 100%;
    margin: 15px 0 30px 0;
}

.main-txt-news h4{
    font-weight: 700;
    font-style: normal;
    margin: 40px 0 20px 0;
}

.two-txt-blog-second{
    display: flex;
}

.two-txt-box{
    max-width: 434px;
    width: 100%;
    margin-right: 20px;
}

.two-txt-box p{
	display: flex;
    margin-bottom: 0;
}

.two-txt-boxSecond p{
    margin-bottom: 16px;
    max-width: 410px;
}

.two-txt-boxThird{
    max-width: 546px;
}

.forms-boxes{
    margin-top: 20px;
    margin-bottom: 30px;
}

.forms-box{
    max-width: 540px;
    display: flex;
    justify-content: space-between;
}

.formBtn{
    width: 125px;
    padding: 4px 32px 4px 25.06px;
    background: linear-gradient(270deg, #A770FA 7.45%, #DD6766 76.68%);
    position: relative;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    color: #FFFFFF;
	white-space: nowrap;
}

.formBtn-second{
	display: inline-block;
    width: 135px;
    padding: 4px 27px 4px 20.7px;
    background: linear-gradient(270deg, #A770FA 7.45%, #DD6766 76.68%);
    position: relative;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    color: #FFFFFF;
    text-decoration: none;
}

.formBtn-second:hover{
    color: #FFFFFF;
}

.formBtn span{
    position: absolute;
    right: 1px;
    top: 1px;
    width: 18px;
    height: 18px;
    background-color: #FFFFFF;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.forms-btn {
    margin-right: 10px;
}

.forms-btn p{
    font-weight: 400;
    font-size: 8px;
    line-height: 12px;
    max-width: 94px;
}

.forms-btn-txt{
    max-width: 310px;
    padding-right: 25px;
    position: relative;
}

.forms-btn-txt p{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.forms-btn-txt img{
    position: absolute;
    right: 0;
    top: 0;
}

.titleCircle-asset{
    right: -26px;
    top: 18px;
}

.txt-boxses{
    display: flex;
}

.txt-second-box p{
    display: flex;
    margin-bottom: 0;
}

.txt-box{
    margin-right: 113px;
}

.main-txt-eight{
    max-width: 474px;
    width: 100%;
    background: rgba(225, 212, 254, 0.28);
    border-radius: 20px;
    padding: 22px 20px;
    position: relative;
    left: -20px;
}

.main-txt-nine{
    max-width: 474px;
    background: rgba(225, 212, 254, 0.28);
    border-radius: 20px;
    padding: 12px 20px 40px 20px;
    position: relative;
    left: -20px;
}

.main-txt-nine h2{
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
}

.main-txt-second-asset{
    margin-top: 60px;
}

.txt-box-second{
    margin-right: 0;
}

.main-txt-ten{
    max-width: 587px;
}

.txt-box-third{
    max-width: 700px;
    width: 100%;
}

.main-txt-eleven{
    width: 100%;
    max-width: 700px;
}

.two-txt-blog-third{
    margin-top: 20px;
}

.txt-third-box{
   max-width: 320px;
   width: 100%;
}

.txt-third-box p{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.ma-txt{
    margin-top: 90px;
}

.txt-box-fourth{
    margin-top: 80px;
}

.txt-box-fourth p{
	display: flex;
    margin: 0;
}

.message-form{
    display: flex;
    flex-direction: column;
}

.message-textarea{
    border-radius: 20px;
    padding: 10px 19px;
    height: 109px;
    resize: none;
    width: 207px;
    border: 1px solid #DD6766;
    margin-bottom: 15px;
    padding: 7px 19px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

.message-textarea:focus{
    outline: none;
}

.input{
    resize: none;
    width: 207px;
    border: 1px solid #DD6766;
    margin-bottom: 15px;
    padding: 7px 19px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    border-radius: 30px;
    height: 30px;
    border-radius: 30px;
}

.input:focus{
    outline: none;
}

.send-btn{
    width: 114px;
    height: 30px;
    background: linear-gradient(90deg, #DD6766 0%, #B26FDF 100%);
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.txt-box-fifth{
    max-width: 434px;
    width: 100%;
}

.txt-box-sixth{
    max-width: 340px;
    width: 100%;
}

.main-txt-twelve{
    padding: 72px 90px 81px 20px;
}

.client-txt-box{
    max-width: 450px;
    width: 100%;
    margin-right: 30px;
}

.form-txt-box{
    max-width: 320px;
    width: 100%;
    margin-right: 50px;
}

.form-txt-box p{
    max-width: 207px;
}

.txt-box-seventh{
    max-width: 340px;
    width: 100%;
}

.main-txt-twelve{
    padding: 27px 18px 11px 20px;
}

footer{
    background-color: #3C3C3C;
}

.footer-blog{
    display: flex;
    justify-content: space-between;
    padding-bottom: 34px;
}

.footer-link-box{
    display: flex;
    flex-direction: column;
}

.nav-links-footer{
    color: #FFFFFF;
    margin-bottom: 3px;
}

.nav-links-footer:hover{
    color: #FFFFFF;
}

.corpProj-item{
	display: flex;
	margin: 0 0 80px 0;
}

.corpProj-img{
	width: 430px;
	margin: 0 50px 0 0;
	padding: 30px;
	border: 1px solid #ddd;
}

.corpProj-img img{
	width: 370px;
}

.corpProj-img.empty{
	border-color: #fff;
}

table{
	max-width: 660px;
	margin-bottom: 1.5rem;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

td, th{
	padding: 4px 7px;
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	font-size: 14px;
	vertical-align: top;
}

th{
	font-weight: 700;
	text-align: center !important;
}

@media (max-width: 1300px) {
    .slide-box{
        width: 65%;
    }

    .slide-box-second{
        width: 55%;
    }
}

@media (max-width: 1075px) {
    .slide-box{
        width: 60%;
    }

    .slide-box-second{
        width: 50%;
    }
}

@media (max-width: 1050px) {
    .third-box{
        width: 520px;
    }

    .third-boxes-title{
        max-width: 400px;
    }
}

@media (max-width: 994px) {
    .ul-box{
        position: fixed;
        z-index: 5;
        inset: 0 0 0 60%;
        background: rgba(255, 254, 254, 0.8);
        backdrop-filter: blur(3px);
        align-items: flex-start;
        transform: translateX(100%);
        transition: transform 350ms ease-out;
        margin: 0;
        flex-direction: column;
        padding-top: 150px;
        transition: 0.3s;
    }

    .ul-box[data-visible="true"] {
        transform: translateX(0%);
    }

    .ul-box li{
        padding-top: 15px;
    }

    .mobile-nav-toggle{
        display: block;
        position: absolute;
        z-index: 10;
        background-color: transparent;
        background-image: url(../images/icons8-menu-30.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 48px;
        height: 48px;
        right: 10px;
        border: 0;
        transition: 0.3s;
    }

    .mobile-nav-toggle[aria-expanded="true"] {
        background-image: url(../images/icons8-close-30.png);
    }

    .mobile-nav-toggle:hover{
        cursor: pointer;
    }

    .nav-boxes-second{
        margin-right: 70px;
    }

    .nav-box-first{
        display: none;
    }

    .forms-link{
        display: block;
    }

    .section-first{
        height: 794px;
    }

    .main-txt-box{
        padding-right: 15px;
    }

    .slide-box{
        position: absolute;
        width: 100%;
        right: 0;
        max-width: 800px;
        padding-left:  12%;
    }

    .carousel-inner{
        height: 100%;
    }

    .carousel-item img{
        min-height: auto;
        max-height: 350px;
        max-width: 700px;
    }

    .second-blog-type{
        flex-direction: column;
    }

    .second-blog-btns{
        margin-top: 30px;
        align-items: center;
    }

    .slide-box-second{
        width: 100%;
    }

    .slide-box-second img{
        max-height: 550px;
        height: auto;
    }

    .section-first-typeSecond{
        height: 1000px;
    }

    .section-first-typeThird{
        height: 900px;
    }
}

@media (max-width: 760px) {
    .footer-blog{
        flex-direction: column;
        align-items: center;
    }

    .footer-link-box{
        flex-direction: row;
    }

    .nav-links-footer{
        margin: 5px 10px;
    }

    .two-txt-blog{
        flex-direction: column;
    }

    .main-txt-sixth p{
        margin-left: 0;
        max-width: 420px;
    }

    .two-txt-blog-second{
        flex-direction: column;
    }

    .txt-boxses{
        flex-direction: column;
    }

    .txt-box{
        margin-right: 0;
    }

    .txt-box-second{
        margin-top: 30px;
    }

	.corpProj-item{
		display: block;
		margin: 0;
	}

	.corpProj-img{
		width: 100%;
		margin: 40px 0 20px 0;
		padding: 30px 5%;
	}

	.corpProj-img img{
		width: 90%;
	}
}

@media (max-width: 720px) {
    .section-first-typeSecond{
        height: 900px;
    }

    .section-first-typeThird{
        height: 800px;
    }
}

@media (max-width: 665px) {
    .second-blog-boxes{
        flex-direction: column;
    }

    .blog-links-box-first{
        border: none;
    }
}

@media (max-width: 640px) {
    .ul-box{
        inset: 0 0 0 35%;
    }
}

@media (max-width: 580px) {
    .section-first{
        height: 700px;
    }

    .section-first-typeSecond{
        height: 820px;
    }

    .section-first-typeThird{
        height: 700px;
    }

    .third-box{
        width: 500px;
    }

    .txt-name{
        margin-right: 40px;
    }

    .forms-box{
        flex-direction: column-reverse;
    }
}

@media (max-width: 540px) {

    .third-box{
        max-width: 400px;
        width: auto;
    }

    .txt-name{
        max-width: 120px;
    }
}

@media (max-width: 440px) {
    .footer-link-box-second{
        flex-direction: column;
    }

    .footer-link-box-second a{
        text-align: center;
    }
}

@media (max-width: 410px) {
    .ul-box{
        inset: 0 0 0 0%;
        align-items: center;
        padding-left: 0;
    }

    .ul-box li{
        padding-right: 0;
    }

    .third-box{
        flex-direction: column;
        align-items: flex-start;
    }

    .third-box p{
        height: 28px;
    }

    .txt-name{
        max-width: 220px;
    }

    .third-box-second-title{
        max-width: 300px;
    }

    .ISO-txt{
        max-width: 70px;
        margin-right: 5px;
    }

    .rateSom-txt{
        padding-right: 5px;
    }

    .third-box-second{
        max-width: 280px;
    }
}
