*, ::before, ::after { box-sizing: border-box; margin: 0px; padding: 0px; }
html, html a { -webkit-font-smoothing: antialiased; }
@font-face { font-family: Titillium; src: url("../fonts/Titillium.ttf"); }
@font-face { font-family: TitilliumBold; src: url("../fonts/TitilliumBold.ttf"); }
@font-face { font-family: TitilliumSemiBold; src: url("../fonts/TitilliumSemiBold.ttf"); }
a { text-decoration: none; color: inherit; }
li { list-style: none; }
body {font-family: Titillium;height: 100%;margin: auto !important;overflow-x: hidden !important;background-image: linear-gradient(#888b8e, #3e3f40);}
.contain {width: 1200px;margin: auto;}
.loader {display: flex;align-items: center;position: fixed;z-index: 99999999999999999;background: #fff;float: left;width: 100%;height: 100vh;justify-content: center;}
.loader img {width: 30%;}
.slider_header {float: left;width: 100%;position: relative;}
.header {position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
.top {float: left;width: 100%;background: rgb(0 0 0 / 50%);padding: 10px 0;}
.top a  {float: right;height: 25px;display: flex;align-items: center;margin: 0 5px;background: rgb(255 255 255 / 80%);width: 25px;border-radius: 100%;padding: 5px;}
.top a img {float: left;width: 100%;max-height: 100%;}
select.select-wrap {display: none;}
.select-wrap{border-radius: 4px;float: right;margin-left: 4%;}
.custom-select-wrapper {position: relative;display: inline-block;user-select: none;}
.custom-select-wrapper select {display: none;}
.custom-select {position: relative;display: inline-block;}
.custom-select-trigger {position: relative;display: block;padding: 0 43px 0 10px;font-size: 15px;color: #ffff;line-height: 25px;border-radius: 4px;cursor: pointer;z-index: 2;}
.custom-select-trigger:after {position: absolute;display: block;content: '';width: 10px;height: 10px;top: 50%;right: 15px;margin-top: -3px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg) translateY(-50%);transition: all 0.3s ease-in-out;transform-origin: 50% 0;}
.custom-select.opened .custom-select-trigger:after {margin-top: 3px;transform: rotate(-135deg) translateY(-50%);}
.custom-select.opened .custom-options {opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);}
.custom-option {position: relative;display: block;padding: 0 10px;font-size: 16px;line-height: 35px;cursor: pointer;transition: all 0.3s ease-in-out;z-index: 1;color: #fff;}
.custom-options {position: absolute;display: block;top: 100%;left: 0;right: 0;min-width: 100%;transition: all 0.3s ease-in-out;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-15px);}

.logo_menu {float: left;width: 100%;padding: 20px 0;}
.logo {float: left;width: 100px;}
.logo img {float: left;width: 100%;}
.logo_menu .contain > ul {float: left;margin: 0 0 0 5%;}
.logo_menu .contain > ul li {float: left;position: relative;width: auto;display: block;}
.logo_menu .contain > ul li a {float: left;color: #fefefe;position: relative;padding: 0 10px 7px 10px;font-size: 17px;cursor: pointer;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.logo_menu .contain > ul > li > a:before {position: absolute;content: "";width: 0%;height: 2px;background-color: #fefefe;left: 50%;bottom: 0px;transition: all 0.4s ease-in-out 0s;}
.logo_menu .contain > ul > li > a:hover:before {width: 100%;left: 0px;}
.logo_menu .contain > ul > li > ul {position: absolute;left: -9999px;top: auto;width: auto;display: block;}
.logo_menu .contain > ul > li > ul > li {max-height: 0;position: relative;z-index: 9;-webkit-transition: max-height 0.4s ease-out;-moz-transition: max-height 0.4s ease-out;-ms-transition: max-height 0.4s ease-out;-o-transition: max-height 0.4s ease-out;transition: max-height 0.4s ease-out;display: block;}
.logo_menu .contain > ul > li > ul > li > a {color: #787a7d;display: block;min-width: 230px;padding: 10px;background: #fefefe}
.logo_menu .contain > ul > li > ul > li > a:hover {background: #f1f1f1;}
.logo_menu .contain > ul > li:hover > ul > li {max-height: 72px;position: relative;}
.logo_menu .contain > ul > li:hover > ul {left: 0;top: 100%;}

.logo_menu .contain {display: flex;align-items: center;}
.slider {float: left;width: 100%;}
.slide {float: left;width: 100%;height: 100vh;position: relative;background-size: cover;background-repeat: no-repeat;background-position: top center;}
.slide h1 {position: absolute;z-index: 9999;color: #fefefe;font-weight: normal;font-family: TitilliumSemiBold;font-size: 55px;width: 50%;float: left;line-height: 70px;left: 0;bottom: 25%;}
.slide:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 45%);}
.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;}
.slide .contain {display: table;position: relative;height: 100vh;}
.hakkimizda_main {float: left;width: 100%;position: relative;margin: 60px 0;}
.hakkimizda_main div {float: left;width: 50%;}
.hakkimizda_main div h1 {float: left;width: 100%;color: #fefefe;font-family: TitilliumBold;font-size: 30px;line-height: 35px;}
.hakkimizda_main div p {float: left;width: 100%;margin: 7px 0;font-size: 15px;color: #fefefe;}
.hakkimizda_main div a {border-style: solid;border-width: 1px 1px 1px 1px;border-color: #fefefe;width: 160px;height: 50px;font-family: TitilliumBold;font-size: 17px;display: inline-flex;align-items: center;justify-content: center;padding: 15px;margin: 6% 0 0 0;float: right;position: relative;}
.hakkimizda_main div a:before {content: '';display: inline-block;width: 100%;height: 100%;background: #444546;position: absolute;top: 0;left: 0;transform: scale(1);border-radius: inherit;transform-origin: top;transition: transform .7s cubic-bezier(.6,0,.15,1);z-index: 1;}
.hakkimizda_main div a:after {content: '';background-color: #fefefe;z-index: 0;display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transform: scale(1);border-radius: inherit;transform-origin: var(--btn-hover-bg-unfill-trr);transition: transform .7s cubic-bezier(.6,0,.15,1);}
.hakkimizda_main div a:hover:before {transform: scaleY(0);}
.hakkimizda_main div a:hover:after {opacity: 1;}
.hakkimizda_main div a > span {transition: color .15s .015s;z-index: 3;overflow: hidden;position: relative;display: block;color: #fefefe;}
.hakkimizda_main div a > span > span {transition: transform .7s,opacity .7s;transition-timing-function: cubic-bezier(.6,0,.15,1);display: block;}
.hakkimizda_main div a > span > span:after {transform: translateY(110%);content: attr(data-text);display: inline-block;position: absolute;white-space: nowrap;top: 0;left: 0;transition: transform .7s,opacity .7s;transition-timing-function: cubic-bezier(.6,0,.15,1);color: #000;}
.hakkimizda_main div a:hover > span {transition: color .2s;}
.hakkimizda_main div a:hover > span > span {transition: color .2s;}
.hakkimizda_main div a:hover > span > span:after {transform: translateY(0);}
.hakkimizda_main div a i {border-style: solid;border-width: 1px 1px 1px 1px;border-color: #fefefe;transition: transform .3s cubic-bezier(.22,.665,.34,.875);width: 12px;height: 12px;border: 1px solid #fefefe;position: absolute;}
.hakkimizda_main div a i.i1 {top: 0;left: 0;transform: rotate(180deg);transform-origin: top left;border-right: none!important;border-bottom: none!important;}
.hakkimizda_main div a i.i2 {top: 0;right: 0;transform: rotate(180deg);transform-origin: top right;border-bottom: none!important;border-left: none!important;}
.hakkimizda_main div a i.i3 {bottom: 0;left: 0;transform: rotate(180deg);border-top: none!important;border-right: none!important;transform-origin: bottom left;}
.hakkimizda_main div a i.i4 {border-top: none!important;border-left: none!important;transform-origin: bottom right;bottom: 0;right: 0;transform: rotate(180deg);}
.hakkimizda_main > img {float: right;width: 47%;}

.urunlerdiv {float: left;width: 100%;margin-bottom: 60px;}
.urunlerdiv > h1 {float: left;color: #fefefe;font-family: TitilliumBold;font-size: 30px;line-height: 35px;margin: 0 0 20px 70px;padding: 0 10px;position: relative;}
.urunlerdiv > h1:before {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;left: -50px;position: absolute;}
.urunlerdiv > h1:after {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;right: -50px;position: absolute;}
.urunslider {float: left;}
.urunslide {float: left;width: 100%;position: relative;}
.urunslide img {float: left;}
.urunslide b {position: absolute;top: 15%;left: 0;color: #fefefe;font-size: 15px;background: rgb(0 0 0 / 60%);padding: 10px 0;width: 184px;text-align: center;transition: all 0.5s ease;padding-left: 15px;padding-right: 10px;}
.urunslide:before {content: '';position: absolute;top: 3%;height: 94%;left: 3%;border: 2px solid #c6a07b;width: 94%;z-index: 9;}
.urunslide:hover b {width: 200px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {border: solid #ddd;border-width: 0 4px 4px 0;display: inline-block;padding: 3px !important;width: 25px;height: 25px;background: none !important;outline: none !important;margin-top: 15px;}
.owl-carousel .owl-nav button.owl-next {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.owl-carousel .owl-nav button.owl-prev {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.gorsel_kategori {float: left;width: 100%;margin: 0 0 20px 0;display: flex;justify-content: center;flex-wrap: wrap;}
.gorsel_kategori a {float: left;width: 11.5%;background: #ddd;margin: 0.5%;border-radius: 5px;text-align: center;padding: 10px;height: 100px;position: relative;overflow: hidden;}
.gorsel_kategori a img {display: table;margin: auto;width: 55px;transform: translateY(25%);transition: all 0.5s ease;}
.gorsel_kategori a span {float: left;width: 100%;color: #373e47;font-family: TitilliumBold;font-size: 16px;transform: translateY(160%);transition: all 0.5s ease;}
.gorsel_kategori a:hover img, .gorsel_kategori a:hover span {transform: translateY(0);}

.footer {float: left;width: 100%;background: url(../images/footerbg.png) #a1a5a8;background-size: contain;padding: 70px 0 0 0;}
.footer_left {float: left;width: 500px;}
.footer_left b {font-family: TitilliumSemiBold;font-weight: normal;float: left;width: 100%;color: #454647;font-size: 40px;}
.footer_left strong {font-family: TitilliumBold;float: left;width: 100%;color: #454647;font-size: 50px;line-height: 50px;}
.footer_right {float: right;width: 350px;text-align: right;}
.footer_right span {float: left;width: 100%;color: #454647;font-size: 25px;line-height: 30px;}
.footer_right b {float: left;width: 100%;color: #454647;font-size: 30px;font-family: TitilliumBold;line-height: 30px;margin: 15px 0 5px 0;}
.footer_right a {float: left;width: 100%;color: #454647;font-size: 21px;line-height: 35px;}
.footer_bottom {float: left;width: 100%;margin-top: 40px;border-top: 3px solid #3e3f40;}
.footer_bottom span {float: left;width: 50%;color: #454647;font-size: 20px;line-height: 27px;padding: 30px 0;}
.footer_bottom ul {float: right;width: 50%;border-left: 3px solid #3e3f40;padding: 45px 0;}
.footer_bottom ul li {float: right;}
.footer_bottom ul li a {float: right;margin: 0 7px;}
.footer_bottom ul li a img {float: right;width: 32px;}

.icsayfa_banner {float: left;width: 100%;background: url(../images/icsayfa_banner.jpg) no-repeat;height: 550px;background-size: cover;background-position: center;}
.icsayfa_banner:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 45%);}
.icsayfa_banner .contain {display: table;position: relative;height: 550px;}
.banner_content {float: left;width: 100%;position: absolute;z-index: 9;bottom: 0;left: 0;height: 550px;display: flex;align-items: center;}
.banner_content h1 {float: left;width: 100%;text-align: center;font-family: TitilliumSemiBold;font-weight: normal;color: #fefefe;font-size: 50px;}
.banner_content b {position: absolute;bottom: 15px;left: 10px;color: #fefefe;font-family: TitilliumSemiBold;font-weight: normal;font-size: 30px;}

.hakkimizda_div {float: left;width: 100%;position: relative;margin: 50px 0;}
.hakkimizda_div h1 {float: left;width: 100%;text-align: center;margin: 0 0 30px 0;font-family: TitilliumBold;color: #fefefe;font-size: 30px;line-height: normal;}
.hakkimizda_div img {float: left;width: 45%;margin: 0 3% 0 0;}
.hakkimizda_div strong {color: #fefefe;font-family: TitilliumBold;font-size: 30px;line-height: 35px;}
.hakkimizda_div p {display: table;margin: 7px 0;font-size: 16px;color: #fefefe;}

.teams {float: left;width: 100%;position: relative;margin: 0 0 50px 0;}
.teams h1 {float: left;color: #fefefe;font-family: TitilliumBold;font-size: 30px;line-height: 35px;margin: 0 0 20px 70px;padding: 0 10px;position: relative;}
.teams h1:before {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;left: -50px;position: absolute;}
.teams h1:after {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;right: -50px;position: absolute;}
.teams ul {float: left;width: 100%;display: flex;justify-content: space-around;overflow: hidden;}
.teams ul li {float: left;width: 23%;overflow: hidden;position: relative;display: flex;align-items: center;}
.teams ul li img {float: left;width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.teams ul li span {float: left;width: 100%;color: #fefefe;font-size: 15px;margin: 5px 0 0 0;}
.teams ul li b {float: left;width: 100%;color: #fefefe;font-family: TitilliumBold;font-size: 18px;}
.teams ul li:before {content:"";background: #000000;position: absolute;bottom: 0;left: 0;opacity: 0;height: 100%;z-index: 999;width: 100%;transition: all 0.5s ease;}
.teams ul li .teams_inner {position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 999;padding: 10px;transition: all 0.5s ease;}
.teams ul li:hover .teams_inner {bottom: 0;}
.teams ul li:hover:before {opacity: 0.3;}

.working_principle {float: left;width: 100%;position: relative;margin: 0 0 50px 0;}
.working_principle h1 {float: left;color: #fefefe;font-family: TitilliumBold;font-size: 30px;line-height: 35px;margin: 0 0 20px 70px;padding: 0 10px;position: relative;}
.working_principle h1:before {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;left: -50px;position: absolute;}
.working_principle h1:after {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;right: -50px;position: absolute;}
.working_principle ul {float: left;width: 100%;display: flex;flex-wrap: wrap;}
.working_principle ul li {float: left;width: 100%;font-size: 19px;color: #fefefe;line-height: normal;margin: 5px 0;}

.detayli_bilgi {float: left;color: #fefefe;font-family: TitilliumBold;font-size: 30px;line-height: 35px;margin: 0 0 20px 70px;padding: 0 10px;position: relative;}
.detayli_bilgi:before {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;left: -50px;position: absolute;}
.detayli_bilgi:after {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;right: -50px;position: absolute;}

.more_information_div {float: left;width: 100%;background: #ddd;padding: 45px 0;}
.more_information {float: left;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.more_information strong {font-family: TitilliumSemiBold;font-weight: normal;font-size: 40px;}
.more_information span {width: 327px;font-size: 23px;line-height: 30px;text-align: right;}

.products {float: left;width: 100%;margin: 40px 0;position: relative;}
.products ul {float: left;width: 100%;position: relative;margin-bottom: 20px;}
.products ul li {float: left;width: 24%;margin: 1% 0.5%;position: relative;}
.products ul li a {float: left;width: 100%;position: relative;cursor: pointer;}
.products ul li a .products_image {float: left;width: 100%;position: relative;}
.products ul li a .products_image img {float: left;width: 100%;}
.products ul li a .products_image:before {content: '';position: absolute;left: 20px;top: 20px;right: 20px;bottom: 0;opacity: .9;border: 1px solid rgb(234 166 126 / 79%);border-width: 1px 1px 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.products ul li a .products_name {float: left;width: 100%;padding: 20px 50px 0;-webkit-transition: -webkit-transform .2s ease-out;transition: -webkit-transform .2s ease-out;transition: transform .2s ease-out;transition: transform .2s ease-out,-webkit-transform .2s ease-out;position: relative;}
.products ul li a .products_name div {position: relative;overflow: hidden;margin-left: -30px;margin-right: -30px;padding: 0 30px;transition: all 0.5s ease;}
.products ul li a .products_name div span {position: relative;display: inline-block;color: #e7eded;font-family: TitilliumSemiBold;font-size: 15px;transition: all 0.5s ease;}
.products ul li a .products_name:before {content: '';position: absolute;height: 100%;width: 1px;background-color: rgb(234 166 126 / 79%);opacity: .9;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;top: -10px;left: 20px;}
.products ul li a .products_name:after {content: '';position: absolute;height: 100%;width: 1px;background-color: rgb(234 166 126 / 79%);opacity: .9;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;top: -10px;right: 20px;}
.products ul li a .products_name div span:before {content: '';position: absolute;top: 13px;height: 1px;width: 650px;background-color: rgb(234 166 126 / 79%);opacity: .9;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;left: 100%;margin-left: 15px;}
.products ul li a .products_name div span:after {content: '';position: absolute;top: 13px;height: 1px;width: 650px;background-color: rgb(234 166 126 / 79%);opacity: .9;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;right: 100%;margin-right: 15px;}
.products ul li a:hover .products_name div span {color: #cba37c;}
.products ul li a:hover .products_name div {padding: 0 50px;}
.products h2 {float: left;color: #fefefe;font-family: TitilliumBold;font-size: 30px;line-height: 35px;margin: 0 0 0 70px;padding: 0 10px;position: relative;}
.products h2:before {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;left: -50px;position: absolute;}
.products h2:after {content: '';height: 2px;width: 50px;background: #c6a07b;top: 17px;right: -50px;position: absolute;}

.input {width: 100%;position: relative;overflow: hidden;float: left;margin: 0 0 15px 0;}
.input input {width: 100%;height: 60px;color: #fff;padding: 20px 15px 0 15px;border: none;background-color: transparent;float: left;outline: none;font-size: 15px;}
.input label {position: absolute;bottom: 0px;left: 0px;width: 100%;height: 100%;pointer-events: none;border-bottom: 1px solid white;}
.input label::after {content: "";position: absolute;bottom: -1px;left: 0px;width: 100%;height: 100%;border-bottom: 3px solid #dddd;transform: translateX(-100%);transition: all 0.3s ease;}
.content-name {position: absolute;bottom: 8px;left: 0px;padding: 10px 0 0 15px;transition: all 0.3s ease;color: #fff;font-size: 15px;}
.input input:focus {outline: none;}
.input input:focus + .label-name .content-name, .input input:valid + .label-name .content-name {transform: translateY(-97%);font-size: 14px;left: 0px;color: #ddd;}
.input input:focus + .label-name::after, .input input:valid + .label-name::after {transform: translateX(0%);}
.input textarea {width: 100%;height: 135px;color: #fff;padding: 26px 15px 0 15px;border: none;background-color: transparent;float: left;resize: none;font-size: 15px;}
.input textarea:focus {outline: none;}
.input textarea:focus + .label-name .content-name, .input textarea:valid + .label-name .content-name {transform: translateY(-330%);left: 0px;color: #ddd;font-size: 14px;}
.input textarea:focus + .label-name::after, input textarea:valid + .label-name::after {transform: translateX(0%);}
.iletisim_div {float: left;width: 100%;margin: 50px 0;position: relative;}
.iletisim_div iframe {float: right;width: 48%;}
.contact_form {float: left;width: 50%;padding-right: 2%;}
.contact_form form h2 {float: left;width: 100%;color: #fefefe;font-family: TitilliumSemiBold;font-weight: normal;font-size: 30px;line-height: 35px;margin: 0 0 10px 0;}
.contact_form form > span {float: left;width: 100%;color: #fefefe;font-family: TitilliumSemiBold;font-weight: normal;font-size: 16px;margin: 0 0 25px 0;}
.contact_form form > button {border-style: solid;border-width: 1px 1px 1px 1px;border-color: #fefefe;width: 160px;height: 50px;font-family: TitilliumBold;font-size: 17px;display: inline-flex;align-items: center;justify-content: center;padding: 15px;margin: 6% 0 0 0;float: right;position: relative;cursor: pointer;}
.contact_form form > button:before {content: '';display: inline-block;width: 100%;height: 100%;background: #444546;position: absolute;top: 0;left: 0;transform: scale(1);border-radius: inherit;transform-origin: top;transition: transform .7s cubic-bezier(.6,0,.15,1);z-index: 1;}
.contact_form form > button:after {content: '';background-color: #fefefe;z-index: 0;display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transform: scale(1);border-radius: inherit;transform-origin: var(--btn-hover-bg-unfill-trr);transition: transform .7s cubic-bezier(.6,0,.15,1);}
.contact_form form > button:hover:before {transform: scaleY(0);}
.contact_form form > button:hover:after {opacity: 1;}
.contact_form form > button > span {transition: color .15s .015s;z-index: 3;overflow: hidden;position: relative;display: block;color: #fefefe;}
.contact_form form > button > span > span {transition: transform .7s,opacity .7s;transition-timing-function: cubic-bezier(.6,0,.15,1);display: block;}
.contact_form form > button > span > span:after {transform: translateY(110%);content: attr(data-text);display: inline-block;position: absolute;white-space: nowrap;top: 0;left: 0;transition: transform .7s,opacity .7s;transition-timing-function: cubic-bezier(.6,0,.15,1);color: #000;}
.contact_form form > button:hover > span {transition: color .2s;}
.contact_form form > button:hover > span > span {transition: color .2s;}
.contact_form form > button:hover > span > span:after {transform: translateY(0);}
.contact_form form > button i {border-style: solid;border-width: 1px 1px 1px 1px;border-color: #fefefe;transition: transform .3s cubic-bezier(.22,.665,.34,.875);width: 12px;height: 12px;border: 1px solid #fefefe;position: absolute;}
.contact_form form > button i.i1 {top: 0;left: 0;transform: rotate(180deg);transform-origin: top left;border-right: none!important;border-bottom: none!important;}
.contact_form form > button i.i2 {top: 0;right: 0;transform: rotate(180deg);transform-origin: top right;border-bottom: none!important;border-left: none!important;}
.contact_form form > button i.i3 {bottom: 0;left: 0;transform: rotate(180deg);border-top: none!important;border-right: none!important;transform-origin: bottom left;}
.contact_form form > button i.i4 {border-top: none!important;border-left: none!important;transform-origin: bottom right;bottom: 0;right: 0;transform: rotate(180deg);}
.sticky_foot {z-index: 9999999;position: fixed;right: 25px;bottom: 25px;background: rgb(12 12 12 / 70%);border-radius: 10px;width: 50px;padding: 5px 0;}
.sticky_foot a {float: left;width: 100%;padding: 7px 10px;}
.sticky_foot a img {float: left;width: 100%;}
.openMnav {display: none;}

.fancybox__toolbar__items--right button:nth-child(1), .fancybox__toolbar__items--right button:nth-child(2), .fancybox__toolbar__items--right button:nth-child(3), .fancybox__toolbar__items--right button:nth-child(4) {display: none;}

@media screen and (max-width: 1200px) {
	.contain {width: 991px;}
	.hakkimizda_main {padding: 0 15px;}
	.logo_menu {padding: 20px 15px;}
	.urunslider, .gorsel_kategori, .slide  {padding: 0 15px;}	
	.footer_left {width: 48%;padding: 0 0 0 15px;}
	.footer_left b {font-size: 30px;line-height: 35px;}
	.footer_left strong {font-size: 45px;line-height: 49px;}
	.footer_right {width: 50%;padding: 0 15px 0 0;}
	.footer_bottom span {padding: 30px 15px;}
	.footer_bottom ul {padding: 45px 15px;}	
	.sticky_foot {right: 10px;bottom: 10px;width: 45px;}
	.banner_content h1 {font-size: 40px;}
	.banner_content b {font-size: 25px;}
	.icsayfa_banner, .banner_content, .icsayfa_banner .contain {height: 490px;}
	.hakkimizda_div, .working_principle, .more_information {padding: 0 15px;}
	.more_information span {width: 350px;}

}

@media screen and (max-width: 991px) {
	.contain {width: 768px;}
	.logo_menu .contain > ul {margin: 0 0 0 4%;}
	.slide h1 {font-size: 45px; width: 75%;line-height: 60px;}
	.hakkimizda_main {margin: 45px 0;}
	.hakkimizda_main div a {margin: 6% 0 0 15px;float: left;}
	.urunslide b {font-size: 14px;}
	.urunlerdiv {margin-bottom: 45px;}
	.gorsel_kategori a {width: 19%;padding: 7px;height: auto;}
	.gorsel_kategori a img {width: 55px;transform: translateY(0);}
	.gorsel_kategori a span {font-size: 14px;transform: translateY(0);}
	.urunlerdiv > h1, .products h2 {font-size: 26px;line-height: 35px;}
	.footer {padding: 50px 0 0 0;}
	.hakkimizda_div h1 {margin: 0 0 20px 0;font-size: 26px;}
	.hakkimizda_div {margin: 40px 0;}
	.hakkimizda_div strong {font-size: 25px;line-height: 30px;}
	.teams h1, .working_principle h1, .detayli_bilgi {font-size: 26px;}
	.working_principle ul li {font-size: 17px;margin: 3px 0;}
	.more_information {display: block;}
	.more_information strong {font-size: 30px;float: left;width: 100%;text-align: center;margin: 0 0 15px 0;}
	.more_information_div {padding: 30px 0;}
	.more_information span {width: 100%;font-size: 20px;line-height: normal;}
	.teams, .working_principle {margin: 0 0 45px 0;}
	.products ul li {width: 32.33%;}
	.iletisim_div iframe {width: 100%;margin: 0 0 30px 0;}
	.contact_form {width: 100%;padding-right: 0;}
	.iletisim_div {padding: 0 15px;}
	.contact_form form > button {margin: 6% 15px 0 0;}

}

@media screen and (max-width: 768px) {
	.contain {width: 100%;}
	.top, .logo_menu .contain > ul {display: none;}
	.logo_menu {padding: 15px;}
	.openMnav {display: inline;width: 50px;}
	.openMnav img {float: left;width: 100%;}
	.logo {width: 75px;}
	.logo_menu .contain {justify-content: space-between;}
	.slide h1 {font-size: 35px;line-height: 43px;width: 100%;}
	.hakkimizda_main {padding: 0 15px;margin: 35px 0;}
	.hakkimizda_main > img {width: 90%;margin: 0 5% 15px 0;}
	.hakkimizda_main div {width: 100%;}
	.hakkimizda_main div a {margin: 6% 15px 0 0;float: right;}
	.urunlerdiv > h1, .teams h1, .working_principle h1, .detayli_bilgi, .products h2 {float: none;font-size: 20px;margin: 0 auto 10px auto;display: table;}
	.urunslide b {top: 10%;font-size: 12px;width: auto;padding: 5px 10px;}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {border-width: 0 3px 3px 0;width: 20px;height: 20px;margin-top: 5px;}
	.urunlerdiv {margin-bottom: 35px;}
	.gorsel_kategori a img {width: 40px;transform: translateY(0);}
	.gorsel_kategori a span {font-size: 12px;transform: translateY(0);}
	.footer_left {width: 100%;padding: 0 15px;}
	.footer {padding: 35px 0 0 0;}
	.footer_left b {font-size: 22px;}
	.footer_left strong {font-size: 35px;line-height: 45px;}
	.footer_right {width: 100%;text-align: left;padding: 0 15px;margin: 20px 0 0 0;}
	.footer_right span {font-size: 17px;line-height: 20px;}
	.footer_right b {font-size: 23px;line-height: 25px;margin: 10px 0 5px 0;}
	.footer_right a {font-size: 17px;line-height: 25px;}
	.footer_bottom {margin-top: 30px;}
	.footer_bottom ul {float: none;width: auto;border-left: none;padding: 20px 0;display: table;margin: auto;}
	.footer_bottom span {width: 100%;font-size: 14px;line-height: 18px;padding: 15px;border-top: 3px solid #3e3f40;}
	.footer_bottom ul li a img {width: 25px;}
	.icsayfa_banner, .banner_content, .icsayfa_banner .contain {height: 390px;}
	.hakkimizda_div strong {float: left;width: 100%;}
	.hakkimizda_div h1 {font-size: 20px;line-height: 25px;}
	.hakkimizda_div img {width: 90%;margin: 0 0 20px 5%;}
	.hakkimizda_div p {margin: 3px 0;font-size: 15px;line-height: 21px;float: left;width: 100%;}
	.working_principle ul li {font-size: 15px;}
	.more_information strong {font-size: 25px;}
	.more_information span {font-size: 15px;line-height: normal;text-align: center;float: left;}
	.teams ul {flex-wrap: wrap;}
	.teams ul li {width: 48%;margin: 0 0 10px 0;}
	.teams, .working_principle {margin: 0 0 30px 0;}
	.products {padding: 0 15px;}
	.products ul li {width: 49%;}
	.products ul li a .products_image:before {left: 5px;top: 5px;right: 5px;}
	.products ul li a .products_name:before {left: 5px;}
	.products ul li a .products_name:after {right: 5px;}
	.products ul li a .products_name {padding: 5px 35px;}
	.products ul li a .products_name div span {font-size: 13px;line-height: 16px;}
	.products ul li a .products_name div {padding: 0 20px;}
	.products ul li a:hover .products_name div {padding: 0 25px;}
	.banner_content h1 {font-size: 24px;}
	.banner_content b {font-size: 18px;}
	.urunslide:hover b {width: auto;}
	.mbl_soci {display: flex !important;align-items: center;justify-content: center;}
	.mbl_soci a {padding: 15px !important;}
	.mbl_soci a img {width: 26px;}
	.mbl_lang {display: flex !important;align-items: center;justify-content: center;}
	.mbl_lang a {}	
}