html, body {font-family: 'Montserrat', sans-serif; scroll-behavior: smooth; overflow-x: hidden;}
.table-content{display: table; width: 100%; height: 100%;}
.table-cell-content{display: table-cell; vertical-align: middle; text-align: center;}
.disp-block {display: block !important;}
.disp-i-block {display: inline-block !important;}
.p0 {padding: 0;}
.fl-r {float: right;}
.s-margin {margin: 0 65px;}
.h-fix {height: 100%;}
* {outline: none !important;}
.mobile-visible {display: none}
h1.head {font-size: 60px; color: #000; font-weight: 200; margin: 80px 0;}
a {outline: none !important;}
.button-radius {font-size: 18px;font-weight: 300; padding:10px 60px; color:#000; border: 1px solid #000; border-radius: 100px; display: inline-block; background: #fff; transition: all .4s;}
.button-radius:hover {text-decoration: none !important;color: #fff; background: #000;}
.position-inh{position: inherit !important;}
strong {font-weight: 500;}
.h100vh {height: calc(100vh - 100px);}
.loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff; z-index: 999999999 !important; opacity:1}
#page-head {position: relative;display: inline-block; width: 100%; height: calc(100vh - 50px);}
#page-head .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#page-head .overlay .text {max-width: 350px;margin-left: 100px;}
#page-head .overlay .text h1{text-align: left;font-weight: 200;font-size: 70px; color: #000000;margin-bottom: 30px;}
#page-head .overlay .text p{text-align: left;font-weight: 200;font-size: 20px; color: #000000;display: none;}



header {height: 100px; transition: all .4s; background: #fff;}
header.active {height: 80px; position: fixed; top: 0; left: 0; width: 100%; z-index: 5;}
.header_h{height: 0;}
.header_h.active {height: 80px;}
header img.logo{margin-top: 30px; transition: all .4s; position: relative;z-index: 6;}
header.active img.logo{margin-top: 20px;}
header.active .ham {top: 0;}
header ul {padding: 0; display: inline-block;margin: 0;}
header ul li {list-style: none;line-height: 35px; transition: all .4s;}
header ul li:last-child {margin-right: 0;}
header ul li a {font-size: 20px; color: #ae8361; font-weight: 500; text-decoration: none !important;}
header ul li a.active {font-weight: 600;}
header ul li a:focus,header ul li a:visited {color: #ae8361;}
header ul li a:hover {color: #d1a47e; text-decoration: none;}
header .menu {position: fixed;transform:scale(0);top: 0;left: 0; width: 100%;background:rgba(255,255,255,.95); z-index: 5;height: 100%; transition: all .55s;}
header .menu.active {transform: scale(1);}
header .lang {display: inline-block; margin-top: 20px;}
header .lang li{margin-right: 5px; float: left}
header .lang li a.active{font-weight: 600; text-decoration: underline !important;}
.ham {cursor: pointer;-webkit-tap-highlight-color: transparent;transition: all 400ms;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;position: relative;z-index: 6; top:10px;}
.hamRotate.active {transform: rotate(45deg);}
.hamRotate180.active {transform: rotate(180deg);}
.line {fill:none;transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke:#ae8361;stroke-width:3;stroke-linecap:round;}
header .menu-open .ham8 .top {stroke-dasharray: 40 160;}
header .menu-open .ham8 .middle {stroke-dasharray: 40 142;transform-origin: 50%;transition: transform 400ms;}
header .menu-open .ham8 .bottom {stroke-dasharray: 40 85;transform-origin: 50%;transition: transform 400ms, stroke-dashoffset 400ms;}
header .menu-open .ham8.active .top {stroke-dashoffset: -64px;}
header .menu-open .ham8.active .middle {transform: rotate(90deg);}
header .menu-open .ham8.active .bottom {stroke-dashoffset: -64px;}




#home-slider {height: calc(100vh - 100px)}
.h-slide {height: calc(100vh - 100px)}
#home-slider .social {position: absolute; right: 30px; top: 50%; transform: translateY(-50%)}
#home-slider .social ul{margin:0;}
#home-slider .social ul li{list-style: none; line-height: 55px;}
#home-slider .social ul li a{color: #000; font-size: 18px;}

#home-slider .arrows {position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
#home-slider .arrows ul{margin:0;}
#home-slider .arrows ul li{list-style: none; line-height: 35px;}
#home-slider .arrows ul li a{color: #d1a47e; font-size: 28px;}
#home-slider .swiper-slide {background: #fff;}
#home-slider .swiper-slide .text {position: relative;top: 50%;transform: translateY(-50%); margin-left: 50px}
#home-slider .swiper-slide h1{font-size: 56px; color: #000; font-weight: 100; line-height: 85px;letter-spacing: 6px; margin-top: 0;}
#home-slider .swiper-slide h1 strong{font-weight: 300;}
#home-slider .swiper-slide p{font-size: 24px; color: #000; font-weight: 300; line-height: 35px; margin-top: 15px; max-width: 70%}


#products .item {width: 100%; border-radius: 40px; overflow: hidden;position: relative}
#products .item:hover .overlay h1 {transform: translateX(10px)}
#products .item a {position: absolute;top: 0; left: 0;width: 100%; height: 100%; z-index: 5}
#products .item .overlay {position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
#products .item .overlay h1{font-size: 60px;font-weight: 200;color: #000;line-height: 60px; margin-left: 45px; margin-top: 40px; transform: translateX(0);transition: all .5s;}
#products .item img {width: 100%;}

#bayiler {background: #fff;padding-bottom: 70px;}
#bayiler .store {border:1px solid #c3c3c3;margin-top:20px;overflow: hidden;padding: 30px;margin-bottom:30px;min-height:300px;}
#bayiler .store .box-layout {width:100%;margin: 20px 0 0;overflow: hidden;}
#bayiler .store .box-layout .box {width:25%;float:left;}
#bayiler .store strong {font-weight: 600;}
#bayiler .store ul {margin: 0;}
#bayiler .store ul li{list-style: none;line-height: 25px;}
#bayiler .store a.maps {color: #000;transition:all .4s;text-decoration: none !important; background: #fbc292;font-size: 18px;font-weight: 600;padding: 10px;min-width: 230px;display: inline-block;border-radius: 30px;position: absolute;left: 50%;margin-left: -115px;bottom:8px;}
#bayiler .store a:hover {background: #f7af72;}
#bayiler .store p.header {font-size: 18px;font-weight: 900; margin-bottom: 20px; margin-top: 10px;}
#bayiler h1.head {margin-top: 70px; margin-bottom: 40px;font-size: 44px;}
#bayiler h1.head:first-child {margin-top: 70px; margin-bottom: 40px;font-size: 44px;}
#bayiler h1.head:last-child {margin-top: 100px;}

#bayi_basvuru {position: relative;}
#bayi_basvuru .overlay {position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
#bayi_basvuru .overlay h1{text-align: left;font-weight: 200; font-size: 35px; color: #000; line-height: 50px;}
#bayi_basvuru .overlay p{text-align: left;font-weight: 300; font-size: 22px; color: #000; line-height: 30px; margin-top: 20px; margin: 20px 0;}
#bayi_basvuru .overlay a{float: left;font-weight: 300; font-size: 16px;text-decoration: none !important; color: #fff; margin-top: 20px; padding: 10px 30px; background:#000; border-radius: 100px;}


#haberler .item {border: 1px solid rgba(0,0,0,.2); padding: 50px 30px; margin-top: 50px;}
#haberler .item img {max-width: 70%;display: inline-block;}
#haberler .item h1 {font-size: 24px; color: #000; font-weight: 600;text-align: left; margin: 10px 0; margin-top: 40px;}
#haberler .item p.date {font-size: 20px; color: #000; font-weight: 300;text-align: left; margin:0; margin-bottom: 40px;}
#haberler .item p {font-size: 18px; color: #000; font-weight: 300; text-align: left;}
#haberler .item a {float: left; font-size: 20px; color: #000; font-weight: 600; margin-top: 30px;text-decoration: none !important;}


#haber {}
#haber .item img{max-width: 70%;}
#haber .item h1{font-size: 32px; color: #000; font-weight: 400; margin-bottom: 80px;}
#haber .item p{font-size: 22px; color: #000; font-weight: 300;margin: 50px 0;}
#haber .item p.date{font-size: 22px; color: #000; font-weight: 300;}
#haber .son-haberler .item {margin-top: 30px;position: relative; border: 1px solid rgba(0,0,0,.1);padding: 10px}
#haber .son-haberler .item img{max-width: 85%;}
#haber .son-haberler .item h4 {font-size: 20px; color: #000; font-weight: 400;margin-top: 25px;}
#haber .son-haberler .item a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#haber .son-haberler h1{margin-bottom:30px;font-size: 30px; color: #000; font-weight: 400;}


#new-products h1.head {margin-top: 70px}
#new-products h1 {font-weight: 300;font-size: 40px;color: #000;margin-top: 55px;}
#new-products p {font-size: 20px; color: #000; font-weight: 300; margin: 55px 0;}
#new-products .text {margin-left: 30px}
#new-products .owl-theme .owl-dots {display: none !important;}
.owl-theme .owl-nav {display: none !important;}
#new-products .arrows ul {list-style: none}
#new-products .arrows .owl_prev {position: absolute;top: 50%; left: -50px; transform: translateY(-50%);}
#new-products .arrows .owl_next {position: absolute;top: 48%; right: -50px; transform: translateY(-50%);}


#neden-viacare {margin-top:120px}
#neden-viacare h1 {margin:50px 0;}
#neden-viacare p {font-size: 18px; color: #000; font-weight: 300; line-height: 40px;}

#urunlerimiz #cilt_bakimi {margin-top: 100px;}
#urunlerimiz #cilt_bakimi h1 {font-size: 100px; font-weight: 100; color: #000; line-height: 120px; margin-top: 55px;}
#urunlerimiz #cilt_bakimi p {font-size: 34px; font-weight: 300; color: #000; line-height: 40px; margin-top: 55px;}
#urunlerimiz #sac_bakimi {margin-top: 100px;}
#urunlerimiz #sac_bakimi h1 {font-size: 100px; font-weight: 100; color: #000; line-height: 120px; margin-top: 55px;}
#urunlerimiz #sac_bakimi p {font-size: 34px; font-weight: 300; color: #000; line-height: 40px; margin-top: 55px;}
#urunlerimiz .item {margin-top: 50px;text-align: center;position: relative;min-height: 315px;}
#urunlerimiz .item a{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#urunlerimiz .item h2{font-size: 20px; color: #000;font-weight: 300; margin:0; line-height: normal;}


#bayibasvuru {width: 500px; display: none; padding: 50px; transform: scale(1.2);}
#bayibasvuru input{width:49%; margin-right: 1%; float: left; padding: 15px;border: 1px solid #c3c3c3; margin-bottom: 5px;}
#bayibasvuru input.sirket_adi{width:99%; margin-right: 1%; float: left; padding: 15px;border: 1px solid #c3c3c3; margin-bottom: 5px;}
#bayibasvuru select{width:49%; margin-right: 1%; float: left; padding: 15px;border: 1px solid #c3c3c3; margin-bottom: 5px;}
#bayibasvuru button.gonder{width: 99%; margin-right: 10px; padding: 15px; border: 1px solid #c3c3c3; background: #fff; color: #000; font-weight: 600;}

#urun h1 {font-size: 80px; font-weight: 100; color: #000; line-height: 90px; text-align: left; margin: 0;}
#urun img {width: 100%;}
#urun h2 {font-size: 35px; color: #000; font-weight: 300;margin: 40px 0;}
#urun p {font-size: 18px; color: #000; font-weight: 300;margin: 40px 0;}
#urun .product-info {margin-top: 100px;}



#contact .page-head {background: #000 url(../images/contact-page-head.jpg) bottom center no-repeat; background-size: cover}
#contact-page {padding:0; position: relative; z-index: 1;}
#contact-page .contact{ background: #fff; margin-top: -150px;}
#contact-page h2 {font-size: 24px;color: #4f4e4e;font-weight: 300; margin-bottom: 20px;text-transform: uppercase;}
#contact-page .contact-form {transform: scale(.85)}
#contact-page .contact-form form input {width: 49.5%;float:left}
#contact-page .contact-form input {margin-bottom:1%;font-size: 18px;color: #4f4e4e;border: 1px solid #ebebeb;padding: 10px 20px;width: 100%;}
#contact-page .contact-form textarea {font-size: 18px;color: #4f4e4e;border: 1px solid #ebebeb;padding: 10px 20px;width: 100%;height:230px;}
#contact-page .contact-form form textarea {width:100%;}
#contact-page .contact-form form input:nth-child(odd) {margin-right: 1%}
#contact-page .contact-information {transform: scale(.85)}
#contact-page .contact-information .info-area {border: 1px solid #ebebeb;padding: 20px;}
#contact-page .contact-information .info-area tr {height: 74px;}
#contact-page .contact-information .info-area tr:before {content: "";width: 80%;position: absolute;height: 1px;background: #ebebeb;margin: 0 0 0 17px;}
#contact-page .contact-information .info-area tr:first-child:before {background: none;}
#contact-page .contact-information .info-area tr td {font-size: 16px;color: #4f4e4e;}
#contact-page .contact-information .info-area tr td a {color: #000}
#contact-page .contact-information .info-area tr td img {margin: 0 20px 0 0;}
#contact-page .maps {margin-top:30px;}
#contact-page button{height: 50px; position: absolute; bottom: 10px; right: 30px; width: 50px; border: 0; background: #ddd url(/images/tick.jpg) center center no-repeat; background-size: contain; border-radius: 50%;}



footer {padding:20px 0;background: #feddcc; margin-top: 80px;}
footer p{font-size: 18px; color: #000; font-weight: 300; margin-bottom: 15px;}
footer ul{margin:0;display: inline-block;padding: 0;}
footer ul li{list-style: none; line-height: 35px; float: left; margin:0 10px;}
footer ul li a{color: #000; font-size: 18px;}


@media screen and (max-width: 600px)
{
    header img.logo{margin-top: 35px;}
    h1.head {font-size: 30px; margin-top: 20px;}
    #products .item {margin-bottom: 30px;}
    #home-slider .swiper-slide h1 {font-size: 30px;line-height: normal;letter-spacing: 1px;}
    #home-slider .swiper-slide .text {margin: 0;}
    #home-slider .swiper-slide img {margin-top: 0;}
    #home-slider .h-slide:first-child {height: calc(45vh - 50px)}
    #home-slider .h-slide:last-child {height: 30vh}
    #home-slider .swiper-slide p {max-width: 80%;font-size: 12px;line-height: normal}
    #home-slider .arrows ul {padding: 20px;}
    #home-slider .arrows ul li a img {width: 30px;}
    #products .item .overlay h1 {font-size: 40px;line-height: 45px;}
    #new-products h1{font-size: 30px; margin-bottom: 30px; margin-top: 20px;}
    #new-products .arrows .owl_prev {bottom: 0;left: 30%; transform: translateX(50%);top: auto; z-index: 2;}
    #new-products .arrows .owl_next {bottom: 0;right: 43%; transform: translateX(50%);top: auto;z-index: 2;}
    #neden-viacare p {line-height: 30px;}
    .ham {top: 7px;}
    #page-head {height: 30vh;}
    #bayi_basvuru img {width: auto;height: 50vh;max-width: max-content;transform: translateX(-20%);}
    #page-head .overlay .text {margin-left: 40px;}
    #page-head .overlay .text h1 {font-size: 20px;}
    #neden-viacare {margin-top: 50px;}
    #urunlerimiz #cilt_bakimi h1 {font-size: 50px;line-height: 50px;}
    #urunlerimiz #cilt_bakimi p {margin-top: 25px;}
    #urunlerimiz #sac_bakimi h1 {font-size: 50px;line-height: 50px;}
    #urunlerimiz #sac_bakimi p {margin-top: 25px;}
    #bayi_basvuru .overlay h1 {font-size: 16px;line-height: 18px;}
    #bayi_basvuru .overlay p {font-size: 12px;margin-top: 10px;line-height: 16px;}
    #bayi_basvuru .overlay a {font-size: 10px;margin-top: 0;padding: 9px 15px;}
    #bayiler .store a.maps{bottom: -16px;}
    #contact-page .contact-form {margin-top: 80px;}
    #urun h1 {font-size: 60px; line-height: 80px; margin-left: 20px;}
    .h100vh {height: 40vh;}
	#contact-page .contact {margin-top:-90px;}
}