.telegram {
    bottom: 75px;
    right: 23px;
    opacity: 1;
    transition: opacity 0.5s ease 0s;
    box-sizing: border-box;
    direction: ltr;
    position: fixed !important;
    z-index: 16000160 !important;
}
p{
    font-family:Calibri;
    background:none repeat scroll 0 0 #fff
}
.conteiner{
    width:100%;
    height:auto;
    float:left
}
.top{
    height:4px;
    background-image: url(../images/top.jpg);
    background-repeat: repeat;
}
.cont{
    overflow:hidden;
    background:url(../images/cont.jpg) repeat
}
.logo{
    width:auto;
    height:auto;
    float:left;
    padding:10px;
}
.menu-tut{
    width:auto;
    height:64px;
    float:right
}
.m-left{
    margin-left:-42px;
    height:40px;
    width:26px;
    background:url(../images/m-left.png) no-repeat;
    float:left
}
.m-right{
    margin-right:-42px;
    height:40px;
    width:26px;
    background:url(../images/m-right.png) no-repeat;
    float:left
}
.menus2{
    position: relative;
    z-index: 1;
}
.menu:hover{
    cursor:pointer;
    background:#DCDCD8;
    text-decoration:none;
    border-top-left-radius:10px;
    border-top-right-radius:10px
}
.ayrac{
    width:2px;
    height:24px;
    margin-left:4px;
    margin-right:4px;
    background:url(../images/ayrac.jpg) repeat-y;
    float:left;
    margin-top:13px
}
.slide{
    width:100%;
    height:auto;
    background:#DCDCD8;
    float:left;
    position:relative
}
.sliderr{
    width:100%;
    height:440px;
    background:url(../images/slider.html) no-repeat;
    float:left;
    margin-left:10px;
    margin-top:10px
}
.siyah{
    width:100%;
    height:auto;
    background:#000;
    z-index:1;
    float:left;
    opacity:.8;
    filter:alpha(opacity=80);
    position:absolute;
    bottom:-10px;
}
.sekil{
    width:100%;
    padding:3%;
    background:url(../images/sekil.webp) no-repeat;
    background-size:cover;
    float:left;
    opacity:1;
    filter:alpha(opacity=100)
}
.slogan{
    width:100%;
    height:auto;
    text-align:center;
    float:left;
    font-size:22px;
    color:#fff;
    font-family:Calibri
}
.yuv-tut{
    width:60px;
    height:auto;
    margin-left:auto;
    margin-right:auto
}
.box{
    float:left;
    margin-bottom:10px;
}
.baslik{
    width:100%;
    height:20px;
    text-shadow:2px 4px 3px rgba(0,0,0,.3);
    background:#E55D5D;
    float:left;
    font-size:20px;
    color:#fff;
    text-align:center;
    line-height:40px
}
.img-back{
    width:296px;
    height:176px;
    background:#C43434;
    float:left
}
.img{
    width:296px;
    height:160px;
    float:left;
    margin-top:8px
}
.beyaz{
    width:100%;
    background:#fff;
    float:left;
    padding:10px
}
.ic-baslik{
    width:100%;
    min-height:150px;
    float:left;
    font-size:14px;
    color:#7D7D7D;
    word-wrap: break-word;
}
.buton{
    width:100px;
    height:30px;
    text-shadow:2px 4px 3px rgba(0,0,0,.3);
    text-align:Center;
    line-height:30px;
    font-size:12px;
    color:#fff;
    background:#E65D5D;
    float:left;
    border-radius:15px
}
.buton:hover{
    cursor:pointer;
    background:#C43434
}
.buton1{
    width:100px;
    height:30px;
    text-shadow:2px 4px 3px rgba(0,0,0,.3);
    text-align:Center;
    line-height:30px;
    font-size:12px;
    color:#fff;
    background:#6FC1D2;
    float:left;
    border-radius:15px
}
.buton1:hover{
    cursor:pointer;
    background:#30889A
}
.buton2{
    width:100px;
    height:30px;
    text-shadow:2px 4px 3px rgba(0,0,0,.3);
    text-align:Center;
    line-height:30px;
    font-size:12px;
    color:#fff;
    background:#7DC692;
    float:left;
    border-radius:15px
}
.buton2:hover{
    cursor:pointer;
    background:#508B61
}
.alt-ayrac{
    width:100%;
    height:7px;
    background:url(../images/alt-ayrac.png) repeat-x;
    float:left
}
.res{
    width:296px;
    height:206px;
    float:left
}
.isim{
    background:#fff;
    padding:10px;
    text-align:center;
    font-size:20px;
    color:#333;
    float:left;
    border:1px #ddd;
    border-style: double;
}
.an-back{
    width:100%;
    background:#fff;
    float:left;
    padding:5px
}
.anket-baslik{
    background:#F2F2F2;
    float:left
}
.sag-tut{
    width:60px;
    height:74px;
    background:url(../images/sag-tut.jpg) no-repeat;
    float:left
}
.basliks{
    line-height:72px;
    color:#828484;
    font-size:20px;
    float:left;
    margin-left:10px
}
.people{
    width:96px;
    height:74px;
    float:right;
    background:url(../images/people.webp) no-repeat
}
.kutu{
    background:url(../images/kutu.jpg) repeat-x;
    float:left;
    border-radius:10px;
    margin:10px 0px;
    border-width: 6px;
    border-style: none dashed dashed dashed;
    border-color: white;
}
.sus{
    width:10px;
    height:100%;
    background:url(../images/sus.png) repeat-y;
    float:left;
    margin-top:4px
}
.sus-alt{
    width:100%;
    height:10px;
    position:absolute;
    bottom:0;
    margin-left:3px;
    background:url(../images/sus-alt.png) repeat-x;
    float:left
}
.sus-sag{
    width:10px;
    height:100%;
    background:url(../images/sus-sag.png) repeat-y;
    float:right;
    margin-top:4px
}
.tut1{
    width:100%;
    height:auto;
    float:left;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px
}
.tut2{
    width:100%;
    height:32px;
    background:#717171;
    float:left;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px
}
.tut3{
    width:100%;
    height:30px;
    background:#6FC1D2;
    float:left;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px
}
.oks{
    width:32px;
    height:16px;
    float:left;
    margin-left:47%;
    margin-top:-8px
}
.num{
    width:auto;
    height:auto;
    font-size:16px;
    color:#428E9E;
    float:left;
    margin-left:10px
}
.duy{
    float:left;
    margin-left:10px;
    margin-top:5px
}
.duyuru{
    width:300px;
    height:40px;
    float:left;
    margin-top:5px;
    margin-lefT:10px;
    font-size:12px;
    color:#666
}
.ayir{
    width:100%;
    height:15px;
    float:left;
    margin:8px;
    background:url(../images/ayir.png) no-repeat;
}
.duyur{
    width:100%;
    height:30px;
    line-height:30px;
    text-shadow:2px 4px 3px rgba(0,0,0,.2);
    float:left;
    font-size:16px;
    color:#fff;
    text-align:Center
}
.anket-res{
    width:40px;
    height:40px;
    float:left;
    background:url(../images/anket-res.png) no-repeat
}
.cev-tut{
    width:50%;
    height:20px;
    float:left;
    margin-top:12px;
    color:#0464b6
}
.check{
    width:16px;
    height:16px;
    float:left;
    margin-left:10px
}
.cevap{
    width:auto;
    height:auto;
    font-size:13px;
    color:#666;
    float:left;
    margin-top:2px;
    margin-left:4px
}
.anket{
    width:100%;
    height:95px;
    background:url(../images/anket.webp) no-repeat;
    float:right;
}
.tes{
    width:auto;
    height:auto;
    font-size:12px;
    text-align:center;
    color:#508B61;
}
.foot{
    width:100%;
    background:#333D40;
    float:left;
}
.f-box{
    float:left;
}
.ilet{
    width:100%;
    height:auto;
    font-size:20px;
    color:#fff;
    float:left;
    margin-bottom:10px
}
.ilet-alt{
    width:486px;
    height:50px;
    background:#fff;
    float:left
}
.tab{
    width:162px;
    height:96px;
    background:#D09E25;
    float:left
}
.tab:hover{
    cursor:pointer;
    background:#F7B71E
}
.icon{
    width:60px;
    height:60px;
    padding-top:25px;
    margin:0 auto;
}
.golge{
    width:100%;
    height:18px;
    float:left;
    background-image: url(../images/golge.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.hizli{
    width:100%;
    height:auto;
    background:#3D4648;
    padding-bottom:10px;
    padding-top:5px;
    float:left;
    border-top:25px solid #919393;
    border-bottom:25px solid #919393
}
.h-tut{
    width:100%;
    float:left;
    height:auto;
    border:0 solid red
}
.hizlis{
    width:100%;
    height:auto;
    text-transform:lowercase;
    font-size:12px;
    color:#ACAEAE;
    float:left;
    line-height:26px;
    margin-left:5px;
    margin-top:5px;
    margin-bottom:10px
}
.hizlis a:link,
.hizlis a:visited{
    text-decoration:none;
    color:#ACAEAE
}
.hizlis a:active,
.hizlis a:hover{
    text-decoration:underline;
    color:#ACAEAE
}
.sosyal{
    width:36px;
    height:36px;
    float:right;
    margin-right:6px;
}
.copy{
    width:auto;
    height:20px;
    font-size:12px;
    color:#CACCCC;
    float:left
}
.copy a:link,
.copy a:visited{
    text-decoration:none;
    color:#CACCCC
}
.copy a:active,
.copy a:hover{
    text-decoration:underline;
    color:#CACCCC
}
.iletisim{
    width:16px;
    height:16px;
    float:left;
    margin-right:10px;
    margin-top:2px
}
.isim2{
    width:180px;
    height:200px;
    background:#fff;
    padding:10px;
    float:left;
    margin-left:-20%;
}
.container{
    width:490px;
    margin:0 auto
}
ul.tabs{
    margin:0;
    padding:0;
    list-style:none
}
ul.tabs li{
    color:red;
    display:inline-block;
    padding:0;
    cursor:pointer;
    background:#D09E25;
    width:32%;
    height:108px
}
ul.tabs li.current{
    background:#F7B71E;
    color:#222
}
.tab-content{
    display:none;
    background:#ededed;
    height:34px;
    width:97.7%;
    padding:7px
}
.tab-content.current{
    display:inherit
}
.sayfa-baslik{
    width:100%;
    height:auto;
    font-size:44px;
    color:#333;
    float:left;
    font-family:Calibri;
    border-bottom:6px solid #C43434;
}
.content{
    width:100%;
    height:auto;
    font-size:13px;
    margin-top:10px;
    color:#333;
    font-family:Calibri;
    float:left;
}
.orta-tut{
    height:auto;
    min-height:400px;
    padding:10px;
    width:100%;
    background:#EEE;
    float:left;
    font-family:Calibri;
}
.ka-menu{
    width:100%;
    height:auto;
    min-height:500px;
    background:#F3F4F4;
    border-radius:5px;
}
.ka-bas{
    width:100%;
    height:35px;
    border-bottom:6px solid #428E9E;
    line-height:30px;
    text-align:center;
    font-size:20px;
    color:#333;
}
.kat-tut{
    width:100%;
    height:35px;
    padding:6px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
    float:left;
}
.ucgen{
    width:18px;
    height:12px;
    margin-right:6px;
    background:url(../images/ucgen.png) no-repeat;
    float:right;
    margin-top:3px;
}
.ucgen:hover{
    cursor:pointer;
}
.urun-box{
    width:100%;
    float:left;
    margin-bottom:10px;
    
}
.urun-ad{
    width:100%;
    height:auto;
    font-size:20px;
    color:#333;
    float:left;
    font-family:Calibri;
}
.u-res{
    width:100%;
    height:auto;
    background:#428E9E;
    float:left;
    padding-top:6px;
    padding-bottom:6px;
}
.fiyat{
    width:100px;
    height:auto;
    float:left;
    margin-top:4px;
    font-family:Calibri;
    font-size:16px;
    color:#333;
}
.siparis-buton{
    width:100px;
    height:26px;
    text-shadow:2px 4px 3px rgba(0,0,0,.3);
    text-align:Center;
    line-height:20px;
    font-size:12px;
    color:#fff;
    background:#6FC1D2;
    float:right;
    border-radius:15px;
}
.siparis-buton:hover{
    cursor:pointer;
    background:#30889A;
}
.pro-tut{
    width: 100%;
    height:auto;
    float:left;
    margin-top:10px;
}
.pro{
    float:left;
    margin:5px 0px;
}
.pro-box{
    width:100%;
    height:auto;
    background:#fff;
    padding:5px;
    float:left;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.pro-ad{
    width:100%;
    line-height:30px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background:#508B61;
    font-size:20px;
    font-family:calibri;
    text-align:center;
    color:#fff;
    float:left
}
.pro-ad a:link,
.pro-ad a:visited{
    text-decoration:none;
    color:#fff
}
.pro-ad a:active,
.pro-ad a:hover{
    text-decoration:underline;
    color:#fff
}
.contactHead2{
    font:16px Arial;
    width:100%;
    text-align:left;
    color:#4f4f4f;
    padding:0;
    margin-top:10px;
    margin-bottom:10px;
    float:left
}
#sayfalama ul{
    list-style-type:none;
    float:right;
    margin-right:20px;
    margin-top:30px
}
#sayfalama li{
    border:1px solid LightGrey;
    background:url(pagg_bg.html) bottom;
    text-align:center;
    margin-right:3px;
    float:left;
    font:11px Tahoma;
    padding:3px 6px;
    color:#3d4043;
    cursor:pointer;
    font-weight:700
}
#sayfalama li:hover{
    border:1px solid #9da7b2;
    font-weight:700
}
#sayfalama .selected{
    border:1px solid #9da7b2;
    background:#9da7b2;
    color:#fff
}
.referanslar{
    font-size:13px;
    font-family:Arial,Helvetica,sans-serif
}
.referanslar table{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:0 0 5px #ccc;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
    padding-top:4px;
    margin:0
}
.referanslar table tr.referanstr{
    background:url(../images/left-top.png) repeat center
}
.referanslar table tr.referanstr td{
    padding:10px;
    border-collapse:separate;
    border-spacing:2px;
    border-color:gray;
    color:#e34400;
    font-weight:700
}
.referanslar table tr{
    background-color:#fff
}
.referanslar table td{
    padding:10px;
    color:#666
}
.contactArt{
    text-align:left;
    color:#333;
    font-weight:600;
    padding:5px;
    font-family:Candara
}
.contactText{
    text-align:left;
}
.contactTextinput{
    font-size:11px;
    padding:3px;
    width:100%;
    background:#faf9f7;
    border:1px solid #e1d6d1
}
.contactTexttextarea{
    font-size:11px;
    padding:3px;
    width:100%;
    height:100px;
    background:#faf9f7;
    border:1px solid #e1d6d1
}
.contactLine{
    border:1px #e1d6d1 dotted
}
.contactHead{
    font:700 16px Arial;
    text-align:left;
    color:#4f4f4f;
    padding:0;
    margin-left:0
}
.guestHead{
    font:700 16px Arial;
    text-align:left;
    color:#4f4f4f;
    padding-bottom:10px;
    margin-left:0
}
.adsty{
    font-size:11px;
    padding:3px;
    width:89%;
    background:#faf9f7;
    border:1px solid #e1d6d1
}
.odemeTextarea{
    font-size:11px;
    padding:3px;
    width:89%;
    height:90px;
    background:#faf9f7;
    border:1px solid #e1d6d1
}
.alt-menu{
    border-bottom:3px solid #DCDCD8;
    width:930px; 
    height:auto; 
    float:left;
}
.nav {
    padding-top:4px;
    position: -webkit-sticky;
    float:left;
    z-index: 1;
    height:48px;
    background: #fff;	
    box-shadow: 0px 2px 0px #DCDCD8;
}
.kisayol {
    float:right;
    padding:20px;
    position: relative;
    z-index: 2;
}

 .hareket {
            margin-top: 25px;
            font-size: 21px;
            text-align: center;

            -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
               -moz-animation: fadein 2s; /* Firefox < 16 */
                -ms-animation: fadein 2s; /* Internet Explorer */
                 -o-animation: fadein 2s; /* Opera < 12.1 */
                    animation: fadein 2s;
        }

        @keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Firefox < 16 */
        @-moz-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Safari, Chrome and Opera > 12.1 */
        @-webkit-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Internet Explorer */
        @-ms-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Opera < 12.1 */
        @-o-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
.slideryazi {
    margin-bottom: 15%;
    background-color: #000;
    color: #fff;
    padding: 10px;
    float: left;
    opacity: 0.8;
    filter: alpha(opacity=50);
}
.suckertreemenu ul{margin:auto;text-align:center;}
.suckertreemenu ul li a, .suckertreemenu ul li a:visited {color: #4A4A4A;}
.suckertreemenu  ul li:hover {color:#4A4A4A;cursor:pointer;background-color:#DCDCD8; text-decoration:none; border-top-left-radius:10px; border-top-right-radius:10px;}
.suckertreemenu .subfoldericon{left:50px;background: #fffff;z-index:99999;font-size:14px;}
.hrsty{width:190px; border:0px #fff dotted;border-radius:6px;}
.menuborder {
border-right:1px solid #ddd;
}
.container {
padding:0px;
}   
.container-fluid {
padding:0px;
}
.dipnot {
display:none;
}
.dropdown-submenu {
position: relative;
}
.dropdown-link{
color:#000;
}
.dropdown-link:hover{
text-decoration:none;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
}
.dropdown-a{
float:right; width:25px; height:25px; padding:0;
}
.dropdown-a:focus{
background:none !important;
} 
.box img {
max-width:330px;
max-height:142px;
align-item:center;
}
.box .image {
text-align:center;        
}
.slogan img {
max-width: 100%;
max-height: 100px;
}
.cookies {
font-size:12px;
line-height:20px;
}
.cookies_button {
font-size:14px;
line-height:20px;
}
.carousel-inner {
height:500px;
}
.duzelt {
height:500px;
display: flex; 
align-items: center; 
justify-content: center;
}
.boyutla img {
max-width : 100%;
max-height: 350px;
margin: 0 auto;
}
.sticky {
position: fixed;
z-index: 100;
border-top: 0;
top: 0;
background: #fff;
left:24%;
right:24%;
}