:root {   
	--Font_Regular :'Caros Soft Medium';
	--Body_Font: 'Caros Soft Light';
	--Body_ExtraLight_Font:'Caros Soft ExtraLight';
	--Logo_Color: #fdb741; 
	--Body_text_color: #0d2437; 
	--Body_background_color: #fff;
	--Link_color: #fbac18;
 	
	--Body_Lite_Collor: #ebc714;
	
	--Body_Lite_Blue_Color: #ccc /*#7edbf2;*/
	
}

:root { 

	--body_font_size: 30px;
	--body_font_size: 2.55vmin /*calc(.198vw + 20.16832px)*/   /*calc(.198vw + 15.16832px) */  ;
	
	--h2_fond_size: 50px;
	--h2_fond_size: 5.4vmin ;
	
	--h2_white_fond_size: 60px;
	--h2_white_fond_size: calc( 5.4vmin + 1vmin )  /*60px*/  ; 
	
	--h3_fond_size: 41.66px; 
	--h3_fond_size: 4.5vmin;
	
	--h4_fond_size: 33.33px; 
	--h4_fond_size: 3.6vmin;
	
	--big_text_size:40px;
	--big_text_size: calc( var(--body_font_size) + 1.66vmin ) /*calc(.198vw + 34.16832px) */ ;
	
	--font_sixe_20px: 20px;
	--font_sixe_20px: 2vmin;
	
	--small_text_size: 17.5926px;
	--small_text_size: 1.9vmin  /* 16px */ ;
	
	/* 18px */
	/*--small_text_size_big: calc( var(--body_font_size) + 1.66vmin )  ;*/
	
	--lang_btn_params : 43px;
	--lang_btn_params : 2.239583vw /*5.5vmin*/ /* 3.3999vmin */;
	
	
} 

@media (max-width: 768px), (max-height: 768px) {
	:root {    
		--body_font_size: 22px /*18px*/;
		
		--h2_fond_size: 36px;  
		--h2_white_fond_size: 40px;
		
		--h3_fond_size: 30px;
		--h4_fond_size: 24px;
		
		--big_text_size:  21.333px;
		--small_text_size: 20px/*16px*/; 
	}
}

.mob{
	display:none !important
}

#what_is_factoring{
	z-index:100
}
 
#factoring_without_regress{
	z-index:120
}
#advantages_factoring_without_regress {
	z-index:130
}
#documents_factoring_without_regress{
	z-index:140
}
#аbout_us{
	z-index:150
}
 
.container{
	width:80%;
}

 
::-moz-selection {
  background: var(--Link_color);
  color: white;
}
::selection {
  background: var(--Link_color);
  color: white;
}


body,
p,
.btn,
input,
textarea,
select,
form .form-control,
form input,
form textarea { 
	font-family: var(--Body_Font);
	font-weight:normal;
	font-size: var(--body_font_size);
	line-height: normal
}

.btn,
input,
textarea,
select {  
	line-height: 1;
}

/*/////////////////////////////////////////////
//// BEGIN: General Styles ** Mobile First **
/////////////////////////////////////////////*/
/** {
	margin: 0;
	padding: 0 
}
 */
body {
	color: var(--Body_text_color);
	font-family: var(--Body_Font); 
	overflow-x: hidden;
	background-color: var(--Body_background_color);
	transition: opacity 0.7s, transform 0.7s; 
}

#wraper{
	display:block; 
	width:100%;
	min-height:100vh; 
	position:relative; 
}

a,
a:hover{
	cursor:pointer;
	text-decoration:none;
 
	color: var(--Link_color);
	outline: 0; 
	 
}

h1, h2, h3, h4, h5, h6 {
	color: var(--Body_text_color);
	font-family: var(--Font_Regular) ;
	line-height:1.3 
}


h2 { 
	font-size: var(--h2_fond_size); /*50px;*/
	/*margin: 5px auto 35px auto*/ 
 	margin-top: calc( var(--body_font_size)*0.16666) );
	margin-right:auto;
	margin-bottom: calc( var(--body_font_size)*1.16666 );
	margin-left:auto;
	
}

h3 { 
	font-size: var(--h3_fond_size);  
	
	/*margin: 5px auto 30px auto; */
 	margin-top: calc( var(--body_font_size)*0.16666) );
	margin-right:auto;
	margin-bottom: var(--body_font_size);
	margin-left:auto;
}

h4{ 
	font-size: var(--h4_fond_size);  
	/*margin: 5px auto 15px auto */
	margin-top: calc( var(--body_font_size)*0.16666) ) ;
	margin-right:auto;
	margin-bottom: calc( var(--body_font_size)/2 );
	margin-left:auto;
}

h2.white,
h2.dark{
	font-size:var(--h2_white_fond_size);
	position:relative;
	display:table;
	margin-bottom: var(--body_font_size) /*30px*/;
	text-transform:uppercase
}
h2.white{
	color:#fff 
}

h2.dark{
	color:var(--Body_text_color) 
}

h2.white::after,
h2.dark::after{
	content:"";
	width:100%;
	height: calc( var(--body_font_size)*0.16666 )   /*5px*/; 
	position:absolute;
	bottom:0px;
	left:0;
	border-radius:2.5px;
	box-shadow:0 2px 5px rgba(0,0,0,.5)
}

h2.white::after{
	background: var(--Link_color);
}

h2.dark::after{
	background: var(--Body_text_color);
}

.Body_Lite_Blue_Color_Bkg{
	background: var(--Body_Lite_Blue_Color) !important
}

/* ----------------------// h2 end -------------------------------------- */

hr{ width: 100%;
	border-top: 2px solid var(--Body_text_color);
	margin: var(--body_font_size) 0 /*30px 0*/;
	display:block;
	clear:both
}
 
iframe {
	width: 100%;
	max-width: 100%;
}

img {
	max-width: 100%;
	vertical-align: middle;
	outline: 0;
}

li {
	list-style: none;
} 

video {
	max-width: 100%;
}

p {
	margin-bottom: calc( var(--body_font_size)*0.666666 ) /*20px*/ 
}

.container-fluid {
	 width:100% 
}

.flex{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper_flex{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
	align-items: center;
}

.wrapper_flex_item{
	flex-grow: 1;
	
}

.animated {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.text-left{
	text-align:left
}

a.hover-animated{
	position:relative
}

a.hover-animated::after {
    content: '';
    display: block; 
    border-bottom: 2px solid var(--Body_text_color);
	position:absolute;
    bottom: -2px;
	left: 0;
	width: 100%;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .5s cubic-bezier(.22, .61, .36, 1)
}

a.hover-animated:hover:after {
	transform: scaleX(1);
	transform-origin: left;
}

.white,
.white > h1,
.white > h2,
.white > h3,
.white > h4,
.white > h5,
.white > h6,
.white > a,
.white > p,
.white > *{
	color:#fff !important
}

a.hover-animated.white::after,
.lines .ex p a.white::after {
	border-bottom-color:#fff !important
}

.ex.well{
	 background: rgba(255,255,255,.85); /* rgba(126,219,242,.85);  *//* rgba(36,57,74,.85); */
	/*min-width: 500px;*/
	border-radius: var(--body_font_size);
	border:none;
	padding-top: calc(var(--body_font_size)*3);
	padding-bottom: calc(var(--body_font_size)*3);
	padding-left:  calc( var(--body_font_size ) * 2 ) /* calc(var(--body_font_size)*0.666666)*/;
	padding-right: calc( var(--body_font_size ) * 2 )
}

/* ---------------------------------------------------- FONT SIZE */

.big_text,
.big_text p{
	font-family: var(--Font_Regular); 
	font-size: var(--big_text_size)    /* calc(.198vw + 34.16832px) */
}

@media (max-width: 768px) {
	.big_text,
	.big_text p{ 
		font-size:calc(.198vw + 24.16832px)
	}
}

/* ----------------------------------------------------- animate links in text content */

.lines .ex p a{
	position:relative;
	color: var(--Body_text_color);
}

.lines .ex p a::after {
    content: '';
    display: block; 
    border-bottom: 2px solid #161616;
	position:absolute;
    bottom: -2px;
	left: 0;
	width: 100%;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .5s cubic-bezier(.22, .61, .36, 1)
}

.lines .ex p a:hover:after {
	transform: scaleX(1);
	transform-origin: left;
}