body {font-family: 'Cairo', sans-serif;color: #dedede;line-height: 22px;background-color: #353c44;}
body.alt-sayfalar{background-image: url(/css/img/back2.png);background-size: contain;background-position: top center;background-repeat: no-repeat;}
body.alt-sayfalar #icerik{padding-top: 100px;}
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: none;border-color: transparent;outline: 0;box-shadow:  none;}
.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;}
.clear{clear:both;}
.title-1{border-bottom: 2px solid #36d52a;color: #fff;font-size: 18px;margin: 15px 0 7px 0}
 .title-2{text-align: center;font-weight: 300;font-size: 24px;}

header.n{position: absolute;height: 85px;top: 0;left: 0;z-index: 5;width: 100%;background-color: rgba(78, 90, 104, 0.7);border-bottom: 2px solid #838990;}
header.n a{ display: inline-block; position: relative;}
header.n a:not(.logo){color: #fff;transition-duration: .8s;width: 30%;float: left;text-align: center;line-height: 40px;background-color: rgba(59, 71, 85, 1);margin: 18px 5px 0 5px;border-left: 1px solid #39d42e;border-right: 1px solid #39d42e;box-shadow: 3px 2px 16px 0px #3b4755;font-size: 14px;font-weight: 600;}
header.n a:not(.logo):hover{color: #39d42e;box-shadow: inset 0 -2px 0px 0px #3b4755;}
header.n a:not(.logo):hover:after{content: "\f0d8";position: absolute;font-family: FontAwesome;width: 100%;left: 0;bottom: -6px;font-size: 19px;line-height: normal;}
header.n a:hover{}
header.n a.logo{background-color: #fff;box-shadow: 0 0 25px #545f6c;top: 0px;overflow:hidden;padding: 8px 3px;border-radius: 0 0 15px 15px;text-align: center;color: #3d434a;font-weight: 600;}
header.n .logo:before {transition: all .7s ease-in-out;content: '';width: 50px;height: 100%;background: rgba(255,255,255,0.2);position: absolute;top: -10px;left: -45px;z-index: 0;transform: rotate(0deg);}
header.n .logo:hover:before {left: 120%;}
header .logo ul{    display: table;
    margin: auto;
    padding: 0;}
header .logo li{position: relative;
    margin: 0 12px;
    text-align: center;}
header .logo li:before{    position: absolute;
    content: "\f111";
    font-family: FontAwesome;
    left: -11px;
    font-size: 9px;
    top: 1px;}


.alt-sayfalar header.n{position:relative;}
.alt-sayfalar header.n .logo{box-shadow:none;}
.breadcrumb{display: none;width: 80%;box-shadow: inset 0px 2px 7px 0px #3c4148;margin: 29px auto;border-top-left-radius: 0;border-top-right-radius: 0;font-size: 12px;padding: 5px 10px;}
.breadcrumb a{color: #3b4755;font-weight:600;}
.breadcrumb-item.active {cursor: default;}

#Slider{margin-bottom:25px;border-bottom: 2px solid #fff;}
#Slider .metin-1{background-color: #48ad46;padding: 0 10px;border-radius: 4px;line-height:35px;}
#Slider .metin-2{background-color: rgba(72, 173, 70, 0.90);padding: 18px 10px;border-radius: 4px;line-height:35px;text-align:center;}

#Home h1{color: #f2f2f2;font-size: 40px;font-weight: 300;}
#Home .haberler a{color: #f2f2f2;white-space:nowrap;overflow:hidden;width:100%;display:inline-block;text-overflow:ellipsis;}
#Home .haberler a i{font-size: 11px;float: left;margin: 8px 3px 0 0;}
#Home .haberler a:hover{color: #48ad46;}
#Home .iletisim{color:#fff;}
#Home .iletisim span{width: 65px;display: inline-block;}
#Home .iletisim a{color: #36d52a}
#Home .iletisim a:hover{color:#a0a0a0;}
#Home .catalog span{position: absolute;display:none;
    font-size: 35px;
    transform: rotate(27deg) translate(44px,86px);
    color: #353c44;
    font-weight: 600;z-index:99;
    text-shadow: 0px 2px rgba(131, 179, 83, 0.37);}
#Home .catalog:hover{cursor:pointer;}
#Home .catalog:hover span{display:block;}
#Home .catalog:hover img{opacity:.5;}



#HMOzellikler{background: transparent url(/css/img/back1.png)no-repeat top center;background-size: cover;} 
#HMOzellikler .ozellik{text-align: center;font-weight: 300;margin: 90px 0;border: 1px solid #434a52;padding: 25px;width: 100%;display: inline-block;}
#HMOzellikler .ozellik img{}
#HMOzellikler .ozellik h3{color: #d0d0d0;font-weight: 600;font-size: 22px;margin-top: 10px;}



#Kurumsal img{border: 1px solid #e9ecef;padding: 5px;}



#Hizmetler label{position: relative;color: #3d444b;font-weight: 600;font-size: 18px;line-height: 26px;}
#Hizmetler label:before{position: absolute;content: "";background-color: #48ad46;width: 420px;height: 100%;left: -135px;z-index: -1;transform: skew(-38deg);}
#Hizmetler ul{padding: 0;margin-bottom: 15px;display: inline-block;width: 100%;}
#Hizmetler ul li{background: transparent url(/css/img/icon.png)no-repeat center left;width: 100%;background-size: auto 100%;padding-left: 26px;line-height: 24px;margin-bottom: 5px;}
#Hizmetler img{border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
#Hizmetler hr{width: 100%;border-color: #465d71;}



#Iletisim .contact-page .item{}
#Iletisim .contact-page .item span{display: inline-block;width: 60px;}
#Iletisim .contact-page .item a{color: #dedede;}


#Iletisim .map{margin-top: 35px;border: 1px solid #dedede;padding: 5px;}

#Iletisim .contact-form input,
#Iletisim .contact-form textarea
{
border-radius: 0;margin-bottom: 5px;background-color: transparent;resize:none;color: #36d52a;
}
#Iletisim .contact-form .contact-btn{float: right;padding: 5px 15px;}


#Kariyer .input-group-addon{background: #fff;border: 1px solid #ced4da;padding: 9px 12px;font-size: 16px;border-right: 0;color: #36d52a;}






footer{border-top:1px solid #485058;padding-top: 35px;}
footer h4{font-size: 18px;font-weight:600;border-left: 2px solid #36d52a;padding-left: 5px;}
footer a{color: #dedede;}
footer a:hover{color: #36d52a;}
footer ul{padding:0;}
footer ul li{width:100%;}
footer .ebulten input{background-color: transparent;border: 1px solid #dedede; float: left;padding: 5px 6px;}
footer .ebulten span{border: 1px solid #dedede;padding: 5px 4px;float: left;cursor:pointer;border-left: 0;}
footer .ebulten span i{color: #36d52a;cursor:pointer;}
footer .maps{margin-top: 20px;display: inline-block;}
footer .maps span{position: relative;padding: 2px 15px 1px 15px;background-color: rgba(53, 60, 68, 0.7);margin: -25px auto;display: table;border-top-left-radius: 4px;border-top-right-radius: 4px;}
footer .maps:hover span{color:#000;}
footer .socials a img{width: 20px;display: inline-block;margin: 0 0 5px 4px;}



header.m{background-color:#fff;display:none;}
header.m .logo{text-align: center;color: black;font-weight: 600;}


@media only screen and (max-width : 460px) {

    header.m{display:block;}
 /*header.n{display:none;}*/

    #Hizmetler ul li {
    background: none;
    
    padding-left: 0; 
    list-style-type: disc;
    margin-left: 12px;
}

    #Hizmetler img {
    border-bottom-left-radius: 0;
}


}