.menuKapat {
    float: right;
    cursor: pointer;
    margin-top: 20px
}

.sticky-header .menu {
    margin-top: 5px;
}

.menu {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 50px;
    margin: 15px 0 0 0;
}

    .menu span {
        margin: 0 auto;
        position: relative;
        top: 12px
    }

        .menu span:before, .menu span:after {
            position: absolute;
            content: ''
        }

        .menu span, .menu span:before, .menu span:after {
            width: 37px;
            height: 5px;
            background-color: #000;
            display: block
        }

            .menu span:before {
                margin-top: -9px
            }

            .menu span:after {
                margin-top: 9px
            }

.example5 span {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.example5.active span {
    background-color: transparent;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.example5 span:before {
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}

.example5.active span:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s
}

.example5 span:after {
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}

.example5.active span:after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s
}

.hamburger-menu {
    float: left;
    z-index: 9999;
    position: relative
}

    .hamburger-menu a {
        color: #444444;
    }

.hamburgerMenuBg {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    box-sizing: border-box;
    display: none;
    top: 0
}

    .hamburgerMenuBg.active {
        display: block
    }

.hContainer {
    width: 100%;
    max-width: 1235px;
    margin: auto;
    text-align: center;
}

.hamburgerMenuBg h2 {
    font-size: 30px;
    color: #36363c;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left
}

.cizgi {
    width: 100%;
    height: 1px;
    background: #242424;
    float: left
}

.hMenuCol {
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%
}

    .hMenuCol h3 {
        color: #242424;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 20px;
        margin-bottom: 30px
    }

        .hMenuCol h3 a {
            color: #242424
        }

    .hMenuCol ul li {
        margin-bottom: 17px;
        width: 100%;
        display: inline-block
    }

        .hMenuCol ul li a {
            color: #7d7d7d;
            font-size: 16px;
            font-family: 'Roboto Condensed', sans-serif;
            transition: all ease-in-out .3s
        }

            .hMenuCol ul li a:hover {
                color: #000;
                text-decoration: underline
            }

            .hMenuCol ul li a strong {
                font-family: 'Roboto Condensed', sans-serif;
                margin-bottom: 15px;
                float: left
            }

.ebulten {
    float: left;
    width: 500px
}

    .ebulten h2 {
        font-size: 30px;
        color: #36363c;
        font-family: 'Roboto Condensed', sans-serif;
        margin-top: 25px;
        margin-bottom: 20px
    }

.ebultenText {
    width: 100%;
    height: 60px;
    background: #36363c;
    font-size: 16px;
    padding-left: 50px;
    box-sizing: border-box;
    color: #fff
}

.bultenBtn {
    background-image: url(../images/bultenBtn.png);
    width: 23px;
    height: 23px;
    background-size: 100%;
    margin-left: -54px;
    margin-right: 35px;
    position: relative;
    float: right;
    margin-top: -43px;
    background-color: transparent;
    cursor: pointer;
}

.ebulten input[type=checkbox]:not(old) + label {
    font-size: 12px !important;
    color: #7d7d7d;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    margin-top: 15px;
    background: url(../images/form/checks.png) no-repeat 0 0;
    padding-left: 25px
}




@media screen and (max-width: 812px) {
    .nomobile {
        visibility: hidden;
        clear: both;
        float: right;
        margin: 5px auto;
        width: 22%;
        height: auto;
        display: none;
    }
}

@media screen and (max-width: 415px) {
    .thMobile {
        width: 22%;
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .divTableHeader {
        visibility: hidden;
        clear: both;
        float: right;
        margin: 5px auto;
        width: 22%;
        height: auto;
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .divTableLifeGuidesHeader {
        visibility: hidden;
        clear: both;
        float: right;
        margin: 5px auto;
        width: 33%;
        height: auto;
        display: none;
    }
}

@media screen and (max-width: 415px) {
    .button {
        display: inline-block;
        position: relative;
        cursor: pointer;
        outline: none;
        white-space: nowrap;
        margin: 5px;
        padding: 0 9px;
        font-size: 10px;
        height: 40px;
        line-height: 40px;
        /*background-color: #1ABC9C;*/
        color: #FFF;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    }
}

@media only screen and (max-width: 900px) {
    .tableHideCol {
        display: none;
    }
   
}

@media only screen and (max-width: 400px) {
    .tableHideColtwo {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .divBackground {
        max-height: 100px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 900px) {
    .h1MobSize {
        font: 10px sans-serif;
    }
}

@media only screen and (max-width: 508px) {
    .h1MobSize {
        font: 5px sans-serif;
        height: 120px;
    }
}

.HomeSliderHeadMob {
    padding-top: 120px;
    text-align: center !important;
    max-width: 650px;
    width: 100%;
}

.homePageSliderLeft {
    background-color: rgba(0, 0, 0, 0.5);
}
.homePageSliderLeft .HomeSliderHeadMob {
    text-align: left !important;
    float: left;
    color:#000000!important;
}
.homePageSliderLeft .heading-block h1, .homePageSliderLeft .secondHeaderMoileSizeLeft {text-align: left; color: #000000;}

.homePageSliderLeft .heading-block > span:not(.before-heading), .homePageSliderRight .heading-block > span:not(.before-heading) { color: #000000!important;}

.homePageSliderRight .HomeSliderHeadMob {
    text-align: right !important;
    float: right;
    color: #000000 !important;
}
.homePageSliderRight .heading-block h1, .homePageSliderRight .secondHeaderMoileSizeRight {
    text-align: right;
    color: #000000;
}



    @media only screen and (max-width: 508px) {
        .HomeSliderHeadMob {
            padding-top: 40px;
        }
    }

    @media only screen and (max-width: 900px) {
        .HeaderSize {
            font-size: medium;
        }
        .homePageSliderLeft .HomeSliderHeadMob, .homePageSliderLeft .heading-block h1, .homePageSliderLeft .secondHeaderMoileSizeLeft {text-align: center !important; }
        .homePageSliderRight .HomeSliderHeadMob, .homePageSliderRight .heading-block h1, .homePageSliderRight .secondHeaderMoileSizeRight {text-align: center !important;}
        .homePageSliderEvraklar {background-position: 300px 0;}
        .homePageSliderYasamKilavuzlari {background-position: 300px 0;}
    }

    .odemeTablo {
    width: 100%;
    border-right: 1px solid #828282;
    border-bottom: 1px solid #828282;
}

    .odemeTablo td {
        width: 25%;
        text-align: left;
        padding: 10px;
        border-left: 1px solid #828282;
        border-top: 1px solid #828282;
    }

.modal.show .modal-dialog {
    background: white;
    text-align:center;
}

.modal-dialog .modal-body .row {
    border-bottom: 1px solid #e6e6e6;
    padding:10px 0;
}


input[type=text] {
    width: 100%;
    /*padding: 12px 20px;*/
    margin: 8px 0;
    box-sizing: border-box;
}

.textareaRadius {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    border-radius: 5px;
    box-sizing: border-box;
}

.apartmentBox {
    display:table-cell;
    text-align: center;
    vertical-align: middle;
    width: 110px;
    height: 110px;
    border: 1px solid #fadcf8;
    /*padding: 10px;*/
    /*padding-top: 11px;*/
    margin: 10px !important;
    background-color: black;
    color: white;
}

.listDetailItem {
    color: #afa093;
}

listDetailItem:hover {
    color: black;
}

.inner {
    color: #ffffff !important;
}

.content h2 {
    color: #ffffff;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0 0 1em 0;
    text-transform: uppercase;
}

.content p {
    font-size: 16px;
    font-family: Helvetica, sans-serif;
}

.content a {
    font-family: Helvetica, sans-serif;
}


body {
    overflow-x:hidden;
    line-height: 1.5;
    color: #555;
    /*font-family: 'Lato', sans-serif;*/
}



.content a {
    -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
    color: #ffffff;
    text-decoration: none;
}

    .content a:hover {
        border-bottom-color: transparent;
        color: #ffffff !important;
    }

    .content a.special:not(.button) {
        text-decoration: none;
        border-bottom: 0;
        display: block;
        font-family: Raleway, Helvetica, sans-serif;
        font-size: 0.8em;
        font-weight: 700;
        letter-spacing: 0.1em;
        margin: 0 0 2em 0;
        text-transform: uppercase;
    }

.content h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
    padding-bottom: 1em;
    border-bottom: solid 2px rgba(255, 255, 255, 0.125);
}

.content a.special:not(.button):before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}

.content a.special:not(.button):before {
    -moz-transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    border-radius: 100%;
    border: solid 2px rgba(255, 255, 255, 0.125);
    content: '\f105';
    display: inline-block;
    font-size: 1.25em;
    height: 2em;
    line-height: 1.65em;
    margin-right: 0.85em;
    text-align: center;
    text-indent: 0.15em;
    vertical-align: middle;
    width: 2em;
}

.content a.special:not(.button):hover:before {
    background-color: rgba(255, 255, 255, 0.025);
}

.content a.special:not(.button):active:before {
    background-color: rgba(255, 255, 255, 0.075);
}

.borderP {
    width: 75px;
    border: 2px solid;
    border-radius: 5px;
}

.div-table {
    display: table;
    width: 100%;
    background-color: #ffffff;
    /*border-spacing: 5px;*/
    border-collapse: collapse;
    border-radius: 5px;
}

.LifeGuidediv-table {
    display: table;
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border-spacing: 5px;
    background-color: rgba(0, 0, 0, 0);
}

.PhoneNumberdiv-table {
    display: table;
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border-spacing: 5px;
    background-color: rgba(0, 0, 0, 0);
}

.div-table-row {
    display: table-row;
    width: auto;
    border: 1px solid #828282;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    clear: both;
}

.div-table-rowPhoneNumber {
    display: table-row;
    width: auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    clear: both;
}

.phoneNumberHeaderLeft {
    float: left;
}

.phoneNumberHeaderRight {
    float: left;
    padding-left: 150px;
}

.phoneNumberRowLeft {
    float: left;
    width: 200px;
    padding-top: 20px;
    padding-left: 30px;
}

.phoneNumberRowRight {
    float: left;
    padding-top: 20px;
    padding-left: 150px;
}

.yasamKilavuzlariBG {
    /*background: url(/Images/home-teaser-yasam-kilavuzlari.jpg) left top no-repeat;
    background-size: cover;*/
    min-height: 450px;
    position: relative;
    display: block;
}

   .yasamKilavuzlariBG::after {
        content: '';
        /*background: #c8c9cd url(/Images/home-teaser-yasam-kilavuzlari.jpg) left bottom no-repeat;*/
        background-size: contain;
        min-height: 450px;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        opacity: 0.3;
        pointer-events: none;
    }

.aidatTakibiBG {
    min-height: 450px;
    position: relative;
    display: block;
}

    .aidatTakibiBG::after {
        content: '';
        /*background: #f7ddc0 url(/Images/home-teaser-aidat-takibi.jpg) left bottom no-repeat;*/
        background-size: contain;
        min-height: 450px;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        opacity: 0.3;
        pointer-events: none;
    }

.iletisimMerkeziBG {
    min-height: 450px;
    position: relative;
    display: block;
}

    .iletisimMerkeziBG::after {
        content: '';
       /* background: #f188ad url(/Images/home-teaser-iletisim-merkezi.jpg) right bottom no-repeat;*/
        background-size: contain;
        min-height: 450px;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        position: absolute;
        z-index: 1;
        opacity: 0.2;
        display: block;
        pointer-events: none;
    }

.odemeTakibiBG {
    min-height: 450px;
    position: relative;
    display: block;
}

    .odemeTakibiBG::after {
        content: '';
        /*background: #ffc548 url(/Images/home-teaser-odeme-takibi.jpg) right bottom no-repeat;*/
        background-size: contain;
        min-height: 450px;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        opacity: 0.3;
        height: 100%;
        pointer-events: none;
    }

.evraklarBG {
    min-height: 450px;
    position: relative;
    display: block;
}

    .evraklarBG::after {
        content: '';
        /*background: url(/Images/page-evraklar-bg.jpg) right bottom no-repeat;*/
        background-size: contain;
        min-height: 450px;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        opacity: 0.3;
        pointer-events: none;
    }

.telefonRehberiBG {
    min-height: 450px;
    position: relative;
    display: block;

}

    .telefonRehberiBG::after {
        content: '';
        /*background: url(/Images/home-teaser-site-yonetimi.jpg) left bottom no-repeat;*/
        background-size: contain;
        min-height: 450px;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        position: absolute;
        z-index: 1;
        opacity: 0.3;
        pointer-events: none;
    }


/*#pg_telefonrehberi {background:#d5d4d0;}	
#pg_evraklar {background:#a3a3a3;}
	#pg_evraklar #page-title h1 {color:#ffffff;}
	#pg_evraklar #page-title span {color:#ffffff;}
	#pg_evraklar .button.button-border {border:2px solid #ffffff; color:#ffffff;}*/

/*#pg_odemeler {background:#42666b;}
	#pg_odemeler #page-title h1 {color:#ffffff;}
	#pg_odemeler #page-title span {color:#ffffff;}
	#pg_odemeler h1, #pg_odemeler h2, #pg_odemeler h3, #pg_odemeler h4, #pg_odemeler h5, #pg_odemeler h6 {color:#ffffff;}
	#pg_odemeler .div-table-row {border:1px solid #ffffff;}
	#pg_odemeler .button-border.button-black {border:1px solid #ffffff; color:#ffffff;}
	#pg_odemeler .apartmentBox {background:#fff!important; color:#000000;}
	#pg_odemeler .odemeTablo {border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; color:#ffffff;}
	#pg_odemeler .odemeTablo td {border-left: 1px solid #ffffff; border-top: 1px solid #ffffff;}*/

/*#pg_aidat {background:#7a7776;}
	#pg_aidat #page-title h1 {color:#ffffff;}
	#pg_aidat #page-title span {color:#ffffff;}
#pg_yasamkilavuzlari {background:#dbc2be;}
#pg_iletisimmerkezi {background:#b98275; color:#fff;}
	#pg_iletisimmerkezi #wrapper {background:none;}
	#pg_iletisimmerkezi .div-table {background:none;}
	#pg_iletisimmerkezi #page-title h1 {color:#ffffff;}
	#pg_iletisimmerkezi #page-title span {color:#ffffff;}
	#pg_iletisimmerkezi h1, #pg_iletisimmerkezi h2, #pg_iletisimmerkezi h3, #pg_iletisimmerkezi h4, #pg_iletisimmerkezi h5, #pg_iletisimmerkezi h6 {color:#ffffff!important;}
	#pg_iletisimmerkezi h1 a, #pg_iletisimmerkezi h2 a, #pg_iletisimmerkezi h3 a, #pg_iletisimmerkezi h4 a, #pg_iletisimmerkezi h5 a, #pg_iletisimmerkezi h6 a {color:#ffffff!important;}
	#pg_iletisimmerkezi .div-table-row {border:1px solid #ffffff;}
	#pg_iletisimmerkezi .button-border.button-black {border:1px solid #ffffff; color:#ffffff;}
	#pg_iletisimmerkezi .apartmentBox {background:#fff!important; color:#000000;}*/


@media only screen and (max-width: 800px) {
    .phoneNumberHeaderLeft {
        float: left;
    }

    .phoneNumberHeaderRight {
        float: left;
        padding-left: 50px;
    }

    .phoneNumberRowLeft {
        float: left;
        width: 180px;
        padding-top: 20px;
        padding-left: 30px;
    }

    .phoneNumberRowRight {
        float: left;
        padding-top: 20px;
        padding-left: 50px;
    }
}

@media only screen and (max-width: 475px) {
    .phoneNumberHeaderLeft {
        float: left;
    }

    .phoneNumberHeaderRight {
        float: left;
        padding-left: 20px;
    }

    .phoneNumberRowLeft {
        float: left;
        width: 100px;
        padding-top: 20px;
        padding-left: 10px;
    }

    .phoneNumberRowRight {
        float: left;
        padding-top: 20px;
        padding-left: 10px;
    }

    .officeName {
        font-size: x-small;
    }

    .officePhone {
        font-size: x-small;
    }

    .phoneNumberHeader {
        font-size: medium;
    }
}


.pSupport {
    width: auto;
    background-color: #828282;
    color: white;
    padding-left: 10px;
    border: 1px solid white;
    border-radius: 5px;
}





@media screen and (max-width: 768px) {
    .brHideMobile {
        visibility: hidden;
        clear: both;
        float: right;
        margin: 5px auto;
        width: 22%;
        height: auto;
        display: none;
    }
}

@media screen and (max-width: 1312px) {
    .brHideMobileHome {
        visibility: hidden;
        clear: both;
        float: right;
        margin: 5px auto;
        width: 22%;
        height: auto;
        display: none;
    }
}

.homePageSliderLeft {
    height: 560px;
    background-size: cover;
    float: left;
}

.homePageSliderRight {
    height: 560px;
    background-size: cover;
    float: left;
}

@media screen and (max-width: 768px) {
    .homePageSliderRight {
        height: 450px;
    }
}

@media screen and (max-width: 508px) {
    .homePageSliderRight {
        background: url('/Images/sliderRightMobile.png') center no-repeat;
        background-size: cover;
        height: 450px;
    }
}

@media screen and (max-width: 415px) {
    .homePageSliderRight {
        background: url('/Images/sliderRightMobile.png') center no-repeat;
        background-size: cover;
        height: 450px;
    }
}







@media screen and (max-width: 845px) {
    .homePageSliderLeft {
        background: url('/Images/sliderLeftSmall.png') center no-repeat;
        background-size: cover;
        height: 450px;
    }
}

@media screen and (max-width: 768px) {
    .homePageSliderLeft {
        height: 450px;
    }
}

@media screen and (max-width: 415px) {
    .homePageSliderLeft {
        background: url('/Images/sliderLeftMobile.png') center no-repeat;
        background-size: cover;
        height: 450px;
    }
}


.createPicture {
    background: url('../../Images/createSupport.png') right bottom no-repeat, url('../../Images/paper2.png') left top repeat;
}


@media screen and (max-width: 768px) {
    .createPicture {
        background: url('../../Images/createSupport.png');
        background-size: cover;
    }
  
}

@media screen and (max-width: 415px) {
    .createPicture {
        background: url('../../Images/paper2.png') left top repeat;
    }
}


body {
    line-height: 1.5;
    color: #555;
    /* font-family: Verdana, Geneva, Tahoma; */
    overflow-x: hidden;
}

#primary-menu ul ul li > a {
    font-size: 12px;
    font-weight: 700;
    color: #666;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
    letter-spacing: 0;
    font-family: 'Ubuntu', sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px 0;
    font-family: sans-serif;
}

#primary-menu ul li > a {
    display: block;
    line-height: 22px;
    padding: 39px 15px;
    color: #444;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Verdana, Geneva, Tahoma;
    -webkit-transition: margin .4s ease, padding .4s ease;
    -o-transition: margin .4s ease, padding .4s ease;
    transition: margin .4s ease, padding .4s ease;
}

.buttonNone {
    background-color: #d4d4d4;
}

.footerH4 {
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media screen and (max-width: 843px) {
    .footerH4 {
        text-align: left !important;
        margin-bottom: 25px;
        font-size: 10px !important;
        font-weight: 600;
        letter-spacing: 2px !important;
        text-transform: uppercase;
    }
    #leftProjectsHead{
        margin-left:10% !important; 
    }
    #rightProjectsHead {
        margin-left: 10% !important;
    }
}
@media screen and (max-width: 415px) {
    .footerH4 {
        text-align:left !important;
        margin-bottom: 25px;
        font-size: 10px !important;
        font-weight: 600;
        letter-spacing: 2px !important;
        text-transform: uppercase;
    }
}

    .modalLink {
        color: #c63a64;
    }


    .changePassPicture {
        background: url('../../Images/changePassAlt.png') right bottom no-repeat, url('../../Images/changePassBg.png') left top repeat;
    }

    @media screen and (max-width: 767px) {
        .changePassPicture {
            background: url('../../Images/changePassBg.png') center no-repeat;
            background-size: cover;
            height: 350px;
        }
    }

    .changePassPadding {
        padding-left: 50px;
    }

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

        .changePassPadding {
            padding-left: 1px;
        }
    }


    .lifeGuideBackgound {
        background: url('../../Images/lifeGuides2.png') right bottom no-repeat, url('../../Images/paper.png') left top repeat;
    }

    @media screen and (max-width: 415px) {
        .lifeGuideBackgound {
            background: url('../../Images/paper.png') left top repeat;
        }
    }

    @media screen and (max-width: 1391px) {
        .heading-block h1 {
            font-size: 23px;
        }
    }

    @media screen and (max-width: 415px) {
        .heading-block h1 {
            font-size: 19px;
        }
    }

    @media screen and (max-width: 320px) {
        .heading-block h1 {
            font-size: 17px;
        }
    }

    .loginBgDiv {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url('../../Images/loginBg.png') center no-repeat, url(../../Images/loginaper.png) fixed;
        background-size: contain;
    }

		.showDesktop {display:block!important;}
		.showDesktop .owl-item .items {height:calc(100vh - 100px)!important; background-size:cover; background-position:center center; background-repeat:no-repeat;}
		.showDesktop .owl-item .items .banner_link {display:block; width:100%; height:100%; }
		
		
		.showMobile {display:none!important;}
		
		
		
    @media screen and (max-width : 768px) {
        .loginBgDiv {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: url(../../Images/loginaper.png) fixed;
            background-size: contain;
        }
		.showDesktop {display:none!important;}
		.showMobile {display:block!important;}
    }

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

        .secondHeaderMoileSizeLeft {
            height: 60px !important;
            font-size: 15px !important;
        }
        .secondHeaderMoileSizeRight {
            height: 60px !important;
            font-size: 15px !important;
        }
    }
@media screen and (max-width : 768px) {
   
    #lifeGuidePdfSize {
        padding-left: 9% !important;
    }
}
@media screen and (max-width: 415px) {
    #lifeGuidePdfSize {
        padding-left: 17% !important;
    }
}
#cookiesLink:hover {
    color: #000000;
}
#cookiesLink {
    color: #ffffff;
    text-decoration: underline !important;
}

@media screen and (max-width: 1366px) {
    .homePageSliderLeft {
        height: 450px;
    }
    .homePageSliderRight{
        height: 450px;
    }
}



.main_box_teaser {width: 100%; height:540px; padding:80px 0 0 0; position: relative; box-sizing: border-box; font-family:'Lato', sans-serif!important;}
.main_box_teaser::after { content: ''; width: 100%; height: 100%; float: left; position: absolute; z-index: -1; left: 0; top: 0; background-size: cover; display: block; background-repeat: no-repeat; background-position: center center;}
.main_box_teaser .main_box_content {width: 100%; max-width:1000px; box-sizing:border-box;  margin: 0 auto; display: block;}
.main_box_teaser .main_box_content h2 {padding:10px 20px; background:#000000; color:#ffffff; display:inline-block; font-family:'Lato', sans-serif!important;}
.main_box_teaser .main_box_content span.secondHeaderMoileSizeLeft {font-size:17px;}

.main_box_teaser[data-text="left"] {text-align:left;}
.main_box_teaser[data-text="left"] .main_box_content {padding-right:250px;}
.main_box_teaser[data-text="right"] {text-align:right;}
.main_box_teaser[data-text="right"] .main_box_content {padding-left:250px;}
.main_box_teaser[data-text-color="white"] span {color:#ffffff;}
.main_box_teaser[data-text-color="white"] .button {background:#000000; color:#ffffff; border:#000000;}
.main_box_teaser[data-text-color="white"] .button span {color:#ffffff;}
.main_box_teaser[data-text-color="white"] .button:hover {background:#000000; color:#ffffff; border:#000000;}
.main_box_teaser[data-text-color="black"] span {color:#000000;}
.main_box_teaser[data-text-color="black"] .button {background:#000000; color:#ffffff!important; border:#000000;}
.main_box_teaser[data-text-color="black"] .button span {color:#ffffff;}
.main_box_teaser[data-text-color="black"] .button:hover {background:#000000; color:#ffffff; border:#000000;}


.main_box_teaser.teaser_iletisim_merkezi::after {background-image: url(/Images/main-teaser-iletisim-merkezi.jpg); background-position: center bottom;}
.main_box_teaser.teaser_odeme_takibi::after {background-image: url(/Images/main-teaser-odeme-takibi.jpg);}
.main_box_teaser.teaser_aidat_takibi::after {background-image: url(/Images/main-teaser-aidat-takibi.jpg);}
html[lang="en"] .main_box_teaser.teaser_iletisim_merkezi::after {background-image: url(/Images/main-teaser-iletisim-merkezi_en.jpg); background-position: center bottom;}
html[lang="en"] .main_box_teaser.teaser_odeme_takibi::after {background-image: url(/Images/main-teaser-odeme-takibi_en.jpg);}
html[lang="en"] .main_box_teaser.teaser_aidat_takibi::after {background-image: url(/Images/main-teaser-aidat-takibi_en.jpg);}
.main_box_teaser.teaser_yasam_kilavuzlarim::after {background-image: url(/Images/main-teaser-yasam-kilavuzlarim.jpg);}
.main_box_teaser.teaser_siteyonetimi::after {background-image: url(/Images/main-teaser-site-yonetimi.jpg);}
.main_box_teaser.teaser_evraklar::after {background-image: url(/Images/main-teaser-evraklar.jpg);}



.hamburger-menu.mobile_menu {display:none;}
.mobile_menu_item {display:none!important;}
#primary-menu-trigger {display:none!important;}
.br_mobile {display:none;}

@media screen and (max-width:960px) {
.main_box_teaser {width: 100%;height:550px;padding:0;float: left;}
.main_box_teaser .main_box_content {width: 100%; position:relative; z-index:2; padding:60px 40px 40px 40px!important; text-align:left!important; color:#000000!important;}
.main_box_teaser .main_box_content h2 {font-size:18px;}
/*.main_box_teaser::after { height:220px;float: left; position: relative; z-index:1;}
.main_box_teaser::before {content:''; width:100%; height:100%; position:absolute; z-index:-2; left:0; top:0;}
.main_box_teaser.teaser_iletisim_merkezi::before { background:#ddab9f;}*/
.main_box_teaser.teaser_odeme_takibi {background:#2c4b4f;}
.main_box_teaser.teaser_aidat_takibi {background:#7d7978;}
.main_box_teaser.teaser_yasam_kilavuzlarim {background:#e2c8c4;}
.main_box_teaser.teaser_siteyonetimi {background:#ebeae6;}
.main_box_teaser.teaser_evraklar {background:#e0e0e0;}

.main_box_teaser::after {background-position: center bottom; z-index:1;}
.main_box_teaser.teaser_iletisim_merkezi::after {background-image: url(/Images/main-teaser-iletisim-merkezi-mobile.jpg);}
.main_box_teaser.teaser_iletisim_merkezi .secondHeaderMoileSizeLeft br {display:none;}
.main_box_teaser.teaser_odeme_takibi::after {background-image: url(/Images/main-teaser-odeme-takibi-mobile.jpg);}
.main_box_teaser.teaser_aidat_takibi::after {background-image: url(/Images/main-teaser-aidat-takibi-mobile.jpg);}
html[lang="en"] .main_box_teaser.teaser_iletisim_merkezi::after {background-image: url(/Images/main-teaser-iletisim-merkezi-mobile_en.jpg);}
html[lang="en"] .main_box_teaser.teaser_odeme_takibi::after {background-image: url(/Images/main-teaser-odeme-takibi-mobile_en.jpg);}
html[lang="en"] .main_box_teaser.teaser_aidat_takibi::after {background-image: url(/Images/main-teaser-aidat-takibi-mobile_en.jpg);}
.main_box_teaser.teaser_yasam_kilavuzlarim::after {background-image: url(/Images/main-teaser-yasam-kilavuzlarim-mobile.jpg);}
.main_box_teaser.teaser_siteyonetimi::after {background-image: url(/Images/main-teaser-site-yonetimi-mobile.jpg);}
.main_box_teaser.teaser_evraklar::after {background-image: url(/Images/main-teaser-evraklar-mobile.jpg);}
.main_box_teaser.teaser_evraklar .secondHeaderMoileSizeLeft {width:75%; display:block;}
.main_box_teaser.teaser_evraklar .secondHeaderMoileSizeLeft br {display:none;}



#footer .footer-widgets-wrap {padding:20px 0!important;font-family:'Lato'!important;}
 #footer .footer-widgets-wrap h1, #footer .footer-widgets-wrap h2, #footer .footer-widgets-wrap h3, #footer .footer-widgets-wrap h4, #footer .footer-widgets-wrap h5, #footer .footer-widgets-wrap h6 {font-family:'Lato'!important;}

.nopadding-mobile {padding-left:0!important; padding-right:0!important;}
.mobile_left_btn {float:left!important;}
.col_one_fifth {margin-bottom: 0px !important;}
.footer-logo {width:150px;margin: 0 auto 40px auto;}

.btn_mobile {display:block;text-align: left!important;height: 55px!important;}
.br_mobile {display:block;}
 
.hamburger-menu {display:none;}
.hamburger-menu.mobile_menu {display:block; float:right;}
.mobile_menu_item {display:block!important;}
}