body , html {height: 100%;}
body{font-family: 'Open Sans', sans-serif;}
body.home-body{/*background-image: url(../img/ana-sayfa.png);*/background-size: cover;background-position: center;background-repeat: no-repeat;background-color: #00112f;background-blend-mode: color-burn;}

header	{position: absolute;top: 0;left: 0;right: 0;padding: 30px 0;z-index: 999;border-bottom: 1px solid #BBBBBB;}
header .header-top {position: relative;z-index: 999;display: flex;justify-content: flex-end;}
header .search-button{margin-right: 10px;}
header a.search { display: inline-block;padding:0 12px; background: #02A9F7; font-size: 14px; line-height: 40px; color: #fff;}
header a.search:hover { background-color: #000000;color: #ffffff;}
header a.lang {color: #ffffff;display: inline-block;padding:0 15px;font-size: 14px; line-height: 40px;font-weight: 600;}
header .lang-select {position: relative;}
header .lang-select ul { list-style: none; display: none; position: absolute; right: 0; z-index: 999; background:#fff; width: 75px;padding: 10px; line-height: 20px;top: auto;}
header .lang-select ul a{ color: #000;}
header .lang-select ul li a:hover { background: none;color: #333;}
header .logo {float: left;}
header .logo img{width: 160px;}
header .header-bottom {width: 100%;}

header.header-content {background-image: url(../img/header-content.png);background-size: cover;background-position: center;background-repeat: no-repeat;background-color: #00112f;background-blend-mode: color-burn;border: none;}
header.header-content #cssmenu>ul>li>a {color: #b9804c !important;}
header.header-content #cssmenu>ul>li.active>a, header.header-content  #cssmenu ul li a:hover {color: #ffffff !important;}
header.header-content #cssmenu ul ul li a:hover {color: #b9804c !important;}
header.header-content a.search {background: #b9804c !important;}
header.header-content a.search:hover {background: #ffffff !important;color: #b9804c !important;}
header.header-content a.lang {color: #b9804c !important;}
header.header-content a.lang:hover {color: #ffffff !important;}

.page-header {margin-top: 230px;}
.page-header h1{font-weight: 600;}

.search-area { top: 125px; position: absolute; z-index: 99; display: none;left: 0;padding: 0;}
.search-area input { border-color: rgba(0, 17, 47, 0.8);	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 17, 47, 0.8);	outline: 0 none;} /* input focus */

.slider .whatsapp-btn {background: #25D366;text-align: center;line-height: 40px;font-size: 30px;right: 30px;bottom:100px;position: fixed;z-index: 999;}
.slider .whatsapp-btn a {color: #ffffff;display: block;width: 40px;height: 40px;}
.slider .whatsapp-btn:hover {color: #ffffff;background: #02A9F7;}

.slider { position: relative;height: 100%;margin-bottom: 60px;}
.slider .marsis-carousel{height: 100%;}
.slider .marsis-carousel .owl-stage-outer,.slider .marsis-carousel .owl-stage-outer div {height: 100%;}
.slider .marsis-carousel .owl-stage-outer .owl-item img{width: 100%;height: 100%;object-fit: cover;}
.slider .owl-item.active h1 {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active p { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active .counter { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active .btn {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.3s;}
.slider .owl-dots {position: absolute;width: max-content;bottom: 0;right: calc((100% - 1280px) / 2 + 120px);background: #02a9f7;padding:0;width: 155px; height: 100px; display: flex;justify-content: center; align-items: center;overflow: hidden;}
/*.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0;background:rgba(33,28,51,.3);}*/
.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0;background: rgb(33,28,51);background: linear-gradient(0deg, rgba(33,28,51,0) 30%, rgba(33,28,51,1) 100%);}
.slider .overlay .center {top: 35%;}
.slider .overlay .slide-content { max-width: 760px; }
.slider .slide-content h1 { font-size: 24px; color: #fff; font-weight: 500; text-shadow: 0 0 10px rgba(0,0,0,.15)}
.slider .slide-content p { font-size: 15px; color: #fff; font-weight: 400; margin-bottom: 0; text-shadow: 0 0 10px rgba(0,0,0,.15)}
.slider .slide-content .btn { margin-top: 40px }
.slider .owl-theme .owl-nav {margin: 0;}
.slider .owl-carousel .owl-nav button{display: block; margin: 0;position: absolute;bottom: 0;border-radius: 0!important;background: #02A9F7;}
.slider .owl-carousel .owl-nav button.owl-next{right: calc((100% - 1280px) / 2 + 80px);}
.slider .owl-carousel .owl-nav button.owl-prev{right: calc((100% - 1280px) / 2 + 275px);}
.slider .owl-carousel .owl-nav button span {display: flex;width: 40px;height: 100px;justify-content: center;align-items: center;background: #02A9F7;color: #ffffff;font-size: 0;border-radius: 0!important;}
.slider .owl-carousel .owl-nav button span::before {content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;font-size: 24px;line-height: 24px;}
.slider .owl-carousel .owl-nav button.owl-next span::before {content: "\f054";}
.slider .owl-carousel .owl-nav button.owl-prev span::before {content: "\f053";}
.slider .owl-theme .owl-nav [class*=owl-]:hover {background: none !important;}

.slider .owl-theme .owl-dots .owl-dot span {background: #ffffff !important;margin: 5px !important;width: 7px !important;height: 7px !important;}
.slider .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #ffffff !important;}
.slider .owl-theme .owl-dots .owl-dot.active {border: 1px solid #ffffff;border-radius: 100%;margin: 0 !important;}

.slider .counter {font-size: 25px;color: #02A9F7;position: absolute;left: auto;top: -70px;text-shadow: none;font-weight: 400;}
.slider .counter span {font-size: 16px;color: #ffffff;display: inline-block;vertical-align: top;line-height: 35px;text-shadow: none;font-weight: 400;}

/*.home-distributors .dist-box {border: 1px solid #BBBBBB;display: grid;align-items: center;}*/
.home-distributors .dist-box {border: 1px solid #BBBBBB;text-align: center;}
.home-distributors .dist-box a{display: block;padding: 25px;}
.home-distributors .dist-box img{height: 60px;width: auto !important;display: inline-block !important;}
.dist-carousel.owl-carousel .owl-stage-outer {width: 100% !important;}

.header-all a {color: #02A9F7;border-bottom: 1px solid #02A9F7;font-size: 14px;font-weight: 600;}
.header-all a:hover {color: #ffffff;border-bottom: 1px solid #ffffff;}

.home-sectors h1,.home-applications h1 {color: #ffffff;font-weight: 500;margin-bottom: 40px;font-size: 20px;}
h1{font-size: 20px;} h2 {font-size: 18px;} h3 {font-size: 17px;} h4 {font-size: 16px;} h5 {font-size: 15px;}
.sector-box {position: relative;transition: 0.3s;}
.sector-box .sector-box-image:after {content: '';background: rgba(31,35,61,.7);background: linear-gradient(270deg, rgba(31,35,61,0.66) 66%, rgba(255,255,255,1) 100%, rgba(33,28,51,1) 100%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: .7;}
.sector-box .sector-box-text {position: absolute;bottom: 25px;text-align: center;width: 100%;}
.sector-box .sector-box-text h4 {color: #ffffff;font-size: 16px;font-weight: 600;margin-bottom: 5px;}
.sector-box .sector-box-text span {color: #ffffff;border-bottom: 1px solid #ffffff;font-size: 14px;font-weight: 600;}
.sector-box:hover .sector-box-text h4, .sector-box:hover .sector-box-text span {color: #211C33;}
.sector-box:hover .sector-box-text span {border-bottom: 1px solid #211C33;}
.sector-box:hover .sector-box-image:after {opacity: .6;background: #FFFFFF;}

.sectors-carousel .owl-nav .owl-prev {position: absolute;left: -65px;top: 40%;width: 40px;height: 40px;}
.sectors-carousel .owl-nav .owl-next {position: absolute;right: -65px;top: 40%;width: 40px;height: 40px;}
.sectors-carousel .owl-nav .owl-prev, .sectors-carousel .owl-nav .owl-next {background: #02A9F7!important;color: #ffffff !important;border-radius: 0 !important;}
.sectors-carousel .owl-nav .owl-prev span, .sectors-carousel .owl-nav .owl-next span {font-size: 45px;line-height: 25px;}

.app-box {background-color: #ffffff;transition: 0.3s;border: 0.5px solid #CBCBCB;}
.app-box:hover {box-shadow: 0 15px 50px rgba(13,11,21,.4);transition: 0.3s;border: 1px solid #ffffff;}
.app-box:hover span {color: #02A9F7;border-bottom: 1px solid #02A9F7;transition: 0.3s;}
.app-box a{padding: 25px;display: block;}
.app-box p{overflow: hidden;display: -webkit-box !important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.app-box h5 {font-weight: 600;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.app-box span {color: #BC0202;font-size: 14px;border-bottom: 1px solid #BC0202;font-weight: 600;}

.home-numbers .number-box h5 {margin-top: 10px;color: #ffffff;font-weight: 400;margin-bottom: 10px;}
.home-numbers .number-box h2{margin-top: 0;color: #ffffff;font-weight: 600;}
.home-numbers .number-box:first-child {justify-self: flex-start}
.home-numbers .number-box:last-child {justify-self: flex-end}

.footer-top {background: #02A9F7; height: 70px; }
.footer-top  .f-top-content {display: flex;justify-content: space-between; margin: -52px 0; align-items: center;}
.footer-top  .f-top-content h4, .footer-top  .f-top-content a {color: #ffffff; font-weight: 600;}
.footer-top  .f-top-content h4 {margin:0;}
.footer-top  .f-top-content ul li {display: inline-block; padding-left: 20px; font-size: 17px;}
.footer-top  .f-top-content ul li a:hover{color: #000000;}

footer {background-color: #000f2d; background-image: url(../img/footer-background.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
footer p {margin: 0;}
footer h5 {color: #b9804c;margin-bottom: 30px;font-weight: 600;}
footer ul li {list-style: none;margin-bottom: 10px;color: #b9804c;font-size: 13px;}
footer ul li a{color: #b9804c;font-size: 13px;}
footer ul li a:hover{color: #ffffff;}
footer .f-box:first-child p {font-size: 11px;margin-top: 20px;color: #b9804c;}
footer .f-box:nth-child(3) {grid-column: span 2;}
footer .f-box:last-child .contact-box {display: flex;margin-bottom: 25px;align-items: center;}
footer .f-box:last-child .contact-box a {color: #b9804c;font-size: 13px;}
footer .f-box:last-child .contact-box a:hover {color: #ffffff;}
footer .contact-box i{margin-right: 20px;color: #b9804c;}

.hakkimizda h1 {font-weight: 600;margin-top: 5px;}
.hakkimizda .mission, .hakkimizda .vision {border: 1px solid #211C33;}
.hakkimizda .mission-content, .hakkimizda .vision-content {padding: 25px;}

.apps-detail h2 {font-weight: 600;}

.others-carousel .owl-nav .owl-prev {position: absolute;left: -65px;top: 25%;width: 40px;height: 40px;}
.others-carousel .owl-nav .owl-next {position: absolute;right: -65px;top: 25%;width: 40px;height: 40px;}
.others-carousel .owl-nav .owl-prev, .others-carousel .owl-nav .owl-next {background: #02A9F7!important;color: #ffffff !important;border-radius: 0 !important;}
.others-carousel .owl-nav .owl-prev span, .others-carousel .owl-nav .owl-next span {font-size: 45px;line-height: 25px;}

.app-carousel .owl-nav .owl-prev {position: absolute;left: -65px;top: 40%;width: 40px;height: 40px;}
.app-carousel .owl-nav .owl-next {position: absolute;right: -65px;top: 40%;width: 40px;height: 40px;}
.app-carousel .owl-nav .owl-prev, .app-carousel .owl-nav .owl-next {background: #02A9F7!important;color: #ffffff !important;border-radius: 0 !important;}
.app-carousel .owl-nav .owl-prev span, .app-carousel .owl-nav .owl-next span {font-size: 45px;line-height: 25px;}

.f-w-600 {font-weight: 600;}

.contact-content .contact-boxes {border: 1px solid #b9804c;}
.contact-content .contact-boxes h6,.contact-content .contact-boxes p{margin: 0;}
.contact-content .contact-boxes h6{margin-bottom: 10px;font-size: 15px;}
.contact-content .contact-boxes a{padding: 35px;display: flex;justify-content: center;}
.contact-content .contact-boxes i{color: #b9804c;font-size:25px;margin-right: 10px;}
.contact-content .contact-boxes:last-child{grid-column: span 3;}
.contact-content .contact-boxes:last-child a{justify-content: flex-start;}
.contact-content .contact-boxes .contact-boxes-content{text-align: left;}

/*.contact-form {background-image: url(../img/contact.png);background-repeat: no-repeat;background-position: center;background-size: cover;}*/
.contact-form .center {width: 50%;}
.contact-form form input,.contact-form form textarea {background: #F6F6F6;}
.contact-form form input:focus, .contact-form form textarea:focus { border-color: rgba(185, 128, 76, 0.8);	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,0 0 2px 2px rgba(185, 128, 76, 0.8);	outline: 0 none;} /* input focus */

.distributors .dist-boxes {border: 1px solid #211C33;transition: 0.3s;}
.distributors .dist-boxes a{padding: 25px;display: block;}
.distributors .dist-boxes:hover {border:1px solid #ffffff;box-shadow: 0 15px 40px rgba(203,203,203,.5);}

.dist-detail-box {height: 330px;transition: 0.3s;margin: 20px;}
.dist-detail-box span {color: #BC0202;font-size: 15px;border-bottom: 1px solid #BC0202;font-weight: 600;margin-bottom: 30px;}
.dist-detail-box img {border: 0.3px solid #211C33;}
.dist-detail-box a{display: block;}
.dist-detail-box:hover {box-shadow: 0 0 15px rgba(203,203,203,.5);}
.dist-detail-box:hover a{padding: 15px;}
.dist-detail-box:hover span{display: inline-block !important;}

.products .products-box {border: 0.5px solid #CBCBCB;display: grid;height: 350px;transition: 0.3s; position: relative;}
.products .products-box a{padding: 15px;display: block;}
.products .products-box span {color: #BC0202;font-size: 15px;border-bottom: 1px solid #BC0202;font-weight: 600;margin-bottom: 30px;display: inline-block;}
.products .products-box img {border: 0.3px solid #211C33;}
.products .products-box:hover {box-shadow: 0 15px 40px rgba(203,203,203,.5);border: 1px solid #ffffff;}
.products .products-box span {color: #BC0202;font-size: 15px;border-bottom: 1px solid #BC0202;font-weight: 600;margin-bottom: 0!important; position: absolute;
    bottom: 20px; display: inline-block;}
/* ürün adı fazla girilirse bunu dene */

/*.products .products-box {border: 0.5px solid #CBCBCB;position: relative;}*/
/*.products .products-box a{padding: 15px 15px 65px 15px;display: block;}*/
/*.products .products-box span {color: #BC0202;font-size: 15px;border-bottom: 1px solid #BC0202;font-weight: 600;margin-bottom: 50px;display: inline-block;position: absolute;bottom: 0;}*/
/*.products .products-box img {border: 0.3px solid #211C33;}*/
/*.products .products-box:hover {box-shadow: 0 15px 40px rgba(203,203,203,.5);border: none;}*/

.product-detail {border-top: 1px solid #211C33;border-bottom: 1px solid #211C33;margin-top: 40px;}
.product-detail .document-header a{display: flex;justify-content: space-between;align-items:center;color: #000000;border: 1px solid #211C33;padding: 15px 20px;}
.product-detail .document-header h4{margin: 0;}
.product-detail ul{list-style: none;border: 1px solid #211C33;position: absolute;top:auto;z-index: 999;background: #fff;width: 27%;}
.product-detail ul p{margin: 0;color: #02A9F7;font-weight: 600;}
.product-detail ul li a{display: flex;align-items: center;color: #000000;padding: 10px 10px 10px 20px;}
.product-detail ul li:hover {background-color: rgba(2,169,247,.05);}
.product-detail ul li:hover p{border-bottom: 1px solid #02A9F7;}
.product-detail ul li span{font-size: 12px;}
.product-detail ul li i{color: #C6C6C6;font-size: 30px;margin-right: 20px;}

.teknik-ozellikler h5 {font-weight: 400;padding:25px 40px;margin: 0;}
.teknik-ozellikler .teknik-ozellik-headers h5 {font-weight: 600;}
.teknik-ozellikler .teknik-ozellik-listesi .list-row:nth-child(odd){background-color: #FAFAFA;}
.teknik-ozellikler .teknik-ozellik-listesi table {border: unset;}
.teknik-ozellikler .teknik-ozellik-listesi table tr:nth-child(2n+1){background-color: #FAFAFA;}
.teknik-ozellikler .teknik-ozellik-listesi table tr td{padding: 25px 40px;font-size: 18px;font-weight: 400;border: unset;}
.teknik-ozellikler .teknik-ozellik-listesi table tr td:first-child{font-weight: 600;width: 33.3%;}

.videolar {margin-bottom: 30px;}
.videolar .video .resim {width: max-content;cursor: pointer;}
.videolar .video .resim a {display: block;position: relative;z-index: 4;overflow: hidden;}
.videolar .video .resim a::before{content: "\f167";font-family: "Font Awesome 5 Brands";font-weight: 400;font-size: 40px;position: absolute;z-index: 2;top: -100%;left: 0;right: 0;margin: auto;width: max-content;line-height: 40px;color: #fff; transition:0.5s ease all;-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;}
.videolar .video .resim a::after{content: "";position: absolute;opacity: 0;visibility: hidden; left: 0;top: 0;width: 100%;height: 100%;display: block;background: rgba(213, 105, 40, 0.7);z-index: 1;transition:0.3s ease all;-webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;}
.videolar .video .resim:hover a::before{top: calc(50% - 20px); transition:0.5s ease all;-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;}
.videolar .video .resim:hover a::after{opacity: 1;visibility: visible;transition:0.3s ease all;-webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;}

.footer-logo.mobile {display: none;}
.footer-logo img {width: 160px;}

/*#pop-up {background: #000000;padding: 20px;padding-top:50px;text-align: center;}*/
#pop-up {padding: 0;text-align: center;}
/*#pop-up .fancybox-close-small {color: #fff;opacity: 1;padding: 8px;}*/
#pop-up .fancybox-close-small {color: #fff;opacity: 1;padding: 8px;background: #212121;}
#pop-up a {display: none;}
#pop-up p {display: none;}
#pop-up a:hover {background: #ffffff !important;color: #000000;}

body.home-body .page-header h1 {color: #b9804c;}
body.home-body .breadcrumbs ul li a {color: #b9804c;}
.contact-form h1, .contact-form p {color: #b9804c;}
.contact-content .contact-boxes h6, .contact-content .contact-boxes p {color: #b9804c;}
/*body.home-body .contact-form h1 {color: #FFFFFF;}*/

#cssmenu{position:relative; float:right;}
#cssmenu>ul>li { margin: 0 0 0 -4px; }
#cssmenu>ul>li:last-child { border-right: none }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 14px; font-weight:400; color:#ffffff;padding:0 15px; line-height: 80px;}
#cssmenu li:hover > ul > li {height: 35px;}
#cssmenu>ul>li.active>a, #cssmenu ul li a:hover { color:#02A9F7 !important; }
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{ display: inline-block;}
#cssmenu ul ul{position:absolute;left:-9999px; font-weight:600; box-shadow: 10px 10px 20px rgba(0,0,0,.2);text-align: left;background:#fff; padding:10px 0; border-radius: 0;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:10px 15px;font-size: 13px; display:block;width:220px;text-decoration:none;color:#555;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li {height: 0;-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease;}

.algoJS {text-align: left;padding-top: 5px;}
.algoJS svg{fill: #b9804c;}
.algoJS svg *{fill: #b9804c;}
.mesajCevap {display: block;font-size: 14px;text-align: center;padding: 10px;border-radius: 5px;margin: 10px 0;}
.mesajCevap.basarili {background: #b6e2c9;color: #0b520b;}
.mesajCevap.hata {background: #e2b6b6;color: #420707;}
.grecaptcha-badge {display:none!important;}

@media only screen and (max-width:1280px){
	.slider .owl-carousel .owl-nav button.owl-next {right: 80px;}	  
	.slider .owl-carousel .owl-nav button.owl-prev {right: 275px;}	 
	.slider .owl-dots {right: 120px;} 

}

@media only screen and (max-width:1030px) {
	.slider .owl-dots {right: 55px;width: 150px;height: 80px;}
	.slider .owl-carousel .owl-nav button span {width: 35px;height: 80px;}
	.slider .owl-carousel .owl-nav button.owl-next {right: 20px;}
	.slider .owl-carousel .owl-nav button.owl-prev {right: 205px;}
	#cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left}
	#cssmenu>ul>li>a:hover { background:#000;color: #000;}
	header.header-content #cssmenu>ul>li>a:hover { background:#000 !important;}
	#cssmenu>ul>li.active>a, #cssmenu ul li a:hover { color:#ffffff !important; }
	#cssmenu > ul { margin: 0 0 0 0; position: relative;}
	#cssmenu>ul{display:none; z-index:99999; position: absolute; top:75px;left:10px; right:10px}
	#cssmenu ul{display:none; z-index:99999; position: absolute;}
	#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
	#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
	#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
	#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
	#cssmenu>ul>ul>li>a{font-size:12px;color:#fff;background:none;padding:15px 20px 20px 30px;}
	#cssmenu>ul>li>a { padding:20px !important; color: #fff !important; display: block; background:#0080bb; border-bottom:1px solid #1d468e; font-size: 14px; line-height: normal !important }
	header.header-content #cssmenu>ul>li>a { color: #fff !important;background: #b9804c !important;border-bottom:1px solid #00112f !important; }
	#cssmenu>ul>li {    margin: 0 0;}
	#cssmenu ul ul li a { padding:15px 20px; }
	#cssmenu ul ul { padding: 0 !important }
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; background:#000}
	#cssmenu ul ul li > a,#cssmenu ul ul li a {background:#202935}
	#cssmenu ul ul ul li a{padding-left:40px;}
	#cssmenu ul ul ul ul li a{padding-left:40px;}
	#cssmenu>ul>li { border-right:none; }
	#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
	#cssmenu #menu-button{display:block;color:#000;cursor:pointer;font-size:12px;height:32px; background:#02A9F7; width: 32px; position: absolute; top:15px; right:20px;z-index: 0;}
	header.header-content #cssmenu #menu-button{background: #b9804c !important;}
	#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:55px;width:55px;cursor:pointer;}
	#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
	#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
	#cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
	#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
	#cssmenu ul ul li a { color: #fff }
	#cssmenu ul ul{ border-bottom: none; }
	#cssmenu ul ul li a{border-bottom:1px solid #444;}
	#menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
	#menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:15px;right:0;left:0;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
	#menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:9px;right:0;left:0;display:block;height:2px;width:20px;background:#ddd;content:''}
	#menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:15px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	#menu-button.menu-opened:before{top:15px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	#cssmenu>ul>li:last-child a { border-bottom-left-radius: 6px; border-bottom-right-radius:6px; border-bottom:none;}
	html , body {height: auto;}
}

@media only screen and (max-width:992px) {
	.teknik-ozellikler .teknik-ozellik-listesi table tr td:first-child {width: 50%;}
}

@media only screen and (min-width:1400px) and (max-width:1600px) {.slider .overlay .center {top: 40%;}}
@media only screen and (min-width:1279px) and (max-width:1399px) {.slider .overlay .center {top: 50%;}}
@media only screen and (min-width:993px) and (max-width:1278px) {.slider .overlay .center {top: 50%;}}

@media only screen and (min-width:1031px) and (max-width:1200px) {#cssmenu>ul>li>a {padding: 0 7px;}}

@media only screen and (max-width:660px) {
	.center{padding:0 20px;}
	.slider .slide-content h1 { font-size: 22px;}
	.slider .slide-content p { font-size: 15px;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
	.slider .overlay .center {top: 43%;}

	.slider .counter {top: -45px;}
	.slider .owl-dots {right: 35px;width: 90px; height: 75px;}
	.slider .owl-carousel .owl-nav button span::before {font-size: 18px;line-height: 18px;}
	.slider .owl-carousel .owl-nav button.owl-next {right: 0;}
	.slider .owl-carousel .owl-nav button.owl-prev {right: 125px;}
	.slider .owl-carousel .owl-nav button span {width: 35px; height: 75px;}
	.slider .slide-content .btn {margin-top: 15px;padding: 15px 40px;}
	.others-carousel .owl-nav .owl-prev, .others-carousel .owl-nav .owl-next {position: absolute;top: unset;bottom: -50px;margin: 0!important;}
	.others-carousel.owl-theme .owl-nav {margin-top: 20px;}
	.others-carousel .owl-nav .owl-prev {position: absolute;left: calc(50% - 45px);}
	.others-carousel .owl-nav .owl-next {position: absolute;right: calc(50% - 45px);}
	header .logo {width: 70%;}
	header {padding: 20px 0;}
	header a.lang {padding: 0;}
	header .lang-select ul {top: 50px;}
	.page-header {margin-top: 170px;}
	.search-area {padding: 0 !important;top: 105px;}
	/*.home-distributors .col-5 {width: 100%;}*/
	.home-distributors {padding-top: 0 !important;}
	.home-distributors .dist-box {margin: 5px;}
	.home-distributors .dist-box a {padding: 15px;}
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #02A9F7 !important;}
	.slider .owl-theme .owl-dots .owl-dot span {margin: 2px !important;}
	.home-numbers .col-4 {grid-template-columns: repeat(2,1fr);gap: 40px 40px;}
	.home-numbers .number-box:first-child, .home-numbers .number-box:last-child {justify-self: inherit;}
	.footer-top .f-top-content {margin: -17px 0;}
	footer .f-box:nth-child(1) {grid-column: span 1;}
	footer .f-box:nth-child(2) {grid-column: span 1;}
	footer h5 {margin-top: 0;margin-bottom: 20px;}
	footer .f-box:last-child .contact-box {margin-bottom: 15px;}
	h1.p-3-40 {padding-bottom: 0 !important;}
	.dist-detail-box {height: auto;border: 0.5px solid #CBCBCB;margin: 0;}
	.dist-detail-box span {display: inline-block !important;}
	.dist-detail-box a {padding: 15px;}
	.contact-content .col-3 {gap: 20px 20px;}
	.contact-content .contact-boxes:last-child {grid-column: span 1;}
	.contact-content .contact-boxes a {justify-content: start;}
	.contact-map {padding-bottom: 20px !important;}
	.contact-form .center {width: auto;}
	.contact-form .col-2 {gap: 0;}
	.btn-no-shadow {padding: 15px 50px;}
	.product-detail .col-3 {gap: 20px 20px;}
	.product-detail ul {position: inherit;width: auto;}
	.teknik-ozellikler h5 {padding: 15px;}
	.products .products-box {height: auto;}
	.products .products-box img {width: 100%;}
	.products .products-box span {bottom: 5px;}
	.app-box {box-shadow: none;}
	header.header-content a.lang {color: #ffffff !important;}
	.footer-logo {display: none;}
	.footer-logo.mobile {display: block;}
	.footer-logo.mobile p {font-size: 11px;margin-top: 20px;color: #b9804c;}
	.sectors-carousel .sector-box:hover .sector-box-text h4, .sectors-carousel .sector-box:hover .sector-box-text span {color: #ffffff;}
	.sectors-carousel .sector-box:hover .sector-box-text span {border-bottom: 1px solid #ffffff;}
	.sectors-carousel .sector-box:hover .sector-box-image:after {opacity: .7;background: rgba(31,35,61,.7);background: linear-gradient(270deg, rgba(31,35,61,0.66) 66%, rgba(255,255,255,1) 100%, rgba(33,28,51,1) 100%);}
	.home-sectors {padding-top: 0 !important;}

	.teknik-ozellikler .teknik-ozellik-listesi table *:not(sup) {display: block;}
	.teknik-ozellikler .teknik-ozellik-listesi table img {display:inline-block;margin: 5px;}
	.teknik-ozellikler .teknik-ozellik-listesi table tr td {padding: 15px;}
	footer {background-position: left;background-size: auto 300px;}
}

@media only screen and (min-width:320px) and (max-width:359px) { /* iphone 5/SE */
	.slider .slide-content .btn {margin-top: 5px;padding: 15px 30px;}
	.slider .slide-content p {overflow: hidden;display: -webkit-box !important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
}

@media only screen and (min-width:661px) and (max-width:1030px) { /* ipad */
	.center{padding:0 20px;}
	.slider .counter {top: -45px;}
	.slider .slide-content .btn {margin-top: 25px;}
	header .logo {width: 70%;}
	header {padding: 20px 0;}
	header a.lang {padding: 0;}
	header .lang-select ul {top: 50px;}
	.home-numbers .col-4 {grid-template-columns: repeat(2,1fr);gap: 40px 40px;}
	.home-numbers .number-box:first-child, .home-numbers .number-box:last-child {justify-self: inherit;}
}

