﻿
.brd_Radius_5{
    border-radius: 5px;
}

.box_Shadow_01 {
    box-shadow:rgba(0,0,0,.50) 1px 2px inset;
}

.brd_Radius_bottomNone {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.brd_Radius_TopNone {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

a {
    outline: 0;
    text-decoration: none;
    transition: color 0.3s ease;
}


a:hover {
    outline: 0;
}

html, body, button {
   /* font-family: "Santral-Regular", sans-serif;*/
    font-family: "Carlito", sans-serif;
}

body {
    margin: 0;
    overflow-x: hidden;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.Main{
    width:100%; height:auto; overflow:hidden;
}

.header {
    position: fixed;
    z-index: 23;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    min-height: 55px;
    max-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
}

    .header .container {
        --bs-gutter-x: 8rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .header .container .row{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        flex-direction:row;
    }

        .header .container .row .logo,
        .header .container .row .search,
        .header .container .row .menu
        {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            width:calc(100% / 3);
        }
        
        .header .container .row .search {
            gap: 13px;
            justify-content: center;
        }

        .header .container .row .menu {
            justify-content: flex-end;
            gap:25px;
        }

            .header .container .row .logo img,
            .header .container .row .search .tb01,
            .header .container .row .search .bt01,
            .header .container .row .menu a {
              /*  font-family: "Santral-Regular", sans-serif;*/
                font-family: "Carlito", sans-serif;
                outline: 0;
                text-align: center;
                font-weight: 400;
                font-size: .80rem;
            }

        .header .container .row .logo img {
            width: auto;
            height: 48px;
        }
        .header .container .row .search .textbox-wrapper {
            position: relative;
            display: inline-block;
            width:calc(40%)
        }

            .header .container .row .search .textbox-wrapper .search-icon {
                position: absolute;
                right: 10px;
                top: 50%;
                transform: translateY(-50%);
                cursor: pointer;
            }
        .header .container .row .search .tb01::placeholder {
            font-weight: 300;
            font-size: .825rem;
        }
        .header .container .row .search .tb01 {
            width: 100%;
            height: 35px;
            text-align: left;
            padding-left: 5px;
            padding-right: 5px;
        }

        .header .container .row .search .bt01 {
            width: 10%;
            height: 35px;
            min-width: 100px;
            cursor: pointer;
            outline: 0;
            text-decoration: none;
            transition: color 0.3s ease;
            display:flex;
            align-items:center;
            justify-content:center;
        }

            .header .container .row .search .bt01:hover {
                outline: 0;
            }

.content {
    width: calc(100% - 160px);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 55px auto;
}

    .content .container {
        width: calc(100%);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        overflow: hidden;
    }

.bco {
    position: fixed;
    width: calc(100% - 160px);
    z-index:2;
}


.content .container .breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 0rem;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    list-style: none;
    width: 100%;
}

        .content .container .breadcrumb ul{
            display: flex;
            align-items: center;
            margin: 18px 0;
            flex-wrap: wrap;
            list-style:none;
            padding:0;
        }

            .content .container .breadcrumb ul li {
                display: flex;
                align-items: center;
                justify-content:center;
                gap: 10px;
            }
                .content .container .breadcrumb ul li .fa-house {
                    margin-top:4px;
                    margin-right:5px;
                }

                .content .container .breadcrumb ul li a {
                    display: flex;
                    font-size: 0.75rem;
                    padding-left: 10px;
                    outline: 0;
                    text-decoration: none;
                    transition: color 0.3s ease;
                }

                .content .container .breadcrumb ul i  {
                    font-size: 0.50rem;
                }

            .content .container .breadcrumb ul li .text-sm,
            .content .container .breadcrumb ul li .text-sm-1 {
                font-size: 0.75rem;
                padding-left: 10px;
                font-weight:400;
            }

            .content .container .breadcrumb ul li .text-sm-1 {
               font-weight:600;
            }

        .content .container .JobCount_Order {
            --bs-breadcrumb-padding-x: 0;
            --bs-breadcrumb-padding-y: 0;
            --bs-breadcrumb-margin-bottom: 0rem;
            --bs-breadcrumb-divider-color: var(--bs-secondary-color);
            --bs-breadcrumb-item-padding-x: 0.5rem;
            --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
            display: flex;
            flex-wrap: wrap;
            padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
            margin-bottom: var(--bs-breadcrumb-margin-bottom);
            flex-direction: row;
            justify-content: flex-start;          
            width:100%;
        }

            .content .container .JobCount_Order .JobCount,
            .content .container .JobCount_Order .JobOrder{
                display: flex;
                justify-content: flex-start;
                align-items: center;
                width: calc(50% - 5px);
                margin-left: 5px;
                height: 30px;
                margin-bottom: 10px;
            }

            .content .container .JobCount_Order .JobOrder {
                margin-left: 0;
                margin-right: 5px;
                justify-content: flex-end;
            }

            .content .container .JobCount_Order .JobCount h1 {
                font-size: 1.3rem;
                font-weight: 600;
            }

                .content .container .JobCount_Order .JobCount span {
                    font-size: .85rem;
                    font-weight: 400;
                    margin-left: 5px;
                }

            .content .container .JobCount_Order .JobOrder .ddl01 {
                width: auto;
                max-width: 150px;
                height: 30px;
                text-align: left;
                padding-left: 5px;
                padding-right: 5px;
                margin-top: 5px;
                margin-bottom: 5px;
            /*    font-family: "Santral-Regular", sans-serif;*/
                font-family: "Carlito", sans-serif;
                outline: 0;
                font-weight: 400;
                font-size: .80rem;
                float: right;
            }

.content .container .JobFilter {
    display: none;
    justify-content: center;
    align-items: center;
    width: calc(100%);
    margin-top: 5px;
    margin-bottom: 5px;
    margin-bottom: 5px;
    /*font-family: "Santral-Regular", sans-serif;*/
    font-family: "Carlito", sans-serif;
    outline: 0;
}

    .content .container .JobFilter span {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;  
        padding-left: 5px;
        padding-right: 5px;
        text-align: left;
        border-radius: 5px;
        height: 40px;
        font-weight: 400;
        font-size: 14px;
    }


    .content .container .JobFilter span i{
        margin-left:20px;
    }
        .content .container .jobMain {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 0rem;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    flex-direction: row;
    justify-content: flex-start;
    width: calc(100% - 5px);
    position:relative;
    z-index:1;
}

    .content .container .jobMain .jobSearch {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc((100% / 7) * 1.25);
        margin: 100px 0 0 0;
        min-height:630px;
    }

            .content .container .jobMain .jobSearch .JobSearchItem {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-direction:column;
                width: calc(100%);
                min-height: 50px;
                padding:10px 0 10px 0;
                
            }
                .content .container .jobMain .jobSearch .JobSearchItem .ddl01 {
                    width: 90%;
                    height: auto;
                    text-align: left;
                    padding-left: 5px;
                    padding-right: 5px;
                    margin-top: 5px;
                    margin-bottom: 5px;
                  /*  font-family: "Santral-Regular", sans-serif;*/
                    font-family: "Carlito", sans-serif;
                    outline: 0;
                    font-weight: 400;
                    font-size: .70rem;
                }

                .content .container .jobMain .jobSearch .JobSearchItem .JobSearchItemTitle {
                    width: 90%;
                    margin-top: 0px;
                    margin-bottom: 0px;
                }

                    .content .container .jobMain .jobSearch .JobSearchItem .JobSearchItemTitle span {
                        font-weight: 500;
                        font-size:.80rem;
                    }

        .content .container .jobMain .jobSearch .bt01 {
           /* font-family: "Santral-Regular", sans-serif;*/
            font-family: "Carlito", sans-serif;
            outline: 0;
            text-align: center;
            font-weight: 400;
            font-size: 1rem;
        }

        .content .container .jobMain .jobSearch .bt01 {
            width: calc(100% - 5px);
            height: 30px;
            min-width: 100px;
            cursor: pointer;
            margin: 0 0 5px 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.3s ease;
        }

         

    .content .container .jobMain .jobList {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: calc(((100% / 7) * 5.75));
        margin: 100px 0 20px 0;        
        z-index: 1;
        position: relative;
        min-height: 456px;
    }

    .content .container .jobMain .jobDetailLeft {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: calc(((100% / 7) * 5) - 2px);
        margin: 55px 0 20px 0;  
        min-height: 750px;
    }


    .content .container .jobMain .jobDetailRight {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(((100% / 7) * 2) - 20px);
        margin: 55px 0 0 20px;
    }

        .content .container .jobMain .jobDetailLeft .JobDetailLeftMain {
            width:100%;
            min-height:750px;
            display:flex;
            align-items:center;
            justify-content:flex-start;
            flex-direction:column;
        }

            .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Top {
                width: calc(100% - 80px);
                min-height: auto;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-direction: column;
                padding:40px;
            }

            .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Bottom {
                width: calc(100% - 80px);
                min-height: auto;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-wrap:wrap;
                flex-direction:column;
                padding: 40px;
            }

            .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Bottom span{
                font-size:.90rem;
                font-weight:600;
            }

            .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Top span.title{
                font-weight:600;
                font-size:1.2rem;
            }

                .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Top span.company {
                    font-weight: 500;
                    font-size: 1rem;
                }


                .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Top .locationDate{
                    display:flex;
                    align-items:flex-start;
                    justify-content:flex-start;
                    flex-direction:row;
                    margin-top:20px;
                    gap: 30px;
                }

                    .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Top .locationDate .divlok {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        flex-direction: row;
                        gap: 15px;
                    }

                    .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Top .locationDate .divlok i{
                       font-size:1.3rem;
                    }

                    .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Top .locationDate .divlok .lokDet{
                        display: flex;
                        align-items: flex-start;
                        justify-content: flex-start;
                        flex-direction: column;
                    }

                    .content .container .jobMain .jobDetailLeft .JobDetailLeftMain .Top .locationDate span {
                        font-size: .75rem;
                    }

                .content .container .jobMain .jobList .JobItems {
                    margin-left: 50px;
                    width: calc(100% - 45px);
                    overflow: hidden;
                    min-height: 50px;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    flex-wrap: wrap;
                }

            .content .container .jobMain .jobList .JobItems .JobItem {
                width: calc((100% / 3) - 32px);
                height: auto;
                min-height: 166px;
                margin: 5px;
                padding: 10px;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                gap: 8px;
                cursor: pointer;
                transition: color 0.3s ease;
            }                
                .content .container .jobMain .jobList .JobItems .JobItem span.JobSupporter {
                    width: 100%;
                    font-weight: 400;
                    font-size: 0.775rem;
                }

                .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails {
                    width: 100%;
                    display:flex;
                    flex-direction:row;
                    justify-content:flex-start;
                    align-items:center;
                }

                    .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails .compLogo {
                        width: 100px;
                        height: 100px;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        overflow: hidden;
                    }

                    .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails .compLogo img{
                        width: 100%;
                        height:auto;
                        display:block;
                        object-fit:cover;
	      max-width:39px;
                    }

                    .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails .JobDetails {
                        width: calc(100% - 110px);
                        height: 100px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        overflow: hidden;
                        margin-left:10px;
                        gap:10px;
                    }

                        .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails .JobDetails span.title {
                            width: 100%;
                            font-weight: 600;
                            font-size: 0.875rem;
                        }

                        .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails .JobDetails span.company {
                            width: 100%;
                            font-weight: 500;
                            font-size: 0.875rem;
                        }

                        .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails .JobDetails .minDetails {
                            width:100%;
                            display:flex;
                            flex-direction:row;
                            justify-content:flex-start;
                            align-items:center;
                            gap:5px;
                        }

                            .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails .JobDetails .minDetails span {
                                font-weight: 400;
                                font-size: 0.700rem;
                            }

                                .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails .JobDetails .minDetails span.seperator {
                                    font-weight: 300;
                                    font-size: 0.650rem;
                                }

                    .content .container .jobMain .jobList .JobItems .JobItem .compLogo_JobDetails .JobArrow{
                        font-weight: 300;
                        font-size: 0.90rem;
                        display:none;align-items:center; justify-content:center;
                    }

                .content .container .jobMain .jobList .JobItems .JobItem .JobTime {
                    width: 100%;
                    font-weight: 600;
                    font-size: 0.700rem;
                    min-height: 25px;
                }


    .content .container .jobMain .jobDetailRight .jobDetailRightItem {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        width: calc(100% - 40px);
        min-height: 50px;
        padding: 20px;
        flex-wrap:wrap;
    }


        .content .container .jobMain .jobDetailRight .jobDetailRightItem .bt01 {
         /*   font-family: "Santral-Regular", sans-serif;*/
            font-family: "Carlito", sans-serif;
            outline: 0;
            text-align: center;
            font-weight: 400;
            font-size: 1rem;
        }

        .content .container .jobMain .jobDetailRight .jobDetailRightItem .bt01 {
            width: calc(50% - 30px);
            height: 39px;
            min-width: 100px;
            cursor: pointer;
            margin: 0 5px 0 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.3s ease;
        }

        .content .container .jobMain .jobDetailRight .jobDetailRightItem .seperator {
            width: calc(20px);
            height: 39px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 5px 0 10px;
        }

        .content .container .jobMain .jobDetailRight .jobDetailRightItem .bt01 i {           
            margin: 0 5px 0 5px;
        }

        .content .container .jobMain .jobDetailRight .jobDetailRightItem.mTop20px {
            margin-top: 20px;
        }

        .content .container .jobMain .jobDetailRight .jobDetailRightItem .subTitle {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: row;
            width: calc(100%);
            margin-top: 5px;
            margin-bottom:10px;
            font-size:1rem;
            font-weight:600;
        }
        .content .container .jobMain .jobDetailRight .jobDetailRightItem .item {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
            width: calc(50% - 10px);
            margin-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
        }

        .content .container .jobMain .jobDetailRight .jobDetailRightItem .item1 {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
            width: calc(100%);
            margin-top: 5px;
        }
        .content .container .jobMain .jobDetailRight .jobDetailRightItem span {
            font-size: .825rem;
            font-weight: 400;
        }
            .content .container .jobMain .jobDetailRight .jobDetailRightItem span.title {
                font-size: .825rem;
                font-weight: 600;
            }

.logomenu769800 {
    display: none;
}
.menu800--, .logo800-- {
    display: flex;
}

.menu1768-- {
    display:inline-block;
}
jobSearch {
    display: flex;
}

.footer, .footerBottom {
    width: calc(100%);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 55px auto;
    flex-direction: column;
    padding: 40px 0 20px 0;
}

    .footer .footerInner,
    .footerBottom .footerInner {
        width: calc(100% - 160px);
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        margin: 0 auto;
    }

.footer .fLogo{    
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width:33%;
    flex-direction:column;
}

    .footer .fLogo img{
      width: 60%; height:auto;
      display:block;
    }

    .footer .fLogo p {
       font-size:15px;
       font-weight: 600;
       margin-bottom:-1px;
    }
    .footer .fLogo span.fsp01 {
        font-size: 13px;
        font-weight: 500;
        margin-bottom: -4px;
    }

    .footer .fLogo span.fsp02 {
        font-size: 20px;
        font-weight: 600;
        margin-top:15px;
    }



    .footer .fInner {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        width: 67%;
        flex-direction:row;
    }
        .footer .fInner .fInnerItem {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            width: auto;
            padding: 20px;
            flex-direction:column;
        }

            .footer .fInner .fInnerItem p {
                font-size: 17px;
                font-weight: 600;
            }

            .footer .fInner .fInnerItem span {
                font-size: 14px;
                font-weight: 500;
                margin-top: 10px;
            }
            
.footerBottom {
    padding: 10px 0 10px 0;
}
    .footerBottom .footerInner {
        gap:20px;
    }
        .footerBottom .footerInner img {
        width:5%;
        height:auto;
        display:block;
    }

        .footerBottom .footerInner p {
          font-size:12px;
          font-weight:500;
        }

            .footerBottom .footerInner p.pCopy {
                font-size: 11px;
                font-weight: 500;
            }

.jobDetailLeft.jobDetailLeft01 {
    width: calc(((100% / 7) * 5.8) - 20px);
}

.jobDetailRight.jobDetailRight01 {
    width: calc(((100% / 7) * 1.2) - 20px);
}

.BottomHizmetler .bh01 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100%);
}

    .BottomHizmetler .bh01 .bh01Item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
        width: calc(50% - 50px);
        height: 100px;       
        border-radius: 5px;
        margin: 5px;
    }

.jobDetailRight.jobDetailRight01 .jobDetailRightItem .subTitle {
    width: 100% !important;
    text-align: right;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

.jobDetailRight.jobDetailRight01 .jobDetailRightItem .subTitle01 {
    margin-top: 30px !important;
}

.jobDetailRight.jobDetailRight01 .jobDetailRightItem .item {
    width: 100% !important;
    text-align: right;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

.selectize-input {
    padding:0px 8px;
}

    .selectize-dropdown, .selectize-input, .selectize-input input {
        font-size:.80rem;
    }

