/*
	HEADER BLOCK AND MENU
*/
.corr-header-container{
	max-width: 1320px;
    margin-left: auto;
    margin-right: auto;	
}

.corr-link-phone {
	width: 180px;
	border-radius: 10px;
    font-size: 16px !important;
	font-weight:bold !important; 
    padding: 7px 20px 5px 20px !important;
	color: var(--addition-blue) !important;
    border: 1px solid var(--addition-blue);
	margin-left:10px;
}

.bnt-menu{
	display:none;
}



@media (max-width: 1280px) {
	.bnt-no-menu{
		display:none;
	}
	
	.bnt-menu{
		display:block;
	}
}

.navbar .corr-link-phone:hover:before,
.navbar .corr-link-phone li:hover>.corr-link-phone:before,
.navbar .corr-link-phone .active:before {
	transform: scaleX(0);
	transition: color 0.9s ease;
}

.corr-link-phone:hover {
	color: var(--color-primary) !important;
	border: 1px solid var(--color-primary);
	transition: color 0.9s ease, border-color 0.9s ease;
	
}

.corr-link-phone i{
	margin-right:10px;
}

.hero-static  img {
	position:absolute;
}


.corr-static-bfin {
	background-color: #fcfafb;
	 background-image:none !important; 
	/*background: url(../img/bfin.png) center center;*/
	height: 600px;
}

.corr-static-bpar {
	background-color: #f4f8f3;
	 background: url(../img/bpar.jpg) center center;
	 background-size: cover;
	height: 600px;
}

.corr-static-ofin {
	background-color: #f4f8f3;
	 background: url(../img/ofin.png) center center;
	 background-size: cover;
	height: 700px;
}

.corr-static-ofin:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

@media (max-width:768px){
	.corr-static-ofin{
		padding-top: 340px;
    	height: 800px;
	}

}

.corr-static-fact:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.corr-static-fact {
	background-color: #f4f8f3;
	 background: url(../img/fact.jpg) center center;
	 background-size: cover;
	height: 700px;
}

@media (max-width:768px){
	.corr-static-fact{
		padding-top: 340px;
    	height: 800px;
	}

}

.corr-static-fact:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}





.corr-static-bpar:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.corr-bpar-h4span {
	/*color:var(--color-primary1);*/
	font-weight:600;
	font-size:24px;
}

.corr-static-crep {
	background-color: #F7F7FB;
	 background-image:none !important; 
	/*background: url(../img/bfin.png) center center;*/
	height: 660px;
}




.imgtitle1 { bottom:0px; right:0px;}
.imgtitle2 { bottom:0px; right:260px;}
.imgtitle3 { bottom:0px; right:320px;}
.imgtitle4 { bottom:0px; right:60px;}
.imgtitle5 { display:none}
.imgtitle-bfin {bottom: 0px; right:10%; height:500px}

@media (max-width:640px){
	.corr-to-top {
		margin-top:-260px !important;
	}
	.corr-to-top h2 {
		font-size:24px;
	}
	
	.corr-static-bfin {
		height: 770px;
	}
	
	.corr-static-bfin p {
		font-size: 16px;
	}
	
	.corr-static-bpar {
		height: 700px;
		
	}	
	
	.corr-static-bpar p{
		font-size: 16px;
		
	}	
	
	.corr-static-crep p {
		font-size: 16px;
	}
 
	
	.imgtitle-bfin{
		height:300px;
	}
	
	.imgtitle1 { bottom:0px; right:220px; height:300px}
	.imgtitle2 { bottom:0px; right:-20px;  height:300px}
	.imgtitle3 { display:none}
	.imgtitle4 { display:none}
	.imgtitle5 { bottom:0px; right:50px; display:block; height:350px}
	.imgtitle-bfin {bottom: 0px; right:5%;}
	

}


/*
	ABOUT	
*/

.corr-focus-mess {
	display: inline-table;
    height: 110px;
    background: rgba(37, 144, 255, 0.14);
    font-weight: bolder;
    margin-top: 30px;
    font-size: 48px;
    padding: 25px 60px 25px 60px;
	border-radius:10px;
}

.corr-focus-bfin {
	display: inline-table;
    height: 100px;
    background: rgba(37, 144, 255, 0.14);
    font-weight: bolder;
    margin-top: 30px;
    font-size: 36px;
    padding: 25px 60px 25px 60px;
	border-radius:10px;
}	


.corr-adout-p {
	margin-left: 38px !important;
}

.corr-about-bi  {
    font-size: 28px !important;
    color: var(--color-primary1) !important;
}


.corr-bott{
	position: absolute;
	bottom: 30px;
}

.corr-bnt-blue{
	border-radius: 10px;
    color: var(--addition-blue) !important;
    font-size: 14px !important;
    padding: 10px;
    border: 1px solid var(--addition-blue);
	cursor:pointer !important;
}
 
/*
	СЕРВІСИ
*/

.corr-service {
	 box-shadow: 0 4px 22px rgba(0, 0, 0, 0.2);
	 height:300px !important;
}

.corr-3blocks {
	height:100px !important;
	width:100% !important;
	text-align:center !important;
}

.corr-3blocks h4 {
	font-weight:900 !important;
	font-size:48px;
	color: var(--addition-blue);
}

.corr-3blocks p {
	
	font-weight:600 !important;
	font-size:24px;
	 
}





.corr-feat {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.corr-feat i{
	margin-left:auto;
	margin-right:auto;
	font-size:40px;
	color:var(--addition-blue);
}
.corr-feat h4{
	font-weight: 600;
	margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
	
}


/*
	СЛАЙДЕР ДЛЯ КЛІЄНТІВ
*/

 
.corr-swiper-cli{
	width:460px !important;
	margin-right:20px;
}

.corr-cli-rev {
	width: 450px !important;
	min-height:250px !important;
    margin-right: 30px;
    padding: 50px;	
	border-radius:10px;
	background-color: white;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.corr-cli-rev h4 {
	font-size:16px;
	font-weight: 700;
}

.corr-cli-rev span {
	color:grey;
	font-size:14px !important;
}

.corr-cli-rev i {
	color:#F8E015;
}

.corr-cli-rev p {
	margin-top:10px;
	font-size:16px;
	
}

.slider {
	padding-top:30px;
	padding-bottom:30px;
	margin-right:-250px;
	padding-right:950px;
	transition: all 0.5s ease-in-out;
}

.corr-stretch{
  align-items: stretch;	
}
 
@media (max-width: 1400px) {
	.slider {
		margin-right:-400px;
	}
} 
@media (max-width: 1200px) {
	.slider {
		margin-right:-600px;
	}
} 
@media (max-width: 1000px) {
	.slider {
		margin-right:-820px;
	}
} 


@media (max-width: 768px) {
	.corr-swiper-cli{
		width:250px !important;
		margin-right:20px;
	}
	.slider {
		margin-right: -800px; 
	}
} 

@media (max-width: 500px) {
	.corr-swiper-cli{
		width:250px !important;
		margin-right:40px;
	}
	.slider {
		margin-right: -990px; 
	}
} 

.swiper-navi {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-navi i{
	font-size:24px;
}
.swiper-next, .swiper-next{
	margin:20px;
}

/*
	БЛОК ЗАЯВКИ
*/


.corr-order {
  width: 100%;
  
  min-height: 600px;
  /*background: url("../img/hero-fullscreen-bg.jpg") center center;*/
  background: url("../../fins/img/order.png") center center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  padding: 120px 0 60px;
}

.corr-order:before {
	 
  content: "";
  background: rgba(0,0,0, 0.1);
  position: absolute;
  inset: 0;
   
}

.corr-order [type=text], .corr-order [type=email], .corr-order textarea {
  border: 1px solid white; /* білий контур */
  border-radius: 5px; /* заокруглений контур */
  background-color: transparent; /* прозорий фон */
  color: white; /* білий текст */
  padding:15px;
  width:100%;
}


.form-on-white input, .form-on-white textarea, .form-on-white select{
  border: 1px solid #C6C6C6; /* білий контур */
  border-radius: 5px; /* заокруглений контур */
  background-color: transparent; /* прозорий фон */
  /*color: white; /* білий текст */
  padding:15px;
  width:100%;	
}
.form-on-white select{
	color: #C6C6C6
}

.form-on-white textarea{
	height:100px;
}

.form-on-white input[type=checkbox]{
	padding:0px;
}

.corr-order [type=text]:focus, [type=email]:focus {
  outline: none;
}

 
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
  margin: 5px 10px 0px 15px;
}

input[type="checkbox"]:checked::before {

    content: "\2713";
    color: white !important;
    font-size: 20px;
	font-weight: 900;
    position: absolute;
    bottom: -5px;
    left: 1px;
}

input[type="checkbox"]:hover {
  border-color: #666;
}

input[type="checkbox"]:checked {
  background-color: var(--color-primary1);
  border-color: var(--color-primary1-dark);
}

input[type="checkbox"]:disabled {
  background-color: #ddd;
  border-color: #999;
  cursor: not-allowed;
}


.form-on-white ::placeholder{
	color:#C6C6C6;
}

::placeholder{
	 color: #aaa; /* Колір placeholder */
}

/*
	ВИПАДАЮЧИЙ СПИСОК СЕРВІСІВ У ФОРМІ ЗВЯЗКУ =======================
*/


/* Стиль контейнеру кнопки в інпуті */
.corr-order .div-a-cont{
	position: relative; display: flex;
}


/* Стиль самої кнопки в інпуті */
.corr-order .dropdown-toggle {
	font-size:36px;
	padding-right:10px;
	position: absolute; 
	right: 0; 
	top: 50%; 
	transform: translateY(-50%); 
	color:white	
}

.corr-order .dropdown-menu {
	padding-top: 0px;
	width:340px; 
	max-height:220px;  
	overflow: auto;
	background: white;
	transform: matrix(-1, 0, 0, 1, 0, 0);
	/*
	ПОЗИЦІОНУЄ БЛОК
	
	inset:unset !important;
	transform:unset !important;
	position: absolute;
	top: 100% !important;
	right: 0 !important;
	z-index:999999 !important;
	*/
	
}

.dropdown-menu::-webkit-scrollbar {
  width: 10px;
}

.dropdown-menu::-webkit-scrollbar-track {
  background-color: #f2f2f2;
  padding: 5px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 5px;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: #a1a1a1;
}

/*
   ====================================================================
*/

 
.corr-btn-ord {
    width: 100%;
    border: none;
    outline: none;
	padding:15px;
}

.corr-checkserv {
	display: inline-flex;
	 
}

.corr-div-checkserv label{
	display:inline-block;
}

.corr-checkserv{
	display:inline-block;
	width: 55px;
    /* padding: 1px; */
    margin: 2px;
    margin-top: 3px;
	border: 1px solid #2992FF;
	filter: drop-shadow(0px -7px 24px rgba(210, 220, 255, 0.25)) drop-shadow(0px 7px 24px #D2DCFF);
	border-radius: 2px;
}
 
 
/*
	КОЛОНТИТУЛ ...
*/ 

.corr-f-logo {
	width:200px;
}

.corr-f-email {
	font-size: 14px;
    font-weight: 600;
}
 
 
.footer-content .bi-geo-alt-fill {
	float: left;
    height: 50px;
    font-size: 20px;
    margin: 0px 10px 0px 0px;
	
}
 
.social-links {
    margin: 20px 0px 0px 10px;
    font-size: 20px;
} 

.social-links a {
	color:var(--color-primary);
	margin-right:10px;
	
}

.footer-links {
	padding-left:30px;
}




/* 
	СТОРІНКА БФІН
*/

.corr-icon-bfin {
	background:var(--addition-blue) !important;
	border-radius:0px !important;
	height:48px !important;
	width:48px !important;
	left:unset !important;
	border:unset !important;
	margin-left: -10px !important;
	margin-top: 10px !important;
	box-shadow: 0px 2px 12px #CAE4FF;
}

.corr-details-bfin{
	min-height:330px !important;
	text-align:left !important;
}

@media (max-width: 400px) {
.corr-details-bfin{
	min-height:340px !important;
	text-align:left !important;
}
	
}

.corr-details-bfin p{
	font-weight:600;
}

.corr-details-bfin ul{
	padding-top:10px;
	font-size:14px;
}

.corr-details-bfin span{
	color:var(--color-primary1) !important;
	padding-right: 20px;
    color: var(--color-primary1) !important;
    position: absolute;
    bottom: 10px;
}

.corr-policy span{
	color:var(--color-primary1) !important;
	
}


.corr-details-bfin h3{
	color:var(--addition-blue) !important;
}

.corr-details-bfin{
	border: 1px solid var(--color-primary1);
}

.corr-bfin-feat .service-item {
	width:250px;
	height:100% !important;
}

.corr-bfin-feat .service-item.ru {
	
	height:270px !important;
}

.corr-bfin-feat .num {
	font-size: 36px;
	font-weight:900;
	padding-left:15px;
	color: var(--color-blue) !important;
}

.corr-bfin-feat h4 {
	padding-left:15px;
	
}

.corr-bfin-feat p {
	padding-left:15px;
	
}

/*
 СТОРІНКА crep
*/

.corr-details-crep{
	min-height:100px !important;
	
}

.corr-details-crep h3{
	color:var(--addition-blue) !important;
	font-weight:600 !important;
}

.corr-details-crep p{
	font-weight:600;
}

.corr-details-crep ul{
	padding-top:10px;
	font-size:14px;
}

.corr-details-crep span{
	color:var(--color-primary1) !important;
	 
	padding-right: 20px;
    color: var(--color-primary1) !important;
    position: absolute;
    bottom: 10px;
}


.corr-page-form {
	margin-top: 90px !important;
	margin-bottom: 20px !important;
    padding: 50px;	
	border-radius:10px;
	background-color: white;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);	
	
}

.corr-details-crep img{
	width: 200px;
    position: absolute;
    top: -25px;
    right: 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);	
}


/*
	Сторінка Бізнес партнерство
*/

.corr-bpar-feat  .service-item{
	width:unset !important;
	height: 250px !important;
	
}

.corr-bpar-feat .num {
	font-size: 36px;
	font-weight:900;
	padding-left:15px;
	color: var(--color-blue) !important;
}

.corr-bpar-feat h4 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;;
	
}

.corr-bpar-feat h4 span{
   color: var(--color-primary1) !important;
   font-weight:700;
}

.corr-bpar-feat p {
	padding-left:15px;
	
}

/*
	ДІАГРАМИ
*/

.diagram {
	text-align:center !important;
}


.diagram h4{
	font-weight:600 !important;
}

.diagram p.info{
	color:#888888;
	font-size:12px;

}


/*
	КЛАСИ КОРЕКЦІЇ
*/


.accordion-body span {
	color:var(--color-primary1) !important;
}

h2 span {
	color:var(--color-primary1) !important;
}

.corr-des-bg {
	background-color:var(--des-bg);
}

.corr-fs-18 {
	font-size:18px !important;
}

.corr-ohid {
  overflow: hidden;
}

li .active {
	color:var(--addition-blue) !important;
}


label {
	display:unset;
}

.equal-block {
  width: 100%;
  height: 100%;
}

.dolar-content {
    box-shadow: 1px 1px 40px rgba(255,255,255,0.4);
    text-align: center;
    border: 2px solid var(--color-secondary);
}

.dolar-content a.close{ 
	font-size: 24px;
	top: 2px;
	right: 7px;
	position: absolute;
	cursor: pointer;
}

.featured-services.fact-icon .img {
	height: 70px;
}

.featured-services.fact-icon img {
	width:50px;
}

.fact-serv a {
	display: flex;
    flex-flow: column;
    height: 100%;
	transition: all 0.5s ease;

}

.fact-serv h4 {
	flex-grow: 1;
	font-weight: 600;
	color:var(--bs-body-color);
}


.fact-serv img {
	width:130px;
	transition: all 0.5s ease;
}

.fact-serv a:hover h4 {
	color: var(--color-primary1) ;	
}

.fact-serv a:hover img {
	transform: scale(1.1);
}


.fact-serv .item {
	margin: auto;
	border: 2px solid var(--color-primary1) !important;
	padding:30px;
	border-radius: 10px;
	width: 200px;
	height: 200px;
}

@media (max-width:540px) {
	.fact-serv img {
		width:100px
	}

	.fact-serv .item {
		width: 150px;
		height: 150px;
	}
	
}