/* Generated by less 2.5.1 */
/**********************************************************************************

 
	
**********************************************************************************/
/* ==========================================================================
   @Fonts
   ========================================================================== */
/* ==========================================================================
   @DEFAULT-TYPES-ELEMENTS
   ========================================================================== */

html {
    position: relative;
    min-height: 100%;
    -ms-overflow-style: scrollbar;
}

    html * {
        font-family: 'Izmir';
    }

/* Sticky Footer */

body {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    -o-background-size: cover;
    background-position: left bottom;
    height: 100%;
    overflow-x: hidden;
    padding-bottom: 348px;
    min-height: 100vh;
}

header {
    height: 135px;
    width: 100%;
    position: relative;
}




    header #banner {
        background-image: url(../img/1920p-yellow-bg.png);
        position: absolute;
        right: 0px;
        left: 0px;
        width: 100%;
        z-index: -1;
        background-attachment: fixed;
        height: 100%;
    }

        header #banner:after {
            background-color: rgba(0, 0, 0, 0.4);
            left: 0px;
            right: 0px;
            width: 100%;
            content: '';
            position: absolute;
            height: 100%;
        }

    header #header-top {
        border-bottom: 1px solid white;
        height: 78px;
        width: 100%;
    }

        header #header-top .container {
            position: relative;
        }

        header #header-top #header-top-left {
            max-width: 539px;
            min-width: 150px;
            margin-top: 5px;
        }

            header #header-top #header-top-left .logo {
                float: left;
                display: inline-block;
            }

            header #header-top #header-top-left .y150 {
                display: inline-block;
                float: left;
                position: relative;
            }
        /* Temperatura */

        header #header-top #header-top-right .temperature {
            margin-right: 19px;
        }

            header #header-top #header-top-right .temperature span {
                font-size: 1.6rem;
                color: white;
                margin-right: 0.5rem;
                position: relative;
                font-weight: 600;
            }

            header #header-top #header-top-right .temperature,
            header #header-top #header-top-right .temperature span,
            header #header-top #header-top-right .temperature img,
            header #header-top #header-top-right .social-media,
            header #header-top #header-top-right .social-media a {
                float: left;
            }

        header #header-top #header-top-right {
            margin-top: 22px;
        }

            header #header-top #header-top-right .social-media,
            header #header-top #header-top-right .social-media a {
                float: left;
            }

                header #header-top #header-top-right .social-media a {
                    padding: 5px;
                    border: 1px solid white;
                    margin: 0px 3px;
                }

                    header #header-top #header-top-right .social-media a:hover {
                        -webkit-transition: all 0.5s;
                        transition: all 0.5s;
                        border-radius: 40px;
                    }

                    header #header-top #header-top-right .social-media a:last-child {
                        margin-right: 0px;
                    }

                header #header-top #header-top-right .social-media a {
                }

    header.fixed #header-bottom {
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 999;
        max-height: 57px;
    }

    header #header-bottom {
        width: 100%;
        height: auto;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
#nav-block ul.breadcrumb.white li + li:before {
    color: white;
    content: "/\00a0";
    padding: 0 2px;
}

#nav-block ul.breadcrumb.white li {
    color: white !important;
}

    #nav-block ul.breadcrumb.white li a {
        color: white !important;
    }
.logo-image {
    width: 380px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
/* Smart Menus*/
/* a top level navigation item in the mega menu */
.nav-menu {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    z-index: 15;
}

.nav-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
}

    /* first descendant link within a top level navigation item */
    .nav-item > a {
        position: relative;
        display: inline-block;
        padding: 0.5em 1em;
        margin: 0 0 -1px 0;
    }

        .nav-item > a i {
            margin-left: 2px;
        }


        /* focus/open states of first descendant link within a top level 
           navigation item */

        /* open state of first descendant link within a top level 
           navigation item */
        .nav-item > a.open {
            border-bottom: none;
            z-index: 1;
        }

#navbar .nav-item > a.open:after {
    content: '';
    width: calc(100% - 4px);
    position: absolute;
    left: -5px;
    height: 1px;
    bottom: 10px;
    background-color: white;
}

#navbar .nav-item > a:hover:after {
    content: '';
    width: calc(100% - 4px);
    position: absolute;
    left: -5px;
    height: 1px;
    bottom: 10px;
    background-color: white;
}


/* sub-navigation panel */
nav.navbar {
    margin-bottom: 0px;
}

#navbar {
    padding: 0px;
    margin-top: 3px;
}

/* sub-navigation panel */
.tweets {
    padding-right: 10px;
}


.baskan-twit {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #f0ad2e;
}

.twit-item {
    margin-bottom: 5px;
    font-size: 14px;
    margin: 6px 0px;
}

    .twit-item span.tw {
        color: black;
        display: inline-block;
        padding: 6px;
        font-size: 13px;
        padding-bottom: 0px;
    }

    .twit-item span.date {
        font-size: 10px;
        border-bottom: 1px solid white;
        display: block;
        padding: 6px;
        color: black;
    }


header #header-bottom nav.navbar .navbar-nav > li {
    position: relative;
}

nav .open .top-level {
    width: 310px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    max-width: calc(100vw - 190px);
    -webkit-transform: translateX(-35px);
    transform: translateX(-35px);
    z-index: 999999999;
    max-height: calc(100vh - 180px);
    display: none;
    background-color: #f1f0f0;
}

nav .top-level > li {
    display: flex;
    width: 100%;
}

nav .open .top-level {
    display: block;
    display: flex;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border-radius: 0px;
}

nav .navbar-nav > li > .dropdown-menu.baskan {
    width: 570px;
    padding: 20px 0 12px 20px !important;
    height: 406px;
}

    nav .navbar-nav > li > .dropdown-menu.baskan .custom-bar {
        padding: 0px !important;
    }

nav .custom-bar {
    height: auto;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f1f0f0;
    padding: 18px 9px 18px 30px;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    height: 100%;
}

    nav .custom-bar .mCSB_dragger_bar {
        background: #f0bc59 !important;
        width: 2px !important;
    }

    nav .custom-bar .mCSB_scrollTools .mCSB_draggerRail {
        background: #fff;
    }

    nav .custom-bar li {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 1.5px 0;
        position: relative; 
        min-height:25.3px;
    }

         nav .custom-bar li a {
    color: #000;
    text-align: left;
    display: block;
    font-family: 'Izmir-SemiBold';
    width: 100%;
    padding: 4px 35px 4px 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
    font-size: 11.9px;
    font-weight: 600;
    position: relative;
    white-space: pre-wrap;
}

.menu-exclusive a.menu-major-facebook:hover, .menu-exclusive a.menu-major-twitter:hover, nav .custom-bar li a:hover, nav .custom-bar li.open > a {
    color: #f0ad2e !important;
}

            nav .custom-bar li a[data-toggle="dropdown"]:after {
                content: '...';
                position: absolute;
                color: #f0ad2e;
                font-size: 52px;
                right: 11px;
                top: -2px;
                letter-spacing: -5px;
                line-height: 0;
                height: 21px;
                width: 27px;
                display: inline;
                overflow: hidden;
                font-weight: 400;
            }

#navbar .nav-item > a {
    display: inline-block;
}

    #navbar .nav-item > a i {
        margin-left: 2px;
        margin-top: -2px;
    }

nav .navbar-nav > li > .dropdown-menu {
    margin-top: 1px;
    padding: 0px !important;
}


nav .custom-bar .secondlevel {
    display: none;
    position: fixed;
    margin-left: 280px;
    -webkit-box-shadow: 0 0 3px 0 #cecece;
    box-shadow: 0 0 3px 0 #cecece;
    -webkit-transform: translate(-15px,-50%);
    transform: translate(-15px,-50%);
    background: #fff;
}

nav .custom-bar .open > .secondlevel {
    padding: 20px;
    width: 285px;
    max-height: 500px;
    min-height: 210px;
    border: 0px;
    border-bottom: 4px solid #f0ad2e;
    top: auto;
    left: auto;
    height: auto;
    background-color: #f1f0f0;
    display: flex;
    background-color: #f1f0f0;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    border-radius: 0px;
}

nav .custom-bar ol > li:nth-child(-n+3) .secondlevel {
    -webkit-transform: translate(-15px,-28%);
    transform: translate(-15px,-28%);
}

nav .custom-bar .secondlevel li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 1px 0;
    position: relative;
}

nav .custom-bar .open > .secondlevel.miniMenu {
    background-size: auto 90%;
    min-height: 130px;
}

nav .custom-bar .secondlevel li a {
    padding-right: 0px;
    background: transparent !important;
}

.menu-exclusive .sub-nav-group {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 !important;
    position: relative;
}

.sub-nav-group h3 a {
    width: 100%;
    padding: 4px 35px 4px 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
    font-size: 11.9px;
    font-weight: 700;
}


.menu-exclusive .sub-nav-group h3 a {
    color: black;
    font-family: 'Izmir';
    display: block;
    background-repeat: no-repeat !important;
    padding: 10px 0px 4px 40px;
    text-align: left;
    background-size: 30px 30px !important;
    background-position: bottom left !important;
    overflow: hidden;
    display: block;
}

.sub-nav-group h3 a:hover {
    color: #f0ad2e !important;
}

.sub-nav-group h3 a._openhover {
    color: #f0ad2e !important;
}

.menu-exclusive .sub-nav-group h3 a.img_0 {
    background: url(../../Content/img/baskan-ozgecmis.png);
}

.menu-exclusive .sub-nav-group h3 a.img_1 {
    background: url(../../Content/img/baskan-gorseller.png);
}

.sub-nav-group h3.dotted a {
    position: relative;
}

.sub-nav .secondlevel a:hover {
    color: #f0ad2e;
}

.sub-nav-group h3.dotted a:after {
    content: '...';
    position: absolute;
    color: #f0ad2e;
    font-size: 52px;
    right: 11px;
    top: -4px;
    letter-spacing: -5px;
    line-height: 0px;
    height: 21px;
    width: 27px;
    display: inline;
    overflow: hidden;
    font-weight: 400;
}



.sub-nav .secondlevel a {
    font-size: 11.9px;
    padding: 4px 0px 1px 4px;
    display: block;
    color: black;
    font-weight: 700;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
}

    .sub-nav .secondlevel a:hover {
        /*transform: translateX(8px);*/
    }


#navbar .nav-item > a {
    font-family: 'Izmir';
    font-size: 1rem;
    color: white;
    padding: 16px 20px 18px 0px;
    line-height: 18px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #navbar .nav-item > a.open:after {
        content: '';
        width: calc(100% - 4px);
        position: absolute;
        left: -5px;
        height: 1px;
        bottom: 10px;
        background-color: white;
    }

    #navbar .nav-item > a:hover:after {
        content: '';
        width: calc(100% - 4px);
        position: absolute;
        left: -5px;
        height: 1px;
        bottom: 10px;
        background-color: white;
    }

.menu-exclusive {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0px 20px 0px 8px;
    text-align: center;
}

    .menu-exclusive a {
        margin: 0 auto;
    }

        .menu-exclusive a.menu-major-twitter,
        .menu-exclusive a.menu-major-facebook,
        .menu-exclusive a.menu-major-instagram {
            font-size: 15px;
            color: black;
            font-family: 'Izmir';
            display: block;
            background-repeat: no-repeat !important;
            padding: 10px 0px 4px 40px;
            text-align: left;
            background-size: 30px 30px !important;
            background-position: bottom left !important;
        }

            .menu-exclusive a.menu-major-twitter:hover,
            .menu-exclusive a.menu-major-facebook:hover,
            .menu-exclusive a.menu-major-instagram:hover {
                color: #f0ad2e !important;
            }

        .menu-exclusive a.menu-major-twitter {
            overflow: hidden;
            display: block;
            background: url("../../Content/img/twitter.png");
        }

        .menu-exclusive a.menu-major-facebook {
            background: url("../../Content/img/facebook-takip.png");
        }

        .menu-exclusive a.menu-major-instagram {
            background: url("../../Content/img/bskn-instagram.png");
        }
/* */
/* */
/* */

header #header-bottom .language {
    margin-top: 6px;
}

    header #header-bottom .language a i {
        width: 30px;
        height: 30px;
        background: url(../img/icon-search2.png) no-repeat;
        margin-right: 27px;
        display: inline-block;
    }

    header #header-bottom .language .search {
        display: inline-block;
        float: left;
    }

    header #header-bottom .language select {
        background-color: transparent;
        font-size: 1rem;
        color: white;
        border: 1px solid white;
        padding: 0.2rem 0px;
        top: -3px;
        position: relative;
    }

        header #header-bottom .language select option {
            color: black;
        }
/* Header mobile */

#header-bottom .mobile-apps {
    float: right;
}

    #header-bottom .mobile-apps .usefull-row {
        display: table;
        height: 51px;
    }

    #header-bottom .mobile-apps .usefull-cell {
        display: Table-cell;
        vertical-align: middle;
    }

        #header-bottom .mobile-apps .usefull-cell span {
            color: white;
            font-size: 19.88px;
        }

        #header-bottom .mobile-apps .usefull-cell > img {
            width: 26px;
            margin-right: 9px;
            margin-left: 1px;
            padding-top: 4px;
        }

        #header-bottom .mobile-apps .usefull-cell a {
            border: 1px solid white;
            padding: 1px 4px;
            display: inline-block;
            margin-right: 4px;
        }

            #header-bottom .mobile-apps .usefull-cell a img {
                width: 20px;
            }

        #header-bottom .mobile-apps .usefull-cell select {
            background-color: transparent;
            font-size: 1rem;
            color: white;
            border: 1px solid white;
            position: relative;
            height: 29px;
            width: 40px;
            overflow: auto !important;
            border-radius: 0px;
        }

            #header-bottom .mobile-apps .usefull-cell select option {
                color: black;
            }
/*Header end*/
/* Nav Block */

#nav-block {
    /*background-color: #f0ad2e;*/
}

    #nav-block ul.breadcrumb {
        list-style: none;
        font-size: 14px;
        border-radius: 0px;
        padding-left: 0px;
        padding-right: 0px;
        background-color: transparent;
        margin-bottom: 0px;
        font-weight: bold;
    }

        #nav-block ul.breadcrumb li {
            display: inline;
        }

            #nav-block ul.breadcrumb li + li:before {
                color: black;
                content: "/\00a0";
                padding: 0 2px;
            }

            #nav-block ul.breadcrumb li a {
                color: black;
                text-decoration: none;
            }

                #nav-block ul.breadcrumb li a h1, #nav-block ul.breadcrumb li h1 {
                    font-size: inherit;
                    display: inline;
                    font-family: inherit;
                    font-weight: inherit;
                }

                #nav-block ul.breadcrumb li a:hover {
                    color: #01447e;
                    text-decoration: underline;
                }

            #nav-block ul.breadcrumb li.no-before a:hover {
                color: #01447e;
                text-decoration: none;
            }

    #nav-block .content-menu {
        position: absolute;
        right: 0px;
        top: -33px;
        font-size: 20px;
        text-decoration: none;
        background-color: #797261;
        width: 100%;
    }

        #nav-block .content-menu a > span {
            float: right;
            margin-top: 3px;
        }

        #nav-block .content-menu span span.icon-bar {
            display: block;
            width: 22px;
            height: 3px;
            border-radius: 1px;
            background-color: white;
            margin-bottom: 3px;
        }

        #nav-block .content-menu > li {
            padding: 10px 15px;
        }

            #nav-block .content-menu > li a {
                font-weight: 600;
                font-size: 1rem;
                display: block;
            }

            #nav-block .content-menu > li ul {
                width: 100%;
                background-color: #797261;
                border: 0px;
                border-radius: 0px;
                -webkit-box-shadow: none;
                box-shadow: none;
                margin-top: 0px;
                padding-bottom: 8px;
                z-index: 99999;
            }

        #nav-block .content-menu a {
            color: white !important;
            background-color: transparent;
        }

        #nav-block .content-menu > li ul li a {
            font-size: 17.3px;
            padding-bottom: 5px;
        }

        #nav-block .content-menu > li ul a:hover,
        #nav-block .content-menu > li ul a:focus,
        #nav-block .content-menu > li ul li.active a {
            color: #f0ad2e !important;
        }
/* Nav block ends */
/* Main starts*/

#main {
    margin-top: 2.1rem;
    margin-bottom: 2.1rem;
    font-weight: 400;
    max-width: 100vw;
    overflow: hidden;
    min-height: 400px;
}

    #main .sidebar {
        margin-right: 2rem;
        overflow: hidden;
        font-size: 0.9rem;
    }

        #main .sidebar .nav ul {
            position: relative;
            float: none;
            border: 0px;
            border-radius: 0px;
            margin: 0px;
            padding: 0px;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin-top: 2px;
        }

            #main .sidebar .nav ul li a {
                background-color: #f7f7f7;
                font-size: 15px;
                padding-left: 28px;
                white-space: normal;
                display: block;
                font-weight: 500;
                font-family: 'Izmir-Medium';
            }

            #main .sidebar .nav ul li ul li a {
                padding-left: 40px;
                font-size: 13px;
            }

            #main .sidebar .nav ul li a:before {
                font: normal normal normal 14px/1 FontAwesome;
            }



        #main .sidebar .bar {
            color: black;
            padding: 0.6rem 0.75rem;
            margin-bottom: 2px;
            font-weight: 600;
            font-size: 18px;
        }

        #main .sidebar .bar-block {
        }

            #main .sidebar .bar-block li {
                margin-bottom: 2px;
                overflow: hidden;
            }

                #main .sidebar .bar-block li a:focus {
                    color: initial !important;
                }

                #main .sidebar .bar-block li a {
                    color: #4d4d4f;
                    background-color: #ececec;
                    padding: 10px 38px 10px 15px;
                    font-size: 18px;
                    font-weight: 500;
                }

                    #main .sidebar .bar-block li a.dotted {
                        position: relative;
                    }

                        #main .sidebar .bar-block li a.dotted:after {
                            content: '...';
                            position: absolute;
                            color: inherit;
                            font-size: 47px;
                            top: 40%;
                            right: 11px;
                            transform: translateY(-40%);
                            letter-spacing: -4px;
                            line-height: 0px;
                            height: 21px;
                            width: 27px;
                            display: inline;
                            /* overflow: hidden; */
                            font-weight: 400;
                        }

                    #main .sidebar .bar-block li a[data-toggle="collapse"]:before {
                        position: absolute;
                        right: 10px;
                        font-size: 1.3rem;
                        color: inherit;
                    }

                    #main .sidebar .bar-block li a[data-toggle="dropdown"]:after {
                        content: '...';
                        position: absolute;
                        -webkit-transform: translateY(-51%);
                        transform: translateY(-51%);
                        font-size: 50px;
                        right: 15px;
                        letter-spacing: -3.2px;
                        font-family: 'Izmir';
                        color: #f2e3bc;
                    }


    #main .content-block {
        text-align: justify;
        font-size: 16px;
        color: #4d4d4f;
        font-weight: 400;
    }

        #main .content-block img {
            max-width: 100%;
            height: auto !important;
        }
/* Main ends*/

#side-nav {
    width: 320px;
    bottom: 0px;
    background-color: white;
    right: -320px;
    border-left: 2px solid #f0ad2e;
    position: fixed !important;
    top: 0px;
    z-index: 9999;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

    #side-nav.side-nav--open {
        right: 0px;
    }

    #side-nav button.side-nav-button {
        position: absolute;
        top: 225px;
        -webkit-transform: translateY(-50%) translateX(-100%);
        transform: translateY(-50%) translateX(-100%);
        border-style: none;
        padding: 0.7rem;
    }

        #side-nav button.side-nav-button img {
            -webkit-animation: spin 4s linear infinite;
            animation: spin 8s linear infinite;
        }

    #side-nav .nav-curtain {
        margin-top: 50vh;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow-y: auto;
        max-height: 100vh;
    }

        #side-nav .nav-curtain .sidebar-nav {
            padding-top: 15px;
        }

        #side-nav .nav-curtain a {
            padding: 8px 8px 6px 0px;
            text-decoration: none;
            font-size: 25px;
            color: #888888;
            display: block;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            font-size: 18px;
            text-decoration: none;
            font-weight: 600;
            background-color: white;
            white-space: normal;
        }

        #side-nav .nav-curtain ul.sidebar-nav > li.dropdown > a:after {
            content: '...';
            position: absolute;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #f2e3bc;
            font-size: 50px;
            right: 0px;
            letter-spacing: -3.2px;
        }

        #side-nav .nav-curtain ul.sidebar-nav > li {
            border-bottom: 1px solid #f2e3bc;
            display: block;
            margin-left: 2.5rem;
            margin-right: 3.5rem;
            cursor: pointer;
            overflow: hidden;
        }

            #side-nav .nav-curtain ul.sidebar-nav > li:first-child {
                border-top: 1px solid #f2e3bc;
            }

            #side-nav .nav-curtain ul.sidebar-nav > li ul li:first-child {
                border-top: 1px solid #f2e3bc;
            }

        #side-nav .nav-curtain .dropdown-menu {
            position: relative;
            float: none;
            border: 0px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #side-nav .nav-curtain .dropdown-menu a {
                color: #4d4d4f;
                position: relative;
                float: none;
                border: 0px;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

footer {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.footer-top {
    width: 100%;
    position: relative;
    border-top: 2px solid #f0ad2e;
}

    .footer-top .footer-cover {
        background-image: url(../img/footer-bg.png);
        position: absolute;
        right: 0px;
        left: 0px;
        width: 100%;
        z-index: -1;
        height: 100%;
        background-position: center;
        background-size: cover;
        -o-background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
    }

        .footer-top .footer-cover:after {
            background-color: rgba(0, 0, 0, 0.85);
            left: 0px;
            right: 0px;
            width: 100%;
            content: '';
            position: absolute;
            height: 100%;
        }

    .footer-top .navigator {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 30px;
        font-size: 14px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #141213;
        display: -ms-flexbox;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        -ms-flex-direction: column;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .footer-top .navigator .nav-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-preferred-size: 12.5%;
            flex-basis: 12.5%;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            margin-bottom: 40px;
        }

            .footer-top .navigator .nav-item > div:first-child {
                width: 100%;
                padding: 0px 15px;
            }

            .footer-top .navigator .nav-item span {
                background-color: #141213;
                color: white;
                display: table;
                margin: 0 auto;
                padding: 2px;
                width: 100%;
                text-align: center;
            }

                .footer-top .navigator .nav-item span a {
                    color: white;
                    text-decoration: none;
                }

            .footer-top .navigator .nav-item .footer-navigation {
                margin-top: 10px;
            }

                .footer-top .navigator .nav-item .footer-navigation li a {
                    color: white;
                }

    .footer-top .contact .flex-container {
        /* nonflex fallback*/
        display: block;
        display: flex;
        margin-top: 20px;
        margin-bottom: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        -ms-flex-direction: column;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

    .footer-top .contact .info-group {
        /* nonflex fallback*/
        display: block;
        display: flex;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex: 50;
        flex: 50;
        display: inline-block;
    }

        .footer-top .contact .info-group li {
            display: inline-block;
            margin-bottom: 2px;
        }

            .footer-top .contact .info-group li span {
                font-size: 14.9px;
                color: white;
                display: inline-block;
            }

                .footer-top .contact .info-group li span i {
                    width: 35px;
                    height: 35px;
                    background-repeat: no-repeat !important;
                    display: inline-block;
                    position: relative;
                    top: 8px;
                    margin-right: 15px;
                    margin-left: 12px;
                }

                .footer-top .contact .info-group li span .icon-him {
                    background: url(../img/icsayfa-iconlar/icon-gsm.png);
                }

                .footer-top .contact .info-group li span .icon-faks {
                    background: url(../img/icsayfa-iconlar/icon-fax.png);
                }

                .footer-top .contact .info-group li span .icon-santral {
                    background: url(../img/icsayfa-iconlar/icon-santral.png);
                }

                .footer-top .contact .info-group li span .icon-adres {
                    background: url(../img/icsayfa-iconlar/icon-adres.png);
                }

                .footer-top .contact .info-group li span .icon-email {
                    background: url(../img/icsayfa-iconlar/icon-eposta.png) 50% 70%;
                }

    .footer-top .contact .app-group {
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        /* non flex fallback*/
        display: block;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex: 16;
        flex: 16;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-right: 1px solid #141213;
        border-left: 1px solid #141213;
    }

        .footer-top .contact .app-group .native-apps {
            display: Table;
            margin: 0 auto;
            padding-top: 12px;
        }

        .footer-top .contact .app-group li {
            display: inline-block;
            border: 1px solid #828181;
            padding: 2px 4px;
            margin: 0px 5px;
        }

    .footer-top .contact .social-group {
        display: flex;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex: 13;
        flex: 13;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-top: 12px;
    }

        .footer-top .contact .social-group li {
            display: inline-block;
            border: 1px solid #828181;
            padding: 2px 4px;
            margin: 0px;
        }

.footer-bottom {
    padding: 25px;
    background-color: #141213;
    width: 100%;
    border-top: 2px solid #f0ad2e;
}

.lg-row {
    margin-left: -15px;
    margin-right: -15px;
}


.font-change button {
    width: 39px;
    height: 39px;
    margin-left: -4px;
    padding: 0px;
    background-color: white;
    border: 0px solid #ccc;
}



/**/
/****************** MOBIL-VIEW **********************/
/* Rem Units */

html {
    font-size: 20px;
}

@media (max-width: 1500px) {
    html {
        font-size: 16px;
    }

    footer #footer-menus a {
        padding: 0px 8px;
    }
}
/* Mobile Menu */

.responsive-mobile-menu {
    display: none;
    width: 100%;
    padding-bottom: 50px;
    position: fixed;
    z-index: 999999;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 86px;
    background-position: 28% 20%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    font-size: 16px;
    background: url(../img/background-mobile.png);
    background-size: cover;
}

    .responsive-mobile-menu .navbar-nav a {
        color: white;
        background-color: transparent !important;
    }

    .responsive-mobile-menu .navbar-nav > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    }

    .responsive-mobile-menu .navbar-nav li {
        position: relative;
        overflow: hidden;
    }

        .responsive-mobile-menu .navbar-nav li a[data-toggle="dropdown"]:after {
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            position: absolute;
            right: 0px;
            background: url(../img/icsayfa-iconlar/footer-after.png) no-repeat !important;
            content: '';
            width: 11px;
            height: 7px;
            right: 20px;
            background-repeat: no-repeat;
            top: 17px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            content: '';
            z-index: 999999999;
        }

        .responsive-mobile-menu .navbar-nav li.open > a[data-toggle="dropdown"]:after {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

    .responsive-mobile-menu .dropdown-menu {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
    }

    .responsive-mobile-menu .dropdown-menu {
        background-color: Transparent;
        max-height: 0px;
        position: relative;
        border: 0px;
        padding: 0px;
    }

    .responsive-mobile-menu .open > .dropdown-menu {
        max-height: none;
        opacity: 1;
    }

    .responsive-mobile-menu .navbar-nav .open .dropdown-menu > li > a {
        color: white;
        font-weight: 600;
        font-size: 15px;
    }

    .responsive-mobile-menu .navbar-nav .open > .dropdown-menu {
        padding: 5px 0px 5px 15px;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
        border-radius: 0px;
    }

body.menu-push-onscreen {
    overflow: hidden;
}

    body.menu-push-onscreen .responsive-mobile-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
        -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
        transition: opacity 0.4s, -webkit-transform 0.4s;
        transition: transform 0.4s, opacity 0.4s;
        transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
        left: 0;
    }

.responsive-mobile-menu .mobile-menu-btnclose {
    position: absolute;
    z-index: 5;
    top: 10px;
    right: 0;
    width: 70px;
    height: 70px;
    cursor: pointer;
    -webkit-transition: .5s cubic-bezier(.77, 0, .175, 1);
    transition: .5s cubic-bezier(.77, 0, .175, 1);
}

.responsive-mobile-menu .close-z#searchButton {
    position: absolute;
    z-index: 5;
    top: 10px;
    right: 70px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    -webkit-transition: .5s cubic-bezier(.77, 0, .175, 1);
    transition: .5s cubic-bezier(.77, 0, .175, 1);
}

.responsive-mobile-menu .close-z {
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
}

    .responsive-mobile-menu .close-z svg {
        width: 52%;
        height: 50px;
        margin: 0 auto;
        z-index: 999;
        display: table;
        position: relative;
    }

    .responsive-mobile-menu .close-z .c-y {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        -webkit-transition: .25s;
        transition: .25s;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        background-color: rgba(50, 50, 50, .5);
        border-radius: 0px;
    }

.responsive-mobile-menu #searchButton svg {
    fill: white;
}

/*.responsive-mobile-menu .close-z .c-y:after {
    display: block;
    content: '';
    width: 33px;
    height: 1px;
    background-color: #fff;
    -webkit-transition: .35s;
    transition: .35s;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transform: translateY(1px) rotate(45deg);
    transform: translateY(1px) rotate(45deg);
}*/

.responsive-mobile-menu #searchButton .close-z .c-y:after,
.responsive-mobile-menu #searchButton .close-z .c-y:before {
    display: none;
}

.responsive-mobile-menu .close-z .c-y:before {
    display: block;
    content: 'X';
    font-size: 36px;
    position: absolute;
    font-weight: 300;
    font-family: nunito;
    top: 1px;
    color: white;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
}


.responsive-mobile-menu .close-z .c-f {
    background-color: rgba(50, 50, 50, .5);
    position: absolute;
    z-index: 1;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border-radius: 0px;
    opacity: .25;
    -webkit-transition: .25s;
    transition: .25s;
    background-color: #2d2d2d;
}

.responsive-mobile-menu .no-touch .close-z:hover .c-f,
.responsive-mobile-menu .touch .close-z:active .c-f {
    -webkit-animation: wave 2.5s infinite;
    animation: wave 2.5s infinite;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.responsive-mobile-menu .social-media {
    display: table;
    margin: 0 auto;
    margin-top: 90px;
}

    .responsive-mobile-menu .social-media a {
        float: left;
        border: 1px solid white;
        padding: 1px 4px;
        margin: 0px 2px;
    }

.responsive-mobile-menu .logo-as-footer {
    width: 273px;
    margin: 0 auto;
    display: table;
    margin-top: 32px;
}
/* mobile-menu ends */
/* DESKTOP BIGGEr */

@media (max-width: 1650px) {
    html {
        font-size: 16px;
    }

    header {
        height: auto;
    }

        header #header-top {
            height: 58px;
        }

            header #header-top #header-top-left {
                margin-top: 6px;
            }

        header #header-top {
            height: 58px;
        }

            header #header-top #header-top-left {
                margin-top: 6px;
            }

                header #header-top #header-top-left .logo {
                    max-width: 300px;
                }

                header #header-top #header-top-left .y150 {
                    max-width: 280px;
                }

            header #header-top #header-top-right {
                margin-top: 12px;
            }

                header #header-top #header-top-right .temperature img {
                    width: 35px;
                }

        header #header-bottom nav.navbar {
            margin-bottom: 0px;
        }

            header #header-bottom nav.navbar #navbar {
                margin-top: 15px;
            }

        header #header-bottom .language select {
            margin-top: 3px;
        }

        header #header-bottom .language {
            margin-top: -1px;
        }

        header #header-bottom nav.navbar #navbar > ul > li > a {
            padding-top: 3px;
            padding-bottom: 14px;
            padding: 1px 20px 16px 0px !important;
        }

    nav .open .top-level {
        -webkit-transform: translate(-120px,0px);
        transform: translate(-120px,0px);
    }

    #navbar .nav-item > a i {
        margin-top: 0px;
    }

    #navbar .language {
        top: -5px;
        position: relative;
    }

    #side-nav {
        width: 280px;
        right: -280px;
    }

        #side-nav .nav-curtain a {
            font-size: 17px;
        }

    main .main-content .tab-content .tab-pane .slick-slide .text-part .content {
        -webkit-line-clamp: 2;
    }

    header #header-bottom nav.navbar #navbar ul > li.open ul.depth-first,
    header #header-bottom nav.navbar #navbar ul > li.open ul.breadth-first {
        margin-top: 0px;
    }

    header #header-top #header-top-right .social-media a {
        padding: 5px;
        border: 1px solid white;
        margin: 0px 3px;
        width: 32px;
    }

    #side-nav button.side-nav-button {
        top: 188px;
    }
}
/* DESKTOP */

.footer-top .navigator .nav-item span {
    padding: 2px 5px;
    position: relative;
}

.footer-top .navigator .nav-item a[data-toggle="collapse"].collapsed span:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.footer-top .navigator .nav-item a[data-toggle="collapse"] span:after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    right: 0px;
    background: url(../img/icsayfa-iconlar/footer-after.png);
    content: '';
    width: 11px;
    height: 7px;
    right: 4px;
    background-repeat: no-repeat;
    top: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    content: '';
}

@media (max-width: 1199px) {
    html {
        font-size: 15px;
    }

    header #header-top #header-top-left {
    }

    header #header-top #header-top-right {
        position: absolute;
        right: 0px;
    }

    header #header-bottom .language {
        margin-top: -1px;
    }

    header #header-bottom nav.navbar #navbar ul > li.open ul {
        padding: 30px;
    }

    nav .custom-bar {
        padding: 13px 15px 18px 25px;
        height: auto;
    }

    #main .sidebar {
        margin-right: 2rem;
        overflow: hidden;
        font-size: 14px;
    }

    #main .content-block {
        font-size: 14px;
    }

    #side-nav {
        width: 240px;
        right: -240px;
    }

        #side-nav .nav-curtain a {
            font-size: 15px;
        }

    .footer-top .navigator {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .footer-top .navigator .nav-item {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin-bottom: 28px;
        }

    .footer-top .contact .info-group {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        border-bottom: 1px solid #141213;
        padding-bottom: 10px;
        padding-left: 15px;
        width: 100%;
        display: block;
    }

        .footer-top .contact .info-group li span .icon-email {
            background: url(../img/icsayfa-iconlar/icon-eposta.png) 25% 50%;
            top: 11px;
            height: 34px !important;
        }

    .footer-top .contact .app-group {
        border-left: 0px;
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 15px;
    }

        .footer-top .contact .app-group .native-apps {
            display: Block;
            margin: 0px;
        }

    .footer-top .contact .social-group {
        -webkit-box-flex: 4;
        -ms-flex-positive: 4;
        flex-grow: 4;
        padding-right: 15px;
    }

    .lg-row {
        margin-left: 0px;
        margin-right: 0px;
    }
}
/* TABLET */

@media (max-width: 991px) {
    html {
        font-size: 14px;
    }

    header #header-bottom > nav.navbar #navbar ul > li > a {
        /*font-size: 1.1rem;*/
        padding: 1px 20px 16px 0px !important;
    }

    header #header-bottom > nav.navbar #navbar ul li ul li:first-child a {
        padding-left: 5px;
    }


    #main .sidebar {
        margin-right: 1rem;
    }

    .footer-top .contact .info-group li span {
        font-size: 14px;
    }
}
/* Not XS NOT SM */

@media (min-width: 992px) {
    .footer-top .navigator .nav-item .footer-navigation {
    }
}
/* MOBILE */

@media (max-width: 767px) {
    html {
        font-size: 12px;
    }

    header {
        height: auto;
    }

        header #header-top {
            height: auto;
        }

            header #header-top #header-top-left {
                min-width: 150px;
                width: 100%;
                max-width: none;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-left: 0px;
                text-align: center;
                padding-left: 15px;
                padding-right: 15px;
            }

                header #header-top #header-top-left .y150 {
                    max-width: 100%;
                    width: auto;
                }

                header #header-top #header-top-left .logo {
                    width: 230px;
                }



                header #header-top #header-top-left a {
                    overflow: hidden;
                    max-width: 300px;
                    display: inline-block;
                }

            header #header-top #header-top-right {
                display: none;
            }

        header .social-media a img {
            width: 22px;
        }

        header #header-bottom nav.navbar #navbar {
            padding: 0px;
            margin-top: 1px;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.95);
            right: 0px;
            z-index: 999;
            padding-left: 15px;
            padding-right: 15px;
            left: 0px;
        }

            header #header-bottom nav.navbar #navbar ul > li.open ul {
                width: 100%;
                padding-left: 15px;
                padding-top: 15px;
                margin-top: 0px;
            }

            header #header-bottom nav.navbar #navbar ul > li ul li {
                display: block;
                border: 0px;
            }

                header #header-bottom nav.navbar #navbar ul > li ul li div {
                    display: block;
                    width: 500px !important;
                    border: 0px;
                    max-width: 50% !important;
                }

                    header #header-bottom nav.navbar #navbar ul > li ul li div a {
                        padding-left: 0px !important;
                    }

            header #header-bottom nav.navbar #navbar ul > li.open ul.depth-first,
            header #header-bottom nav.navbar #navbar ul > li.open ul.breadth-first {
                padding-right: 10px;
                padding-left: 10px;
            }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: white;
    }

    .navbar-nav {
        margin: 0px;
    }

    button.navbar-toggle {
        top: 1px;
        margin-right: 0px;
    }

    #nav-block ul.breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 13px;
    }

    #main {
        padding-left: 15px;
        padding-right: 15px;
    }

        #main .content-block {
            font-size: 13px;
            text-align: left;
        }

            #main .content-block .content-image {
                display: table;
                margin: 0 auto;
            }

                #main .content-block .content-image img {
                    max-width: 100% !important;
                    padding: 0px !important;
                }

    .footer-top .navigator .nav-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 15px;
        display: inline-block;
        display: flex;
        width: 49.5%;
    }

    .footer-top .contact .info-group li span {
        margin-right: 20px;
    }

        .footer-top .contact .info-group li span i {
            position: relative;
            top: -6px !important;
            padding-right: 42px;
            /* margin-right: -2px; */
            margin: 0px !important;
            width: 27px !important;
            height: 30px !important;
            background-size: contain !important;
            background-position: 30% 50% !important;
            float: left;
        }

    .footer-top .contact .social-media img {
        width: 24px;
        height: auto;
    }

    .footer-top .contact .app-group {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
        width: 140px;
        display: inline-block !important;
    }

        .footer-top .contact .app-group li {
            display: inline-block;
            margin: 0px;
            margin-bottom: 2px;
        }

    .footer-top .contact .social-group {
        display: inline-block;
        float: right;
    }

    .footer-top .contact .native-apps img {
        width: 24px;
        height: auto;
    }

    .footer-top .contact .flex-container {
        margin-bottom: 15px;
        width: 100%;
        display: block !important;
    }

    .footer-bottom .center-block {
        max-width: 80%;
    }

    .footer-top .footer-cover {
    }

    .responsive-mobile-menu {
        display: block;
    }
}
/* selectric
*/
.selectric-items {
    max-height: 250px;
    overflow: hidden;
}
/* ==========================================================================
   @ANIMATIONS
   ========================================================================== */

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6;
    }

    30% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    30%, 31% {
        opacity: 0;
    }

    31% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6;
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6;
    }

    30% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    30%, 31% {
        opacity: 0;
    }

    31% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6;
    }
}

.dataTables_wrapper .dataTables_paginate {
    margin: 0 auto;
}

.no-before:before {
    content: "    " !important;
}

.no-before {
    padding-left: 3px;
}


/* Go top*/
.scrollToTop {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 30px;
    right: 40px;
    display: none;
    background: url(../img/arrow_up.png);
    z-index: 999;
    background-size: cover;
}

@media (max-width: 1199px) {
    .scrollToTop {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 1024px) {
#main .sidebar .bar-block li a {
font-size:16px;
}
}
@media (max-width: 991px) {
    .scrollToTop {
        width: 40px;
        height: 40px;
    }
}
@media (max-width: 768px) {
#main .sidebar .bar-block li a {
font-size:16px;
}
}
@media (max-width: 767px) {
    .scrollToTop {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 480px) {
    .scrollToTop {
        right: 20px;
    }
}


/*ck grid*/
@media (min-width:1200px) {
    .auto-clear .col-lg-1:nth-child(12n+1) {
        clear: left;
    }

    .auto-clear .col-lg-2:nth-child(6n+1) {
        clear: left;
    }

    .auto-clear .col-lg-3:nth-child(4n+1) {
        clear: left;
    }

    .auto-clear .col-lg-4:nth-child(3n+1) {
        clear: left;
    }

    .auto-clear .col-lg-6:nth-child(odd) {
        clear: left;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .auto-clear .col-md-1:nth-child(12n+1) {
        clear: left;
    }

    .auto-clear .col-md-2:nth-child(6n+1) {
        clear: left;
    }

    .auto-clear .col-md-3:nth-child(4n+1) {
        clear: left;
    }

    .auto-clear .col-md-4:nth-child(3n+1) {
        clear: left;
    }

    .auto-clear .col-md-6:nth-child(odd) {
        clear: left;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .auto-clear .col-sm-1:nth-child(12n+1) {
        clear: left;
    }

    .auto-clear .col-sm-2:nth-child(6n+1) {
        clear: left;
    }

    .auto-clear .col-sm-3:nth-child(4n+1) {
        clear: left;
    }

    .auto-clear .col-sm-4:nth-child(3n+1) {
        clear: left;
    }

    .auto-clear .col-sm-6:nth-child(odd) {
        clear: left;
    }
}

@media (max-width:767px) {
    .auto-clear .col-xs-1:nth-child(12n+1) {
        clear: left;
    }
    .logo-image {
        width: 100%;
    }
    .auto-clear .col-xs-2:nth-child(6n+1) {
        clear: left;
    }

    .auto-clear .col-xs-3:nth-child(4n+1) {
        clear: left;
    }

    .auto-clear .col-xs-4:nth-child(3n+1) {
        clear: left;
    }

    .auto-clear .col-xs-6:nth-child(odd) {
        clear: left;
    }
}

/* ic sayfa arama*/
#search-layer {
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    -webkit-transform: translatey(-20%) scale(0.2) rotatex(-180deg);
    transform: translatey(-20%) scale(0.2) rotatex(-180deg);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    opacity: 0;
    z-index: -1;
    background: rgba(0,0,0,0.85);
    padding-top: 50px;
}

body.search-active {
    /*overflow: hidden;*/
}

    body.search-active #search-layer {
        opacity: 1;
        background: rgba(0,0,0,0.85);
        top: 0;
        -webkit-transform: translatey(0%) scale(1) rotatex(0deg);
        transform: translatey(0%) scale(1) rotatex(0deg);
        z-index: 9999999;
    }

        body.search-active #search-layer a.closebtn {
            position: absolute;
            right: 15px;
            top: 15px;
        }

#search-layer #search-module {
    -webkit-transition: all 1s;
    transition: all 1s;
    margin-top: 40vh;
}

#search-layer.input--posted #search-module {
    margin-top: 10vh;
}

#search-layer #search-module .search-top {
    text-align: center;
}

    #search-layer #search-module .search-top #aramaMetni {
        border: none;
        color: white;
        margin-bottom: 0px;
        background: transparent;
        text-align: center;
        font-size: 1.4rem;
        width: 560px;
        padding: 0px 70px !important;
        height: 2.5rem;
        border-bottom: 1px solid white;
        margin-bottom: 10px;
        max-width: 80%;
    }

#aramaMetni::-webkit-input-placeholder { /* Chrome */
    font-size: 1.25rem;
    font-weight: 600;
    color: white;
    font-family: 'Izmir' !important;
}

#aramaMetni:-ms-input-placeholder { /* IE 10+ */
    font-size: 1.25rem;
    font-weight: 600;
    font-family:'Izmir'!important;
    color: white;
}

#aramaMetni::-moz-placeholder { /* Firefox 19+ */
    font-size: 1.25rem;
    font-weight: 600;
    font-family: 'Izmir' !important;
    color: white;
}

#aramaMetni:-moz-placeholder { /* Firefox 4 - 18 */
    font-size: 1.25rem;
    font-weight: 600;
    font-family: 'Izmir' !important;
    color: white;
}
/* Search results*/
#search-layer #search-module .search-bottom {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
}

#search-layer.input--posted #search-module .search-bottom {
    max-height: 85vh;
    overflow: hidden;
}

    #search-layer.input--posted #search-module .search-bottom .tab-content {
        height: 63vh;
        overflow: hidden;
    }

#search-module #search-results {
    overflow: hidden;
    background-color: white;
}

#search-module .nav-tabs > li > a {
    border-radius: 0px !important;
}

#search-module #search-results.tab-content > .tab-pane {
    display: block;
    width: 100%;
}

#search-module .nav-tabs > li.active > a, #search-module .nav-tabs > li.active > a:focus, #search-module .nav-tabs > li.active > a:hover {
    background-color: #efefef;
}

#search-module #search-results .tab-content > .tab-pane {
    max-height: 0;
    -webkit-transition: max-height 0.25s ease-out;
    transition: max-height 0.25s ease-out;
    overflow: hidden;
    background: #efefef;
    display: block;
    width: 100%;
    text-align: left;
}

    #search-module #search-results .tab-content > .tab-pane > .result {
        padding: 12px;
    }

    #search-module #search-results .tab-content > .tab-pane.active {
        max-height: 63vh !important;
        height: 63vh;
        overflow-x: hidden;
        overflow-y: auto;
    }

/* result styles*/
#search-results .search-list-item {
    margin: 3px 0px;
    background-color: #e2e2e2;
    padding: 8px;
    list-style: none;
}

    #search-results .search-list-item img {
        margin-right: 15px;
    }

    #search-results .search-list-item .search-title {
        color: #1f1609;
    }

        #search-results .search-list-item .search-title em {
            font-size: 13px;
            margin-left: 15px;
            position: relative;
            display: none;
        }

            #search-results .search-list-item .search-title em:after {
                content: '';
                position: absolute;
                left: -12px;
                width: 8px;
                height: 1px;
                top: 6px;
                background-color: #1f1609;
            }

    #search-results .search-list-item .search-details {
        font-size: 14px;
        margin-top: 7px;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: black;
    }

#search-layer input[type="search"] {
    -webkit-appearance: searchfield;
}

    #search-layer input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: searchfield-cancel-button;
    }

@media screen and (max-width: 991px) {
    #search-layer #search-module .search-top #aramaMetni {
        padding: 0px 50px 0px 10px !important;
        background-position-x: 95%;
    }
}

.centered {
    text-align: -moz-center !important;
    text-align: -webkit-center !important;
    text-align: center !important;
    margin: 0 auto !important;
}

.paginate_button.disabled {
    display: none !important;
}

/*Datatable İşlemlerinde Opacity-Loading*/

.bekleyiniz:after, body.load-on:after {
    content: '';
    background: black;
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 9999;
    opacity: 0.3;
}

.bekleyiniz:before, body.load-on:before {
    content: '';
    background-image: url("/Content/img/tr/bekleyiniz.gif");
    position: fixed;
    left: 50vw;
    top: 50vh;
    width: 64px;
    height: 64px;
    z-index: 99999;
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    nav .custom-bar .open > .secondlevel {
        margin-left: 240px;
    }
}

@media screen and (min-width: 1921px)  {
    header #banner{
        background-size:100%; 
    }
   .img-responsive.img1920 {
         max-width:none;
         width:100%;
    } 
}

.himtelefon{
    color:#fff !important;
}