@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
*{
padding: 0;
margin:0;
box-sizing: border-box;
list-style: none;
text-decoration: none;
font-family: 'Poppins', sans-serif;
}
b,strong { font-weight:bold !important; }
.banner-texts span { font-family: 'Michroma', sans-serif; font-weight:unset !important; }
body{
hyphens: auto;
font-size: 16px;
font-weight: 400;
background-color: #fff!important;
}
html { -webkit-hyphenate-character: '-'; }
main{
font-family: 'Poppins', sans-serif;
}
.btn--white:hover { color:#111 !important; }
.btn--white:hover i{ color:#032d5e !important; }
.sub2 { width: 1097px !important;     left: -415px !important;
  
    top: 20px !important; padding-top:25px; display:flex !important; flex-wrap:wrap !important;  }
          #particles-js {
            position: absolute;
            width: 100%;
            height: 150%;
            z-index: 999;
          }
.sub2 li {     width: 25% !important; margin-bottom:6px !important;     border-bottom: solid 1px #ddd !important;
    border-right: solid 23px #fff !important;     padding: 9px 14px; }
.sub2 li a { font-weight:500 !important;  }
.ilt{ background:#032d5e !important; color:#fff !important; }

.cta-holder {
top: 179px;
position: relative;
z-index: 9;
pointer-events: none;
}
.data-icon img { width: 38px; margin-top: -10px; filter: brightness(0) saturate(100%) invert(14%) sepia(72%) saturate(1396%) hue-rotate(190deg) brightness(97%) contrast(106%); }
.nth {
padding-left: 3px !important;
}
.nth:after {
left: 132px !important;
}
.company-data {

	padding-top   : 45px;

	padding-bottom: 39px;

	border-bottom : 1px solid #eaeaea;

	overflow      : visible;

}



.company-data .data {

	display          : -webkit-box;

	display          : -ms-flexbox;

	display          : flex;

	-webkit-box-align: center;

	-ms-flex-align   : center;

	align-items      : center;
justify-content:center;
border-right:solid 1px #ddd;
}



@media screen and (max-width: 767.98px) {

	.company-data .data {

		margin-bottom: 15px;

	}

}



.company-data .data .data-icon {

	margin-right: 20px;

}



@media (min-width: 992px) and (max-width: 1200px) {

	.company-data .data .data-icon {

		margin-right: 10px;

	}

}



.company-data .data .data-icon i::before {

	margin-left: 0;

	color      : var(--global--color-primary);

	font-size  : 50px;

}



@media (min-width: 992px) and (max-width: 1200px) {

	.company-data .data .data-icon i::before {

		font-size: 35px;

	}

}



.company-data .data .data-body h6 {

	font-family   : var(--global--font-heading);

	font-weight   : 600;

	font-size     : 18px;

	line-height   : 24px;

	color         : #282828;

	text-transform: capitalize;

	margin-bottom : 7px;

}



.company-data .data .data-body p,

.company-data .data .data-body a {

	color             : var(--global--color-body);

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

	font-family       : var(--global--font-body);

	font-weight       : 400;

	font-size         : 14px;

	line-height       : 24px;

	text-transform    : capitalize;

}



.company-data .data .data-body a:hover {

	color: var(--global--color-primary);

}



.company-data .panels-container {

	display      : -webkit-box;

	display      : -ms-flexbox;

	display      : flex;

	margin-top   : 40px;

	border-radius: 8px;

	overflow     : hidden;

}
.cta {

	-webkit-box-shadow   : 0px 5px 83px 0px rgba(40, 40, 40, 0.11);

	box-shadow           : 0px 5px 83px 0px rgba(40, 40, 40, 0.11);

	border-radius        : 12px;

	overflow             : hidden;

	background-color     : var(--global--color-white);

	display              : -webkit-box;

	display              : -ms-flexbox;

	display              : flex;

	-webkit-box-align    : center;

	-ms-flex-align       : center;

	align-items          : center;

	-webkit-box-orient   : vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction   : column;

	flex-direction       : column;

}



@media screen and (min-width: 992px) {

	.cta {

		-webkit-box-orient   : horizontal;

		-webkit-box-direction: normal;

		-ms-flex-direction   : row;

		flex-direction       : row;

		height               : 250px;

	}

}



@media screen and (min-width: 1200px) {

	.cta {

		height: 200px;

	}

}



.cta .cta-img {

	position: relative;

}



@media screen and (min-width: 992px) {

	.cta .cta-img {

		-ms-flex-preferred-size: 38%;

		flex-basis             : 38%;

		-ms-flex-negative      : 0;

		flex-shrink            : 0;

	}

}



.cta .cta-img img {

	max-width: 100%;

}



.cta .cta-img .cta-icon {

	border            : 9px solid var(--global--color-white);

	border-radius     : 50%;

	position          : absolute;

	bottom            : 0;

	left              : 50%;

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

	-webkit-transform : translate(-50%, 50%);

	-ms-transform     : translate(-50%, 50%);

	transform         : translate(-50%, 50%);

}



@media screen and (min-width: 992px) {

	.cta .cta-img .cta-icon {

		top              : 50%;

		left             : auto;

		bottom           : auto;

		-webkit-transform: translate(50%, -50%);

		-ms-transform    : translate(50%, -50%);

		transform        : translate(50%, -50%);

		right            : 0;

	}

}



.cta .cta-img .cta-icon:hover i {

	background-color: var(--global--color-heading);

}



.cta .cta-img .cta-icon i {

	border-radius     : 50%;

	display           : -webkit-box;

	display           : -ms-flexbox;

	display           : flex;

	-webkit-box-pack  : center;

	-ms-flex-pack     : center;

	justify-content   : center;

	-webkit-box-align : center;

	-ms-flex-align    : center;

	align-items       : center;

	width             : 80px;

	height            : 80px;

	background-color  : var(--global--color-primary);

	color             : var(--global--color-white);

	font-size         : 30px;

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

}



@media screen and (max-width: 767.98px) {

	.cta .cta-img .cta-icon i {

		width    : 50px;

		height   : 50px;

		font-size: 25px;

	}

}



.cta .cta-body {

	padding: 38px 50px 35px 80px;

}



@media screen and (max-width: 991.98px) {

	.cta .cta-body {

		padding-top : 70px;

		padding-left: 50px;

	}

}



@media screen and (max-width: 767.98px) {

	.cta .cta-body {

		padding-top  : 50px;

		padding-left : 30px;

		padding-right: 30px;

	}

}



.cta .cta-body h5 {

	font-size     : 23px;

	margin-bottom : 20px;

	line-height   : 1;

	text-transform: capitalize;

}



@media screen and (max-width: 991.98px) {

	.cta .cta-body h5 {

		text-align : center;

		line-height: 1.4;

	}

}



.cta .cta-body .cta-content {

	display              : -webkit-box;

	display              : -ms-flexbox;

	display              : flex;

	-webkit-box-align    : center;

	-ms-flex-align       : center;

	align-items          : center;

	-webkit-box-orient   : vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction   : column;

	flex-direction       : column;

}



@media screen and (min-width: 768px) {

	.cta .cta-body .cta-content {

		-webkit-box-orient   : horizontal;

		-webkit-box-direction: normal;

		-ms-flex-direction   : row;

		flex-direction       : row;

	}

}



.cta .cta-body .cta-content p {

	font-size  : 15px;

	line-height: 25px;

}



@media screen and (max-width: 767.98px) {

	.cta .cta-body .cta-content p {

		text-align   : center;

		margin-bottom: 20px;

	}

}



.cta .cta-body .cta-content .btn {

	-ms-flex-negative : 0;

	flex-shrink       : 0;

	width             : 185px;

	height            : 55px;

	padding           : 0 27px;

	border-color      : rgba(37, 55, 69, 0.5);

	color             : var(--global--color-heading);

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

	margin-left       : 0;

}



.cta .cta-body .cta-content .btn i {

	color             : var(--global--color-heading);

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

}



.cta .cta-body .cta-content .btn::before {

	background-color: var(--global--color-heading);

}



.cta .cta-body .cta-content .btn:hover {

	border-color: var(--global--color-heading);

	color       : var(--global--color-white);

}



.cta .cta-body .cta-content .btn:hover i {

	color: var(--global--color-white);

}



@media screen and (min-width: 768px) {

	.cta .cta-body .cta-content .btn {

		margin-left: 30px;

	}

}



@media screen and (min-width: 992px) {

	.cta .cta-body .cta-content .btn {

		margin-left: 50px;

	}

}



.cta-holder {

	overflow           : visible;

	padding-bottom     : 70px;

	background-position: bottom center;

}



@media screen and (min-width: 992px) {

	.cta-holder {

		-webkit-transform    : translateY(-160px);

		-ms-transform        : translateY(-160px);

		transform            : translateY(-160px);

		margin-bottom        : -160px;

		padding-bottom       : 100px;

		background-position-y: -200px;

	}

}



@media screen and (min-width: 1200px) {

	.cta-holder {

		background-position-y: -400px;

		-webkit-transform    : translateY(-180px);

		-ms-transform        : translateY(-180px);

		transform            : translateY(-180px);

		margin-bottom        : -180px;

	}

}



.cta-holder .cta {

	margin-bottom: 33px;

}



.cta-holder .more-actions {

	text-align: center;

}



.cta-holder .more-actions p {

	font-family: var(--global--font-body);

	font-weight: 700;

	font-size  : 15px;

	color      : var(--global--color-body);

}



.cta-holder .more-actions p a {

	position          : relative;

	font-weight       : 700;

	color             : var(--global--color-heading);

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

	text-transform    : capitalize;

	padding-bottom    : 6px;

}



.cta-holder .more-actions p a:hover::before {

	width: calc(100% - 20%);

}



.cta-holder .more-actions p a::before {

	content           : '';

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

	position          : absolute;

	bottom            : 0;

	left              : 50%;

	-webkit-transform : translateX(-50%);

	-ms-transform     : translateX(-50%);

	transform         : translateX(-50%);

	width             : 100%;

	height            : 2px;

	background-color  : var(--global--color-primary);

}
.cta-holder {
top: 179px;
position: relative;
z-index: 9;
pointer-events: none;
}
:root {

	--global--color-primary   : #e74f21;

	--global--color-primary-90: rgba(50, 195, 108, 0.9);

	--global--color-primary-70: rgba(50, 195, 108, 0.7);

	--global--color-heading   : #253745;

	--global--color-secondary : #2b3e4b;

	--global--color-body      : #9b9b9b;

	--global--color-white     : #ffffff;

	--global--color-white-90  : rgba(255, 255, 255, 0.9);

	--global--color-gray      : #f9f9f9;

	--global--font-body       : 'Roboto', sans-serif;

	--global--font-heading    : 'IBM Plex Sans', sans-serif;

	--global--font-secondary  : 'Heebo', sans-serif;

}
.cta {

	-webkit-box-shadow   : 0px 5px 83px 0px rgba(40, 40, 40, 0.11);

	box-shadow           : 0px 5px 83px 0px rgba(40, 40, 40, 0.11);

	border-radius        : 12px;

	overflow             : hidden;

	background-color     : var(--global--color-white);

	display              : -webkit-box;

	display              : -ms-flexbox;

	display              : flex;

	-webkit-box-align    : center;

	-ms-flex-align       : center;

	align-items          : center;

	-webkit-box-orient   : vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction   : column;

	flex-direction       : column;

}



@media screen and (min-width: 992px) {

	.cta {

		-webkit-box-orient   : horizontal;

		-webkit-box-direction: normal;

		-ms-flex-direction   : row;

		flex-direction       : row;

		height               : 250px;

	}

}



@media screen and (min-width: 1200px) {

	.cta {

		height: 200px;

	}

}



.cta .cta-img {

	position: relative;

}



@media screen and (min-width: 992px) {

	.cta .cta-img {

		-ms-flex-preferred-size: 38%;

		flex-basis             : 38%;

		-ms-flex-negative      : 0;

		flex-shrink            : 0;

	}

}



.cta .cta-img img {

	max-width: 100%;

}



.cta .cta-img .cta-icon {

	border            : 9px solid var(--global--color-white);

	border-radius     : 50%;

	position          : absolute;

	bottom            : 0;

	left              : 50%;

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

	-webkit-transform : translate(-50%, 50%);

	-ms-transform     : translate(-50%, 50%);

	transform         : translate(-50%, 50%);

}



@media screen and (min-width: 992px) {

	.cta .cta-img .cta-icon {

		top              : 50%;

		left             : auto;

		bottom           : auto;

		-webkit-transform: translate(50%, -50%);

		-ms-transform    : translate(50%, -50%);

		transform        : translate(50%, -50%);

		right            : 0;

	}

}



.cta .cta-img .cta-icon:hover i {

	background-color: var(--global--color-heading);

}



.cta .cta-img .cta-icon i {

	border-radius     : 50%;

	display           : -webkit-box;

	display           : -ms-flexbox;

	display           : flex;

	-webkit-box-pack  : center;

	-ms-flex-pack     : center;

	justify-content   : center;

	-webkit-box-align : center;

	-ms-flex-align    : center;

	align-items       : center;

	width             : 80px;

	height            : 80px;

	background-color  : var(--global--color-primary);

	color             : var(--global--color-white);

	font-size         : 30px;

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

}



@media screen and (max-width: 767.98px) {

	.cta .cta-img .cta-icon i {

		width    : 50px;

		height   : 50px;

		font-size: 25px;

	}

}



.cta .cta-body {

	padding: 38px 50px 35px 80px;

}



@media screen and (max-width: 991.98px) {

	.cta .cta-body {

		padding-top : 70px;

		padding-left: 50px;

	}

}



@media screen and (max-width: 767.98px) {

	.cta .cta-body {

		padding-top  : 50px;

		padding-left : 30px;

		padding-right: 30px;

	}

}



.cta .cta-body h5 {

	font-size     : 23px;

	margin-bottom : 20px;

	line-height   : 1;

	text-transform: capitalize;

}



@media screen and (max-width: 991.98px) {

	.cta .cta-body h5 {

		text-align : center;

		line-height: 1.4;

	}

}



.cta .cta-body .cta-content {

	display              : -webkit-box;

	display              : -ms-flexbox;

	display              : flex;

	-webkit-box-align    : center;

	-ms-flex-align       : center;

	align-items          : center;

	-webkit-box-orient   : vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction   : column;

	flex-direction       : column;

}



@media screen and (min-width: 768px) {

	.cta .cta-body .cta-content {

		-webkit-box-orient   : horizontal;

		-webkit-box-direction: normal;

		-ms-flex-direction   : row;

		flex-direction       : row;

	}

}



.cta .cta-body .cta-content p {

	font-size  : 15px;

	line-height: 25px;

}



@media screen and (max-width: 767.98px) {

	.cta .cta-body .cta-content p {

		text-align   : center;

		margin-bottom: 20px;

	}

}



.cta .cta-body .cta-content .btn {

	-ms-flex-negative : 0;

	flex-shrink       : 0;

	width             : 135px;

	height            : 55px;

	padding           : 14px 27px;

	border-color      : rgba(37, 55, 69, 0.5);

	color             : var(--global--color-heading);

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

	margin-left       : 0;

}



.cta .cta-body .cta-content .btn i {

	color             : var(--global--color-heading);

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

}



.cta .cta-body .cta-content .btn::before {

	background-color: var(--global--color-heading);

}



.cta .cta-body .cta-content .btn:hover {

	border-color: var(--global--color-heading);

	color       : var(--global--color-white);

}



.cta .cta-body .cta-content .btn:hover i {

	color: var(--global--color-white);

}



@media screen and (min-width: 768px) {

	.cta .cta-body .cta-content .btn {

		margin-left: 30px;

	}

}



@media screen and (min-width: 992px) {

	.cta .cta-body .cta-content .btn {

		margin-left: 50px;

	}

}



.cta-holder {

	overflow           : visible;

	padding-bottom     : 70px;

	background-position: bottom center;

}



@media screen and (min-width: 992px) {

	.cta-holder {

		-webkit-transform    : translateY(-160px);

		-ms-transform        : translateY(-160px);

		transform            : translateY(-160px);

		margin-bottom        : -160px;

		padding-bottom       : 100px;

		background-position-y: -200px;

	}

}



@media screen and (min-width: 1200px) {

	.cta-holder {

		background-position-y: -400px;

		-webkit-transform    : translateY(-180px);

		-ms-transform        : translateY(-180px);

		transform            : translateY(-180px);

		margin-bottom        : -180px;

	}

}



.cta-holder .cta {

	margin-bottom: 33px;

}



.cta-holder .more-actions {

	text-align: center;

}



.cta-holder .more-actions p {

	font-family: var(--global--font-body);

	font-weight: 700;

	font-size  : 15px;

	color      : var(--global--color-body);

}



.cta-holder .more-actions p a {

	position          : relative;

	font-weight       : 700;

	color             : var(--global--color-heading);

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

	text-transform    : capitalize;

	padding-bottom    : 6px;

}



.cta-holder .more-actions p a:hover::before {

	width: calc(100% - 20%);

}

 .banner_section .iconic-box .icon {
            top: 20px !important;
          }

          .banner_section {
            z-index: 22;
            position: relative;
            margin-top: 3rem
          }

          .banner_section .iconic-box {
            padding: 30px 35px;
            background-color: #fff;
            -webkit-box-shadow: 0 10px 20px 0 rgba(149, 183, 208, .06);
            box-shadow: 0 10px 20px 0 rgba(149, 183, 208, .06);
            position: relative;
            z-index: 9;
            width: 95%;
            border: 1px dashed #d1d1d1
          }

          .banner_section .iconic-box h4 {
            text-transform: uppercase;
            letter-spacing: -1px;
            margin-bottom: 10px;
            font-size: 19px;
            font-weight: 600;
            color: #3c3c3c
          }

          .banner_section .iconic-box p {
            color: #757575;
            font-size: 12px;
            display: block
          }

          .banner_section .iconic-box .icon {
            position: absolute;
            right: 35px;
            top: 30px;
            height: 40px;
            width: 40px;
            text-align: center;
            line-height: 30px;
            background-color: #eb120a;
            color: #fff;
            z-index: 2
          }

          .banner_section .iconic-box .icon img {
            width: 22px;
            margin-top: 5px
          }

          .banner_section .iconic-box .count {
            position: absolute;
            left: 10px;
            bottom: 0;
            font-weight: 700;
            font-family: Oswald, sans-serif;
            font-size: 70px;
            color: #0033650f;
            z-index: -1;
            line-height: 1
          }

          .features-boxes {
            margin-top: 5rem
          }

          .features-boxes {
            position: relative
          }

          @media (max-width:575px);

          .boxes_section {
            padding-top: 4rem;
            padding-bottom: 4rem
          }

          .boxes_section .item {
            width: 32%;
            text-align: center;
            padding: 0 21px;
            border-right: 1px dashed #d7d7d7
          }

          .boxes_section .item:last-child {
            border: none
          }

          .boxes_section .item .ico {
            display: inline-block;
            padding: 15px 19px;
            border-radius: 100%
          }

          .boxes_section .item .ico img {
            width: 50px
          }

          .boxes_section .item .text h3 {
            font-size: 19px;
            padding-top: 20px;
            font-weight: 500
          }

          .boxes_section .item .text p {
            font-size: 14px
          }
          @keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
          .image :after {
            content: " ";
            left: 14px;
            top: 16px;
            position: absolute;
            width: 94%;
            height: 93%;
            background: #d4d4d41a;
            border: 4px solid #fff;
          }

          .about-us {
            position: relative;
            padding: 50px 0 60px;
            overflow: hidden;
            margin-top: 10px;
          }

          .about-us::before {
            content: " ";
            left: 0;
            top: 0;
            position: absolute;
            width: 33%;
            height: 100%;
          
          }

          .about-us .sec-title {
            margin-bottom: 30px;
          }

          .about-us .content-column {
            position: relative;
            margin-bottom: 50px;
          }

          .about-us .content-column .inner-column {
            position: relative;
            padding-left: 40px;
          }

          .about-us .content-column h2 {
            position: relative;
            display: block;
            font-size: 42px;
            line-height: 1.2em;
            color: #424242;
            font-weight: 800;
            margin-bottom: 20px;
          }

          .about-us .content-column .inner-column>span {
            font-size: 18px;
            font-weight: 700;
            color: #234597;
            position: relative;
            padding-left: 60px;
            margin-bottom: 20px;
            display: inline-block;
          }

          .about-us .content-column .inner-column>span::after {
            left: 0;
            top: 50%;
            content: "";
            width: 40px;
            height: 2px;
            position: absolute;
            background-color: #e58d23;
            transform: translateY(-50%);
          }

          .about-us .content-column h2 b {
            color: #4d4d4d;
          }

          .about-us .content-column .text-box {
            margin-bottom: 30px;
            text-align: justify;
          }

          .about-us .content-column .text-box strong {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 1.6em;
            margin-bottom: 20px;
            font-weight: 500;
            font-family: inherit;
          }

          .about-us .content-column .text-box strong span {
            font-size: 20px;
            color: #cb212a;
          }

          .about-us .content-column .text-box p strong {
            margin-bottom: 0;
            color: #323232;
          }

          .about-us .content-column .small_img {
            position: absolute;
            right: -33px;
            top: 168px;
            width: 45%;
          }

          .about-us .content-column .small_img img {
            width: 100%;
          }

          .about-us .image-column .image {
            position: relative;
            width: 100%;
            margin-bottom: 0;
            height: 510px;
            z-index: 99;
            margin-top: 40px;
            overflow: hidden;
          }

 
          .about-us .image-column .image .content .experience {
            width: 40%;
            position: absolute;
            right: 0;
            bottom: 0;
            height: 30%;
            text-align: center;
          }

          .about-us .image-column .image .content .experience::before {
            content: " ";
            width: 130%;
            height: 120%;
            display: block;
            position: absolute;
            background-color: #ef7c00a6;
            transform: rotate(6deg);
          }

          .about-us .image-column .image .content .experience::after {
            content: " ";
            width: 22%;
            height: 120%;
            display: block;
            position: absolute;
            background-color: #ef7c00a6;
            transform: rotate(6deg);
            top: 0;
            z-index: -1;
            left: -40px;
          }

          .about-us .image-column .image .content .experience h3 {
            position: relative;
            font-size: 35px;
            font-weight: 700;
            color: #fff;
            padding-top: 20px;
          }

          .about-us .image-column .image .content .experience span {
            position: relative;
            font-size: 18px;
            font-weight: 700;
            color: #fff;
          }

          .about-us .image-column .image img {
            display: inline-block;
            width: 100%;
            border: 10px solid #ffffff;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
            height: 100%;
          }

          .about-us .image-column .image-2 {
            position: absolute;
            right: 70px;
            bottom: -39px;
            width: 40%;
            margin-bottom: 0;
            z-index: 8;
            height: 260px;
          }

          .about-us .image-column .image-2 img {
            display: inline-block;
            border: 7px solid #e8e8e8;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
            width: 100%;
            height: 100%;
          }

          .about-us .image-column .float-text {
            position: absolute;
            right: 5px;
            top: 130px;
            font-size: 74px;
            background: #f8f8f8;
            text-align: center;
            color: black;
            z-index: 9;
          }

          .about-us .image-column .float-text:after {
            content: " ";
            width: 4px;
            height: 490px;
            position: absolute;
            background-color: #e8e8e8;
            top: -119px;
            left: 17px;
            z-index: -1;
          }
            .foot-contact ul li {
          display: flex;
        }

        .news_section .news_slider {
          position: relative;
          margin-top: 40px;
          z-index: 999;
          margin-bottom: 46px;
        }

        .news_section .news_slider .item {}

        .news_section .news_slider .item .content {
          overflow: hidden;
        }

        .news_section .news_slider .item .content .img {
          width: 100%;
          height: 260px;
          position: relative;
          transition: 0.5s;
          background-size: cover;
          background-position: center;
border:1px solid #c7c7c7;
        }

        .news_section .title h3::after {
          content: " ";
          width: 216px;
          height: 4px;
          display: block;
          background-color: #1e90c9;
          margin: 0 auto;
          top: 10px;
          position: relative;
        }

        .news_section .news_slider .item .content .image {
          overflow: hidden;
          position: relative;
        }

        .news_section .news_slider .item:hover .content .img {
          transform: scale(1.2) rotate(1deg);
          transition: 0.5s;
        }

        .news_section .news_slider .item p.etiket {
          position: absolute;
          bottom: -17px;
          /* transform: rotate(-90deg); */
          background-color: #244496;
          /* left: -212px; */
          height: 40px;
          width: 410px;
          -webkit-text-fill-color: #fff;
          text-align: center;
          line-height: 37px;
          color: #fff;
          z-index: 99;
          font-weight: 500;
          text-align: center;
        }

        .news_section .news_slider .item .content .text {
          padding-top: 20px;
        }

        .news_section .news_slider .item .content .text span {
          color: #eb7b24;
          font-size: 16px;
          font-weight: 600;
          display: block;
          padding-top: 10px;
          padding-bottom: 11px;
        }

        .news_section .news_slider .item .content .text h3 {
          color: #000;
          font-size: 14px;
          font-weight: 400;
          display: block;
          padding-bottom: 20px;
          border-bottom: 1px solid #e6e6e6;
          margin-bottom: 20px;
          text-align: center;
        }

        .news_section .news_slider .item .content .text a {
          color: #fff;
          font-size: 15px;
          background-color: #eb7b24;
          padding: 4px 13px;
          display: inline-block;
        }

        .news_section .news_slider .link-box {
          margin-top: 0px;
          text-align: center;
        }

        .btn-style-two .btn-title {
          position: relative;
          display: block;
          font-size: 14px;
          line-height: 30px;
          font-weight: 400;
          padding: 8px 36px 8px;
          z-index: 1;
          transition: .5s;
        }

        .news_section .news_slider .link-box {
          margin-top: -20px;
          text-align: center;
        }

        .link-box {
          position: relative;
          padding-top: 12px;
          z-index: 3;
        }

        .btn-style-two {
          position: relative;
          display: inline-block;
          text-align: center;
          letter-spacing: 0.05em;
          background: #234597;
          color: #ffffff;
          border-radius: 0;
          overflow: hidden;
          transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
        }

        .btn-style-two .btn-curve {
          position: absolute;
          right: -10px;
          top: 0;
          height: 100%;
          background: #dcdcdc;
          /* opacity: 0.20; */
          z-index: 0;
          transform: skewX(-22deg);
          transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
        }

        .btn-style-two .btn-curve {
          position: absolute;
          right: -10px;
          top: 0;
          width: 30px;
          height: 100%;
          background: #e58d23;
          /* opacity: 0.20; */
          z-index: 0;
          transform: skewX(-22deg);
          transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
        }
        .headers {
          margin-top: -4px;
          position: relative;
          text-align: center;
          background: linear-gradient(360deg, rgb(35 69 150) 0%, rgb(35 69 151) 100%);
          color: white;
        }

        .waves {
          position: relative;
          width: 100%;
          height: 15vh;
          margin-bottom: -7px;
          /*Fix for safari gap*/
          min-height: 100px;
          max-height: 150px;
        }

        /* Animation */
        .parallax>use {
          animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
        }

        .parallax>use:nth-child(1) {
          animation-delay: -2s;
          animation-duration: 7s;
        }

        .parallax>use:nth-child(2) {
          animation-delay: -3s;
          animation-duration: 10s;
        }

        .parallax>use:nth-child(3) {
          animation-delay: -4s;
          animation-duration: 13s;
        }

        .parallax>use:nth-child(4) {
          animation-delay: -5s;
          animation-duration: 20s;
        }

        @keyframes move-forever {
          0% {
            transform: translate3d(-90px, 0, 0);
          }

          100% {
            transform: translate3d(85px, 0, 0);
          }
        }

        /*Shrinking for mobile*/
        @media (max-width: 768px) {
          .waves {
            height: 40px;
            min-height: 40px;
          }
        }
         .content {
          top: 10px;
        }

        .hirt {
          text-align: center;
          font-size: 34px;
          color: #244496;
        }

        .hirt1 {
          text-align: center;
          font-weight: 400;
          font-size: 16px;
          color: #3c3c3c;
          margin-bottom: 40px;
        }

        .service_section {
          margin-top: 4rem;
          background-color: #234597;
        }

        .service_section .content {
          position: relative
        }

        .service_section .content>h3 {
          text-align: center;
          font-size: 40px;
          font-weight: 800;
          color: #fff
        }

        .service_section .content h2 {
          text-align: center;
          font-weight: 400;
          font-size: 16px;
          color: #fff;
          margin-bottom: 40px
        }

        .service_section .product_carousel .item img {
          width: 100%;
          margin-top: 8px
        }

        .service_section .item {
          width: 96%;
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .05);
          margin-bottom: 10px;
          margin-top: 10px;
          margin-right: auto;
          margin-left: auto
        }

        .service_section .item .img {
          overflow: hidden;
          transition: opacity .3s ease-out, transform .3s cubic-bezier(.19, 1, .22, 1)
        }

        .service_section .item .img:hover img {
          transform: scale(1.1);
          transition: opacity .3s ease-out, transform 2s cubic-bezier(.19, 1, .22, 1)
        }

        .service_section .item .img img {
          padding: 0px;
          width: 100%;
          transition: opacity .3s ease-out, transform 2s cubic-bezier(.19, 1, .22, 1);
          background: #fff;
          padding-top: 0px;
          padding-bottom: 0px;
        }

        .service_section .item .text {
          padding-top: 10px;
          padding-bottom: 10px;
          padding-left: 10px;
          background-color: #f5f5f5;
          padding-right: 10px;
          position: relative
        }

        .service_section .item .text::before {
          content: " ";
          width: 100%;
          height: 0;
          transition: .5s;
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          background: #e71533;
          transform: skewX(-14deg);
        }

        .service_section .item .text:after {
          content: " ";
          width: 100%;
          height: 0;
          transition: .5s;
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          background: #e58d23
        }

        .service_section .item:hover .text:after {
          height: 100%;
          transition: .3s
        }

        .service_section .item .text h3 {
          font-size: 16px;
          font-weight: 300;
          margin-bottom: 0;
          transition: .3s;
          z-index: 9;
          position: relative;
          color: #000;
          text-align: center;
        }

        .service_section .item:hover .text h3 {
          transition: .3s;
          color: #fff
        }

        .service_section .item .text span {
          font-size: 13px;
          color: #e71533;
          font-weight: 600;
          display: block;
          padding-top: 7px;
          transition: .3s;
          z-index: 9;
          position: relative
        }

        .service_section .item:hover .text span {
          transition: .3s;
          color: #fff
        }

        .product_section .link {
          text-align: center;
          margin-top: 30px
        }

        .product_section .link a {
          padding: 10px 30px;
          background-color: #769d48;
          display: inline-block;
          font-size: 15px;
          color: #fff;
          transition: .3s
        }

        .product_section .link a:hover {
          transition: .3s;
          background-color: #444343
        }

        .service_section .owl-nav {
          position: absolute;
          top: 35%;
          width: 100%
        }

        .service_section .owl-nav button {
          width: 50px;
          height: 50px;
          line-height: 0 !important;
          border-radius: 0;
          font-size: 30px !important;
          transition: .3s;
          border: 2px solid #eee !important;
          color: #e71533 !important
        }

        .service_section .owl-nav button:hover {
          background-color: #e71533 !important;
          border: 2px solid #e71533 !important;
          transition: .3s;
          color: #fff !important
        }

        .service_section .owl-nav button:first-child {
          position: absolute;
          left: -54px;
        }

        .service_section .owl-nav button:last-child {
          position: absolute;
          right: -55px;
        }
         .cc-window {
          opacity: 1;
          transition: opacity 1s ease
        }

        .cc-window.cc-invisible {
          opacity: 0
        }

        .cc-animate.cc-revoke {
          transition: transform 1s ease
        }

        .cc-animate.cc-revoke.cc-top {
          transform: translateY(-2em)
        }

        .cc-animate.cc-revoke.cc-bottom {
          transform: translateY(2em)
        }

        .cc-animate.cc-revoke.cc-active.cc-bottom,
        .cc-animate.cc-revoke.cc-active.cc-top,
        .cc-revoke:hover {
          transform: translateY(0)
        }

        .cc-grower {
          max-height: 0;
          overflow: hidden;
          transition: max-height 1s
        }

        .cc-link,
        .cc-revoke:hover {
          text-decoration: underline
        }

        .cc-revoke,
        .cc-window {
          position: fixed;
          overflow: hidden;
          box-sizing: border-box;
          font-family: Helvetica, Calibri, Arial, sans-serif;
          font-size: 12px;
          line-height: 1.5em;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          z-index: 9999
        }

        .cc-window.cc-static {
          position: static
        }

        .cc-window.cc-floating {
          padding: 2em;
          max-width: 24em;
          -ms-flex-direction: column;
          flex-direction: column
        }

        .cc-window.cc-banner {
          padding: 0.3em 1em;
          width: 100%;
          -ms-flex-direction: row;
          flex-direction: row
        }

        .cc-revoke {
          padding: .5em
        }

        .cc-header {
          font-size: 18px;
          font-weight: 700
        }

        .cc-btn,
        .cc-close,
        .cc-link,
        .cc-revoke {
          cursor: pointer
        }

        .cc-link {
          opacity: .8;
          display: inline-block;
          padding: .2em
        }

        .cc-link:hover {
          opacity: 1
        }

        .cc-link:active,
        .cc-link:visited {
          color: initial
        }

        .cc-btn {
          display: block;
          padding: .4em .8em;
          font-size: .9em;
          font-weight: 700;
          border-width: 2px;
          border-style: solid;
          text-align: center;
          white-space: nowrap
        }

        .cc-banner .cc-btn:last-child {
          min-width: 140px
        }

        .cc-highlight .cc-btn:first-child {
          background-color: transparent;
          border-color: transparent
        }

        .cc-highlight .cc-btn:first-child:focus,
        .cc-highlight .cc-btn:first-child:hover {
          background-color: transparent;
          text-decoration: underline
        }

        .cc-close {
          display: block;
          position: absolute;
          top: .5em;
          right: .5em;
          font-size: 1.6em;
          opacity: .9;
          line-height: .75
        }

        .cc-close:focus,
        .cc-close:hover {
          opacity: 1
        }

        .cc-revoke.cc-top {
          top: 0;
          left: 3em;
          border-bottom-left-radius: .5em;
          border-bottom-right-radius: .5em
        }

        .cc-revoke.cc-bottom {
          bottom: 0;
          left: 3em;
          border-top-left-radius: .5em;
          border-top-right-radius: .5em
        }

        .cc-revoke.cc-left {
          left: 3em;
          right: unset
        }

        .cc-revoke.cc-right {
          right: 3em;
          left: unset
        }

        .cc-top {
          top: 1em
        }

        .cc-left {
          left: 1em
        }

        .cc-right {
          right: 1em
        }

        .cc-bottom {
          bottom: 1em
        }

        .cc-floating>.cc-link {
          margin-bottom: 1em
        }

        .cc-floating .cc-message {
          display: block;
          margin-bottom: 1em
        }

        .cc-window.cc-floating .cc-compliance {
          -ms-flex: 1;
          flex: 1
        }

        .cc-window.cc-banner {
          -ms-flex-align: center;
          align-items: center
        }

        .cc-banner.cc-top {
          left: 0;
          right: 0;
          top: 0
        }

        .cc-banner.cc-bottom {
          left: 0;
          right: 0;
          bottom: 0
        }

        .cc-banner .cc-message {
          -ms-flex: 1;
          flex: 1
        }

        .cc-compliance {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-line-pack: justify;
          align-content: space-between
        }

        .cc-compliance>.cc-btn {
          -ms-flex: 1;
          flex: 1
        }

        .cc-btn+.cc-btn {
          margin-left: .5em
        }

        @media print {

          .cc-revoke,
          .cc-window {
            display: none
          }
        }

        @media screen and (max-width:900px) {
          .cc-btn {
            white-space: normal
          }
        }

        @media screen and (max-width:414px) and (orientation:portrait),
        screen and (max-width:736px) and (orientation:landscape) {
          .cc-window.cc-top {
            top: 0
          }

          .cc-window.cc-bottom {
            bottom: 0
          }

          .cc-window.cc-banner,
          .cc-window.cc-left,
          .cc-window.cc-right {
            left: 0;
            right: 0
          }

          .cc-window.cc-banner {
            -ms-flex-direction: column;
            flex-direction: column
          }

          .cc-window.cc-banner .cc-compliance {
            -ms-flex: 1;
            flex: 1
          }

          .cc-window.cc-floating {
            max-width: none
          }

          .cc-window .cc-message {
            margin-bottom: 1em
          }

          .cc-window.cc-banner {
            -ms-flex-align: unset;
            align-items: unset
          }
        }

        .cc-floating.cc-theme-classic {
          padding: 1.2em;
          border-radius: 5px
        }

        .cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
          text-align: center;
          display: inline;
          -ms-flex: none;
          flex: none
        }

        .cc-theme-classic .cc-btn {
          border-radius: 5px
        }

        .cc-theme-classic .cc-btn:last-child {
          min-width: 140px
        }

        .cc-floating.cc-type-info.cc-theme-classic .cc-btn {
          display: inline-block
        }

        .cc-theme-edgeless.cc-window {
          padding: 0
        }

        .cc-floating.cc-theme-edgeless .cc-message {
          margin: 2em 2em 1.5em
        }

        .cc-banner.cc-theme-edgeless .cc-btn {
          margin: 0;
          padding: .8em 1.8em;
          height: 100%
        }

        .cc-banner.cc-theme-edgeless .cc-message {
          margin-left: 1em
        }

        .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
          margin-left: 0
        }
        .upload_file_section {
font-size:15px;
}
.ik-area {
margin: 0 0 20px 0;
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%
}
.ik-area>.ik-column {
display: inline-block;
width: 49%
}
.ik-area>.ik-column.sent_form {
width: 100%
}
.ik-area {
margin: 0px 0 20px 0;
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ik-area>.ik-column>strong {
display: block;font-size:16px;
margin: 0 0 20px 0;
}
.ik-area>.ik-column>input[type="text"],
.ik-area>.ik-column>textarea {
margin-bottom:10px !important;
width: 100% !important;
display: inline-block !important;
padding: 10px !important;
margin: 0 0 10px 0 !important;
height: 45px !important;
background: transparent !important;
color: #000 !important;
border: 1px solid #ccc !important;
font-size: 14px !important;
font-family: 'Montserrat', sans-serif !important;
}
.ik-area>.ik-column>textarea {
height: 150px !important;
}
.ik-area>.ik-column>input[type="submit"] {
width: 180px !important;
height: 50px !important;
line-height: 50px !important;
font-size: 14px !important;
font-weight: 700 !important;
margin: 0 !important;
padding: 0 !important;
float: right !important;
display: block !important;
border: none;
background: #444;
color: #fff;
cursor: pointer;
text-transform: uppercase;
}
.ik-area>.ik-column>.security {
padding: 0 10px;
margin: 0;
display: block;
font-size: 30px;
color: #F14043;
}
div.upload {
width: 120px;
height: 40px;
overflow: hidden;
background: #000 url(assets/images/browse.jpg) 0 0 no-repeat;
color: #fff;
font-weight: 700;
text-align: center;
}
div.upload>input {
display: block !important;
width: 120px !important;
height: 40px !important;
opacity: 0 !important;
overflow: hidden !important;
position: relative;
z-index: 9999;
background: none;
cursor: pointer;
}
@media screen and (max-width:980px) {
.ik-area {
width: 100%;
margin: 0 0 20px 0;
}
.ik-area>.ik-column {
width: 100%;
}
.ik-area>.ik-column>strong {
margin: 20px 0;
}
.ik-area>.ik-column>input[type="text"] {
background: transparent;
color: #666;
border: 1px solid #ccc;
}
.ik-area>.ik-column>textarea {
background: transparent;
color: #666;
border: 1px solid #ccc;
}
}

        .banner_top {
                width: 100%;
    height: 135px;
    background-color: #fff;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-top: 0;
    position: relative;
        }

.cta-holder .more-actions p a::before {

	content           : '';

	-webkit-transition: 0.3s ease-in-out;

	-o-transition     : 0.3s ease-in-out;

	transition        : 0.3s ease-in-out;

	position          : absolute;

	bottom            : 0;

	left              : 50%;

	-webkit-transform : translateX(-50%);

	-ms-transform     : translateX(-50%);

	transform         : translateX(-50%);

	width             : 100%;

	height            : 2px;

	background-color  : var(--global--color-primary);

}

.wrapper{
width: 100%;
overflow: hidden;
}
.container{
max-width: 1300px!important;
margin: 0px auto;
height: auto;
}
.container-flex{
max-width:1300px!important;
margin: 0px auto;
display: flex;
position: relative;
height: auto;
}
header{
width: 100%;
position: relative;
z-index: 300;
height: 100px;
padding: 10px 0px;
border-bottom: 1px solid rgba(0,0,0,0.05);
transition: all 0.3s;
}
header.sticky {
position: fixed;
top: 0px;
border-bottom: 1px solid rgba(221, 221, 221, 0.692);
z-index: 3000;
background-color: #fff;
}
.logo-box{
width: 22%;
}
.logo-box img {
max-width: 100%;
height: auto;
position: relative;
top: -7px;
}
.top-social ul li a {
  color: #fff !important;
}
.top-menu {
  background-color: #002c5f !important;
}
.nav-list{
width: 62%;
}
.nav-list ul{
display:flex;
width: 100%;
justify-content: flex-end;
position: relative;
top: 30px;
right: 25px;
}
.nav-list ul li{
display: inline-block;
padding: 0px 10px;
position: relative;
width: auto;
}
/** sub **/
.nav-list ul li:hover ul.sub{
transform: translateY(0px);
visibility: visible;
opacity: 1;
}
.nav-list ul li ul.sub{
position: absolute;
display: inline-block;
width: 200px;
transition: all 0.2s ease-out;
left: 0px;
opacity: 0;
top: 25px;
border-radius: 4px;
transform: translateY(50px);
visibility: hidden;
background-color: #fff;
z-index: 300;
}
.nav-list ul li ul.sub li{
display: block;
width: 100%;
transition: all 0.2s;
padding: 5px 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.nav-list ul li ul.sub li:hover{
background: #f0f0f0;
}
.nav-list ul li ul.sub li:last-child{
padding-bottom: 8px;
}
.nav-list ul li ul.sub li a{
font-size: 14px;
font-weight: 400;
}
.nav-list ul li ul.sub li a::before{
display: none;
}
.nav-list ul li ul.sub li:hover a::before{
color: #db4034!important;
}
/** **/
/** drop- list **/
.nav-list ul li:hover .drop-list{
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.drop-list{
width: 800px;
position: absolute;
left: -400px;
z-index: 300;
background-color: #fff;
padding: 33px 35px 10px 35px;
display: flex;
justify-content: flex-start;
box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
transform: translateY(20px);
opacity: 0;
transition: all 0.3s;
visibility: hidden;
}
.drop-left{
width: 40%;
height: 350px;
position: relative;
overflow: hidden;
}
.drop-left:hover img{
transform: scale(1.1);
}
.drop-left a::before{
display: none!important;
}
.drop-left span{
position: absolute;
top: 10%!important;
left: 21%;
display: inline-block;
padding: 9px 19px!important;
font-size: 16px!important;
color: #fff!important;
border: 1px solid #fff;
}
.drop-left img{
width: 100%;
transition: all 0.3s;
height: 100%;
object-fit: cover;
object-position: center;
}
.drop-right{
width: 100%;
padding-left: 0
}
.drop-right ul{
display: flex;
flex-wrap: wrap;
position: relative;
top: -10px;
}
.drop-right ul li{
display: inline-block;
width: 25%;
left: 20px;
text-align: center;
}
.drop-right ul li a::before{
display: none!important;
}
.drop-right ul li:hover a{
background-color: #0e2fa8;
color: #fff!important;
}
.drop-right ul li a{
font-size: 14px!important;
padding: 0px 0px;
margin: 6px 2px;
display: block;
border: 1px solid rgba(0, 0, 0, 0.04);
transition: all 0.2s;
}
.drop-right ul li a img{
width: 100%;
height: auto;
margin-bottom: 6px;
object-fit: cover;
object-position: center;
}
.top-contact ul li a {    font-size: 13px !important;}
.banner_section .iconic-box h4 {   }
.hirt1 {font-size: 14px !important;}
.news_section .news_slider .item p.etiket {    font-size: 13px !important;}
/* **/
.nav-list ul li a{
    color: rgb(19 19 19);
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s;
    position: relative;
}
.nav-list ul li a::before{
position: absolute;
top: -50px;
width: 100%;
background-color: #BE1D2F;
display: block;
content: "";
left: -1px;
transition: all 0.3s;
height: 5px;
transform: translateY(-5px);
}
.nav-list ul li a:hover::before{
transform: translateY(0px);
}
.nav-list ul li a:hover{
text-decoration: none;
color: #222;
}
.nav-list ul li a span{
font-size: 12px;
display: inline-block;
padding-left: 4px;
color: rgb(182, 182, 182);
}
.search{
width: 20%;
position: relative;
left: -13px;
}
.search input{
width: 100%;
height: 43px!important;
position: relative;
top: 19px!important;
background-color: #F2F2F2!important;
border-radius: 30px!important;
border: 1px solid rgba(0,0,0,0.05);
font-size: 12px;
padding-left: 17px;
}
.search input:focus{
outline:none!important;
border: 0px!important;
box-shadow: 0px 0px 0px 0px!important;
}
.search span{
position: absolute;
right: 16px;
top:28px;
color: #aaa;
font-size: 17px;
}
.lang{
width: 3%;
position: relative;
top: 31px;
display: flex;
justify-content: flex-end;
left: 7px;
}
.lang ul li{
position: relative;
}
.lang ul li a{
font-weight:500;
color: #222;
font-size: 16px;
display: flex;
letter-spacing: 1.2px;
text-decoration: none;
}
.lang ul li a img{
width: 35px;
object-fit: contain;
position: relative;
top: -4px;
left: 4px;
padding: 4px;
border: 1px solid rgba(0, 0, 0, 0.04);
}
.lang ul li a span{
color: #BE1D2F;
font-size: 14px;
display: inline-block;
padding-right: 2px;
position: relative;
top: 0px;
}
.lang ul li ul{
position: absolute;
left: 13.5px;
background-color: #fff;
max-height: 0px;
transition: all 0.4s ease-in-out;
visibility: hidden;
}
.lang ul li:hover ul{
max-height: 300px;
visibility: visible;
}
.lang ul li ul li{
border-bottom:1px solid rgba(0,0,0,0.05);
width: 100%;
padding: 3px 6px;
transition: all 0.2s;
}
.lang ul li ul li img{
left: 0px;
top: 0px;
}
.lang ul li ul li:hover{
background-color: #F2F2F2;
}
.lang ul li ul li:last-child{
border-bottom:0px;
padding-bottom: 5px;
}
.lang ul li ul li a{
font-size: 14px;
opacity: 0;
transition: all 0.4s;
}
.lang ul li:hover ul li a{
opacity: 1;
}
/** slider **/
.slider{
width: 100%;
position: relative;
}
.slider .swiper-container {
height: 77vh!important;
}
.swiper-slide img{
width:100%;
height:100%;
object-fit: cover;
object-position: center;
}
.service_section {
      background-color: #002c5f !important;
}
.headers {
  background: linear-gradient(360deg, rgb(0 44 95) 0%, rgb(0 44 95) 100%) !important;
}
.hirt {
      color: #002c5f !important;
}
.swiper-slide {
      height: 570px !important;
}
.slider {
  height: 570px !important;
}

.about-us {
  padding: 15px 0 0px !important;    margin-bottom: -30px;
}

.news_section .news_slider .item .content .text h3 {
      font-weight: 600 !important;
}
.swiper-slide:after {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #01010163;
content: "";
height:100%;
transition: all 0.5s;
z-index: 1;
}
.about-us .content-column .inner-column>span {
      color: #002c5f !important;
}
.btn-style-two .btn-curve {
      background: #FF9800;
}
.btn-style-two {
      background: #002c5f !important;
}
.about-us .content-column h2 {
      position: relative;
    display: block;
    font-size: 38px !important;
    line-height: 1.2em;
    color: #002c5f !important;
    font-weight: 800;
    margin-bottom: 20px;
}
.about-us .content-column .text-box p {
      position: relative;
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 9px;
    width: 100%;
    color: #303030;
    display: block;
}
.about-us .image-column .image .content {
      width: 100%;
    height: 337px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-color: white;
}
.swiper-slide{
position: relative;
}
.slider-text{
position: absolute;
top: 29%;
z-index: 300;
left: 0;
width: 100%;
color: #fff;
}
.slider-text h2{
font-weight: 700;
font-size: 52px;
text-shadow: 0px 0px 5px #00000069;
margin-bottom: 15px;
display: block;
text-transform: capitalize;
width: 61%;
}
.slider-text p{

    display: block !important;
    font-size: 19px;
    /* letter-spacing: 1.4px; */
    font-weight: 100;
    display: inline-block;
    padding: 0px 0px;
    /* background-color: #BE1D2F; */
    color: #fff;
    z-index: 999;
    position: relative;
    font-weight: 500;

}
.slider-text a{
display: inline-block;
background-color: #fff;
color: #222;
margin-left: 6px;
padding: 14px 24px;
transition: all 0.3s;
}
.slider-text a:hover{
background-color: #BE1D2F;
color: #fff;
text-decoration: none;
}
.swiper-pagination-cont{
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
z-index: 100;
}
.swiper-pagination-bullet {
width: 15px!important;
margin: 0px 2px;
height: 15px!important;
display: inline-block;
border-radius: 50%;
background: rgb(255, 255, 255);
opacity: .5;
transition: all 0.3s;
transform: scale(0.9);
}
.swiper-pagination-bullet:hover {
width: 15px!important;
margin: 0px 2px;
height: 15px!important;
display: inline-block;
border-radius: 50%;
background: rgb(255, 255, 255);
opacity: .5;
transform: scale(1.1);
}
.swiper-pagination-bullet-active {
opacity: 1;
background: rgb(197, 197, 197)!important;
border: 1px solid #fff;
transform: scale(1.2);
}
.prods{
width: 100%;
padding: 30px 0px 50px 0px;
background: #fff;
position: relative;
}
.prods .container-flex:first-child{
padding-bottom: 10px;
width: 100%;
text-align: center;
display: block;
}
.prods .container-flex:first-child h2 {
font-size: 27px;
font-weight: 500;
color: #6d6d6d;
/* position: relative; */
padding-left: 20px;
display: inline-block;
}
.prods .container-flex:first-child p{
font-size: 14px;
font-weight: 200;
}
.prods-left{
width: 40%;
height: 450px;
position: relative;
overflow: hidden;
}
.prods-left:hover img{
transform: scale(1.1);
}
.prods-left:hover h2{
transform: scale(1.2);
}
.prods-left h2{
position: absolute;
display: inline-block;
font-size: 20px;
left: 27%;
top: 15%;
border: 1px solid #fff;
padding: 14px 24px;
transition: all 0.3s;
color: #fff;
background-color: #0f33b514;
}
.prods-left img{
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s;
filter: brightness(80%);
object-position: center;
}
.prods-right {
width: 60%;
position: relative;
display: flex;
flex-wrap: wrap;
padding-left: 20px;
}
.prods-right .swiper-container-prod {
width: 100%;
overflow: hidden;
height: 460px;
}
.swiper-container-prod .swiper-wrapper{
width: 100%;
}
.prods-right .swiper-slide {
height: calc((100% - 30px) / 2)!important;
/* Center slide text vertically */
border: 1px solid rgba(0,0,0,0.09);
align-items: flex-start;
}
.prods-right .swiper-horizontal>.swiper-pagination-bullets, .prods-right .swiper-pagination-bullets.swiper-pagination-horizontal, .prods-right .swiper-pagination-custom, .prods-right .swiper-pagination-fraction {
bottom: -29px!important;
left: 9px!important;
width: 100%;
}
.prods-right .swiper-slide  a{
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 300;
}
.prods-right .swiper-slide:after {
display: none;
}
.prod-box{
width: 100%;
height: 220px;
position: relative;
}
.prod-box .prod-img{
width: 100%;
height: 100%;
overflow: hidden;
}
.prod-img img{
width: 100%;
height: 100%;
object-fit: unset;
object-position: center;
transition: all 0.3s;
}
.prod-box h2 {
position: absolute;
bottom: -7px;
left: 0px;
color: #fff;
font-size: 16px;
background: #0f33b569;
padding: 7px 24px;
}
.prod-box h2::before {
width: 83%;
height: 83%;
left: 7px;
top: 3px;
position: absolute;
display: block;
content: "";
}
.prod-box:hover img{
transform: scale(1.1);
}
.icon-text p{
font-size: 12px;
}
/** production **/
.production{
width: 100%;
padding: 50px 0px 95px 0px;
background: #fcfcfc;
}
.production .container-flex:last-child{
flex-wrap: wrap;
}
.g-title{
padding-bottom: 45px;
}
.g-title h2{
font-size: 28px;
font-weight: 500;
display: inline-block;
margin-right: 22px;
color: #BE1D2F;
position: relative;
}
.g-title h2::after{
width: 2px;
height: 100%;
position: absolute;
top: 0px;
right: -20px;
background: #d6d6d6;
content: "";
}
.g-title p{
font-size: 14px;
padding-left: 20px;
position: relative;
top: 6px;
color: rgb(192, 192, 192);
font-weight: 300;
}
.swiper-container-urun{
overflow-x: hidden;
}
.swiper-container-urun .swiper-slide{
height: auto;
background-color: rgb(251, 251, 251);
padding: 4px;
overflow: hidden;
border-radius: 2px;
display: block!important;
transition: all 0.3s;
}
.swiper-container-urun .swiper-slide:hover{
background-color: rgb(254, 254, 254);
}
.swiper-container-urun .swiper-slide:hover img{
transform: scale(1.1);
}
.swiper-container-urun .swiper-slide:hover a{
text-decoration: none;
}
.swiper-container-urun .swiper-slide a{
display: block;
width: 100%;
height: 100%;
z-index: 300;
}
.production-img {
width: 100%;
overflow: hidden;
height: 220px;
background-color: #fff;
position: relative;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.03);
}
.production-img span{
position: absolute;
top: 40%;
font-size: 22px;
background: #db4034;
padding: 5px 10px;
border: 2px solid #ddd;
border-radius: 50%;
color: #fff;
left: 42%;
transform: scale(0.3);
opacity: 0;
transition: all 0.3s;
}
.production-img:hover span{
transform: scale(1);
opacity: 1;
filter: brightness(100%);
}
.production-img:hover img{
filter: brightness(100%);
}
.production-img img{
width: 100%;
transition: all 0.3s;
height: 100%;
filter: brightness(80%);
object-fit: cover;
object-position: center;
}
.production-text{
width: 100%;
height: auto;
padding: 0px 0px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: rgb(252, 252, 252);
}
.swiper-container-urun .swiper-slide:hover .production-text h2{
transform: scale(1.3);
}
.production-text h2 {
font-weight: 300;
transition: all 0.3s;
font-size: 17px;
margin-bottom: 0px;
padding: 14px 24px;
position: absolute;
bottom: 36%;
color: #fff;
display: inline-block;
}
.production-text h2::after{
display: block;
position: absolute;
top: -5px;
left:-5px;
width: 40px;
height: 40px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
content: "";
transition: all 0.3s;
}
.production-text h2::before{
display: block;
position: absolute;
right: -5px;
bottom: -5px;
width: 40px;
height: 40px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
z-index: 300;
content: "";
transition: all 0.3s;
}
.swiper-container-urun .swiper-slide::after{
display: none;
}
footer{
padding: 100px 0px 95px 0px;
border-top: 1px solid rgba(221, 221, 221,0.03);
background:url("assets/img/zrr.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
footer .container-flex{
flex-wrap: wrap;
}
.btn-style-two .btn-curve {
      background: #e84f21 !important;
}
.logoc {
    animation: slide-down 1.3s ease-out 1;
}
@keyframes slide-down {
  0% {
      transform: translateY(-100%); /* Başlangıçta logo yukarıda */
  }
  100% {
      transform: translateY(0); /* Logo normal pozisyona gelir */
  }
}
.foot-about{
width: 33%;
padding-right: 55px;
}
.foot-about img{
max-width: 80%;
margin-bottom: 20px;
}
.foot-about p{
font-size: 13px;
color: #fff;
font-weight: inherit;
}
.foot-title{
    font-size: 19px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: initial;
    font-weight: 700;
}
.foot-title::before{
width: 100%;
height: 100%;
background: rgba(163, 163, 163, 0.2);
position: absolute;
left: -8px;
top: -9px;
display: block;
content: "";
}
.foot-links{
width: 17%;
padding: 0px 9px;
}
.foot-links ul li{
padding: 6px 7px;
color:#fff;
}
.foot-links ul li a{
color: #fff;
font-size: 14px;
position: relative;
}
.foot-links ul li a:Hover{
text-decoration: none;
}
.foot-links ul li a::before{
font-family: "Font Awesome 5 Free";
content: "\f054";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
position: absolute;
transition: all 0.2s;
color: #fff;
left: -14px;
top: 5px;
font-size: 9px;
}
.foot-links ul li a:hover::before{
left: -10px;
}
.foot-contact{
width: 33%;
}
.foot-contact ul li{
padding: 5px 0px;
font-size: 14px;
}
.foot-contact ul li span{
display: inline-block;
margin-right:4px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.07);
font-size: 14px;
margin-bottom: 2px;
padding: 3px 6px;
}
.foot-contact ul li a:hover{
color: #BE1D2F;
text-decoration: none;
}
.foot-contact ul li a{
color: #fff;
transition: all 0.2s;
}
.foot-contact ul li { color:#fff;display: flex;}
.foot-social{
width: 100%;
display: flex;
justify-content: flex-start;
}
.foot-social p{
font-size: 15px;
}
.foot-social ul{
display: flex;
justify-content: flex-start;
position: relative;
left: 4px;
top: -2px;
}
.foot-social ul li{
display: inline-block;
margin: 0px 4px;
}
.foot-social ul li a{
font-size: 19px;
color: #000;
transition: all 0.2s;
}
.foot-social ul li:hover a{
color: #BE1D2F;
}
.alt-footer{
width: 100%;
font-size: 13px;
background-color: #f7f7f7;
height: 46px;
border-top: 1px solid rgba(0, 0, 0, 0.04);
padding: 14px 0px;
}
.alt-footer a{
    color: #002c5f;
    font-weight: 700;
}
.alt-footer a:hover{
color: #BE1D2F;
text-decoration: none;
}
.foot-left{
width: 50%;
display: flex;
justify-content: flex-start;
}
.foot-right{
width: 50%;
display: flex;
justify-content: flex-end;
position: relative;
right: 15px;
}
.e-bulten {
width: 100%;
background-color: #eeeeee;
padding: 24px 0px;
height: 90px;
}
.e-bulten h2{
font-size:20px;
font-weight: 400;
padding-right: 0px;
width: 13%;
position: relative;
top: 7px;
}
.e-blt-form{
width: 35%;
padding: 0px 9px;
}
.e-blt-form form{
display: flex;
width: 100%;
}
.e-blt-form .form-control{
display: inline-block;
background-color: #fff;
border: 0px;
border-radius: 0px;
}
.e-blt-form button{
display: inline-block;
background-color: #244496;
outline: 0px;
padding: 5px 20px;
height: 38px;
border: 0px;
color: #fff;
}
.e-blt-text{
width: 30%;
padding-left: 25px;
font-size: 14px;
}
.e-blt-social{
width: 30%;
}
.e-blt-social ul{
width: 100%;
display: flex;
justify-content: flex-end;
position: relative;
top: 5px;
}
.e-blt-social ul li{
display: inline-block;
margin: 0px 4px;
}
.e-blt-social ul li a{
font-size: 20px;
color: #244496;
transition: all 0.2s;
}
.e-blt-social ul li:hover a{
color: #BE1D2F;
}
/** content-pages **/
main{
min-height: 1400px;
}
.hirt {    font-weight: 800;}
.banner-top {
width: 100%;
height: 180px;
position: relative;
text-align: center;
border-bottom: 2px solid #ddd;
z-index:-1;
}
.banner_top .content {
          display: block;
    background-color: #002c5f91;
    height: 100%;
}
.banner_top .content h3 {
          color: #fff;
    margin-top: -220px;
    font-weight: 200;
    text-transform: uppercase;
    width: 100%;
    font-size: 34px;
    display: block;
    padding-top: 232px;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
        font-weight: 500;


}
.banner_top .content h3::after {
          content: " ";
    position: absolute;
    left: 0;
    right: 0;
    width: 150px;
    height: 3px;
    background-color: #fff;
    bottom: 0;
    margin: auto;
    border-left: 45px solid #fff;
    border-right: 45px solid #fff;
}
.banner-top::after{
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: rgb(15 46 168 / 19%);
content: "";
}
.banner-text{
width: 70%;
display: flex;
margin: 0px auto;
justify-content: center;
align-items: center;
padding-top: 70px;
z-index: 3000;
position: relative;
}
.banner-text h1{
color: #fff;
letter-spacing: 6px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
text-transform: uppercase;
position: relative;
animation: fadeInUp 1.2s;
font-size: 34px;
}
.banner-text h1::before{
width: 40px;
height: 40px;
left: -34px;
top: -15px;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
position: absolute;
display: block;
animation: fadeInLeft 1s;
content: "";
}
.banner-text h1::after{
width: 40px;
height: 40px;
right: -20px;
bottom: -20px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
display: block;
content: "";
animation: fadeInRight 1s;
}
.banner-list{
width: 100%;
background-color: #F7F7F7;
padding: 17px 0px;
height: 60px;
font-family: 'Poppins', sans-serif;
}
.banner-list ul{
display: flex;
justify-content: flex-start;
}
.banner-list ul li{
display: inline-block;
padding: 0px 8px;
}
.banner-list ul li a{
color: #222;
font-size: 13px;
position: relative;
font-weight: 300;
}
.banner-list ul li:Hover a{
text-decoration: none;
color: #BE1D2F;
}
.banner-list ul li a::before{
width: 1px;
height: 100%;
content: "/";
position: absolute;
right: -5px;
color: #929292;
top: 1px;
}
.banner-list ul li:first-child{
padding-left: 0px;
}
.banner-list ul li:last-child a::before{
display: none;
}
.banner-list ul li:last-child a{
font-weight: 500;
color: #BE1D2F;
}
.content{
width: 100%;
padding: 35px 0px;
}
 .page_content {
        padding-top: 3rem;
   
  }
  #accordion,
#accordion ul,
#accordion ul li,
#accordion ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#accordion {
  width: 100%;
  color: #fff;
  min-height: 250px;
}
#accordion ul li ul {
  display: none;
}
#accordion > ul > li.active > ul {
  display: block;
}
#accordion > ul > li > a {
  padding: 15px 11px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #2c406d;
  font-weight: 600;
  background: #fff;
  box-shadow: inset 0 0 1px #ccc;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#accordion > ul > li > a:hover,
#accordion > ul > li > a.active {
  background: #000;
  color: #fff;
  border-left: 15px solid #e62123;
}
#accordion > ul > li.active > a {
  background: #002c5f;
  color: #fff;
  border-left: 11px solid #009688;
}
#accordion > ul > li > .bx {
  float: right;
  top: -32px;
  position: relative;
  color: #fff;
  z-index: 9;
  right: 10px;
}
#accordion ul ul li a {
  padding: 15px 21px;
  cursor: pointer;
  z-index: 2;
  font-size: 15px;
  text-decoration: none;
  color: #002c5f;
  background: #fff;
  box-shadow: 0 0 1px #ccc;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-weight: 400;
}
#accordion ul ul ul li a {
  padding-left: 60px;
  background: #fff;
}
#accordion ul ul li a:hover {
  background: #f7f7f7;
  color: #5d6982;
}
.accourdion_section p {
  font-size: 15px;
  color: #575757;
  text-align: justify;
}
.accourdion_section .galeri_section {
  padding-left: 0;
  margin-top: 0;
  display: block;
}
.accourdion_section .galeri_section {
  padding-left: 0;
}
.accourdion_section .galeri_section li {
  list-style: none;
  width: 24%;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #e9e9e9;
}
.accourdion_section .galeri_section li a img {
  width: 100%;
}
.page_content p {
  font-size: 15px;
  color: #575757;
  text-align: justify;
  line-height: 26px;
  margin-bottom: 0;
}
.page_content .accourdion_section .accordion {
  width: 90%;
}

aside{
width: 20%;
min-height: 600px;
}
.sidebar{
width: 100%;
background-color: #f8f8f8;
}
.sidebar ul li{
display: block;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 0px 0px;
transition: all 0.3s;
}
.sidebar ul li:last-child{
border-bottom: 0px;
}
.sidebar ul li a{
padding-top:15px;
padding-bottom:15px;
color: #222;
font-weight: unset !important;
font-size: 14px;
padding-left:8px;
display: block;
position: relative;
}
.sidebar ul li:hover a{
text-decoration: none;
}
.sidebar ul li:hover {
background-color: #edededa6;
}
.sidebar ul li.active{
background-color: #edededa6;
}
.sidebar ul li.active a{
font-weight: 400;
}
.sidebar ul li a:before {

}
.content-text{
width: 80%;
padding-left: 30px;
font-size: 15px;
font-weight: 400;
padding-top: 5px;
font-family: 'Poppins', sans-serif;
}
.content-text h2{
font-size: 18px;
}
.img-container{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.galeri-img{
width: 19%;
height: 280px;
overflow: hidden;
margin-bottom: 20px!important;
border: 1px solid rgba(0,0,0,0.1);
position: relative;
transition: all 0.4s;
margin: 0px 4px;
}
.galeri-img img{
width: 100%;
height: 100%;
padding-top: 0px;
object-fit: cover;
object-position: center;
transition: all 0.4s;
}
.galeri-img:hover img{
transform: scale(1.03);
}
.contactAll{
width: 100%;
margin: 0px auto;
display: flex;
flex-wrap: wrap;
padding: 25px;
background-color: #fff;
font-family: 'Poppins', sans-serif;
}
.contact-info{
width: 50%;
padding-right: 45px;
border-right: 1px dotted rgba(0, 0, 0, 0.1);
}
.contact-info ul li{
display: flex;
padding: 6px 0px;
font-size: 14px;
}
.contact-info ul li span{
display: inline-block;
margin-right: 7px;
background-color: #0f2ea8 ;
color: #fff;
font-size: 12px;
padding: 6px 10px;
border-radius: 50%;
position: relative;height: 31px;
}
.contact-info ul li a{
color: #222;
}
.contact-info ul li a:hover{
color: #BE1D2F;
text-decoration: none;
}
.contact-form{
width: 50%;
padding-left: 45px;
}
.contact-form .form-control{
margin-top: 10px!important;
padding: 32px 20px!important;
background-color: #ffffff!important;
outline: 0px!important;
border: 1px solid rgba(0, 0, 0, 0.1)!important;
color: #A09EA4!important;
font-weight: 600!important;
letter-spacing: 1.2px;
border-radius: 4px!important;
}
.map{
height: 320px;
width: 100%;
}
.contact-form button{
margin-top: 15px;
background-color: #BE1D2F!important;
border: 0px;
outline: 0px;
}
.contact-form p{
text-align: center;
}
/** uretim **/
.production-boxes{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.production-box{
width: 32%;
margin: 0px 6px;
height: auto;
box-shadow: 0px 2px 7px rgb(0 0 0 / 10%);
margin-bottom: 20px;
overflow: hidden;
transition: all 0.3s;
}
.production-box:hover{
box-shadow: 0px 2px 7px rgb(0 0 0 / 15%);
}
.pb-img{
width: 100%;
height: 260px;
overflow: hidden;
position: relative;
}
.pb-img img{
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.4s;
object-position: center;
}
.production-box:hover img{
transform: scale(1.03);
}
.pb-img span{
position: absolute;
top: 0;
left: 0%;
z-index: 300;
transition: all 0.5s;
opacity: 0;
color: #fff;
background-color: #BE1D2F;
padding: 5px 10px;
font-size: 17px;
}
.production-box:hover .pb-img img{
filter: brightness(60%);
}
.production-box:hover .pb-img span{
top: 43%;
left: 42.5%;
opacity: 1;
}
.production-box:hover a{
text-decoration: none;
}
.pb-text{
padding: 15px 9px 5px 9px;
color: #222;
}
.pb-text h2{
font-size: 15px!important;
font-weight: 600;
}
.pb-text p{
font-size: 14px;
}
.production-detail{
width: 100%;
display: flex;
justify-content: flex-start;
}
.production-detail-img{
width: 34%;
}
.production-detail-text ul { list-style:disc !important; }
.production-detail-text ul li { list-style:disc !important; margin-left:16px; }
.production-detail-img .pd-img{
width: 100%;
height: 350px;
}
.pd-img img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.production-detail-text{
width: 70%;
padding-right: 20px;
}
.pd-images{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 15px;
}
.pdbot{
width: 18%;
margin: 0px 4px;
height: 70px;
margin-bottom: 9px;
}
.pdbot img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.news{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.news-box{
width: 32%;
margin: 0px 7px;
}
.news-img{
width: 100%;
height: 240px;
overflow: hidden;
}
.news-box:hover img{
transform: scale(1.1);
}
.news-img img{
transition: all 1s;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.news-box:hover  .news-text{
box-shadow: 0px 2px 7px rgb(0 0 0 / 10%);
}
.news-text{
position: relative;
background-color: #fff;
width: 90%;
top: -40px;
box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
padding: 5px 9px 6px 9px;
transition: all 0.3s;
}
.news-text span.date{
position: relative;
display: inline-block;
padding: 4px 12px;
background-color: #BE1D2F;
color: #fff;
top: -20px;
font-size: 14px;
}
.news-text span.date i{
position: relative;
left: -4px;
}
.news-text h2{
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
.news-text p{
font-size: 14px;
font-weight: 300;
}
.news-text a{
color: #BE1D2F;
font-weight: 500;
position: relative;
top: -6px;
letter-spacing: -0.4px;
font-size: 15px;
}
.news-text a:Hover{
text-decoration: none;
color: #da051e;
}
.news-text a i{
font-size: 11px;
position: relative;
top: -1px;
right: -2px;
}
.content h2{
font-size: 13px;
font-weight: unset !important;
}
.content p{
font-size: 15px;
}
/** ürünler **/
.categories{
width: 80%;
height:200px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding-left: 25px;
    align-content: flex-start;
}
.categorie-box{
width: 32%;
height: auto;
margin: 0px 6px;
margin-bottom: 15px;
transition: all 0.2s;
padding: 5px 5px 0px 5px;
box-shadow: 0px 2px 7px rgb(0 0 0 / 8%);
}
.categorie-box:hover{
box-shadow: 0px 2px 7px rgb(0 0 0 / 13%);
transform: scale(1.04);
background-color: #f6f6f6;
}
.categorie-box:hover a{
text-decoration: none;
}
.categorie-img{
width: 100%;
height: 240px !important;
overflow: hidden;
position: relative;
}
.categorie-img::before{

}
.zro {
          position: absolute;
    z-index: 9;
    top: 1px;
    text-align: left;
    left: ;
    margin-left: -96px;
    background-color: #f3102d;
    color: #fff;
    padding: 3px 10px;
}
.categorie-box:hover .categorie-img::before{
width: 85%;
height: 100%;
opacity: 1;
}
.categorie-box:hover .categorie-img::after{
width: 50%;
height: 100%;
opacity: 1;
}
.categorie-img::after{
width: 80px;
height: 80px;
position: absolute;
right: 0px;
z-index: 300;
transition: all 0.6s;
opacity: 0;
bottom: 0px;
display: block;
content: "";
}
.categorie-img span{
position: absolute;
top: 10px;
right: 20%;
opacity: 0;
z-index: 400;
color: #fff;
background-color: #BE1D2F;
border: 1px solid rgba(0, 0, 0, 0.04);
padding: 4px 7px;
font-size: 14px;
border-radius: 4px;
transition: all 0.5s;
}
.categorie-box:hover .categorie-img span{
right: 10px;
opacity: 1;
}
.categorie-box:hover img{
transform: scale(1.1);
}
.categorie-img img{
width: 100%;
height: 100%;
transition: all 0.3s;
object-fit: cover;
object-position: center;
}
.categorie-text h2{
padding: 12px 4px 5px 4px;
font-size: 14px;
letter-spacing: -0.4px;
font-weight: 400;
}
.categorie-text h2{
color: #000;
}
.categorie-text{
text-align: center;
}
.categorie-text span{
display: inline-block;
padding: 4px 20px;
background-color: #fff;
color: #222;
border: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 6px;
position: relative;
top: -2px;
transition: all 0.3s;
font-size: 13px;
}
.categorie-box:hover .categorie-text span{
background-color: #BE1D2F;
color: #fff;
}
.pagination{
width: 100%;
padding: 0px 0px 15px 0px;
}
.pagination ul{
display: flex;
justify-content: flex-start;
}
.pagination ul li{
display: inline-block;
margin: 0px;
}
.pagination ul li a{
color: #222;
display: block;
width: 100%;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.04);
height: 100%;
padding: 4px 12px;
font-size: 13px;
transition: all 0.1s;
}
.pagination ul li:hover a{
text-decoration: none;
background-color: #f7f7f7;
}
.pagination ul li.active a{
color: #fff;
background-color: #BE1D2F;
}
/** detail **/
.detail{
width: 80%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.detail-image{
width: 40%;
height: auto;
position: relative;
left: 14px;
}
.detail-image .mySwiper2-d {
height: auto!important;
width: 100%;
}
.detail-image .swiper {
width: 100%;
height: 100%;
}
.detail-image .swiper-slide {
background-size: cover;
background-position: center;
height: 552px!important;
border: 1px solid rgba(0,0,0,0.06)!important;
}
.detail-image .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: contain!important;
}
.detail-image .swiper {
width: 100%;
height:auto;
margin-left: auto;
margin-right: auto;
}
.detail-image .mySwiper-d {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.detail-image .mySwiper-d .swiper-wrapper{
}
.detail-image .swiper-slide a{
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 300;
border: 0px;
color: transparent;
background-color: transparent;
}
.detail-image .mySwiper-d  .swiper-slide {
background-size: cover;
background-position: center;
height: 90px!important;
border: 1px solid rgba(0,0,0,0.06)!important;
}
.detail-image .mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.detail-image .mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.detail-image .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.detail-text{
width: 60%;
padding-left: 40px;
font-size: 14px;
font-weight: 300;
}
.detail-text b{
font-weight: 600;
}
.detail-text h2{
font-size: 17px;
text-transform: uppercase;
position: relative;
display: inline-block;
padding-bottom: 15px;
}
.detail-text h2::after{
width: 390px;
left: 104%;
background-color: #888888;
position: absolute;
display: block;
content: "";
top: 10px;
height: 1px;
}
.detail-text ul{
margin-left: 20px;
}
.detail-text ul li{
list-style-type: disc;
}
.detail-similar{
width: 100%;
padding: 30px 0px;
border-top: 1px solid rgba(0, 0, 0, 0.04);
margin-top: 30px;
}
.detail-similar h2{
text-align: center;
text-transform: uppercase;
font-size: 26px;
font-weight: 500;
}
.swiper-container-similar{
width: 100%;
padding: 30px 0px;
overflow: hidden;
}
.swiper-container-similar .categorie-box{
width: 98%;
position: relative;
margin: 0px;
z-index: 100;
box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
}
.swiper-container-similar .categorie-box .categorie-img{
height: 370px;
}
.swiper-container-similar .categorie-box h2{
font-size: 14px;
text-transform: capitalize;
font-weight: 400;
}
.detail-description{
width: 100%;
padding-top: 60px;
text-align: center;
}
.detail-description h2{
font-size: 25px;
font-weight: 500;
text-transform: uppercase;
}
.detail-description ul{
width: 100%;
display: flex;
padding-top: 7px;
flex-wrap: wrap;
justify-content: center;
}
.detail-description ul li{
display: inline-block;
padding: 5px 8px;
margin: 0px 4px;
border: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 8px!important;
font-size: 14px;
}
/** responsive **/
@media(max-width:1550px){
.container{
max-width: 91%!important;
margin: 0px auto;
height: auto;
}
.container-flex {
max-width: 1200px!important;
margin: 0px auto;
display: flex;
position: relative;
height: auto;
}
.nav-list {
width: 64%;
}
.lang {
width: 4%;
}
.about-left {
width: 62%;
margin-right: 2%;
padding-right: 60px;
border-right: 1px dotted rgba(0,0,0,0.09);
}
.about-right {
width: 38%;
padding-left: 20px;
}
.drop-list {
width: 800px;
position: absolute;
left: -333px;
z-index: 300;
background-color: #fff;
padding: 35px;
display: flex;
justify-content: flex-start;
box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
transform: translateY(20px);
opacity: 0;
transition: all 0.3s;
visibility: hidden;top: 51px;
}
.slider .swiper-container {
height: 79vh!important;
}
.categorie-img {
width: 100%;
height: 315px;
overflow: hidden;
position: relative;
}
.categorie-box{
width: 32%;
height: auto;
margin: 0px 5px;
margin-bottom: 15px;
transition: all 0.2s;
padding: 5px 5px 0px 5px;
box-shadow: 0px 2px 7px rgb(0 0 0 / 8%);
}
}
.snow:before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
background-image:
url("assets/img/k1.png"),
url("assets/img/k2.png"),
url("assets/img/k3.png") !important;
animation: snow 30s linear infinite;
opacity:1;
}
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px}
}
.owl-nav button i { color:#fff; }
.item a { text-decoration:none; }
.item a:hover { text-decoration:none; }
.iconic-box a { text-decoration:none; }
.iconic-box a:hover { text-decoration:none; }
.link-box { text-decoration:none; }
.link-box a:hover{ text-decoration:none; color:#fff; }
@media only screen and (width: 1920px) {
.slider .swiper-container {
height:83vh!important;
}
}
.ilkkat { padding-top:60px; }
.bgc1 { background-position: 50% 70% !important; background-size: cover !important; background-color: #adb5bd !important; }
.bgcp1 { font-size: 24px; font-family: 'Michroma', sans-serif; }
.bgcp2 { font-size: 26px; font-family: 'Michroma', sans-serif; color: black; }
.bgcs1 { color: #102da8;font-family: 'Michroma', sans-serif; }
.fz21 {   font-size: 21px; }
.banner-textss { width: 33%;bottom: 20%;left: 7%;position: absolute; }
.banner-texts { bottom:15% !important; border-top:5px solid #6d726e !important; }
.ilkkat span { top:38px; }

@media only screen and (width: 1920px) {
.bgc1 { background-position: 50% 70% !important; background-size: cover !important; background-color: #adb5bd !important; }
.bgcp1 { font-size: 24px; font-family: 'Michroma', sans-serif; }
.bgcp2 { font-size: 26px; font-family: 'Michroma', sans-serif; color: black; }
.bgcs1 { color: #102da8;font-family: 'Michroma', sans-serif; }
.fz21 {   font-size: 21px; }
.banner-top { height:563px !important; }
.banner-texts { bottom:31% !important;  width:29% !important; !important; left:16% !important; }
.banner-textss { bottom:26% !important; width:29% !important; left:16%;  }
.icbgs { height:180px !important; }
}
.icban { bottom:27% !important;}

.news_section .news_slider .item .content .img:after { display:none; }
.news_section .news_slider .item .content p:after { display:none; }


@media (max-width:600px) {
	
	
	
	
	
}