:root {/*Variables*/
--custom-width: 1160px;
--primary-color-dobrolov: #FDB913;
--secondary-color-dobrolov: #F4F5F5;
--accent-dobrolov: #EB5A2D;
--h1-size-dobrolov: 48px;
--h2-size-dobrolov: 40px;
--text-color-dobrolov: #000000;
--regular-size-dobrolov: 18px;
--small-size-dobrolov: 16px;
--lineheight-dobrolov: 1.45;
--userfont: ekibastuz-or, sans-serif;
--systemfont: -apple-system, BlinkMacSystemFont, Verdana, sans-serif;
--bubble_yellow_dobrolov: url(../img/bubble_img/bubble_yellow_BIG.png);
--bubble_white_dobrolov: url(../img/bubble_img/bubble_grey_BIG.png);
--bubble_light_dobrolov: url(../img/bubble_img/bubble_light_BIG.png);
}

/*Bootstrap*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: .625rem; }
.row, .row > * { --bs-gutter-x: 1.25rem; }


/*Fonts*/
@font-face { src: url("../fonts/Ekibastuz-woff/Ekibastuz-Light.woff") format("woff"); font-family: "ekibastuz-or"; font-weight: 300; font-style: normal; }
@font-face { src: url("../fonts/Ekibastuz-woff/Ekibastuz-Regular.woff") format("woff"); font-family: "ekibastuz-or"; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/Ekibastuz-woff/Ekibastuz-Bold.woff") format("woff"); font-family: "ekibastuz-or"; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/Ekibastuz-woff/Ekibastuz-Black.woff") format("woff"); font-family: "ekibastuz-or"; font-weight: 900; font-style: normal; }


/*Style*/
::placeholder { color: #666; }
::selection { background-color: var(--accent-dobrolov); color: #fff; }
input, textarea { outline: none; }
input:focus:required:invalid, textarea:focus:required:invalid { border-color: var(--accent); }
input:required:valid, textarea:required:valid { border-color: green; }

body {
	font-family: var(--userfont);
	font-size: var(--regular-size-dobrolov);
	line-height: var(--lineheight-dobrolov);
	color: var(--text-color-dobrolov);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}


::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-thumb {
	border-right: solid 5px var(--accent-dobrolov);
	background: var(--accent-dobrolov);
}
::-webkit-scrollbar-track{
	border: none;
	background: #fff;
}
::-moz-scrollbar { 
	width: 10px;
}
::-moz-scrollbar-thumb {
	border-right: solid 5px var(--accent-dobrolov);
	background: var(--accent-dobrolov);
}
::-moz-scrollbar-track {
	border: none;
	background: var(--accent-dobrolov);
}


.btn-s{
	width: 148px;
	height: 53px;
	padding: 0 15px;
	background-color: var(--accent-dobrolov);
	border-radius: 50px;
	font-size: 24px;
	line-height: 53px;
	font-family: var(--userfont);
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	transition: background-color 300ms ease;
}

.btn-s:hover{
	background-color: var(--text-color-dobrolov);
}
/*Hero text*/
.h1{
	font-family: var(--userfont);
	font-weight: 900;
	font-size: var(--h1-size-dobrolov);
	margin: 0px 0px 45px 0px;
}
.h2{
	width: 100%;
	font-family: var(--userfont);
	font-size: var(--h2-size-dobrolov);
	color: var(--text-color-dobrolov);
	font-weight: 900;
	margin: 0;
	display: inline-block;
	position: relative;
	z-index: 10;
}
/*Bootstrap width custom*/
.custom-width {
	max-width: var(--custom-width);
}
/*Headline*/
.headline_block {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.headline_block .headline {
	display: flex;
	flex-direction: row;
}

/*Headline H1 Section Logo*/
.header__headline_container{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 65px;
}

.header__headline_container .header__title{
	width: 70%;
}

.header__headline_container .header__kdd_logo{
	position: relative;
}


/*Description*/
.header__title .headline_h1_des{
	font-family: var(--userfont);
	font-weight: 700;
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 0px;
	max-width: 607px;
}

.headline_block .headline__des{
	width: 100%;
	max-width: 517px;
	font-family: var(--userfont);
	font-weight: 700;
	font-size: 16px;
	margin: 0px 0px 0px 18px;
	letter-spacing: 0.025em;
	position: relative;
	color: #646464;
}


.headline_block .headline__des:before{
	content: "";
	width: 7px;
	height: 7px;
	position: absolute;
	top: 8px;
	left: -15px;
	background-color: var(--primary-color-dobrolov);
	border-radius: 50px;
}

.headline_block .headline_block-link{
	display: flex;
	justify-content: flex-end;
	padding-right: 32px;
	width: 40%;
}

.headline_block .headline__link{
	font-family: var(--userfont);
	font-weight: 700;
	font-size: 16px;
	color: var(--primary-color-dobrolov);
	text-decoration: none;
	letter-spacing: 0.035em;
}


.headline_block .headline__link .link__arrow{
	position: relative;
	display: inline-block;
	width: 36px;
	height: 24px;
	vertical-align: middle;
}

.headline_block .headline__link .link_arrow_line{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 34px;
	height: 3px;
	background-color: var(--primary-color-dobrolov);
	display: block;
	transform: translateY(-50%);
	transform-origin: 0 50%;
	transition: transform 300ms ease;
}

.headline_block .headline__link .link__arrow .link__arrow_ic{
	position: absolute;
	top: 50%;
	right: 0px;
	width: 15px;
	height: 25px;
	display: block;
	transform: translateY(-50%);
	transition: transform 300ms ease;
}

.headline_block .headline__link:hover .link_arrow_line{
	transform: translateY(-50%) scaleX(1.9);
}

.headline_block .headline__link:hover .link__arrow_ic{
	transform: translateX(32px) translateY(-50%);
}

/*Bubble block position*/
.header__kdd_logo .rnd-g{
	background-image: var(--bubble_white_dobrolov);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}

.header__kdd_logo .rnd1{
	position: absolute;
	width: 63px;
	height: 63px;
	top: 0px;
	right: -30px;
	z-index: 10;
	transition: .6;
}

.header__kdd_logo .rnd2{
	position: absolute;
	width: 36px;
	height: 36px;
	bottom: 0px;
	left: 6px;
	z-index: 10;
	transition: .6;
}


/*Sart Document and Certificates section*/
.componentKit__header_headline{
	max-width: 100vw;
	margin-bottom: 120px;
}

/*Documens content section*/
.legalInfo_content_main{
	max-width: 100vw;
	margin-bottom: 35px;
}

.legalInfo_content_main .legalInfo__content_tiles{
	max-width: 100%;
	margin-top: 60px;
}

/*Documens Items block*/
.legalInfo__content_tiles .content__tiles_list_info{
	max-width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*Tiles headline*/
.content__tiles_list_info .tiles__list_item .tiles__headline{
	border-bottom: 3px solid #E4E4E4;
	margin-bottom: 8px;
}

.content__tiles_list_info .tiles__list_item .tiles__headline .h4{
	font-size: 28px;
	color: #000;
	font-weight: 700;
	padding-bottom: 2px;
	margin-bottom: 0px;
}


/*Icons tiles*/
.content__tiles_list_info .tiles__list_item .tiles__legalInfo_list_main{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 12px;
}

.tiles__list_item .tiles__legalInfo_list_main .tiles__document_title{
	width: 33%;
}

.tiles__list_item .tiles__legalInfo_list_main .tiles__document_title .h5{
	font-size: 14px;
	font-weight: 400;
	color: #525252;
	line-height: 1.4;
}


/*Icons tiles*/
.content__tiles_list_info .tiles__list_item.tiles_licenzia_item{
	width: 100% !important;
	padding-right: 0px !important;
}

.content__tiles_list_info .tiles__list_item{
	width: 48%;
	margin: 0px 0px 60px 0px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding-right: 20px;
}

/*Icons tiles*/
.content__tiles_list_info .tiles__list_item .tiles__icons{
	display: flex;
	width: 99%;
	flex-direction: column;
	flex-wrap: wrap;
	padding-left: 0px;
}


.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info{
	margin-bottom: 12px;
}

.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info a{
	text-decoration: none;
	position: relative;
	display: flex;
	align-items: flex-start;
	font-size: 18px;
	font-weight: 900;
	color: var(--accent-dobrolov);
	transition: color 450ms ease;
}

.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info a:hover{
	color: var(--accent-dobrolov);
}

.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info a:before{
	content: "";
	width: 100%;
	height: 3px;
	background-color: var(--accent-dobrolov);
	position: absolute;
	bottom: -8px;
	left: 0px;
	transform-origin: 0%;
	transform: scaleX(1);
	transition: transform 400ms ease;
}
.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info a img{
	width: 26px;
	height: auto;
}
.content__tiles_list_info .tiles__list_item.tiles_licenzia_item 
.tiles_icons_title_info{
	font-size: 18px !important;
}
.content__tiles_list_info .tiles__list_item.tiles_licenzia_item 
.tiles_icons_title_info p{
	display: flex;
	flex-direction: row;
	align-items: baseline;
	flex-wrap: wrap;
}

.content__tiles_list_info .tiles__list_item.tiles_licenzia_item 
.tiles__icons{
	width: 87% !important;
}

.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info .tiles_icons_title_info{
	font-size: 18px;
	color: #434343;
	font-weight: 700;
	display: inline-block;
	padding: 4px 0px 0px 0px;
	margin-bottom: 0px;
}
.content__tiles_list_info .tiles__list_item .tiles__icons 
.tiles__icons_block_info .tiles_icons_title_info p{
	margin-bottom: 0rem;
}
.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info .tiles_icons_title_info span{
	text-align: center;
	border: none;
	outline: none;
}
.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info .tiles_icons_title_info span:hover{
	border: none;
	outline: none;
}
.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info .tiles_icons_title_info span:active{
	border: none;
	outline: none;
}
.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info .tiles_icons_title_info span:focus{
	border: none;
	outline: none;
}
.content__tiles_list_info .tiles__list_item .tiles__icons .tiles__icons_block_info .tiles_icons_title_info p strong{
	padding-left: 10px;
}
.content__tiles_list_info .tiles__list_item .tiles__icons 
.tiles__icons_block_info 
.tiles_icons_title_info p span{
	padding-left: 10px;
	font-weight: 900;
	color: #434343;
}
.content__tiles_list_info .tiles__list_item .tiles__icons 
.tiles__icons_block_info .tiles_icons_title_info span{
	padding-left: 0px;
	font-weight: 900;
	color: #434343;
}
/*Mail block-Section Component*/
.componentKit__mail_block{
	max-width: 100vw;
	margin: 40px 0px 120px 0px;
}
.componentKit__mail_block .contact_mail_block{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	background-color: var(--secondary-color-dobrolov);
	padding: 75px 60px 75px 60px;
}
/*description mail block*/
.componentKit__mail_block .contact_mail_block .contact_mail__descripion{
	font-size: 16px;
	font-weight: 700;
	width: 35vw;
	color: #434343;
}
.componentKit__mail_block .contact_mail_block .contact_mail__descripion p{
	margin-bottom: 0px;
}

/*Link mail block*/
.componentKit__mail_block .contact_mail_block .contact_mail__contacts{
	font-size: 25px;
	font-weight: 700;
	width: 24vw;
}

.componentKit__mail_block .contact_mail_block .contact_mail__contacts .contact_mail_email{
	text-decoration: none;
	color: #000;
	position: relative;
	padding-bottom: 5px;
	transition: color 450ms ease;
}

.componentKit__mail_block .contact_mail_block .contact_mail__contacts .contact_mail_email:before{
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: var(--accent-dobrolov);
}

.componentKit__mail_block .contact_mail_block .contact_mail__contacts .contact_mail_email:hover{
	color: var(--accent-dobrolov);
}