@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*
  ************************************************************************
  *  STYLE
  ************************************************************************  
*/
a { cursor:pointer; }
html, body { height:100%; }
body { color:#242020; font-size:18px; font-family: 'Encode Sans', sans-serif; line-height:normal; }

.fixed-area { width:345px; height:100%; min-height:680px; font-family: 'Montserrat', sans-serif; position:fixed; left:10px; top:0px; z-index:2; background-color:#231f20;}
.container-area { width:calc(100% - 400px); height:100%; margin-left:390px; padding-top:50px; }
.scrolltop-btn { width:42px; height:42px; display:none; overflow:hidden; text-align:center; color:#231f20; font-size:21px; line-height:41px; position:fixed; right:15px; bottom:10px; z-index:1; border-radius:50%; border:1px solid #231f20; background-color:#ffea00; }

.header { min-height:325px; text-align:center; position:relative; z-index:2; background-color:#ffffff; background-image:url(/images/header-bg.jpg); background-repeat:no-repeat; background-position:center bottom; }
.header .brand { display:inline-block; margin-top:40px; }

.navigation { height:auto; overflow:hidden; line-height:normal; text-align:center; position:relative; background-color:transparent; background-image:url(/images/navigation-bg.jpg); background-repeat:repeat-y; background-position:center top; }
.navigation .menus { max-width:228px; margin:0px auto; padding:0; list-style:none; }
.navigation .menus > li { float:none; position:relative; }
.navigation .menus > li:after { width:100%; height:2px; opacity:0.1; position:absolute; left:0; bottom:0; z-index:0; background-image:url(/images/border-nav.png); background-repeat:repeat-x; background-position:left top; content:""; }
.navigation .menus > li:last-child:after { display:none; }
.navigation .menus > li > a { display:block; padding:15px 0px; color:#231f20; font-size:17px; font-weight:700; position:relative; z-index:1; background-color:transparent; }
.navigation .menus > li > a:hover, .navigation .menus > li > a.active { color:#1f1e56; }

.footer { overflow:hidden; padding-top:42px; text-align:center; color:#ffffff; background-image:url(/images/footer-top.jpg); background-repeat:no-repeat; background-position:center top; }
.footer .phone { display:inline-block; margin-top:30px; color:#ffffff; font-size:26px; }
.footer .email { display:inline-block; margin-bottom:20px; color:#ffffff; font-size:16px; }
.footer .languages { margin:0; margin-bottom:15px; padding:0; list-style:none; }
.footer .languages > li { display:inline-block; overflow:hidden; vertical-align:top; color:#ffea00; font-size:17px; font-weight:700; position:relative; }
.footer .languages > li + li:before { margin:0 10px; content:"-"; }
.footer .languages > li > a { display:inline-block; color:#ffea00; }
.footer .catalog { display:inline-block; margin-bottom:20px; color:#ffea00; font-size:17px; }
.footer .social-media { margin:0; padding:0; list-style:none; }
.footer .social-media > li { display:inline-block; overflow:hidden; margin-left:3px; margin-right:3px; vertical-align:top; }
.footer .social-media > li > a { width:38px; height:38px; display:block; color:#ffffff; font-size:15px; line-height:37px; border:1px solid #ffffff; border-radius:50%; }

h1 { margin:0; margin-bottom:50px; padding-left:7%; color:#231f20; font-size:26px; font-weight:500; font-family: 'Montserrat', sans-serif; }
h1 strong { font-weight:700; position:relative; }
h1 strong:after { width:100%; height:10px; position:absolute; left:0; bottom:0; z-index:-1; background-color:#ffea00; content:""; }
.contact-btn { display:inline-block; overflow:hidden; position:absolute; right:10px; top:0px; z-index:1; }

.slider-area { overflow:hidden; margin-bottom:50px; position:relative; }
.slider-area .swiper-slide {  }
.slider-area .swiper-button-next, .slider-area .swiper-button-prev { width:54px; height:53px; margin-top:0; right:115px; top:90px; background-image:url(/images/bullets.png); background-repeat:no-repeat; background-position:left top; background-size:inherit; }
.slider-area .swiper-button-prev { left:auto; right:175px; }
.slider-area .swiper-button-next { background-position:-61px 0; }

.content-area { overflow:hidden; padding-left:3%; padding-right:6%; }

.about-area { overflow:hidden; margin-bottom:50px; }
.about-area h2 { margin-top:20px; margin-bottom:40px; color:#231f20; font-size:35px; font-weight:500; font-family: 'Montserrat', sans-serif; }
.about-area h2 strong { font-weight:700; position:relative; }
.about-area h2 strong:after { width:100%; height:10px; position:absolute; left:0; bottom:0; z-index:-1; background-color:#ffea00; content:""; }
.about-area p { margin-top:0; margin-bottom:35px; text-align:justify; line-height:26px; }
.about-area .float-right { margin:0; }
.about-area .float-left { margin-right:40px; }
.about-area .float-left img { display:inline-block; border:1px solid #e0dfe0; }
.about-area ul { overflow:hidden; clear:both; margin:0; padding:0; padding-top:35px; list-style:none; text-align:center; }
.about-area ul > li { max-width:249px; display:inline-block; margin-bottom:20px; margin-right:1.7%; vertical-align:top; text-align:left; position:relative; }
.about-area ul > li strong { display:inline-block; padding-left:95px; font-size:16px; font-weight:400; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1; }

.application-area { overflow:hidden; margin-bottom:50px; }
.application-area .section-area { width:calc(50% - 2%); min-height:630px; display:inline-block; overflow:hidden; margin-bottom:20px; vertical-align:top; position:relative; border:1px solid #e0dfe0; }
.application-area .section-area:first-child { margin-right:2%; }
.application-area .section-area:last-child { margin-left:2%; }
.application-area .section-title { overflow:hidden; margin:0; padding:20px 40px; color:#231f20; font-size:22px; font-weight:600; position:relative; border-bottom:1px solid #e0dfe0; background-color:#e8edf1; }
.application-area .section-title:after { width:64px; height:4px; position:absolute; right:40px; top:50%; z-index:0; transform:translateY(-50%); background-color:#242020; content:""; }
.application-area .section-text { overflow:hidden; padding:20px 40px; }
.application-area .section-text ul, .application-area .section-text ol { margin:0; padding:0; list-style:none; }
.application-area .section-text ul > li { overflow:hidden; padding:20px 0px; padding-right:40px; font-size:16px; position:relative; border-bottom:1px solid #e0dfe0; }
.application-area .section-text ul > li:last-child { border-bottom:none; }
.application-area .section-text ul > li > img { display:inline-block; float:left; margin-right:20px; }
.application-area .section-text ul > li strong { display:inline-block; vertical-align:top; font-size:18px; font-weight:700; }
.application-area .section-text ul > li a { display:inline-block; position:absolute; right:0; top:20px; z-index:0; }
.application-area .section-text ol { padding:15px 0px; padding-bottom:30px; }
.application-area .section-text ol > li { overflow:hidden; padding:7px 0px; font-size:18px; }
.application-area .section-text ol > li > img { margin-right:20px; }
.application-area .section-text .link-btn { display:inline-block; color:#ffea00; font-size:16px; position:absolute; right:0; bottom:0; border:1px solid #e0dfe0; background-color:#242020; }
.application-area .section-text .link-btn a { display:inline-block; padding:15px 30px; color:#ffea00; }

.products-area { overflow:hidden;  }
.products-area .section-area { overflow:hidden; margin-bottom:70px; }
.products-area .section-area .image, .products-area .section-area .info { width:calc(50% - 2%); min-height:787px; overflow:hidden; float:left; margin:0; }
.products-area .section-area .image { margin-right:2%; position:relative; }
.products-area .section-area .info { margin-left:2%; padding:80px; position:relative; background-color:#ffea00; }
.products-area .section-area .info:before { width:calc(100% - 100px); height:calc(100% - 100px); position:absolute; left:50px; top:50px; z-index:0; border:1px solid rgba(0,0,0,0.15); content:""; }
.products-area .section-area .info table { width:100%; text-align:center; position:relative; z-index:1; }
.products-area .section-area .info table th { padding-bottom:15px; text-align:center; font-size:20px; font-weight:700; }
.products-area .section-area .info table td { padding:10px 0px; font-size:20px; }
.products-area .section-area .info table tbody tr td { padding-bottom:10px; }
.products-area .section-area .info table tbody tr:last-child td { padding-bottom:0; }
.products-area .section-area .info ul { overflow:hidden; margin:0; padding:0; list-style:none; }
.products-area .section-area .info ul > li { margin-bottom:30px; font-size:17px; }
.products-area .section-area .info ul > li:last-child { margin-bottom:0; }

.certificate-area { overflow:hidden; margin-bottom:50px; }
.certificate-area h2 { margin-top:20px; margin-bottom:35px; color:#231f20; font-size:35px; font-weight:500; font-family: 'Montserrat', sans-serif; }
.certificate-area h2 strong { font-weight:700; position:relative; }
.certificate-area h2 strong:after { width:100%; height:10px; position:absolute; left:0; bottom:0; z-index:-1; background-color:#ffea00; content:""; }
.certificate-area ul { overflow:hidden; margin:0; padding:0; list-style:none; }
.certificate-area ul > li { width:calc(12.5% - 20px); height:145px; display:inline-block; margin-bottom:20px; margin-right:15px; vertical-align:top; text-align:center; font-size:20px; background-color:#ffea00; }
.certificate-area ul > li:last-child { margin-right:0; }
.certificate-area ul > li a { height:100%; display:block; color:#242020; }
.certificate-area ul > li strong { display:inline-block; padding:0px 10px; position:relative; top:50%; transform:translateY(-50%); }
.certificate-area p { margin-top:0; margin-bottom:20px; font-size:20px; }
.certificate-area p strong { font-size:24px; font-weight:700; }

.contact-area { overflow:hidden; margin-bottom:70px; padding:45px 0px; font-family: 'Montserrat', sans-serif; background-color:#e3eaee; }
.contact-area .contact { max-width:630px; float:left; color:#231f20; font-size:18px; font-weight:300; }
.contact-area .map-btn { display:inline-block; float:right; padding:15px 30px; color:#ffffff; font-size:18px; font-weight:700; background-color:#231f20; }

.map-form-area { overflow:hidden; margin-bottom:50px; }
.map-form-area .map, .map-form-area .form-area { width:calc(50% - 2%); float:left; }
.map-form-area .map { margin-right:2%; }
.map-form-area .map iframe { width:100%; height:auto; min-height:585px; border:1px solid #e6ebef; }
.map-form-area .form-area { margin-left:2%; padding-top:20px; }

.copyright-area { overflow:hidden; margin-bottom:50px; color:#231f20; font-size:15px; font-family: 'Montserrat', sans-serif; }
.copyright-area p { float:left; }
.copyright-area p strong { font-weight:700; }
.copyright-area .seven { float:right; }
.copyright-area .seven a { display:inline-block; margin-bottom:10px; }

.form-contact { overflow:hidden; margin-left:-15px; margin-right:-15px; font-family: 'Montserrat', sans-serif; position:relative; }
.form-contact .form-headline { margin-bottom:10px; color:#231f20; font-size:30px; font-weight:700; }
.form-contact .form-summary { margin-bottom:20px; color:#55595d; font-size:15px; }
.form-contact .form-group { margin-bottom:20px; }
.form-contact label { color:#55595d; font-size:15px; font-weight:400; }
.form-contact .form-control { height:auto; padding:8px 16px; color:#55595d; font-size:15px; border:1px solid #e0dfe0; border-radius:0px; background-color:transparent; }
.form-contact p { max-width:70%; margin:10px 0px; float:left; color:#8d9399; font-size:14px; }
.form-contact p span { color:#ef801f; font-weight:700; }
.form-contact button { padding:15px 45px; color:#231f20; font-size:18px; font-weight:700; border:none; border-radius:0px; background-color:#ffea00; }

.images-gallery { overflow:hidden; padding-top:10px; padding-bottom:20px; text-align:center; vertical-align:top; }
.images-gallery > li { display:inline-block; margin-left:7px; margin-right:7px; margin-bottom:15px; vertical-align:top; position:relative; }
.images-gallery > li a { display:inline-block; overflow:hidden; color:#000000; font-size:15px; }
.images-gallery > li img { border:1px solid #eaeaea; }
.images-gallery > li strong { max-width:330px; display:inline-block; margin-top:5px; margin-bottom:5px; font-weight:500; }

.documents-gallery { overflow:hidden; padding-top:10px; padding-bottom:20px; margin-bottom:0px; }
.documents-gallery > li { overflow:hidden; margin-bottom:14px; color:#2d2482; font-size:16px; position:relative; border:1px solid #2d2482; }
.documents-gallery > li:before { width:0%; height:100%; position:absolute; left:0px; top:0px; z-index:-1; content:""; background-color:#2d2482; transition: all 0.5s ease-in-out; }
.documents-gallery > li:hover:before { width:100%; }
.documents-gallery > li a { display:block; overflow:hidden; color:#2d2482; }
.documents-gallery > li:hover > a { color:#ffffff; transition: all 0.3s ease-in-out; }
.documents-gallery > li i { float:left; margin-right:15px; padding:12px 20px; color:#ffffff; font-size:20px; background-color:#2d2482; }
.documents-gallery > li span { display:inline-block; margin-top:10px; }

.padding-top-0 { padding-top:0px; }
.padding-right-0 { padding-right:0px; }
.padding-bottom-0 { padding-bottom:0px; }
.padding-left-0 { padding-left:0px; }

.margin-top-0 { margin-top:0px !important; }
.margin-right-0 { margin-right:0px !important; }
.margin-bottom-0 { margin-bottom:0px !important; }
.margin-left-0 {margin-left:0px !important;  }

.black { color:#1a1a18; }
.renk-2 { color:#a6bf01; }
.full-width { width:100% !important; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none !important; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none { outline:none!important; }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.overflow-hidden { overflow:hidden; }
.display-none { display:none !important; }
.display-block { display:block; }
.display-inline-block { display:inline-block; }
.middle { margin-left:auto; margin-right:auto; }
.text-indent-9999 { text-indent:-9999px; }
.img-border { border:1px solid #e2e5e7; }
.font-light { font-weight:300; }
.font-medium { font-weight:500; }
.font-bold { font-weight:600; }
.height-0 {  height:0px;}
.bg-primary { padding:10px; }
.bg-success { padding:10px; }
.bg-info { padding:10px; }
.bg-warning { padding:10px; }
.bg-danger { padding:10px; }

a { text-decoration:none !important; outline:none !important; }

@media (max-width:1750px) {
    h1 { padding-left:0; font-size:24px; }
    .slider-area .swiper-button-next, .slider-area .swiper-button-prev { top:30px; right:30px; }
    .slider-area .swiper-button-prev { right:90px; }
    .content-area { padding-left:0; padding-right:35px; }
    .application-area .section-text ol > li { font-size:16px; }
	.contact-area .contact { margin-left:25px; }
}
@media (max-width:1600px) {
    .about-area h2, .certificate-area h2 { font-size:30px; }
    .about-area p { text-align:left; }
    .application-area .section-area { min-height:670px; }
    .products-area .section-area .image, .products-area .section-area .info { min-height:615px; }
    .products-area .section-area .info { padding:50px; }
    .products-area .section-area .info::before { width:calc(100% - 50px); height:calc(100% - 50px); left:25px; top:25px; }
    .products-area .section-area .info table th, .products-area .section-area .info table td { font-size:16px; }
    .products-area .section-area .info table td { padding:5px 0px; }
    .products-area .section-area .info ul > li { font-size:15px; }
	.certificate-area ul > li { width:calc(25% - 20px); height:145px; font-size:16px; }
    .certificate-area p { font-size:16px; }
    .certificate-area p strong { font-size:18px; }
    .form-contact .form-headline { font-size:26px; }
}
@media (max-width:1500px) {
    .header { min-height:230px; }
    .header .brand { max-width:162px; margin-top:20px; }
    .navigation .menus > li > a { padding:7px 0px; font-size:15px; }
    .footer .phone { margin-top:15px; font-size:20px; }
	.footer .email, .footer .languages, .footer .catalog { margin-bottom:10px; }
    .footer .email, .footer .languages > li, .footer .catalog { font-size:14px; }
    .footer .social-media { margin-bottom:15px; }
    .footer .social-media > li > a { width:29px; height:29px; font-size:13px; line-height:28px; }
	.slider-area .swiper-button-next, .slider-area .swiper-button-prev { width:41px; height:40px; top:20px; right:20px; background-size:cover; }
    .slider-area .swiper-button-prev { right:65px; }
    .slider-area .swiper-button-next { background-position:-46px 0; }
    .application-area .section-area { width:auto; display:block; }
    .application-area .section-area:first-child, .application-area .section-area:last-child { margin-left:auto; margin-right:auto; }
    .application-area .section-area { min-height:inherit; }
}
@media (min-width:1400px ) {
    .products-area .section-area .image { height:100%; }
    .products-area .section-area .image img { width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; }
}
@media (max-width:1400px) {
    .container-area { padding-top:30px; }
    h1 { margin-bottom:30px; padding-left:0; font-size:20px; }
    .contact-btn { max-width:212px; }
    .slider-area { margin-bottom:30px; }
    .about-area, .application-area, .certificate-area { margin-bottom:30px; }
    .about-area h2, .certificate-area h2 { font-size:22px; }
    .about-area p { margin-bottom:25px; }
    .about-area ul { padding-top:15px; }
    .products-area .section-area .image, .products-area .section-area .info { width:auto; display:block; }
    .products-area .section-area .image, .products-area .section-area .info { margin-left:auto; margin-right:auto; }
    .products-area .section-area .image, .products-area .section-area .info { min-height:inherit; float:none; text-align:center; }
    .products-area .section-area .image { max-width:655px; margin-bottom:20px; }
    .products-area .section-area .info { text-align:left; }
    .products-area .section-area, .contact-area { margin-bottom:40px; }
    .contact-area { padding:4% 2%; }
	.contact-area > .content-area { padding:0px; }
    .copyright-area { text-align:center; }
    .copyright-area p, .copyright-area .seven { float:none; }
	.copyright-area .seven a { display:block; text-align:center; }
}
@media (max-width:1300px) {
	.about-area .float-left { float:none; margin-left:auto; margin-right:auto; text-align:center; }
    .about-area .float-right { margin-bottom:20px; }
	.contact-area .contact { max-width:inherit; float:none; margin-left:0; padding:15px; padding-top:0px; text-align:center; font-size:16px; }
    .contact-area .map-btn { display:block; float:none; margin-right:0; text-align:center; font-size:14px; }
}
@media (min-width:1200px ) {
    
}
@media (max-width:1200px) {
    body { font-size:15px; }
    .fixed-area { width:275px; }
    .container-area { width:calc(100% - 320px); margin-left:310px; }
    .content-area { padding-right:0; }
    h1, .about-area h2, .certificate-area h2 { font-size:18px; }
    .contact-btn { display:none; }
    .about-area h2 { margin-bottom:20px; }
    .about-area p { margin-bottom:20px; line-height:23px; }
    .map-form-area, .copyright-area { margin-bottom:30px; }
    .map-form-area .map, .map-form-area .form-area { width:100%; display:block; }
    .map-form-area .map iframe { min-height:350px; }
    .map-form-area .form-area { margin-left:auto; margin-right:auto; }
    .form-contact button { font-size:14px; }
}
@media (min-width:992px ) and (max-width:1200px ) {
    /*body { background-color:red; }*/
    
}
@media (max-width: 992px) {
    .application-area .section-title, .application-area .section-text { padding:20px; }
    .application-area .section-title::after { right:20px; }
    .application-area .section-text ul > li { font-size:14px; }
    .application-area .section-text ul > li strong { font-size:16px; }
    .application-area .section-text ol { padding:0; }    
    .application-area .section-text ol > li { font-size:16px; }
    .certificate-area ul > li { width:calc(50% - 15px); height:125px; font-size:14px; }
}
@media (min-width:768px ) and (max-width:992px ) {
    /*body { background-color:green; }*/
    
}
@media (max-width: 768px) {    
    /*body { background-color:yellow; }*/
    html, body { height:inherit; }
    .fixed-area { width:345px; height:inherit; min-height:inherit; position:relative; left:auto; margin-left:auto; margin-right:auto; }
    .container-area { width:calc(100% - 20px); height:inherit; margin-left:10px; margin-right:10px; }
	.scrolltop-btn { display:inline-block; }
	h1 { text-align:center; }
}
@media (max-width:640px) {
    /*body { background-color:blue; }*/
    .products-area .section-area .info { padding:40px; }
    .products-area .section-area .info::before { width:calc(100% - 40px); height:calc(100% - 40px); left:20px; top:20px; }
    .form-contact .form-headline { font-size:22px; }
}
@media (max-width:576px) {
    /*body { background-color:pink; }*/
    .slider-area .swiper-button-next, .slider-area .swiper-button-prev { display:none; }
    .application-area .section-text ul > li { font-size:12px; padding-right:30px; }
    .application-area .section-text ul > li > img { width:38px; height:33px; margin-right:7px; }
    .application-area .section-text ul > li strong { font-size:14px; }
    .application-area .section-text ul > li a > img{ width:32px; height:32px; }
    .application-area .section-text ol > li { font-size:14px; }
    .application-area .section-text ol > li > img { width:33px; height:33px; margin-right:7px; }
    .certificate-area p { font-size:14px; }
    .certificate-area p strong { font-size:16px; }
}
@media (max-width:400px) {
    /*body { background-color:grey; }*/
    
}