#dH1 {
    position: absolute;
    margin-left: -2000px;
}

.cBodyCon {
    float: left;
    width: 100%;
    min-height: 770px;
    background: transparent url("../../Images/Trabzon-Web-Yazilim-Foto.jpg") no-repeat center center;
    background-size: cover;
}

.cBodyConAlpha {
    float: left;
    width: 100%;
    min-height: 717px;
    background: transparent url("../../Images/alpha.png") scroll left top;
}

#dDefaultTextCon {
    width: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -200px;
    height: 310px;
}

#dDefaultText {
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 127px;
    font-family: 'Ubuntu-R';
}

#dDefaultTextRed {
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 auto;
    color: #ea202e;
    font-size: 127px;
    font-family: 'Ubuntu-B';
}

#dDefaultAltText {
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 60px;
    font-family: 'Ubuntu-R';
}

#dDefaultAltText2 {
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 25px;
    font-family: 'Ubuntu-R';
}

#dDefaultAltText3 {
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    font-family: 'Ubuntu-R';
    padding-top: 5px;
}

#dBodyBotCon {
    width: 100%;
    float: left;
    background-color: #1a1d24;
}

#dBodyBotConCen {
    width: 1170px;
    margin: 0 auto;
}

.cBodyBotItemCon {
    width: 390px;
    float: left;
    cursor: pointer;
}

.cBodyBotItemCon:hover {
    background-color:#16181e;
}

.cBodyRoundCen {
    width: 390px;
    float: left;
    margin-top: 20px;
}

.cBodyRoundText {
    float: left;
    width: 390px;
    color: #fff;
    font-size: 27px;
    font-family: 'Ubuntu-B';
    text-align: center;
    margin: 30px 0 50px 0;
    letter-spacing: 3px;
}

.cBodyBotImg {
    width: 140px;
    height: 140px;
    margin: 25px auto 0 auto;
}

.cBodyBotText {
    margin-top: 37px;
    font-size: 30px;
    color: #fff;
    font-family: 'Lato-Light';
}

#dBodyGrayCon {
    float: left;
    width: 100%;
    background-color: #4c4f4f;
}

#dBodyGrayConCen {
    margin: 0 auto;
    width: 1170px;
    height: 650px;
}

.cBodyGrayText1 {
    width: 1170px;
    font-size: 110px;
    color: #fff;
    font-family: 'Quicksand-Bold';
    text-align: center;
    margin: 130px 0 0 0;
}

.cBodyGrayText2 {
    width: 1170px;
    font-size: 110px;
    color: #fff;
    font-family: 'Quicksand-Bold';
    text-align: center;
    margin: -20px 0 40px 0;
}

.cBodyGrayText3 {
    width: 1100px;
    font-size: 15px;
    color: #fff;
    font-family: 'Ubuntu-R';
    text-align: center;
    margin: 0 0 0 35px;
    text-transform: uppercase;
}

.cRedBtn {
    width: 240px;
    height: 80px;
    font-size: 24px;
    color: #fff;
    font-family: 'Ubuntu-B';
    text-align: center;
    margin: 75px auto 0 auto;
    line-height: 80px;
    background-color: #ea212e;
}

    .cRedBtn:hover {
        background-color: #f45963;
    }

#dBodyRed {
    float: left;
    width: 100%;
    height: 710px;
    background: #ea212e url("../../Images/page1_img1.png") no-repeat left center;
}

#dBodyRedRight {
    float: right;
    padding: 0 50px 0 50px;
    width: 830px;
    height: 710px;
    background-color: #ea212e;
}

.cBodyRedBaslik {
    width: 830px;
    font-size: 110px;
    color: #fff;
    font-family: 'Quicksand-Bold';
    text-align: center;
    float: left;
    margin: 100px 0 0 0;
}

.cBodyRedBaslikBot {
    float: left;
    width: 830px;
    font-size: 110px;
    color: #fff;
    font-family: 'Quicksand-Bold';
    text-align: center;
    margin: -20px 0 0 0;
}

.cBodyRedSmlText {
    font-size: 15px;
    color: #fff;
    font-family: 'Ubuntu-R';
    text-align: center;
    margin: 40px 0 0 0;
    width: 830px;
    float: left;
    text-transform: uppercase;
}

.cGrayBtnCon {
    float: left;
    margin: 40px 0 0 0;
    width: 830px;
}

.cGrayBtn {
    width: 240px;
    height: 80px;
    font-size: 24px;
    color: #fff;
    font-family: 'Ubuntu-B';
    text-align: center;
    margin: 35px auto 0 auto;
    line-height: 80px;
    background-color: #4c4f4f;
    cursor: pointer;
}

    .cGrayBtn:hover {
        background-color: #717171;
    }

#dBodyGray {
    float: left;
    width: 100%;
    height: 710px;
    background: #2b2e2e url("../../Images/page1_img1_1.png") no-repeat right center;
}

#dBodyGrayLeft {
    float: left;
    padding: 0 50px 0 50px;
    width: 830px;
    height: 710px;
    background-color: #2b2e2e;
}

#dBodyWhite {
    padding: 70px 0 50px 0;
    float: left;
    width: 100%;
    background-color: white;
}

#dBodyWhiteCon {
    margin: 0 auto;
    width: 1170px;
}

.cBodyWhiteBaslik {
    width: 1170px;
    font-size: 110px;
    color: #2b2e2e;
    font-family: 'Quicksand-Bold';
    text-align: center;
    margin: 40px 0 60px 0;
    float: left;
}

.cBodyWhiteBaslikReg {
    font-size: 110px;
    color: #2b2e2e;
    font-family: 'Quicksand-Bold';
    text-align: center;
    margin-left: -10px;
}

.cBodyWhiteItemConLeft {
    float: left;
    width: 528px;
    height: 140px;
    margin-bottom: 100px;
}

.cBodyWhiteItemConLeft:hover {
background-color:#2b2e2e;
}

.cBodyWhiteItemConLeft:hover .cBodyWhiteBaslikLeft{
color:#fff;
}

.cBodyWhiteItemConLeft:hover .cBodyWhiteDetayLeft{
color:#fff;
}

.cBodyWhiteItemConRight:hover {
background-color:#2b2e2e;
}

.cBodyWhiteItemConRight:hover .cBodyWhiteBaslikRight{
color:#fff;
}

.cBodyWhiteItemConRight:hover .cBodyWhiteDetayRight{
color:#fff;
}

.cBodyWhiteTextConLeft {
    float: right;
    width: 365px;
    height: 140px;
    margin-right: 22px;
}

.cBodyWhiteImgLeft {
    float: right;
    width: 140px;
    height: 140px;
    background-color: #fff;
}

.cBodyWhiteBaslikLeft {
    float: right;
    width: 365px;
    margin: 10px 0 10px 0;
    font-family: 'Ubuntu-B';
    font-size: 35px;
    color: #2c2d2e;
    text-align: right;
}

.cBodyWhiteDetayLeft {
    float: right;
    width: 365px;
    font-family: 'Ubuntu-R';
    font-size: 15px;
    color: #2c2d2e;
    text-align: right;
    text-transform: uppercase;
}

.cBodyWhiteItemConRight {
    float: right;
    width: 528px;
    height: 140px;
    margin-bottom: 100px;
}

.cBodyWhiteImgRight {
    float: left;
    width: 140px;
    height: 140px;
    background-color: #fff;
}

.cBodyWhiteTextConRight {
    float: left;
    width: 365px;
    height: 140px;
    margin-left: 22px;
}

.cBodyWhiteBaslikRight {
    float: left;
    width: 365px;
    margin: 10px 0 10px 0;
    font-family: 'Ubuntu-B';
    font-size: 35px;
    color: #2c2d2e;
    text-align: left;
}

.cBodyWhiteDetayRight {
    float: left;
    width: 365px;
    font-family: 'Ubuntu-R';
    font-size: 15px;
    color: #2c2d2e;
    text-align: left;
    text-transform: uppercase;
}

#dBodyCen {
    width: 100%;
    height: 420px;
    float: left;
    background: transparent url("../../Images/center-bg.jpg") scroll center center;
    background-size: cover;
}

.cBodyImgCon {
    float: left;
    width: 100%;
    min-height: 980px;
    background: transparent url("../../Images/page1_img3.jpg") no-repeat center center;
    background-size: cover;
}

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

.cBodyWhiteGrayBtnCon {
    width: 1170px;
    float: left;
    margin-bottom: 120px;
}


.cBodyWhiteGrayBtn {
    width: 240px;
    height: 80px;
    font-size: 24px;
    color: #fff;
    font-family: 'Ubuntu-B';
    text-align: center;
    margin: 0 auto;
    line-height: 80px;
    background-color: #4c4f4f;
    cursor: pointer;
}

    .cBodyWhiteGrayBtn:hover {
        background-color: #717171;
    }

.cBodyImgItemCon {
    float: left;
    width: 570px;
    height: 210px;
    margin-bottom: 30px;
    background-color: #c8232f;
    cursor: pointer;
}

    .cBodyImgItemCon:hover {
        background-color: #4c4f4f;
    }


.cBodyImgItem {
    float: left;
    width: 210px;
    height: 210px;
}

.cBodyImgItemConSpr {
    width: 30px;
    height: 210px;
    float: left;
}

.cBodyImgTextCon {
    float: left;
    width: 337px;
    height: 210px;
    margin-left: 15px;
}

.cBodyImgBaslik {
    float: left;
    width: 340px;
    margin: 10px 0 10px 0;
    font-family: 'Ubuntu-B';
    font-size: 35px;
    color: #fff;
    text-align: left;
}

.cBodyImgDetay {
    float: left;
    width: 335px;
    font-family: 'Ubuntu-R';
    font-size: 15px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
}

#dBodyBotWhiteCon {
    float: left;
    width: 100%;
    min-height: 980px;
    background-color: #fff;
}

#dBodyBotWhiteConCen {
    margin: 0 auto;
    width: 1170px;
}

.cBodyBotWhiteText1 {
    width: 1170px;
    font-size: 110px;
    color: #2b2e2e;
    font-family: 'Quicksand-Bold';
    text-align: center;
    margin: 130px 0 0 0;
}

.cBodyBotWhiteText2 {
    width: 1170px;
    font-size: 110px;
    color: #2b2e2e;
    font-family: 'Quicksand-Bold';
    text-align: center;
    margin: -20px 0 40px 0;
}

.cBodyBotWhiteImg {
    margin: 0 auto;
    width: 302px;
    height: 302px;
}

.cBodyBotWhiteText3 {
    float: left;
    width: 1170px;
    margin: 0 0 0 0;
    font-family: 'Ubuntu-B';
    font-size: 35px;
    color: #2c2d2e;
    text-align: center;
    margin: 30px 0 20px 0;
}

.cBodyBotWhiteText4 {
    margin: 0 auto;
    width: 900px;
    font-family: 'Ubuntu-R';
    font-size: 15px;
    color: #2c2d2e;
    text-align: center;
    text-transform: uppercase;
}

.cPageLeft {
    width: 100%;
    float: left;
    background-color: #2b2e2e;
    margin: 1px 0 0 0;
    padding: 60px 0 120px 0;
}

.cPageCon {
    width: 1170px;
    margin: 0 auto 100px auto;
}

.cPageBaslik {
    float: left;
    margin: 0 0 50px 0;
    width: 100%;
    font-family: "Ubuntu-B";
    color: #fff;
    font-size: 60px;
    text-align: center;
}

.cPageImg {
    float: left;
    width: 470px;
}

.cPageImgText {
    float: right;
    width: 670px;
    font-family: "Ubuntu-R";
    color: #fff;
    font-size: 13px;
    line-height: 20px;
}

.cPageText {
    float: left;
    width: 1170px;
    font-family: "Ubuntu-R";
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}

.cPageBtnCon {
    float: left;
    width: 670px;
    height: 80px;
}

.cPageRedBtn {
    width: 240px;
    height: 80px;
    font-size: 24px;
    color: #fff;
    font-family: 'Ubuntu-B';
    text-align: center;
    line-height: 80px;
    background-color: #ea212e;
    float: left;
    margin: 25px 0 0 30px;
}

    .cPageRedBtn:hover {
        background-color: #f45963;
    }

.cPageImgRed {
    float: left;
    width: 100%;
    height: 250px;
    background: transparent url("../../Images/page-red.png") no-repeat center center;
}

.cServisBotCon {
    float: left;
    width: 100%;
    height: 610px;
    background: #ea212e url("../../Images/servis-bot.png") no-repeat center right;
}

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

.cServisBotBaslik {
    font-family: "Ubuntu-B";
    color: #fff;
    font-size: 60px;
    text-align: center;
    width: 785px;
    margin: 80px 0 40px 0;
}

.cServisBoxCon {
    float: left;
    width: 200px;
    margin: 0 90px 0 0;
}

.cServisBoxRound {
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    border-radius: 100px;
    font-family: 'Ubuntu-B';
    line-height: 100px;
    color: #fff;
    font-size: 50px;
    text-align: center;
    margin: 0 auto;
}

.cServisBoxBaslik {
    width: 200px;
    font-family: 'Ubuntu-B';
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin: 20px 0 0 0;
}

.cServisBoxText {
    width: 260px;
    font-family: 'Ubuntu-R';
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin: 25px 0 0 -30px;
}

.cPageBotCon {
    float: left;
    width: 100%;
    height: 610px;
    background-color: #ea212e;
}

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

.cPageBotBaslik {
    font-family: "Ubuntu-B";
    color: #fff;
    font-size: 60px;
    text-align: center;
    width: 1170px;
    margin: 80px 0 40px 0;
    float: left;
}

.cPageBoxCon {
    float: left;
    width: 250px;
    margin: 0 70px 0 70px;
}

.cPageBoxRound {
    width: 150px;
    height: 150px;
    border: 2px solid #fff;
    border-radius: 150px;
    font-family: 'Ubuntu-B';
    line-height: 150px;
    color: #fff;
    font-size: 50px;
    text-align: center;
    margin: 0 auto;
}

.cPageBoxBaslik {
    width: 250px;
    font-family: 'Ubuntu-B';
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin: 20px 0 0 0;
}

.cPageBoxText {
    width: 260px;
    font-family: 'Ubuntu-R';
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin: 25px 0 0 -5px;
}

.cUygulamaFotoCon {
    float: left;
    width: 390px;
    height: 390px;
}

#dMapCon {
    float: left;
    width: 585px;
}

#dMapBaslik {
    float: left;
    width: 585px;
    font-family: 'Ubuntu-B';
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin: 0 0 50px 0;
}

#dMap {
    float: left;
    width: 585px;
    height: 500px;
}

#dIletFormAllCon {
    float: right;
    width: 550px;
}

#dIletFormBaslik {
    float: left;
    width: 585px;
    font-family: 'Ubuntu-B';
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin: 0 0 50px 0;
}

#dIletFormCon {
    float: left;
    width: 550px;
    height: 500px;
}

#dOnlineRandevuCon {
    margin: 0 auto;
    width: 550px;
    height: 500px;
}

.cIletFormItemCon {
    float: left;
    width: 550px;
    margin: 0 10px 10px 0;
}

.cTxtForm {
    background-color: #565b5c;
    width: 548px;
    height: 38px;
    border: 1px solid #66686b;
    font-family: 'Ubuntu-R';
    color: #fff;
    font-size: 15px;
    text-indent: 10px;
    font-style: italic;
}

.cTxtFormMl {
    background-color: #565b5c;
    width: 528px;
    height: 230px;
    border: 1px solid #66686b;
    font-family: 'Ubuntu-R';
    color: #fff;
    font-size: 15px;
    line-height: 13px;
    font-style: italic;
    padding: 10px 10px 10px 10px;
}

#dIletFormBtnCon {
    float: left;
    width: 550px;
    height: 66px;
    margin-top: 15px;
}

.cGonderBtn {
    float: left;
    width: 148px;
    height: 66px;
    background: #4c4f4f url("../../Images/gonder.png") no-repeat center center;
}

    .cGonderBtn:hover {
        background-color: #ea202e;
    }

#dLblSonuc {
    float: left;
    font-family: 'Ubuntu-R';
    color: #fff;
    font-size: 14px;
    line-height: 66px;
    margin-left: 10px;
}