@font-face {
  font-family: 'DINbekRegular';
  src: url('DINPro-Regular/DINPro-Regular.eot?#iefix') format('embedded-opentype'),  url('DINPro-Regular/DINPro-Regular.otf')  format('opentype'),
	     url('DINPro-Regular/DINPro-Regular.woff') format('woff'), url('DINPro-Regular/DINPro-Regular.ttf')  format('truetype'), url('DINPro-Regular/DINPro-Regular.svg#DINPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINbekBold';
  src: url('DINbekBold/DINbekBold.eot?#iefix') format('embedded-opentype'),  url('DINbekBold/DINbekBold.woff') format('woff'), url('DINbekBold/DINbekBold.ttf')  format('truetype'), url('DINbekBold/DINbekBold.svg#DINbekBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINbekMedium';
  src: url('DINbekMedium/DINbekMedium.eot?#iefix') format('embedded-opentype'),  url('DINbekMedium/DINbekMedium.woff') format('woff'), url('DINbekMedium/DINbekMedium.ttf')  format('truetype'), url('DINbekMedium/DINbekMedium.svg#DINbekMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular/montserrat-regular-webfont.eot');
    src: url('montserrat-regular/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat-regular/montserrat-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Aileron-Light';
  src: url('Aileron-Light/Aileron-Light.eot?#iefix') format('embedded-opentype'),  url('Aileron-Light/Aileron-Light.woff') format('woff'), url('Aileron-Light/Aileron-Light.ttf')  format('truetype'), url('Aileron-Light/Aileron-Light.svg#Aileron-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

BODY
{
font-size:12pt;
line-height:140%;
margin:0;
font-family: 'DINbekRegular';

}

TD, INPUT, SELECT, OPTION, TEXTAREA
{
color:#4a4a4a;
font-family: 'DINbekRegular';
font-size:12pt;
line-height:140%;
}

A
{
text-decoration:none;
color:#000000;
}

A:HOVER
{
text-decoration:none;
color:#555555;
}

INPUT[type=button], INPUT[type=submit]
{
cursor:pointer;
}

IMG
{
border:0
}

#ust
{
background-color:#ffffff;
width:auto;
margin:auto;
z-index:999;
}

.ustIc
{
border-bottom:1px solid #cdcdcd;
}

#dillerDiv
{
width:110px;
margin:auto auto 0 auto;
}

.dil
{
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
float:left;
font-family: 'Aileron-Light';
font-size:9pt;
}

.dilPasif
{
color:#484652;
}

.dilAktif
{
color:#ffffff;
background-color:#201f1d;
}

.dilPasif:Hover
{
color:#ffffff;
background-color:#5d5b57;
}

.clear
{
clear:both;
}

#flash
{
width:100%;
height:auto;
}

#slider1
{
height:750px;
}

#actionsDiv
{
width:1100px;
min-height:600px;
}

.actionsDiv1
{
margin:-55px auto auto auto;
}

.actionsDiv2
{
margin:10px auto auto auto;
}

.main1
{
float:left;
width:366px;
height:36px;
background:#d9cbbe url(../images/main1.png) top center no-repeat;
font-family: 'Aileron-Light';
color:#ffffff;
text-align:center;
padding-top:68px;
font-size:14pt;
z-index:999;
position:relative;
}

.main2
{
float:left;
width:366px;
height:46px;
background:#bbafa3 url(../images/main2.png) top center no-repeat;
margin-top:-37px;
font-family: 'Aileron-Light';
color:#ffffff;
text-align:center;
padding-top:95px;
font-size:14pt;
z-index:999;
position:relative;
}

.main3
{
float:left;
width:368px;
height:36px;
background:#d9cbbe url(../images/main3.png) top center no-repeat;
font-family: 'Aileron-Light';
color:#ffffff;
text-align:center;
padding-top:68px;
font-size:14pt;
z-index:999;
position:relative;
}

#menuDiv
{
width:615px;
height:auto;
margin:auto 0 auto auto;
}

.menuTd
{
font-family: 'Quicksand', sans-serif;
font-size:15px;
color:#000000;
}

.menuTd:Hover
{
font-family: 'Quicksand', sans-serif;
font-size:15px;
color:red;
text-decoration:none;
}

.mainBaslik
{
margin-top:32px;
margin-bottom:32px;
margin-left:0px;
color: red;
font-size: 60px;
font-family: 'Exo', sans-serif;
text-transform: uppercase;
letter-spacing:0.0800em;
width:300px;
text-align:center;
}

.mainBaslikIc
{
color: #000;
font-size: 25px;
line-height: 50px;
font-family: "Josefin Sans", sans-serif;
font-weight: 300;
width:600px;
text-align:center;
}

.mainBaslikIc2
{
color: #bdbebd;
font-size: 20px;
line-height: 40px;
font-family: "Josefin Sans", sans-serif;
font-weight: 100;
width:800px;
text-align:center;
}

.baslik
{
margin-top:32px;
margin-bottom:20px;
font-family: 'Exo', sans-serif;
color:red;
font-size:30pt;
text-align:center;
}

.footer1
{
width:130px;
height:97px;
background:url(../images/footerLogo.png) no-repeat;
margin:auto;
z-index:0;
position:relative;
}

#footerBg
{
width:100%;
height:206px;
background-color:#19191b;
margin-top:-51px;
padding-top:78px;
}

#footerBg2
{
width:100%;
height:30px;
background-color:#474749;
}

#mainDiv1
{
width:1100px;
height:300px;
background:url(../images/main/1.jpg) no-repeat;
margin-left:-250px;
}

#mainDiv2
{
width:1100px;
background:url(../images/main/1.jpg) no-repeat;
margin-left:-250px;
}

#mainContent1
{
text-align:left;
position:absolute;
width:548px;
}

#mainBaslikDiv1
{
width:auto;
text-align:right;
font-family: 'DINbekBold';
color:#fff;
background-color:#000;
font-size:14pt;
padding:5px;
opacity:0.80;
border-radius:5px;
}

#mainYaziDiv1
{
width:100%;
text-align:right;
font-family: 'DINbekRegular';
color:#fff;
background-color:#ae8853;
font-size:10pt;
margin-top:20px;
padding:5px;
opacity:0.85;
border-radius:8px;
}

#mainDetayDiv1
{
width:105px;
height:23px;
padding-top:4px;
background-color:#ffffff;
margin:10px auto auto 23px;
-moz-border-radius: 6px;
border-radius: 6px;
font-family: 'DINbekMedium';
color:#000000;
text-align:center;
font-size:9pt;
}

#mainDetayDiv1:Hover, #mainDetayDiv2:Hover
{
background-color:#000000;
color:#ffffff;
}

.main1:Hover
{
background-color:#c6b9ad;
}

.main2:Hover
{
background-color:#c3b6aa;
}

.footerBaslik
{
font-family: 'montserratregular';
color:#ffffff;
font-size:10pt;
}

.footerA
{
font-family: 'DINbekRegular';
color:#7f7f7f;
font-size:10pt;
}

.footerA:Hover
{
font-family: 'DINbekRegular';
color:red;
font-size:10pt;
}

.footerAlt
{
width:1100px;
margin:auto;
}

.footer2
{
width:498px;
height:37px;
float:left;
}

.footer3
{
width:100px;
height:25px;
float:left;
text-align:center;
padding-top:12px;
margin-right:367px;
}

.footer4
{
text-align:right;
width:135px;
height:37px;
float:left;
text-align:right;
color:#ffffff;
font-family: 'montserratregular';
font-size:10pt;
background:url(../images/tel.png) no-repeat;
margin-top:10px;
}

.footer5
{
width:550px;
float:left;
color:#848485;
font-family: 'montserratregular';
font-size:10pt;
text-align:left;
padding-top:5px;
}

.footer6
{
text-align:right;
width:550px;
float:left;
color:#848485;
font-family: 'montserratregular';
font-size:10pt;
padding-top:5px;
}

.footer6 A
{
color:#848485;
}

.footer6 A:Hover
{
color:#ffffff;
}

.acilirMenu
{
position:absolute;
visibility:hidden;
background-color:#ffffff;
padding:15px;
border-left:1px solid #efefef;
border-right:1px solid #efefef;
border-bottom:1px solid #efefef;
z-index:999;
}

.acilirMenuTd A
{
font-family: 'DINbekRegular';
font-size:10pt;
color:#626262;
}

.acilirMenuTd A:Hover
{
font-family: 'DINbekRegular';
font-size:10pt;
color:red;
}

#logoDiv
{
width:218px;
height:262px;
z-index:999;
position:absolute;

}

#logoDiv2
{

}

.logoMobile
{
background:url(../images/logoMobile.jpg) left center no-repeat;
}

.icMenuler
{
display:none;
}

.buttonBgActive
{
font-size:13pt;
background-color:#ffffff;
color:#0196da;
padding-left:7px;
border-bottom:1px solid #ededed;
border-left:2px solid #0196da;
font-family: 'DINbekMedium';
cursor:pointer;
}

.buttonBg
{
font-size:12.5pt;
background-color:#ffffff;
color:#595959;
padding-left:10px;
border-bottom:1px solid #ededed;
font-family: 'DINbekMedium';
}

.buttonBg:Hover
{
font-size:12.5pt;
cursor:pointer;
background-color:#f7f7f7;
color:#000000;
padding-left:10px;
border-bottom:1px solid #ededed;
font-family: 'DINbekMedium';
}

.icerik1
{
border:1px solid #ededed;
width:258px;
float:left;
}

.icerik2
{
width:20px;
float:left;
height:300px;
}

.icerik3
{
width:100%;
float:none;
clear:both;
font-size:12pt;
line-height:140%;
color:#4a4a4a;
}

.icerik3 TD
{
color:#4a4a4a;
}

.icerikResimler
{
text-align:center;
width:31%;
float:left;
margin-bottom:10px;
border:1px solid #e2e2e2;
padding:5px;
margin-left:10px;
}

.ikBaslik
{
width:auto;
height:45px;
padding-top:15px;
font-family: 'DINbekBold';
font-size:20pt;
color:#a3783c;
}

.ikKutu
{
-moz-border-radius: 3px;
border-radius: 3px;
border:2px solid #d3d3d3;
width:310px;
margin-top:5px;
text-indent:10px;
}

.ikKutuGenis
{
-moz-border-radius: 3px;
border-radius: 3px;
border:2px solid #d3d3d3;
width:702px;
margin-top:5px;
text-indent:10px;
}

.ikKutuNoWidth
{
-moz-border-radius: 3px;
border-radius: 3px;
border:2px solid #d3d3d3;
margin-top:5px;
text-indent:10px;
}

.ikBosluk
{
margin-right:82px;
}

.ikDiv
{
float:left;
}

.ikClear
{
clear:both;
height:25px;
}

.ikBaslikClear
{
clear:both;
height:45px;
}

#gonderBtn
{
width:105px;
height:25px;
padding-top:2px;
background-color:#19191b;
margin:30px auto auto 0px;
-moz-border-radius: 6px;
border-radius: 6px;
font-family: 'DINbekMedium';
color:#ffffff;
text-align:center;
font-size:10pt;
}

#gonderBtn:Hover
{
cursor:pointer;
width:105px;
height:25px;
padding-top:2px;
background-color:#000000;
margin:30px auto auto 0px;
-moz-border-radius: 6px;
border-radius: 6px;
font-family: 'DINbekMedium';
color:#f2cd9a;
text-align:center;
font-size:10pt;
}

.nedenPamukBg
{
background:url(../images/nedenpamukbg.jpg) no-repeat;
}

.nedenOrganikBg
{
position:absolute;
z-index:-1;
}

.sertifikalarBg
{
width:200px;
height:195px;
position:absolute;
z-index:-1;
background:url(../images/sertifikalarBg.png) no-repeat;
}

.nedenBambuBg
{
position:absolute;

z-index:-1;
background:url(../images/nedenBambuBg.png) no-repeat;
width:350px;
height:261px;

}

.iletisim1
{
width:500px;
margin:auto;
}

.iletisim2
{
float:left;
width:380px;
margin-right:170px;
margin-top:50px;
font-family: 'Playfair Display', serif;
}

.iletisim3
{
float:left;
width:550px;
margin-top:50px;
}

.iletisimKutu
{
padding-top:17px;
padding-bottom:17px;
border-left:none;
border-right:none;
border-top:none;
border-bottom:1px solid #efefef;
width:100%;
text-indent:20px;
color:#6f6767;
}

.iletisimGonderBtn
{
background-color:#333333;
color:#ffffff;
width:110px;
height:33px;
padding-top:2px;
text-align:center;
margin:15px auto auto auto;
font-size:11pt;
}

.iletisimGonderBtn:Hover
{
cursor:pointer;
background-color:#000000;
color:red;
}

.haber1
{
width:160px;
float:left;
}

.haber2
{
width:940px;
float:left;
padding-top:30px;
}

.haberClear
{
width:100%;
height:1px;
background-color:#000000;
margin-top:10px;
margin-bottom:10px;
}

.urunDiv1
{
background:#d9cbbe url(../images/urunOk.png) 15px center no-repeat;
padding-left:45px;
padding-right:10px;
padding-top:20px;
padding-bottom:20px;
top:50%;
width:12%;
height:auto;
position:absolute;
left:0px;
font-size:20pt;
font-family:'Aileron-Light';
color:#ffffff;
text-align:left;
}

.urunDiv1:Hover
{
background:#e9e9e9 url(../images/urunOk.png) 15px center no-repeat;
padding-left:45px;
padding-right:10px;
padding-top:20px;
padding-bottom:20px;
top:50%;
width:12%;
height:auto;
position:absolute;
left:0px;
font-size:20pt;
font-family:'Aileron-Light';
color:#0093dd;
text-align:left;
}

.uretimDiv
{
width:366px;
height:160px;
background:url(../images/sayacBg.jpg) bottom center no-repeat;
float:left;
text-align:center;
margin-bottom:40px;
}

#count1,#count2,#count3,#count4,#count5,#count6
{
margin-top:55px;
font-size:20pt;
}

.buyutecA
{
color:#696d7b;
}

.buyutecA:Hover
{
color:#454545;
}

#ustMobile
{
display:none;
}

#sertifikalarBg2
{
margin-top:590px;
}

#sertifikalarBg3
{
margin-top:1230px;
}

#sertifikalarBg4
{
margin-top:1970px;
}

.mainResimler
{
display: block;
width:24%;
height:auto;
text-align:center;
float:left;
padding: 4px;
margin-bottom:4px;
}

.mainBosluk
{
height:55px;
}

@media (max-width: 960px)
{

.baslik
{
line-height:50px;
}

.haber2
{
width:100%;
float:left;
padding-top:30px;
}

.ikKutuGenis
{
-moz-border-radius: 3px;
border-radius: 3px;
border:2px solid #d3d3d3;
width:300px;
margin-top:5px;
text-indent:10px;
}

.mainResimler
{
display: block;
width:47%;
height:auto;
text-align:center;
float:left;
margin-bottom:20px;
}

.mainResimler IMG
{
width:95%;
}

.mainBaslikIc
{
color: #000;
font-size: 25px;
line-height: 50px;
font-family: "Josefin Sans", sans-serif;
font-weight: 300;
width:100%;
text-align:center;
}

.mainBaslikIc2
{
color: #bdbebd;
font-size: 20px;
line-height: 40px;
font-family: "Josefin Sans", sans-serif;
font-weight: 100;
width:100%;
text-align:center;
}

.urunDiv1, .urunDiv1:Hover
{
width:50%;
}

.iletisim1
{
width:auto;
margin:auto;
}

.iletisim2
{
float:none;
clear:both;
width:auto;
margin-right:0px;
margin-top:50px;
font-family: 'Playfair Display', serif;
padding-right:20px;
}

.iletisim3
{
float:none;
clear:both;
width:auto;
margin-top:50px;
}

#sertifikalarBg2
{
margin-top:650px;
}

#sertifikalarBg3
{
margin-top:1350px;
}

#sertifikalarBg4
{
margin-top:2150px;
}

.sertifikalarBg
{
width:70px;
height:69px;
position:absolute;
z-index:-1;
background:url(../images/sertifikalarBgMobile.png) no-repeat;
}

.icerikSayfaImg
{
width:100%;
}

.mobileMenu
{
text-align:center;
margin-bottom:4px;
border-bottom:1px solid #eeeeee;
padding-top:2px;
padding-bottom:5px;
font-family: 'DINbekRegular';
font-size:12pt;
color:#000000;
}

.altMobileMenu
{
text-align:center;
margin-bottom:4px;
border-bottom:1px solid #eeeeee;
padding-top:2px;
padding-bottom:5px;
font-family: 'DINbekRegular';
font-size:12pt;
background-color:#f7f7f7;
}

.altMobileMenu A
{
color:#454545;
}

.altMenu
{
margin-bottom:20px;
}

#ustMobile
{
display:block;
margin-bottom:10px;
background-color:#ffffff;
}

#footerBg
{
width:100%;
height:100px;
background-color:#19191b;
margin-top:-51px;
padding-top:78px;
}

#flash
{
width:100%;
height:auto;
}

#slider1
{
height:170px;
}

#ust
{
display:none;
}

#actionsDiv
{
width:100%;
min-height:600px;
}

#mainContent1
{
text-align:left;
position:absolute;
width:auto;
padding-right:20px;
}

#mainContent2
{
text-align:left;
position:absolute;
width:auto;
padding-right:20px;
margin-left:20px;
}

#mainContent3
{
text-align:left;
position:absolute;
width:auto;
padding-right:20px;
margin-left:20px;
}

#mainContent4
{
text-align:left;
position:absolute;
width:auto;
padding-right:20px;
}

#mainDiv1
{
width:100%;
height:300px;
background:url(../images/main/m1.jpg) center center no-repeat;
margin-left:0px;
}

#mainDiv2
{
width:100%;
height:300px;
margin-left:0px;
}


.footerAlt
{
width:100%;
margin:auto;
}

.footerAlt
{
width:100%;
margin:auto;
}

.footer2
{
width:100%;
height:0px;
float:none;
clear:both;
}

.footer3
{
width:100%;
height:25px;
float:none;
clear:both;
text-align:center;
padding-top:12px;
margin-right:0px;
}

.footer4
{
width:170px;
height:37px;
float:none;
clear:both;
text-align:center;
color:#ffffff;
font-family: 'montserratregular';
font-size:10pt;
background:url(../images/tel.png) no-repeat;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

.footer5
{
width:100%;
float:none;
clear:both;
color:#848485;
font-family: 'montserratregular';
font-size:10pt;
text-align:left;
padding-top:5px;
text-align:center;
}

.footer6
{
text-align:center;
width:100%;
float:none;
clear:both;
color:#848485;
font-family: 'montserratregular';
font-size:10pt;
padding-top:5px;
}

#footerTable
{
display:none;
}

.mainBaslik
{
padding-left:0px;
margin-top:32px;
margin-bottom:10px;
margin-left:0px;
height:57px;
color: red;
font-size: 50px;
font-family: 'Exo', sans-serif;
text-transform: uppercase;
letter-spacing:0.0800em;
}

.main1
{
float:none;
clear:both;
width:100%;
height:70px;
background:#d9cbbe url(../images/main1.png) top center no-repeat;
font-family: 'Aileron-Light';
color:#ffffff;
text-align:center;
padding-top:68px;
font-size:14pt;
z-index:999;
position:relative;
}

.main2
{
float:none;
clear:both;
width:100%;
height:30px;
background:#bbafa3 url(../images/main2.png) top center no-repeat;
margin-top:-37px;
font-family: 'Aileron-Light';
color:#ffffff;
text-align:center;
padding-top:95px;
font-size:14pt;
z-index:999;
position:relative;
}

.main3
{
float:none;
clear:both;
width:100%;
height:30px;
background:#d9cbbe url(../images/main3.png) top center no-repeat;
font-family: 'Aileron-Light';
color:#ffffff;
text-align:center;
padding-top:68px;
font-size:14pt;
z-index:999;
position:relative;
}

.icMenuler
{
display:block;
border:1px solid #ededed;
}

.ok2
{
background:url(../images/ok2.png) right center no-repeat;
}

.icerikResimler
{
width:100%;
float:none;
clear:both;
margin-bottom:10px;
margin-left:0px;
}

.icerik1
{
width:auto;
float:none;
clear:both;
display:none;
}

.icerik2
{
display:none;
}

.icerik3
{
width:auto;
float:none;
clear:both;
padding:10px;
}

.icerik3 IMG
{
max-width:100%;
}

.ikForm
{
padding:20px;
}



}
.whatsapp {
  position: fixed;
  left: 20px;
  bottom: 30px;
  transition: all .5s ease-in-out;
  z-index: 999;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  animation: animate 2s linear infinite;
}
.whatsapp a {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
  font-size: 28px;
  display: block;
  text-align: center;
  line-height: 60px;
  color: white;
  background: #35bc48;
}