body {
    margin:0;
    padding:0;
    font-family: 'Raleway', sans-serif;
    font-size:14px;
    color:#333333;
    height:100%;
    box-sizing: border-box;
    display: block;
}
html {
    height:100%;
}
a, a:hover {
    text-decoration: none;
    color: inherit;
}
header{
    width:100%;   
    padding:0px;
    margin:0px;
    box-sizing:border-box;
    position:absolute;
    z-index:2;
    margin-bottom:20px;
    background:url(../images/header_bg.png) repeat-x top;
}
.header_ic {
   position:relative;
   padding:15px 15px 0px 15px;
   margin-bottom:50px;
   border-bottom:0px solid #909baa;
}
.headersol {
    position:relative;
    margin:0px 0px 13px 0px;
    padding-top:18px;
}
.headersag {
    position:relative;
    text-align:right;
    margin:0px 0px 13px 0px;
    padding-top:18px;
}
.logodiv {
    position:absolute;
    text-align:center;
    top:0px;
    width:100%;
    
}
.logo {
    display:inline-block;
    position:relative;
    z-index:1;
    text-align:center;
}
.logo_img {
    position: relative;
    border: 0px;
    max-width: 100%;
    width: 160px;
    margin-top:15px;
    transition: all 250ms ease-out;

}
.logo_img:hover {
    transform: rotate(360deg) scale(0.8);

}

.sosyal_icon {
    display:inline-block;
}
.sosyal_icon a{
    text-decoration:none;
    color:#1e1c21;
    font-size:16px;
    padding:0px 5px 0px 5px;
    display:inline-block;
}
.sosyal_icon a:hover {
    color:#cb6000;
}
.sosyal_icon a:last-child {
    margin-right:0px;
    padding:0px 0px 0px 5px;
}
.menu_bg {
    background:rgba(0,0,0, 0.8);
    width:100%;
    border-bottom:2px solid #e99130; 
    margin-top: 15px;
}
.header_menu {
    margin:0px;
    padding:0px;
    list-style:none;
    position:relative;
    display:inline-block;
    margin-top:0px;
}
.menu_sag {
    float:right;
    margin-right:15px;
}
.menu_sol {
    float:left;
    margin-left:15px;
}
.header_menu li {
    position:relative;
    margin: 0px;
    padding: 0px;
    list-style: none;
    float:left;
    display:inline-block;

    
}
.header_menu li i{
    text-align:center;
    margin-top:3px;
    display:block;
    font-size:10px;
    color:#4a0e00;
    transition: all 450ms ease-out;
    z-index:1;
    width:100%;
    float:left;
    opacity:0;
}
.header_menu li a{
    position:relative;
    z-index:1;
    display:block;
    font-size:15px;
    font-weight:600;
    padding:16px 15px;
    color:#ffffff;
    text-decoration:none;
    text-shadow:0px 2px 1px #333;
    transition: all 250ms ease-out;
    text-align:center;


}
.header_menu li:hover  a {
    color:#ffffff;
    background:#ffcb05;

}
.header_menu li:hover  i{
    opacity:1;
    color:#cccccc;
}


.menu_btn {
    position: relative;
    z-index: 5;
    padding: 8px 11px 5px 11px;
    display: none;
    border-radius: 4px;
    margin-top: 0px;
    float: right;
}



.menu_btn i {
    color: #fff;
    text-decoration: none;
    font-size: 30px;
}


.menu_close {
    color:#ffffff;    
    background:#;
    font-size:30px;
    float:right;
    padding:0px;
}

.menu_close:hover {

    color:#e62d2e;

}

.acilan_menu {
    display:none;
    width: 80%;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 10000;
    border-right: 4px solid #c1a672;
    padding: 15px;
    min-height: 100%;
    transition: all 350ms ease-out;
    background-color: rgba(0, 0, 0, 0.8);
}

.acilan_menu_baslik {
    color:#fff;
    font-size:16px;
    font-weight:700;
    float:left;
    padding-top:12px;
}

.menu_cizgi {
    height:1px;
    background:#fff;
    margin-top:10px;
    margin-bottom:15px;
}

.acilan_menu_list {
    margin:0px;
    padding:0px;
    list-style:none;
}
.acilan_menu_list li{
    margin:0px;
    padding:0px;
    list-style:none;
}

.acilan_menu_list li a{
    display:block;
    font-size:13px;
    color:#ffffff;
    text-decoration:none;
    padding:9px 0px;
    border-bottom:1px solid #333;
    transition: all 250ms ease-out;
    font-weight:500;
}

.acilan_menu_list li a:hover {
    background:#c1a672;
    padding-left:7px;
    color:#fff;
}

.acilan_menu_list ul {
    position:relative;
    z-index:5;
    display:none;
    padding:0px;
    margin:0px;
    padding:7px 7px 7px 15px;
}

.acilan_menu_list ul li a{

    font-weight:400;

}

.g {
    color: #999;
    font-size: 11px;
    font-style: italic;
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
}
.icerik {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 300px;
}

.icerik_bg {
    background: url(../images/icerik_bg.jpg) top center no-repeat;
    padding-bottom: 85px;
}

.page_bg {
    padding: 0px;
    background: url(../images/page_bg.jpg);
    background-position:top  center;
    background-size: auto;
    min-height: 210px;
}



.listurun {
    margin-top: 30px;
    margin-bottom:30px;
}

.listurun .item{
    font-size: 15px;
    font-weight: 700;
    color: #111;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: left;
    border-bottom: 1px solid #e9e9e9;
}

.listurun h2{
    text-align: left;
    margin: 0px;
    padding: 0px;
    margin-bottom: 15px;
    font-size:26px;
    font-weight: 800;
    color: #111;
}

.listurun h2 i{
    margin-right: 5px;
    color: #111;
}



.yazi {
    color: #333;
    font-weight:normal;
    font-size:14px;
    line-height: 1.7;
}
.devami {
    display: inline-block;
    padding: 9px 30px;
    background: #1b1b1b;
    color: #fff;
    font-weight:normal;    
    margin-top: 20px;
    transition: all 150ms ease-out;
}
.devami:hover {
    text-shadow:0px 2px 1px #333;
    background: #e99130;
    color: #fff;
}



.ust_menu {
    margin: 0;
    padding: 0;
    float: right;
    display: inline-block;
    z-index: 10;
    position: relative;
}

.ust_menu li {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
    margin-left: 15px;
    transition: all 150ms ease-out;
}
.ust_menu li:first-child{
    margin-left: 0px;
}
.ust_menu li b {
    font-weight: 400;
    display: block;
    font-size: 13px;
    float: left;
    color: #fff;
}
.ust_menu li span {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
    display: block;
    float: left;
}
.ust_menu li div{
    display: inline-block;
}

.ust_menu li a {
    color: #626262;
    text-decoration: none;
}

.ust_menu li i {
    margin-right: 4px;
    font-size:24px;
    vertical-align: inherit;
    color: #fff;
    margin-right: 12px;
    float: left;
    margin-top: 5px;
}

.siparis_vr_btn {
    display: inline-block;
    padding: 9px 25px;
    background: #e99130;
    color: #fff;
    font-weight:600;
    border-bottom: 2px solid #111;
    transition: all 250ms ease-out;

}
.siparis_vr_btn i{
    margin-right: 7px;
    transition: all 250ms ease-out;
}

.siparis_vr_btn:hover{
    color: #fff;
    background: #111;
}
.siparis_vr_btn:hover i{
    transform: rotate(360deg) scale(1.4);
}
.tel {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}
.tel span{
    font-size: 17px;
    color: #fff;
    font-weight: 500;
}
.tel  i{
    margin-right: 7px; 
    font-size: 18px;
}

.slide_bg {
    background:url(../images/slide_bg.jpg) no-repeat top center;
    background-size: cover;
    height: auto;
    margin-bottom: 40px;
    padding-top: 190px;
}
.main_title {    
    text-align: center;
    margin-bottom: 30px;
}
.main_title h2{
    padding: 0px;
    margin: 0px;
    font-size: 30px;
    color:#1b1b1b;
    font-weight: 700;
    display: inline-block;
}
.main_title h2 span{
    color_:#ffcb05;
    color:#e99130;
}
.main_title h2:after{
    content: "";
    display: block;
    width: 80px;
    background: #e99130;
    height: 2px;
    margin: 0 auto;
    margin-top: 9px;

}
.urunler_g {
    padding: 57px 0px 35px 0px;
    margin:50px 0px;
    background: url(../images/urunler_bg.jpg) center #f2f2f2;
}
.urundiv {
    margin-bottom: 30px;

    text-align: center;
}
.urundiv .urunimgdiv{
    margin-bottom: 15px;
    border: 3px solid #e99130;
    overflow: hidden;
    transition: all 250ms ease-out;
}
.urundiv .urunimgdiv img{
    border: 0px;
    max-width: 100%;
    transition: all 250ms ease-out;
}
.urundiv .urunimgdiv img:hover {
    transform: rotate(10deg) scale(1.4);
}
.urundiv:hover .urunimgdiv  {
    border-radius: 50px;
}
.urundiv:hover .urunbaslik  {
    transform: rotate(-8deg) scale(1.0);
    background: #e99130;
    padding: 0px 10px;
    color: #fff;
    border-radius: 10px;
}
.urundiv .urunbaslik{
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: all 250ms ease-out;
    display: inline-block;


}


.m_galeri_l { 
    padding:15px;
    display:inline-block;
    overflow:hidden;
    border-bottom:0px solid #CCC;


}
.m_galeri_l:hover .m_galeri_img
{ 
   -webkit-transform: scale(1.2);
   -ms-transform: scale(1.2);  
   -moz-transform: scale(1.2);
   transform: scale(1.2) rotate(15deg); 
   z-index:3;
   box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.m_galeri_l:hover .m_galeri_a 
{ 
   border-radius: 50px;
}
.m_galeri_img {
    min-height:100%;
    width:100%;
    transition: all 300ms ease-out;
    vertical-align:text-bottom;

}
.m_galeri_a {
    height:190px;
    width:100%;
    overflow:hidden;
    text-decoration:none;
    display:block;
    position:relative;
    border:0px solid #eeeeee;
    box-sizing:border-box;
    transition: all 160ms ease-out;
}
.m_galeri_efekt{
    overflow:hidden;
    position:absolute;
    bottom:0px;
    left:0px;
    height:100%;
    width:100%;
    background: rgba(255,203,5,0.5);
    transition: all 400ms ease-out;
    text-align:center;
    opacity: 0.0;
}
.m_galeri_efekt i {
    font-size:40px;
    color:#ffffff;
    margin-top:25%;
}
.m_galeri_l:hover .m_galeri_efekt{
    opacity: 1.0;
    z-index:5;

}



.iletisim_form {

}

.iletisim_form label{

    font-weight:600;

    color:#333;

    font-size:14px;

}

.iletisim_form .radio-inline{

    font-weight:500;

    color:#333;

    font-size:14px;

    padding-top:10px;

}

.iletisim_form .btn {

    background:#444;

    color:#ffffff;

    border:0px;

    font-weight:500;

    padding:9px 32px;

    transition: all 150ms ease-out;

    margin-bottom:20px;

    border-radius:0px;

}



.iletisim_form .btn:hover {

    background:#c1a672;

}



.iletisim_form .form-control {

    font-size: 13px;

    height:40px;

    border: 1px solid #ccc;

    border-radius:0px;

    box-shadow: inset 0 0px 0px rgba(0,0,0,0);

}

.iletisim_form .dropdown {

    padding:7px 12px;

}

.iletisim_form .textrea {

    height:140px;

}

.iletisim_form .form-group {



}





.iletisim_baslik {

    margin:0;

    padding:0;

    font-size:20px;

    font-weight:600;

    margin-bottom:25px;

}

.iletisim_list {

    padding:0;

    margin:0;

    list-style:none;

}

.iletisim_list li{

    padding:0;

    margin:0;

    list-style:none;

    padding:8px 0px;

}

.iletisim_list :last-child {



}

.iletisim_list li span{

    color:#424242;

    font-size:14px;

    font-weight:400;

}

.iletisim_list li i{

    margin-right:17px;

    vertical-align:baseline;

    color:#666;

    font-size: 18px;

}

.iletisim_sosyal_icon {

    display:inline-block;

}

.iletisim_sosyal_icon a{

    text-decoration: none;

    color: #111;

    font-size: 16px;

    padding: 0px 0px 0px 0px;

    display: inline-block;

    width: 35px;

    height: 35px;

    background: #f9f9f9;

    text-align: center;

    line-height: 35px;

    transition: all 250ms ease-out;

}

.iletisim_sosyal_icon a:hover {

    background: #111111;

    color:#fff;

}

.iletisim_sosyal_icon a:last-child {

    margin-right:0px;

    padding:0px 0px 0px 5px;

}




footer {padding:0px 0px; margin:0px;  background:#1b1b1b; position:relative; margin-top:0px; border-top:11px solid #ffcc03;}
.footer_ic { padding:47px 15px;}
.footer_alt {background:#ffcc03; min-height:38px; width:100%; padding:18px 0px;}
.footer_copy {color:#111;  text-align:center; font-size:13px; margin-top:0px;}
.footer_logo {
    margin-bottom: 30px;
    position: relative;
    margin-top: -108px;
}
.footer_sosyal {text-align:center;  width:110px; margin:0 auto; display:inline-block; margin-top:25px; }
.footer_sosyal a{padding:0px 0px 0px 0px; line-height:28px; border:0px;  display:inline-block; float:left; margin-right:1px;  text-align:center; height:25px; width:25px;    transition: all 250ms ease-out; border-radius:4px; }
.footer_sosyal a:hover{background:#dfb700; transform:scale(1.2)}
.footer_sosyal a:hover i {color:#111; transform:rotate(360deg);}
.footer_sosyal i {color:#FFFFFF; font-size:16px; transition: all 350ms ease-out;}
.footer_baslik {padding-bottom:23px; font-size:18px; font-weight:400; color:#FFFFFF;}
.foot_link {color:#999; font-size:15px; display:inline-block; padding:0px 10px 0px 10px; text-decoration:none; transition: all 250ms ease-out; border-right:1px solid #dfb700; margin-bottom:3px; line-height:1.2;}
.foot_link:hover {color:#FFF; transform:rotate(5deg);}
.ilet_satir {margin-bottom:10px; display:inline-block; margin-right:20px;}
.ilet_satir i {margin-right:7px; font-size:17px; color:#FFFFFF;}
.ilet_satir img {float:left; margin-right:7px; margin-bottom:16px;}
.ilet_satir span {color:#FFFFFF; font-size:14px;}


.arel {display:block; text-align:center; border-radius:5px; padding:10px 0px 0px 0px;  transition: all 200ms ease-out;}
.arel a:hover {background:#333;}
.arel a {text-decoration:none; color:#FFF; font-size:13px; font-weight:500; display:inline-block; border-radius:5px; padding:3px 7px 3px 3px; }
.arel a img{border:0px; margin-right:7px; vertical-align:bottom; display:inline-block; float:left}


@media (min-width: 992px) and (max-width: 1200px) { 



}


@media (min-width: 768px) and (max-width: 992px) {


}

@media (max-width: 768px){



    .logodiv { 
        width: auto;
        display: inline-block;
    }

    .logo {
        display:inline-block;
        position:relative;
        z-index:1;
        text-align:center;
    }

    .logo_img {
        max-width: 130px;
        margin-top:20px;
    }

    .header_menu {
        display: none;
    }

    .menu_btn {
        display: inline-block;
    }
    .slideralt {

        margin-top: 15px;
    }
    .page_title h2{ 

        font-size: 19px;

    }
    .page_bg {

        min-height: 190px;
    }
    .main_title h2{ 
        font-size: 19px;
    }
    .tel {
        font-size: 13px;
        color: #fff;
        font-weight: 500;
        float: right;
    }
    .slide_bg {
        background:url(../images/slide_bg.jpg) no-repeat top center;
        background-size: cover;
        height: auto;
        margin-bottom: 40px;
        padding-top: 190px;
        padding-bottom: 30px;
    }
    .m_galeri_a {
        height:100px;
    }
    .ust_menu li {
        display: block;
    }
    .ust_menu li b {
        font-size: 12px;
    }
    .ust_menu li span {
        font-size: 13px;
    }
    .menu_bg {
        margin-top: 30px;
    }
}


@media (min-width: 480px) and (max-width: 768px) {

 .m_galeri_a {
    height:150px;
}

}