body {
    margin: 0 0 0 0;
    font-family: Arial, sans-serif;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../../Font/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../../Font/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../../Font/OpenSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../../Font/OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../../Font/OpenSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-LightItalic';
    src: url('../../Font/OpenSans-LightItalic.ttf') format('truetype');
}

.cPageCon {
    float: left;
    width: 100%;
}

.cPageCen {
    width: 1170px;
    margin: 0 auto;
}

#dHead {
    width: 100%;
    position: absolute;
    height: 200px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-box-shadow: inset 0 228px 68px -107px rgba(0,0,0,.75);
    z-index: 999;
}

#dLogo {
    position: absolute;
    width: 203px;
    height: 73px;
    margin-top: 15px;
    z-index: 999;
}

#dLinkBtnAc {
    display: none;
}

#dLinkBtnKapat {
    display: none;
}

#dLinkConMobil {
    display: none;
}

.cLink {
    float: right;
    margin: 40px 0 0 30px;
    font-family: OpenSans-Regular;
    color: #fff;
    font-size: 16px;
    display: block;
    cursor: pointer;
}

    .cLink:hover .cAcMen {
        transition: 0.2s ease;
        display: block;
    }

.cAcMen {
    position: absolute;
    height: 0px;
    right: 80px;
    left: 80px;
    background-color: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: 0.2s ease;
    color: #fff;
    z-index: 1;
    display: none;
}

.cAcMenMrg {
    float: left;
    width: 100%;
    height: 50px;
}

.cAcMenIcr {
    float: left;
    width: 100%;
    height: 340px;
    background-color: #000;
}

.cAcMenItemCon {
    float: left;
    width: 24%;
    height: 340px;
}

.cAcMenItemSpr {
    float: left;
    width: 1px;
    height: 300px;
    background-color: #505050;
    margin: 20px 0 0 0;
}

.cAcMenBaslik {
    float: left;
    margin: 30px 0 20px 25px;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-family: OpenSans-ExtraBold;
    color: #f88e1d;
}

.cAcMenLink {
    float: left;
    width: 100%;
    margin: 0 0 0 25px;
    color: #fff;
    margin-bottom: 20px;
}

.cAcMenLink1 {
    float: left;
    width: 120px;
    margin: 0 0 0 10px;
    color: #fff;
    margin-bottom: 20px;
}

.cAcMenLink:hover .cAcMenLinkText {
    color: #56cee2;
}

.cAcMenLink:hover .cAcMenLinkAltText {
    color: #e5432d;
}

.cAcMenLink:hover .cAcMenLinkImg {
    background-position-y: -5px;
}





.cAcMenLink1:hover .cAcMenLinkText {
    color: #56cee2;
}

.cAcMenLink1:hover .cAcMenLinkAltText {
    color: #e5432d;
}

.cAcMenLink1:hover .cAcMenLinkImg {
    background-position-y: -5px;
}







.cAcMenLinkImg {
    float: left;
    width: 50px;
    height: 45px;
    background: transparent url("../../Images/mn-ico.png") no-repeat center top;
    background-position-y: -57px;
}

.cAcMenLinkText {
    margin-top: 3px;
    font-size: 18px;
    font-family: OpenSans-ExtraBold;
}

.cAcMenLinkAltText {
    font-size: 13px;
    font-family: OpenSans-Light;
    color: #fff;
}









#dTlpFormCon {
    position: fixed;
    width: 500px;
    height: 100%;
    z-index: 999;
    left: -500px;
}

#dTlpBtn {
    position: absolute;
    width: 260px;
    height: 40px;
    margin: 50% -150px 0 0;
    top: 50%;
    margin-top: -80px;
    transform: rotate(270deg);
    cursor: pointer;
    z-index: 999;
    right: 0;
}

#dTlpAc {
    position: absolute;
    width: 260px;
    height: 40px;
    background-color: #222222;
}

#dTlpKapat {
    position: absolute;
    width: 260px;
    height: 40px;
    background-color: #222222;
}

.cTlpImg {
    float: left;
    width: 40px;
    height: 40px;
    background: #f88e1d url("../../Images/close.png") no-repeat center center;
}

.cTlpText {
    float: left;
    width: 220px;
    height: 40px;
    font-family: OpenSans-Bold;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}

#dTlpForm {
    position: fixed;
    width: 500px;
    height: 100%;
    background: transparent url("../../Images/form-bg.jpg") no-repeat center top;
    z-index: 999;
}

.cSosMedCon {
    margin: 0 auto;
    width: 200px;
    margin: 25px 150px 0 150px;
}

.cSosMed {
    float: left;
    width: 50px;
    height: 50px;
}

#dFb {
    background: transparent url("../../Images/sm.png") no-repeat center top;
    background-position-x: -350px;
}

    #dFb:hover {
        background: transparent url("../../Images/sm.png") no-repeat center bottom;
        background-position-x: -350px;
    }

#dTw {
    background: transparent url("../../Images/sm.png") no-repeat center top;
    background-position-x: -300px;
}

    #dTw:hover {
        background: transparent url("../../Images/sm.png") no-repeat center bottom;
        background-position-x: -300px;
    }

#dIn {
    background: transparent url("../../Images/sm.png") no-repeat center top;
    background-position-x: -100px;
}

    #dIn:hover {
        background: transparent url("../../Images/sm.png") no-repeat center bottom;
        background-position-x: -100px;
    }

#dYt {
    background: transparent url("../../Images/sm.png") no-repeat center top;
    background-position-x: -200px;
}

    #dYt:hover {
        background: transparent url("../../Images/sm.png") no-repeat center bottom;
        background-position-x: -200px;
    }

#dTlpLogoCon {
    float: left;
    width: 320px;
    height: 110px;
    margin: 25px 0 0 90px;
}

#dTlpLogo {
    width: 150px;
    height: 48px;
    float: left;
    margin-right: 25px;
}

#dTlpLogoText1 {
    float: left;
    font-size: 26px;
    color: #292929;
    font-family: OpenSans-Light;
}

#dTlpLogoText2 {
    float: left;
    font-size: 25px;
    color: #292929;
    font-family: OpenSans-Semibold;
    letter-spacing: -1px;
    margin-top: -5px;
}

#dTlpLogoText3 {
    float: left;
    font-size: 16px;
    color: #292929;
    font-family: OpenSans-LightItalic;
    margin-top: 6px;
}

#dTlpHr {
    float: left;
    width: 400px;
    height: 1px;
    background-color: #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    margin: 20px 0 0 50px;
}

#dTlpInfo {
    float: left;
    font-size: 16px;
    color: #3E5A54;
    font-family: OpenSans-Regular;
    margin: 15px 90px 25px 90px;
}

.cTxt {
    float: left;
    width: 300px;
    height: 45px;
    border: 1px solid transparent;
    border-radius: 5px;
    filter: alpha(opacity=10);
    margin: 0 90px 15px 90px;
    padding: 0 10px 0 10px;
    font-size: 13px;
    color: #383838;
    background: transparent url("../../Images/alpBg.png") left top;
    font-family: OpenSans-Regular;
}

.cBtn {
    float: left;
    width: 320px;
    height: 50px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #292929;
    margin: 0 90px 0 90px;
    text-align: center;
    color: #fff;
    font-family: OpenSans-Bold;
    font-size: 15px;
    cursor: pointer;
}

.cLblSnc {
    position: absolute;
    font-family: OpenSans-Bold;
    color: #e5432d;
    font-size: 12px;
    margin: 567px 0 0 417px;
}

.cLblSncMbl {
    position: absolute;
    font-family: OpenSans-Bold;
    color: #e5432d;
    font-size: 12px;
    margin: 533px 0 0 195px;
}














#dTlpFormConMobil {
    position: fixed;
    width: 300px;
    height: 100%;
    z-index: 999;
    left: -300px;
    display: none;
}

#dTlpBtnMobil {
    position: absolute;
    width: 260px;
    height: 40px;
    margin: 50% -150px 0 0;
    top: 50%;
    margin-top: -80px;
    transform: rotate(270deg);
    cursor: pointer;
    z-index: 999;
    right: 0;
}

#dTlpAcMobil {
    position: absolute;
    width: 260px;
    height: 35px;
    background-color: #222222;
}

#dTlpKapatMobil {
    position: absolute;
    width: 260px;
    height: 35px;
    background-color: #222222;
}

.cTlpImgMobil {
    float: left;
    width: 35px;
    height: 35px;
    background: #f88e1d url("../../Images/close.png") no-repeat center center;
}

.cTlpTextMobil {
    float: left;
    width: 220px;
    height: 40px;
    font-family: OpenSans-Bold;
    color: #fff;
    font-size: 15px;
    line-height: 35px;
    text-align: center;
}

#dTlpFormMobil {
    position: fixed;
    width: 300px;
    height: 100%;
    background: transparent url("../../Images/form-bg.jpg") no-repeat center top;
    z-index: 999;
}

.cSosMedConMobil {
    margin: 0 auto;
    width: 200px;
    margin: 25px 150px 0 45px;
}

.cSosMedMobil {
    float: left;
    width: 50px;
    height: 50px;
}

#dFbMobil {
    background: transparent url("../../Images/sm.png") no-repeat center top;
    background-position-x: -350px;
}

    #dFbMobil:hover {
        background: transparent url("../../Images/sm.png") no-repeat center bottom;
        background-position-x: -350px;
    }

#dTwMobil {
    background: transparent url("../../Images/sm.png") no-repeat center top;
    background-position-x: -300px;
}

    #dTwMobil:hover {
        background: transparent url("../../Images/sm.png") no-repeat center bottom;
        background-position-x: -300px;
    }

#dInMobil {
    background: transparent url("../../Images/sm.png") no-repeat center top;
    background-position-x: -100px;
}

    #dInMobil:hover {
        background: transparent url("../../Images/sm.png") no-repeat center bottom;
        background-position-x: -100px;
    }

#dYtMobil {
    background: transparent url("../../Images/sm.png") no-repeat center top;
    background-position-x: -200px;
}

    #dYtMobil:hover {
        background: transparent url("../../Images/sm.png") no-repeat center bottom;
        background-position-x: -200px;
    }

#dTlpLogoConMobil {
    float: left;
    width: 270px;
    height: 75px;
    margin: 25px 0 0 30px;
}

#dTlpLogoMobil {
    width: 150px;
    height: 48px;
    float: left;
    margin-right: 5px;
}

    #dTlpLogoMobil img {
        width: 140px;
        height: auto;
    }

#dTlpLogoText1Mobil {
    float: left;
    font-size: 20px;
    color: #292929;
    font-family: OpenSans-Light;
}

#dTlpLogoText2Mobil {
    float: left;
    font-size: 18px;
    color: #292929;
    font-family: OpenSans-Semibold;
    letter-spacing: -1px;
    margin-top: -5px;
}

#dTlpLogoText3Mobil {
    float: left;
    font-size: 16px;
    color: #292929;
    font-family: OpenSans-LightItalic;
    margin-top: 6px;
}

#dTlpHrMobil {
    float: left;
    width: 230px;
    height: 1px;
    background-color: #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    margin: 20px 0 0 50px;
}

#dTlpInfoMobil {
    float: left;
    width: 260px;
    font-size: 16px;
    color: #3E5A54;
    font-family: OpenSans-Regular;
    margin: 15px 0 25px 30px;
}

.cTxtMobil {
    float: left;
    width: 222px;
    height: 45px;
    border: 1px solid transparent;
    border-radius: 5px;
    filter: alpha(opacity=10);
    margin: 0 0 15px 30px;
    padding: 0 10px 0 10px;
    font-size: 13px;
    color: #383838;
    background: transparent url("../../Images/alpBg.png") left top;
    font-family: OpenSans-Regular;
}

.cBtnMobil {
    float: left;
    width: 245px;
    height: 50px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #292929;
    margin: 0 0 0 30px;
    text-align: center;
    color: #fff;
    font-family: OpenSans-Bold;
    font-size: 15px;
}
















@media screen and (min-width: 0px) and (max-width: 992px) {
    .cPageCen {
        width: 100%;
    }

    .cLink {
        display: none;
    }

    #dLogo {
        margin: 15px 0 0 15px;
    }

    #dLogoMenu {
        position: absolute;
        width: 203px;
        height: 73px;
        margin: 15px 0 0 15px;
    }

    #dLinkBtnAc {
        position: fixed;
        width: 82px;
        top: 30px;
        right: 5px;
        cursor: pointer;
        z-index: 1002;
        display: block;
    }

    #dLinkBtnKapat {
        position: fixed;
        width: 82px;
        top: 30px;
        right: 5px;
        cursor: pointer;
        z-index: 1002;
        display: block;
    }

    .cLinkBtnText {
        float: left;
        margin: -3px 5px 0 0;
        font-family: OpenSans-Semibold;
        color: #fff;
        font-size: 14px;
    }

    .cLinkBtnHrCon {
        float: left;
        width: 30px;
    }

    .cLinkBtnHr {
        float: left;
        width: 25px;
        height: 3px;
        background-color: #fff;
        margin-bottom: 3px;
    }

    #dLinkConMobil {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000;
        z-index: 1001;
    }

    .cLinkMobilMrg {
        float: left;
        width: 100%;
        margin: 0 0 120px 0;
    }

    .cLinkMobil {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        font-family: OpenSans-Semibold;
        color: #fff;
        font-size: 16px;
        text-indent: 60px;
        line-height: 45px;
        display: block;
    }

    .cAltLinkMobil {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        font-family: OpenSans-Bold;
        color: #fe0000;
        font-size: 16px;
        text-indent: 70px;
        line-height: 45px;
        display: block;
    }

    #dTlpFormCon {
        display: none;
    }

    #dTlpFormConMobil {
        display: block;
    }
}