/*
 * Customer: Honor Hydraulic Components
 * Description: HTML5 Theme for Honor Hydraulic Components, created by Post Ajans
 * Author: ubpenekli
 * Agency URI: https://www.postajans.com.tr
 * Author URI: https://ubpenekli.com
 */

/* Custom Configurations */
html {
    scroll-behavior: smooth;
	overflow-x:hidden;
	
}
body {
    font-family: 'Korolev', sans-serif;
    font-size: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}
a {
	color:inherit;
	text-decoration:none;
	transition:.5s ease;
}
::selection {
	background:#333;
	color:#eee;
}
img::selection {
	background:none;
	color:unset;
}
/*header*/
.main-header {
	position:absolute;
	z-index:25;
}
.main-header.sticky {
	position:fixed;
	opacity:0;
	background:#1c5eac;
	margin-top: -30px;
}
.main-header.sticky {
	box-shadow: 0 5px 15px 2px rgba(0,0,0,0.39);
	-webkit-box-shadow: 0 5px 15px 2px rgba(0,0,0,0.39);
	-moz-box-shadow: 0 5px 15px 2px rgba(0,0,0,0.39);
}
.main-header.sticky.custom-animated {
	opacity:1;
	height: 170px;
}


.main-header .phone:hover .icon,
.main-header .phone:focus .icon {
	transform:scale(1.1);
}
.main-header .phone .text a {
	color:#a97c50;
}
.main-header .phone:hover .text a,
.main-header .phone:focus .text a {
	color:#fff;
}
.main-header .social-media-language {
	display:inline-flex;
	align-items:center;
	flex-direction:row;
	position:relative;
	margin-left:auto;
}
.main-header .social-media-language .social-media-header a {
	color:#a97c50;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:2rem;
	height:2rem;
	margin:0 2px;
	border:1px solid transparent;
	border-radius:100%;
}
.main-header .social-media-language .social-media-header a:hover,
.main-header .social-media-language .social-media-header a:focus {
	color:#fff;
	border:1px solid #fff;
}
.main-header .social-media-language .languages {
	margin-left:20px;
	padding-left:25px;
	border-left:1px solid #fff;
}
.navbar-brand.mobile {
	position:relative;
	text-align:center;
	margin-right:0;
	background:#fff;
	bottom:-60px;
	margin-top:-60px;
	padding:20px 18px;
}
.main-header.sticky .navbar-brand.mobile {
	padding:10px 25px;
	bottom:-15px;
	margin-top:-15px;
}
.navbar-brand.mobile .logo {
	position:relative;
	z-index:1;
	max-height:60%;
}
.navbar-brand.desktop {
	position:relative;
	text-align:center;
	margin-right:0;
	background:#fff;
	bottom:-60px;
	margin-top:-60px;
	padding:20px 35px;
}
.main-header.sticky .navbar-brand.desktop {
	padding:10px 25px;
	bottom:-15px;
	margin-top:-15px;
}
.navbar-brand.desktop .logo {
	position:relative;
	z-index:1;
}
.nav-link {
	color:#adadad;
	transition:.3s;
	font-weight:600;
	font-size:1rem;
	padding:0 20px;
	position:relative;
	text-transform:uppercase;
}
.nav-link:hover,
.nav-link:focus,
.nav-link.active {
	color:#fff;
}
.main-header .language-toggler {
	outline:none;
	background:transparent;
	border:0;
}
body.home .main-header .language-toggler {
	color:#fff;
}
.main-header .languages ul {
	list-style-type:none;
	display:block;
	position:absolute;
	max-height:0;
	overflow:hidden;
	transition:.75s;
	background:#fff;
	padding:0;
	z-index: 20;
	margin-top: 10px;
    border-radius: 20px;
}
.main-header .languages.open ul {
	max-height:500px;
	box-shadow:10px 10px 10px rgba(0,0,0,.2);
	border-width:1px;
}
.main-header .languages:hover ul {
	max-height:500px;
	box-shadow:10px 10px 10px rgba(0,0,0,.2);
	border-width:1px;
}
.main-header .languages li {
	padding:3px 20px;
	color: #fff;
    list-style-type: none;

	position: relative;

}
.main-header .languages li a:hover{
	color:white;
}
}



.footer {
	position:relative;
	width:100%;
	padding:100px 0 0;
	font-size:13px;
	background-image:url('../images/footer-bg.webp');
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.footer .logo-row {
	border-bottom:1px solid #29245c;
	padding-bottom:50px;
}
.footer .logo-row .phone {
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	position:relative;
}
.footer .logo-row .phone .icon {
	margin-left:20px;
	padding-left:25px;
	transition:.5s ease;
}
.footer .logo-row .phone:hover .icon,
.footer .logo-row .phone:focus .icon {
	transform:scale(1.1);
}
.footer .logo-row .phone .text a {
	color:#a97c50;
	font-size:1rem;
}
.footer .logo-row .phone:hover .text a,
.footer .logo-row .phone:focus .text a {
	color:#000;
	letter-spacing:.05em;
}

.footer .logo-row .email {
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	position:relative;
}
.footer .logo-row .email .icon {
	margin-right:20px;
	padding-right:25px;
	transition:.5s ease;
}
.footer .logo-row .email:hover .icon,
.footer .logo-row .email:focus .icon {
	transform:scale(1.1);
}
.footer .logo-row .email .text a {
	color:#a97c50;
	font-size:1rem;
}
.footer .logo-row .email:hover .text a,
.footer .logo-row .email:focus .text a {
	color:#000;
	letter-spacing:.05em;
}

.footer .logo {
	position:relative;
	display:inline-block;
}
.footer .logo h2 {
	margin-top:5px;
	text-transform:uppercase;
	font-weight:900;
	font-size:1rem;
	transition:.5s lineer;
}
.footer .logo h2 a {
	color:#000;
}
.footer .logo:hover h2,
.footer .logo:focus h2 {
	letter-spacing:.32em;
}
.footer .footer-menu-row {
	padding-top:50px;
	padding-bottom:50px;
}
.footer .main-footer {
	position: relative;
	z-index:3;
}
.footer .footer-menu {
	padding:10px 0;
}
.footer .footer-menu .title {
	margin-bottom:10px;
}
.footer .footer-menu .title h3 {
	color:#737272;
	font-size:.9375rem;
	font-weight:700;
	text-transform:uppercase;
}
.footer .footer-menu .content {
	color:#333;
	font-size:.8125rem;
	line-height:2;
}
.footer .footer-menu .content a {
    color: #fff!important;
	transition:.3s;
	font-weight: 300!important;
}

.footer .footer-menu .content span {
	color: rgba(191, 191, 191, 1);
	transition:.3s;
}

.footer .footer-menu .content ul {
	margin:0;
	padding:0;
	list-style-type:none;
	display: -webkit-box;
}
.footer .footer-menu .content ul li {
	display:block;
	margin:0;
	padding: 5px;
}
.footer .footer-menu .content ul li a:hover,
.footer .footer-menu .content ul li a:focus {
	margin-left:5px;
	font-weight:700;
}

i.fab{
	padding:1px;
	color:#fff;
}
.footer .footer-contact li {
	position:relative;
}
.footer .copyright {
	padding:15px;
	font-size:.75rem;
	color:#333;
	background: #e8ebec;
}
.footer .copyright .author-logo img {
	transition:.3s;
}
.footer .copyright .author-logo:hover img {
	transform:scale(1.1);
}



.principle .image {
	display:flex;
	height:65px;
	flex-direction:row;
	align-items:flex-end;
	justify-content:flex-start;
}
.principle .image img {
	max-height:65px;
	object-fit:contain;
	object-position:left bottom;
}
.principle .title h2 {
	font-size:1rem;
	font-weight:700;
	color:#1b2655;
	text-transform:uppercase;
	margin-bottom:0;
}
.principle .description p {
	font-weight:300;
}


.numbers {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	padding:50px 0 0 0;
}
.number-box {
	align-items:center;
	justify-content:center;
	flex-direction:row;
	color:#000;
	font-weight:700;
	pointer-events:none; 
	background-size:cover;
}
.number-box .number {
	font-size:116px;
	font-weight:800;
	color:#1b59a2;
	padding-right:2rem;
	border-right:1px solid rgba(255,255,255,0);
	transition:.5s ease;
}
.number-box.finished .number {
	border-right:1px solid #fff;
}
.number-box .title {
	font-weight:300;
	color:#d1d5d8;
	font-size:20px;
}

@media(max-width:972px){

.number-box{
	margin:1px;
	display:grid;
}


.number-box .number {

	font-size: 4rem;
}

.number-box .title {
	padding-left:0;
}

	
}