body {font-family: 'Cairo', sans-serif;}
li{float:left;list-style-type:none;}
a:hover{text-decoration:none;}
img{max-width:100%;}
*:focus{outline:none;}
#icerik{padding-bottom: 50px;}
.form-control:focus {color: #495057;background-color: #fff;border-color: #e29c62;outline: 0;box-shadow: 0 0 0 0.2rem rgba(239, 127, 26, 0.51);}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{float:left;}
.title-1{background-color:#ece8e5;}
.title-1 h1{background-color: #4e565a;color: #fff;float: left;padding: 14px 40px 12px 0;margin: 0;position: relative;font-weight:700;font-size: 16px;}
.title-1 h1:before{position: absolute;content: "";top: 0;left: -900px;background-color: #4e565a;height: 100%;width: 900px;}
.title-1 h1:after{position: absolute;content: "";top: 0;right: -44px;background-color: #4e565a;height: 100%;width: 55px;transform: skew(-27deg);}
.title-3{background-color: #4e565a;color: white;padding: 5px;font-size: 19px;float: left;width: 100%;overflow: hidden;margin-bottom: 20px;position:relative;border-left: 4px solid #ee791b;}
.title-3:after{position: absolute;right: 8px;content: "";height: 100%;width: 18px;background-color: #ece8e5;top: 0;transform: skew(-42deg);box-shadow: 1px 2px 4px 2px #252525;}
.title-3 span{ 
       position: relative;
    float: left;
    color: #4e565a;
    padding: 5px 40px 5px 6px;
    z-index: 2;
   }
.title-3 span:before{position: absolute;content: "";background-color: #ece8e5;box-shadow: inset 1px 1px 1px #4e565a;width: 100%;height: 100%;z-index: -1;top: 0;left: -19px;transform: skew(-42deg);}
h1.head{position: relative;font-size: 35px;width: 100%;text-align: center;margin: 22px 0 50px 0;color: #4e565a;}
h1.head:after{position: absolute;content: "";width: 6%;height: 2px;background-color: #e94b1f;left: 47%;bottom: -3px;}
.title-4{
        margin-top: 7px;
    text-align: right;
    color: #ec641d;
}




header{overflow-x:hidden; position:relative;height:532px; width:100%; background:transparent url('/css/img/header.png')no-repeat bottom center;}
header.alt-sayfa{height:226px;background: transparent url(/css/img/header-alt.png)no-repeat bottom center;}

header .back{width:100%;background-repeat:no-repeat;background-position:top center;height:100%;position:absolute;top:0;left:0;}
header .top ul{float: left;padding: 0;margin:6px 0 1em 0;}
header .top li a{color: #fff;margin: 0 4px;padding-top: 1px;font-size: 12px;float: left;}
header .navbar{display:none;}
header .menu{position:relative;float:right;z-index:3;margin-right:40px;}
header .menu:before{position:absolute;top:0;left:-20px;height:100%;width:990px;content:""; z-index:1;background:transparent url('/css/img/menu.png')no-repeat left center;}
header .menu li{position:relative;z-index:2;}
header .menu li a{color: #fff;margin: 0;padding: 11px 15px;display: inline-block;position: relative;z-index: 2;font-weight: 700;font-size: 12px;text-decoration: none; }
header .menu li:hover a:after,
header .menu li.active a:after
{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;border-radius: 13px;transform: skew(-35deg);z-index: -1;  }
header .arama a{position: relative;z-index: 3;background-color: #eae9e9;color: #000;border-radius: 5px;width: 43px;display: inline-block;font-size: 19px;text-align: center;padding: 3px 0 8px 0;}

#HomeMedya{padding: 35px 0;}

#HomeMedya .home-item .hm-catalog{text-align:center;width:100%;}
#HomeMedya .home-item .hm-catalog img{max-height:100%;}
#HomeMedya .home-item{position: relative;display: block;width: 100%;border-radius: 40px;padding: 45px 25px 45px 55px;height: 250px;}
#HomeMedya .home-item .baslik{position: absolute;height: 100%;width: 100%;background-position: left center;left:0;top:0;background-repeat: no-repeat;}
#HomeMedya .home-item .baslik + *{float:left;height:100%;}

#HomeMedya .home-item .slick-list{height: 100%;}
#HomeMedya .home-item .slick-arrow{background:transparent url('/css/img/nav.png')no-repeat center;width:30px;height:30px;position:absolute;bottom:-40px;left: 34%;}
#HomeMedya .home-item .slick-arrow.prev{background-position: 0;margin-left: 38px;}
#HomeMedya .home-item .slick-arrow.next{background-position: right;}

#HomeMedya .home-item .slider a{height:100%;width:100%;display:inline-block; background:transparent url('/css/img/ornek-urun.png')no-repeat center;}


#HomeMedya .home-item .haberler{}
#HomeMedya .home-item .haberler a{width: 100%;padding:6px 0;float: left;font-weight:bold;color: #7d7777;border-bottom: 1px solid #cac7c7;}
#HomeMedya .home-item .haberler a:hover{color: #e94e1f;}


#HomeOzellik{background-color:#e3dfdc;}
#HomeOzellik .ozellik{margin: 30px auto;}
#HomeOzellik .ozellik img{float: left;margin:8px 25px;}
#HomeOzellik .ozellik h3{font-weight: 700;margin: 0;font-size: 15px;color: #666666;}
#HomeOzellik .ozellik p{color: #666666;line-height: 25px;font-size:14px;}





footer{background-color:#ece8e5;padding-top:20px; }
footer ul{padding: 0 0 0 9px;}
footer h4{font-weight: bold;font-size: 16px;margin-bottom: 2px;color: #4f5367;}
footer p{font-size: 14px;color:#888d9e;}
footer a{color: #888d9e;font-size: 14px;}
footer .ft-logo{margin-bottom:10px;}
footer form{width:100%;}
footer form span{cursor:pointer; background-color: #e1dfdd;font-size: 13px;padding: 0px 20px;float: left; width:30%;line-height: 40px;color: #9a9a9a;}
footer form input[type=email]{border: none;padding: 10px 14px;float: left;width: 70%;font-size: 13px;}
footer ul li{width:100%;position:relative; }
footer ul li:before{position: absolute;left: -9px;content: "\f111";font-family: FontAwesome;font-size: 7px;color: #968d8d;top: 9px;}


#Urunler{}
#Urunler .urun-gruplari{float: left;margin: 0 0 20px 0;width:100%;padding: 0;}
#Urunler .urun-gruplari li{width:100%;border-bottom: 1px solid #cecbcb;text-align:center;line-height:45px;}
#Urunler .urun-gruplari li a{font-size: 15px;}
#Urunler .urun-gruplari>li{ cursor: pointer;}
#Urunler .urun-gruplari>li>a{color: #000;height: 100%;position: relative;}
#Urunler .urun-gruplari>li>a.active{font-weight:bold;}
#Urunler .urun-gruplari>li>a.active + .sub-menu{display:block;}
#Urunler .urun-gruplari>li>a:after{position: absolute;right: -11px;top: 7px;font: 15px FontAwesome;content: "\f105";}
#Urunler .urun-gruplari>li>a.active:after{content: "\f107"; }
#Urunler .urun-gruplari .sub-menu{width:100%;margin:0;padding:0;display:none;}
#Urunler .urun-gruplari .sub-menu li a{ color: #fff;}
#Urunler .urun-gruplari .sub-menu li a.active,
#Urunler .urun-gruplari .sub-menu li a:hover
{font-weight:bold;text-shadow: 2px 1px #ef7f1a;}


.breadcrumb{float: right;margin-top: -42px;background: none;padding-right: 0;}
.breadcrumb li{font-size: 13px;}
.breadcrumb li a{color:#666666;}



.contact-page {background: #f5f5f5;padding: 30px;}
.contact-icon {padding: 15px 0px;}
.contact-icon span{display: inline-block;
    width: 55px;
    font-weight: 700;}
.single-icon i {color: #fff;float: left;font-size: 24px;height: 50px;line-height: 46px;margin-right: 20px;text-align: center;width: 50px;border: 1px solid #e94d1f;background: #eb5e1d;border-radius: 50%;}
.contact-form{width: 100%;display: inline-block;}
.contact-form input[type="text"], .contact-form input[type="email"] {border: 1px solid #ccc;border-radius: 0;height: 44px;margin-bottom: 15px;padding-left: 20px;width: 100%;}
.contact-form textarea#message {border: 1px solid #ccc;border-radius: 0px;height: 179px;padding: 20px;width: 100%;resize:none;}
.contact-form button[type="submit"] {border: 1px solid gray;float: left;margin: 8px 0;cursor: pointer;padding: 5px 22px;color: #000;background-color: whitesmoke;}
.contact-form button[type=submit]:hover{color: #eb5e1d;}
 
.map-dis{padding: 5px;border:1px solid #4e565a;margin: 0;display: inline-block;width: 100%;}
.kariyer{height: 300px;background-image: url(/css/img/kariyer.jpg);background-attachment: fixed;position: relative;width: 100%;float: left;background-repeat: no-repeat;box-shadow: inset 2px 2px 18px 0px #968f89;border-radius: 3px;}
 

#Kurumsal .belgeler{}
#Kurumsal .belgeler a{    display: inline-block;
    border: 3px solid #4e565a;
    width: 18%;
    margin: 0 1%;
    float: left;}
#Kurumsal .belgeler a img{}


.gruplar{width: 100%;float:left; padding: 10px 15px 40px;border: 1px dashed #ea5a1e;}
.gruplar  li{width:100%;float:left;background-color: #ece8e5;
    margin-bottom: 5px;}
.gruplar > li > a{width: 100%;color: #59646a;position:relative;display: inline-block;padding:3px 15px 3px;line-height: normal; }
.gruplar > li > a:hover{color: #e84620;}
.gruplar > li > a:before{ position: absolute;
    top: 12px;
    left: 1px;
    content: "\f0da";
    font: normal normal normal 15px/1 FontAwesome;
    color: #eb5f1d;}
.gruplar .sub-menu{padding: 10px 0 0 15px; }
.gruplar .sub-menu li{width:100%;float:left; }
.gruplar .sub-menu li a{color: #151516;width: 100%;padding: 8px;display: inline-block;font-weight: bold; }
.gruplar .sub-menu li a:hover {
}

.gruplar li a.active
{     color: #6d5e5e;
    font-weight: 700;
    text-align: right;}
.gruplar li a.active:before{left: auto;
    content: "\f0da";
    right: -6px;
    top: 7px;
    font-size: 25px;
    color: #eb5f1d;}




.urun {border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.urun:nth-child(4n){border:none;border-bottom: 1px solid #e0e0e0;}
#Home .urun:nth-child(n+5){border-bottom: none;}
.urun a{display:inline-block;width:100%;text-align:center;color: #8c8c8c;padding:25px; }
.urun a img{transition-duration:.7s; }
 .urun:hover img{border-radius:70px;}
.urun a img{}
.urun a label{display: inline-block;cursor:inherit;
width: 100%;line-height: 21px;height:42px;
color: #e32124;
font-weight: 700;
margin: 0;
font-size: 18px;}
.urun a span{width: 100%;
    margin-top: -6px;
    float: left;}
.urun a p{    font-size: 12px;}
.urun a p strong{    font-size: 15px;}