@font-face {
    font-family: "DINPro-Light";
    src: url("/Content/assets/fonts/light/DINPro-Light.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

/*url("/Content/assets/fonts/light/DINPro-Light.otf") format("opentype"),*/
@font-face {
    font-family: "DINPro-Light";
    src:  url("/Content/assets/fonts/light/DINPro-Light.ttf") format("truetype"), url("/Content/assets/fonts/light/DINPro-Light.svg#DINPro-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DINPro-Medium";
    src: url("/Content/assets/fonts/medium/DINPro-Medium.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}
/*url("/Content/assets/fonts/medium/DINPro-Medium.otf") format("opentype"),*/
@font-face {
    font-family: "DINPro-Medium";
    src:  url("/Content/assets/fonts/medium/DINPro-Medium.ttf") format("truetype"), url("/Content/assets/fonts/medium/DINPro-Medium.svg#DINPro-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DINPro-Regular";
    src: url("/Content/assets/fonts/regular/DINPro-Regular.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}
/*url("/Content/assets/fonts/regular/DINPro-Regular.otf") format("opentype"),*/
@font-face {
    font-family: "DINPro-Regular";
    src:  url("/Content/assets/fonts/regular/DINPro-Regular.ttf") format("truetype"), url("/Content/assets/fonts/regular/DINPro-Regular.svg#DINPro-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DINPro-Bold";
    src: url("/Content/assets/fonts/bold/DINPro-Bold.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

/*url("/Content/assets/fonts/bold/DINPro-Bold.otf") format("opentype"),*/
@font-face {
    font-family: "DINPro-Bold";
    src:  url("/Content/assets/fonts/bold/DINPro-Bold.ttf") format("truetype"), url("/Content/assets/fonts/bold/DINPro-Bold.svg#DINPro-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

*,
*:before,
*:after {
    outline: none !important;
}

html {
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    /*  27052016 */
    /*background: url('/Content/lib/images/bg/main_bg.png);*/
    background-color: #FFF;
    background-size: cover;
    color: #597a96;
    font-size: 13px;
    vertical-align: middle;
    font-family: "DINPro-Regular", sans-serif;
}

body.index-page {
    background: url('/Content/lib/images/bg/main_bg.png') no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 890px) {
    body {
        position: relative;
        max-width: 100%;
        width: 100%;
        height: auto;
        overflow-x: hidden;
    }
    body.index-page {
        background: url('/Content/lib/images/bg/main_bg_small.png')no-repeat;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1169px) {
    body.index-page {
        background: url('/Content/lib/images/bg/main_bg_mid.png')no-repeat;
    }
}

header {
    display: block;
    width: 1280px;
    margin: auto;
    height: 64px;
    vertical-align: middle;
}

@media only screen and (max-width: 1280px) {
    header {
        width: 100%;
        ;
    }
}

header > container-fluid {
    max-width: 1280px;
    margin: auto;
}

.header--container {
    max-width: 1280px;
    margin: auto;
}

header img {
    vertical-align: middle;
    padding: 12px;
}

.header-linkedin {
    height: 43px;
    line-height: 33px;
    vertical-align: middle;
    margin-bottom: -10px;
}

.header-linkedin:hover,
.header-linkedin:focus {
    background: transparent!important;
}

.header-linkedin img {
    margin-top: 10px;
}

@media only screen and (max-width: 890px) {
    header {
        height: 62px;
        background: #415464;
        vertical-align: middle;
    }
    .logo-main {
        text-align: center;
    }
    .main-logo {
        content: url('/Content/lib/images/logos/main_logo.png');
    }
    .main-nav-linkedin {
        display: block;
        float: none!important;
        border-bottom: 2px solid #36567b!important;
    }
    .header-linkedin img {
        margin-top: 20px;
        margin-left: 0;
    }
    .main-nav-linkedin ul {
        margin-top: 0!important;
        width: 100%!important;
        border-bottom: 2px solid #36567b!important;
    }
    .main-nav-linkedin ul li {
        display: inline-block;
        width: 60px!important;
        border-bottom: 0!important;
        border-bottom: none!important;
        text-align: left;
    }
}

@media only screen and (min-width: 1200px) {
    .main-nav-linkedin {
        position: relative;
        margin-right: 50px;
    }
    .main-nav-linkedin li:nth-last-child(3) {
        border-right: 1px solid #283643;
    }
    .main-nav-linkedin li:nth-child(2) {
        margin-right: 5px;
    }
    .main-nav-linkedin li:nth-child(2):after {
        position: absolute;
        top: 0;
        right: 27px;
        display: block;
        width: 10px;
        height: 43px;
        content: '';
        background: url('/Content/lib/images/misc/lang-sep.png') no-repeat;
    }
    .main-nav-linkedin a {
        display: block;
        color: #ffffff;
        padding: 0 7px!important;
        height: 43px;
        line-height: 43px;
        transition: all ease 0.3s;
        font-family: "DINPro-Bold", sans-serif!important;
        font-size: 12px;
    }
    .main-nav-linkedin a:hover,
    .main-nav-linkedin a:focus {
        background: transparent!important;
        color: #ffffff;
        text-decoration: underline!important;
    }
}

.mobile-menu-icon {
    margin: 12px;
    width: 24px;
    height: 24px;
    display: block;
    background: url('/Content/lib/images/misc/dogus-assets_mobile.png') no-repeat;
    background-position: -24px -10px;
    cursor: pointer;
}

.header-search {
    position: relative;
    height: 64px;
    vertical-align: middle;
    line-height: 64px;
}

.main-search-bar {
    padding-right: 30px;
}

.do--search {
    position: absolute;
    /* 1366px */
    top: 14px;
    right: -43px;
    width: 30px;
    height: 30px;
    content: '';
    background-color: transparent;
    border: none;
}

@media only screen and (max-width: 890px) {
    .header-search-mobile-icon {
        position: relative;
        right: 10px;
        top: 2px;
        height: 34px;
        width: 34px;
        margin: 12px;
        display: block;
        background: url('/Content/lib/images/misc/dogus-assets_mobile.png') no-repeat;
        background-position: -54px -14px;
    }
}


/*==================================================================================*/


/* Main Navigation */

.main-nav {
    position: relative;
    display: block;
    width: 100%;
    height: 43px;
    background: #415464;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0;
}

.main-nav--container {
    max-width: 1280px;
    margin: auto;
}

@media only screen and (max-width: 890px) {
    .main-nav {
        display: block;
        left: -100%;
        width: 100%;
        height: 100%;
        min-height: 100%;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        background: url('/Content/lib/images/bg/mobile_nav_bg.png') no-repeat;
        background-size: cover;
        background-color: #133864;
        z-index: 999;
    }
}

.main-nav ul {
    float: left;
}

@media only screen and (max-width: 890px) {
    .main-nav ul {
        margin-top: 20px;
    }
}

.main-nav ul li {
    float: left;
    list-style-type: none;
}

@media only screen and (max-width: 1195px) {
    .main-nav ul li a {
        display: block;
        color: #ffffff;
        padding: 0 18px!important;
        height: 43px;
        line-height: 43px;
        transition: all ease 0.3s;
        font-family: "DINPro-Regular", sans-serif;
    }
}


/* Main Dropdown Desktop */

.desktop-main-dropdown {
    display: none;
    position: absolute;
    width: 100%;
    height: 470px;
    top: 107px;
    left: 0;
    background: url('/Content/lib/images/bg/main_dropdown_bg.jpg');
    background-size: cover;
    z-index: 50;
}

.desktop-main-dropdown > section.dropdown-content {
    width: 1280px;
    margin: auto;
}

@media only screen and (max-width: 890px) {
    .desktop-main-dropdown {
        display: none!important;
    }
}

section.dropdown-content {
    display: none;
}

.dropdown-title {
    font-size: 13px;
}


/* Main Dropdown Desktop */

.main-dropdown-ul {
    /* Position Absolute */
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
}

@media only screen and (max-width: 890px) {
    .main-nav ul li {
        width: 100%;
        height: auto;
        vertical-align: middle;
        border-bottom: 2px solid #36567b;
    }
    .main-nav ul li .main-dropdown-ul {
        /*margin-top: -10px;*/
        margin-top:10px;
        float: left;
        position: relative;
        display: block;
        width: 100%;
        height: auto;
    }
    .main-nav ul li .main-dropdown-ul li {
        float: left;
        width: 100%;
        border-bottom: none;
    }
    .main-nav ul li .main-dropdown-ul li a {
        height: 50px !important;
        line-height: 15px !important;
        font-size: 12px;
    }
    .main-nav ul li .main-dropdown-ul li .sub-dropdown-ul {
        margin-top: 0px;
        margin-left: 20px;
    }
    .main-nav ul li .main-dropdown-ul li .sub-dropdown-ul li .sub-dropdown-rd-ul {
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 10px;
    }
    .main-nav ul li:last-child {
        border-bottom: none;
    }

    .sub-dropdown-ul li{
        float: left;
    }
    
    .sub-dropdown-ul li ul {
        margin-top: 0px;
        float: left;
        position: relative;
        display: block;
        width: 100%;
        height: auto;
    }
    .sub-dropdown-ul li ul li {
        float: left;
        width: calc( 100% - 15px);
        margin-left: 10px;
    }

    .sub-dropdown-ul li ul {
        display: none;
    }


}

.main-nav ul li a {
    display: block;
    color: #ffffff;
    padding: 0 24px;
    height: 43px;
    line-height: 43px;
    transition: all ease 0.3s;
    font-family: "DINPro-Regular", sans-serif;
}

@media only screen and (max-width: 890px) {
    .main-nav ul li a {
        height: 58px;
        line-height: 58px;
        font-size: 14px;
        background: transparent;
    }
    .main-nav ul li a:focus,
    .main-nav ul li a:hover {
        background: transparent;
    }
    .main-nav-ul > li > a:after {
        position: relative;
        content: "";
        width: 30px;
        height: 48px;
        line-height: 48px;
        display: block;
        background: url('/Content/lib/images/misc/dogus-assets_desktop.png') no-repeat;
        background-position: -807px -93px;
        top: -48px;
        margin-left: 100%;
    }
}

@media only screen and (max-width:1064px) {
    .main-nav-ul {
        margin-left: 0;
        width: 100%;
    }
}

.main-nav ul li a:hover,
.main-nav ul li a:focus {
    background: #344451;
    color: #ffffff;
    text-decoration: none;
}

@media only screen and (max-width: 890px) {
    .main-nav ul li a:hover,
    .main-nav ul li a:focus {
        background: transparent;
    }
}

.main-nav ul li .dropdown-content {
    display: block;
}

.main-nav ul li .dropdown-content .drop-down-title {
    display: none;
}

.main-nav ul li .nav-close-btn {
    color: #0eb8ff;
    display: none;
}

@media only screen and (max-width: 890px) {
    .main-nav ul li .nav-close-btn {
        display: block;
    }
    .opened:after {
        background-position: -754px -93px!important;
    }
    .main-nav ul li .nav-close-btn:after {
        background-position: -792px -46px!important;
    }
    .main-nav ul li .nav-close-btn.opened:after {
        background-position: -792px -46px;
    }
}

ul {
    padding: 0;
}

ul li {
    list-style-type: none;
}

.main-dropdown {
    display: none;
}

.sub-dropdown-ul {
    display: none;
}

.sub-dropdown-rd-ul {
    display: none;
}

.dropdown-links {
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'DINPro-Regular';
}

.dropdown-links li {
    margin-bottom: 20px;
}

.dropdown-links li a {
    color: #f5f6f8;
}

.sustainability-main-link {
    color: #0EB8FF!important;
}

.drop-down-title {
    color: #f5f6f8;
    padding-bottom: 10px;
    text-decoration: none;
    display: inline-block;
    border-bottom: 2px solid #0eb8ff;
    width: 0;
    transition: 0.5s ease;
    white-space: nowrap;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.drop-down-title.visible {
    width: 100%;
}

.dropdown-title {
    color: #0eb8ff;
    text-transform: uppercase;
    font-family: "DINPro-Medium";
    margin-bottom: 20px;
}

.active {
    display: block;
}


/* Fixer, Padding, Margin, Strong, B, I, */

button:focus {
    outline: 0;
}

strong,
b {
    font-family: 'DINPro-Bold';
}

.list-type-none {
    list-style-type: none;
}

.list-type-none a,
.list-type-none a:hover,
.list-type-none a:focus {
    text-decoration: none;
}

.img-responsive {
    margin: auto;
}

.clearfix {
    clear: both;
}

.brdrNone {
    border: none!important;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}


/* Will Remove */

.text-center > img {
    max-width: 100%;
}

.text-right {
    text-align: right;
}

.bg--transparent {
    background: transparent!important;
}

.paddingZero {
    padding: 0!important;
}

.paddingLZero {
    padding-left: 0!important;
}

.paddingRZero {
    padding-right: 0!important;
}

.paddingTZero {
    padding-top: 0!important;
}

.paddingBZero {
    padding-bottom: 0!important;
}

.paddingHZero {
    padding-left: 0!important;
    padding-right: 0!important;
}

.paddingVZero {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.paddingL5 {
    padding-left: 5px;
}

.paddingR5 {
    padding-right: 5px;
}

.paddingL10 {
    padding-left: 10px;
}

.paddingR10 {
    padding-right: 10px;
}

.padding-t10 {
    padding-top: 10px;
}

.padding-t20 {
    padding-top: 20px;
}

.mrg-auto {
    margin: auto!important;
}

.mrgZero {
    margin: 0!important;
}

.mrgLZero {
    margin-left: 0!important;
}

.mrgRZero {
    margin-right: 0!important;
}

.mrg-t10 {
    margin-top: 10px!important;
}

.mrg-t20 {
    margin-top: 20px;
}

.mrg-t30 {
    margin-top: 30px;
}

.mrg-t40 {
    margin-top: 40px;
}

.mrg-r10 {
    margin-right: 10px;
}

.mrg-r20 {
    margin-right: 20px;
}

.mrg-r30 {
    margin-right: 30px;
}

.mrg-r40 {
    margin-right: 40px;
}

.mrg-b10 {
    margin-bottom: 10px;
}

.mrg-b20 {
    margin-bottom: 20px;
}

.mrg-b30 {
    margin-bottom: 30px;
}

.mrg-b40 {
    margin-bottom: 40px;
}

.mrg-l10 {
    margin-left: 10px;
}

.mrg-l20 {
    margin-left: 20px;
}

.mrg-l30 {
    margin-left: 30px;
}

.mrg-l40 {
    margin-left: 40px;
}

.footer-brands {
    text-align: center;
}


/*=============================================*/
/*==== Table ====*/

table.table-w100{
    width: 100%;
}
table.table-w75{
    width: 75%;
    margin: auto
}

table.table-w50{
    width: 50%;
}

table.table-w25{
    width: 25%;
}

table.table-bordered{
    border: 1px solid #0EB8FF;
}

table.table-bordered > thead {
    background-color: #f8f8f8;
    color: #0EB8FF;
}

table.table-bordered > thead > tr > th,
table.table-bordered > tbody > tr > td,
table.table-bordered > tfoot > tr > td{
    padding: 5px 10px;
}

table.table-bordered > tbody > tr:nth-child(even){
    background-color: #f4f5f6;
}

table.table-bordered tr.table-title{
    background-color: #f8f8f8;
    color: #0EB8FF;
}


/*==================================*/
@media only screen and (max-width: 768px) {
    table.table-bordered {
        border: 1px solid #ddd;
    }
    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        text-align: right;
    }
    .table-bordered table,
    .table-bordered thead,
    .table-bordered tbody,
    .table-bordered th,
    .table-bordered td,
    .table-bordered tr {
        display: block;
        float: left;
        width: 100%;
    }
    .table-bordered thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .table-bordered tr{
        margin: 0px 0;
    }
    .table-bordered td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    .table-bordered td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        color: #0EB8FF;
    }
    .table-bordered td:before {
        content: attr(data-title);
    }
}



/*==================================*/


/* Bootstrap Column Fix */

.col-md-20 {
    position: relative;
    float: left;
    display: block;
    width: 20%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (min-width: 640px) {
    .col-md-0 {
        display: none!important;
    }
    .col-md-20 {
        position: relative;
        float: left;
        display: block;
        width: 20%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 640px) {
    .col-xs-0 {
        display: none!important;
    }
    .col-md-20 {
        position: relative;
        float: left;
        display: block;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.owl-item {
    width: 100%;
}

.owl-stage-outer {
    width: 100%;
}

.owl-stage {
    width: 100%;
}


/* Content */


/* Pages */

.pages {
    max-width: 1280px;
    margin: auto!important;
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #FFF;
    /* Will Removed */
    min-height: 500px;
}

.pages-title {
    margin-top: 0;
    color: #0EB8FF;
}

.pages-title span {
    font-family: 'DINPro-Bold';
}

span.unvan {
    display: block;
    font-family: 'DINPro-Bold';
    margin-top: -5px;
}

.pages-content-title {
    font-size: 16px;
    color: #597a96;
}

.pages-content-sub-title {
    font-size: 14px;
    font-family: 'DINPro-Bold';
}


/*================================================================*/


/*==== YKB Mesaj ====*/

@media only screen and (max-width: 640px) {
    .ykb-mesaj {
        margin-top: 20px;
        text-align: center;
    }
    .pages-content-title {
        text-align: left;
    }
    span.unvan {
        padding-bottom: 10px;
        border-bottom: 1px solid #0EB8FF;
    }
    .scrolled-content {
        text-align: left;
    }
}


/* Font Weight*/

.light {
    font-family: 'DINPro-Light';
}

.medium {
    font-family: 'DINPro-Medium';
}

.regular {
    font-family: 'DINPro-Regular';
}

.bold {
    font-family: 'DINPro-Bold';
}

.txt-uppercase {
    text-transform: uppercase;
}


/* Font Weight */

.scrolled-content {
    margin-top: 10px;
    height: 680px;
    font-family: 'DINPro-Light';
}

.small-scrolled-content {
    margin-top: 15px;
    height: 160px;
}

@media only screen and (max-width: 640px) {
    .scrolled-content {
        height: auto;
    }
    .small-scrolled-content {
        height: auto;
    }
}


/*================================================================*/


/*==== Subheader ====*/

.subheader {
    position: relative;
    width: 100%;
    min-height: 184px;
    text-align: center;
    color: #FFF!important;
    padding-top: 10px;
    padding-bottom: 40px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.subheader--container {
    max-width: 1280px;
    margin: auto;
}

.test-bg {
    background: url('/Content/lib/images/subheader/subheader.jpg') no-repeat center center;
}

.subheader--career {
    background: url('/Content/lib/images/subheader/subheader--career.jpg') no-repeat center center;
    background-size: cover;
}

.subheader--about {
    background: url('/Content/lib/images/subheader/subheader--about.png') no-repeat center center;
    background-size: cover;
}


.subheader--contact {
    background: url('/Content/lib/images/subheader/subheader--contact.png') no-repeat center center;
    background-size: cover;
}

.subheader--sustainability {
    background: url('/Content/lib/images/subheader/subheader--sustainability.png') no-repeat center center;
    background-size: cover;
}

.subheader--traderRelation {
    background: url('/Content/lib/images/subheader/subheader--traderRelation.png') no-repeat center center;
    background-size: cover;
}

.subheader-row {
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
    text-align: center;
}

.subheader-title {
    font-family: 'DINPro-Bold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 26px;
    margin-top: 50px;
}

.breadcrumb-row {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 33px;
    text-align: left;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 7;
}

@media screen and (max-width:320px) {
    .breadcrumb-row {
        height: auto!important;
    }
}

.breadcrumb-box {
    position: relative;
    width: 1280px;
    margin: auto;
    padding: 0 15px;
}

.glyphicon-home {
    padding-right: 5px;
}

@media only screen and (max-width: 640px) {
    .breadcrumb-box {
        width: 100%;
    }
}

.breadcrumb {
    background: none;
}

.breadcrumb-item a {
    color: #f4f4f4;
}


/*================================================================*/


/*==== Side Navigation ====*/

.side-navigation {}

.side-navigation > li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding: 15px;
}

.side-navigation > li.has:after {
    display: block;
    position: absolute;
    content: '';
    top: 18px;
    right: 20px;
    width: 18px;
    height: 16px;
    background-color: #000;
    background: url('/Content/lib/images/misc/dogus-assets_desktop.png');
    background-repeat: no-repeat;
    background-position: -835px -58px;
}



.side-navigation > li.has.opened:after {
    background-position: -820px -58px;
}

.side-navigation-sub {
    display: none;
    margin-left: 10px;
}

.side-navigation > li.opened > .side-navigation-sub {
    display: block;
}

.side-navigation-sub li {
    position: relative;
    padding-top: 10px;
}

.side-navigation-sub > li.active > a {
    font-family: 'DINPro-Bold';
    color: #0EB8FF;
}

.side-navigation > li.ext-link:after {
    display: block;
    position: absolute;
    content: '';
    top: 18px;
    right: 5px;
    width: 18px;
    height: 16px;
    background-color: #000;
    background: url('/Content/lib/images/misc/external-link-ico.png');
    background-repeat: no-repeat;
    background-position: -2px -5px;
}

.side-navigation-sub > li.ext-link:after {
    display: block;
    position: absolute;
    content: '';
    top: 18px;
    right: 5px;
    width: 18px;
    height: 16px;
    background-color: #000;
    background: url('/Content/lib/images/misc/external-link-ico.png');
    background-repeat: no-repeat;
    background-position: -2px -5px;
}

.side-navigation-sub > li.has:after {
    display: block;
    position: absolute;
    content: '';
    top: 11px;
    right: 10px;
    width: 18px;
    height: 16px;
    background-color: #000;
    background: url('/Content/lib/images/misc/dogus-assets_desktop.png');
    background-repeat: no-repeat;
    background-position: -835px -58px;
}

.side-navigation-sub > li.has.opened:after {
    background-position: -820px -58px;
}

.side-navigation a {
    font-family: 'DINPro-Regular';
    font-family: 'DINPro-Regular';
    font-size: 13px;
    color: #597a96;
    text-transform: uppercase;
}

.side-navigation a:hover,
.side-navigation a:focus,
side-navigation a:visited {
    color: #0eb8ff;
    text-decoration: none;
}

.side-navigation a.active {
    color: #0eb8ff;
}


/*================================================================*/


/*==== Istirakler ====*/

.contribution-box {
    position: relative;
    display: table;
    width: calc(100% - 30px);
    margin: 10px auto;
    height: 280px;
    background-color: #f8f8f8;
    text-align: center;
    cursor: pointer;
}

.contribution-info {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    padding: 10px;
}

.contribution-info p {
    margin-top: 10px;
    display: none;
    font-family: 'DINPro-Regular';
    font-size: 11px;
}

.contribution-info:hover p {}

.contribution-info img {
    max-width: 100px;
    -webkit-filter: grayscale(100%) opacity(60%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.contribution-info:hover img {
    /* Firefox 10+, Firefox on Android */
    -webkit-filter: none;
    filter: none;
    filter: none;
    /* IE 6-9 */
}


/*================================================================*/


/*==== brands ====*/

.brands-content {
    background-color: #FAFAFA;
}

.menu-brands {
    display: block;
    position: relative;
}

.brands-menu-list {
    width: 80%;
    margin: auto;
    z-index: 20;
}

.brands-menu-list {
    cursor: pointer;
}

.brands-menu-list > .owl-stage-outer {
    z-index: 30;
}

.brands-menu-list .owl-prev {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    background: url('/Content/lib/images/misc/left-arrow-50x50.png');
}

.brands-menu-list .owl-next {
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    background: url('/Content/lib/images/misc/right-arrow-50x50.png');
}

.brands-menu-list a {
    display: block;
}

.brands-menu-list img {
    max-width: 100px;
}

@media only screen and (max-width: 640px) {
    .brands-menu-list .owl-nav {
        top: 20px;
    }
    .brands-menu-list .owl-controls .owl-nav {
        z-index: 33;
    }
    .brands-menu-list img {
        max-width: 80px;
        max-height: 80px;
    }
}

@media only screen and (min-width: 640px) {
    .brands-menu-list .owl-nav {
        top: 30px;
    }
}

@media only screen and (min-width: 1200px) {
    .brands-menu-list .owl-nav {
        width: 120%;
        left: -10%;
        top: 12px;
        height: 70px;
    }
}

.brands-view {
    display: none;
    margin-top: 20px;
    width: 100%;
    position: relative;
    transition: all ease-in-out .4s;
}

.brand-view-content {
    position: absolute;
    top: 0;
    right: 10%;
    width: 30%;
}

.brand-view-logo {
    max-width: 200px;
}

.brand-view-info {
    margin-top: -20px;
}

.brands-view-link {
    color: #0EB8FF;
    text-decoration: underline;
}

@media only screen and (max-width: 640px) {
    .brand-banner--audi {
        content: url('/Content/lib/images/brands/mobile/brands--audi.png')!important;
    }
    .brand-banner--bentley {
        content: url('/Content/lib/images/brands/mobile/brands--bentley.png')!important;
    }
    .brand-banner--bugatti {
        content: url('/Content/lib/images/brands/mobile/brands--bugatti.png')!important;
    }
    .brand-banner--porsche {
        content: url('/Content/lib/images/brands/mobile/brands--porsche.png')!important;
    }
    .brand-banner--seat {
        content: url('/Content/lib/images/brands/mobile/brands--seat.png')!important;
    }
    .brand-banner--skoda {
        content: url('/Content/lib/images/brands/mobile/brands--skoda.png')!important;
    }
    .brand-banner--lamborghini {
        content: url('/Content/lib/images/brands/mobile/brands--lamborghini.png')!important;
    }
    .brand-banner--scania {
        content: url('/Content/lib/images/brands/mobile/brands--scania.png')!important;
    }
    .brand-banner--vw {
        content: url('/Content/lib/images/brands/mobile/brands--vw.png')!important;
    }
    .brand-banner--vw-commercial {
        content: url('/Content/lib/images/brands/mobile/brands--vw-commercial.png')!important;
    }

    .brand-banner--dod {
        content: url('/Content/lib/images/brands/mobile/brands--dod.png')!important;
    }
    
    .brand-banner--dod_agir_vasita {
        content: url('/Content/lib/images/brands/mobile/brands--dod_agir_vasita.png')!important;
    }
    
    .brand-banner--thermoking {
        content: url('/Content/lib/images/brands/mobile/brands--thermoking.png')!important;
    }
    
    .brand-banner--scania_engines {
        content: url('/Content/lib/images/brands/mobile/brands--scania_engines.png')!important;
    }

    

    .brand-view-content {
        position: relative;
        width: 100%!important;
        left: 0;
        right: 0;
        padding: 0 10px 10px;
    }
    .brand-view-logo {
        max-width: 200px;
        margin: auto;
    }
    .brand-view-info {}
}

.brands-view .show {
    display: block!important;
}


/*================================================================*/


/*==== SSS | Sıkça Sorulan Sorular ====*/

.sss-list-item {
    position: relative;
    display: block;
    border: 2px solid #cfcfcf;
    border-radius: 6px;
    padding: 8px 14px;
    margin: 15px 0;
}

.sss-item-header {
    cursor: pointer;
    font-family: 'DINPro-Medium'
}

.sss-list-item-que {
    font-size: 14px;
    font-family: 'DINPro-Medium';
    color: #133864;
    padding-right: 15px;
}

.sss-list-item-ans {
    font-family: 'DINPro-Regular';
}

.sss-list-item-ans-tggle {
    position: absolute;
    display: block;
    content: '';
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url('/Content/lib/images/misc/dogus-assets_desktop.png') no-repeat;
    background-position: -234px -127px;
}

.sss-list-item-cls-ans {
    background-position: -260px -127px;
}

.sss-list-item-ans {
    display: none;
    padding: 4px 10px;
}


/*================================================================*/


/*==== Kurumsal Yönetişim İlkelerine Uyum Raporu ====*/

.kyi-rapor-header {
    display: block;
    position: relative;
    width: 100%;
    background-color: #F5f6f8;
    padding: 5px;
    float: left;
    margin-bottom: 10px;
}

h4.kyi-rapor-header-title {
    font-family: 'DINPro-Medium';
    font-size: 14px;
    width: 70%;
    float: left;
    padding-left: 4px;
}

.kyi-rapor-year-slct {
    float: right;
    position: relative;
    top: 5px;
    border: none;
    font-size: 14px;
    background: #f5f6f8;
    outline: none;
    padding-right: 5px;
}

.kyi-rapor-list-group {
    display: none;
    position: relative;
    /*margin-top: 40px;*/
    width: 100%;
}

.kyi-rapor-list-group.show {
    display: block;
}

.kyi-rapor-list-item {
    display: block;
    padding: 10px 0;
    border-bottom: 1px dotted #0EB8FF;
}

.kyi-rapor-year,
.kyi-rapor-title,
.kyi-rapor-quarter,
.kyi-rapor-download {
    display: inline-block;
    margin-left: 4px;
    font-size: 14px;
}

.kyi-rapor-year {
    font-family: 'DINPro-Bold';
}

.kyi-rapor-title {
    font-family: 'DINPro-Regular';
}

.kyi-rapor-quarter {
    color: #0EB8FF;
}

.btn-kyi {
    position: relative;
    padding: 6px 14px;
    padding-left: 30px;
    text-decoration: none!important;
    background-color: #f5f6f8;
    transition: all ease-in-out .3s;
    border-radius: 4px;
    color: #133864;
    font-family: 'DINPro-Regular';
}

.btn-kyi {
    background: url('/Content/lib/images/misc/btn-kyi-bg.png') no-repeat;
    background-position: 0 0;
    padding-left: 35px;
}

@media only screen and (max-width: 640px) {
    .kyi-rapor-list-item {
        position: relative;
        margin: 20px 0;
        padding: 20px 0;
    }
    .btn-kyi {
        display: block;
        position: relative;
    }
}

a.btn-kyi:hover,
.btn-kyi:focus {
    color: #FFF;
    background: url('/Content/lib/images/misc/btn-kyi-focus-bg.png') no-repeat;
}


/*================================================================*/


/*==== Ortaklık Yapısı ====*/

.pay-chart {
    padding-left: 30px;
    margin-bottom: 20px;
}

.pay-chart:before {
    position: absolute;
    content: '';
    top: 15px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: #000;
}

.dogus-holding.pay-chart:before {
    background-color: #606060;
}

.dogus-arastirma.pay-chart:before {
    background-color: #173a64;
}

.diger-ort.pay-chart:before {
    background-color: #d0d3d2;
}

.halk-ort.pay-chart:before {
    background-color: #47b2e6;
}

.pay-chart-title {
    font-family: 'DINPro-Regular';
    font-size: 14px;
    margin-bottom: 0;
}

span.pay-n {
    font-family: 'DINPro-Bold';
    font-size: 20px;
    color: #4cb3eb;
}


/*================================================================*/


/*==== Vizyon Misyon Strateji ====*/

.vms-title {
    color: #0EC0FF;
    font-family: 'DINPro-Regular';
    font-size: 26px;
}

.vms-p {
    font-size: 14px;
}

.vms-list {
    font-family: 'DINPro-Regular';
}

.vms-list > li {
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 14px;
}

.vms-list > li:after {
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    content: '';
    background-color: #0EC0FF;
}


/*================================================================*/


/*==== Financial ====*/


/*================================================================*/

.financial-indicator-title {
    color: #0EB8FF;
}

.financial-indicator-list > li {
    position: relative;
    font-family: 'DINPro-Regular';
    font-size: 13px;
    margin-bottom: 10px;
    padding-left: 14px;
}

.financial-indicator-list > li:after {
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    content: '';
    background-color: #0EC0FF;
}


/*====  Management Board ====*/


/*================================================================*/

.management-board--menu {
    margin-bottom: 20px;
}

.management-board--menu-list li a img {
    -webkit-filter: grayscale(100%) opacity(60%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.management-board--menu-list li a:hover img {
    /* Firefox 10+, Firefox on Android */
    -webkit-filter: none;
    filter: none;
    filter: none;
    /* IE 6-9 */
}

.management-board--menu-list li a.active img {
    /* Firefox 10+, Firefox on Android */
    -webkit-filter: none!important;
    filter: none!important;
    /* IE 6-9 */
}

@media only screen and (max-width: 640px) {
    .management-board--menu-list img {
        max-width: 100px;
    }
    .management-board--menu-list .owl-nav {
        width: 100%;
        top: 15px;
        left: 0;
    }
}

.management-board--member {
    display: block;
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #ececec;
}

.management-board--member:first-child{
    border-top: 0;
    border-top: none;
}

.board-member--pp {
    margin-bottom: 15px;
}

.board-member--name {
    color: #0EB8FF;
    margin-top: 0;
}

.board-member--title {
    display: block;
    margin-top: 0;
    margin-bottom: 20px;
}

.board-member--bio {
    max-height: 320px;
}

@media only screen and (max-width:640px) {
    .board-member--name,
    .board-member--title {
        text-align: center;
    }
    .board-member--bio {
        max-height: none;
    }
}


/*==== Institutional Merits ====*/


/*================================================================*/

.inst-merits {
    margin-top: 30px;
}

.inst-merits-col {
    text-align: center;
    color: #0EC0FF;
    font-size: 16px;
    min-height: 310px;
}

@media only screen and (min-height: 899px) {
    .inst-merits-col {
        min-height: 330px;
    }
}

h5.inst-merits-title {
    font-size: 18px;
    font-family: 'DINPro-Bold';
}

.inst-merits-saying {
    line-height: 26px;
    font-size: 14px;
    font-family: 'DINPro-Light';
}

.inst-merits-motto {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 18px;
    color: #0f0f0f;
    width: 100%;
}

@media only screen and (max-width: 640px) {
    .inst-merits-col {
        text-align: center;
        color: #0EC0FF;
        font-size: 16px;
        min-height: initial;
        margin: 20px 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e6e8;
    }
    .inst-merits-col img {
        margin: auto!important;
        max-width: 140px;
    }
    .inst-merits-motto {
        position: relative;
    }
}


/*==== Dashboard ====*/


/*================================================================*/

.main-dashboard {
    background-color: #f6f5f9;
    padding: 20px;
    font-size: 12px;
}

@media only screen and (max-width: 360px) {
    .main-dashboard {
        padding: 20px 0;
    }
}

.dashboard-element {
    background-color: #fff;
    padding: 15px;
    margin: 5px 5px;
    float: left;
    position: relative;
    border: 2px solid #f0f1f4;
}

.dashboard-main {
    background-color: transparent!important;
    border: none;
    padding: 0;
    float: left;
    width: 80%!important;
    margin: 0!important;
}

.why-dogus {
    height: 149px;
}

@media only screen and (min-width: 1170px) {
    .why-dogus-content {
        padding-top: 29px;
    }
}

.why-dogus-que {
    font-family: 'DINPro-Regular';
    font-size: 15px;
    color: #0EB8FF;
    margin: 0;
}

@media only screen and (max-width: 360px) {
    .dashboard-capex {
        padding: 5px;
    }
}

@media only screen and (max-width: 375px) {
    .dashboard-capex--table > thead > tr > th,
    .dashboard-capex--table > tbody > tr > th,
    .dashboard-capex--table > tfoot > tr > th,
    .dashboard-capex--table > thead > tr > td,
    .dashboard-capex--table > tbody > tr > td,
    .dashboard-capex--table > tfoot > tr > td {
        padding: 5px 2px;
    }
}

thead.gray-th {
    background-color: #f9f9f9;
    border-top: 1px solid #edf0f2!important;
    border-bottom: 1px solid #edf0f2!important;
}


/* Concl Pre Test*/

@media only screen and (min-width: 998px) {
    .dashboard-concl {
        min-height: 578px;
    }
    .dashboard-latest-activities-area {
        min-height: 345px;
    }
}

.dashboard-keywords {
    float: left;
    padding: 0!important;
    width: 20%!important;
    margin: 5px 0!important;
}

.dashboard-keywords > .dashboard-element-w12 {
    width: 100%;
    margin: 0;
}

.dashboard-keywords-title {
    color: #0EB8FF;
}

.keywords--keyword {
    display: block;
}

.keywords--keyword:nth-child(n+1) {
    font-size: 18px;
    margin-left: 5px;
}

.keywords--keyword:nth-child(2n+1) {
    font-size: 16px;
    margin-left: 10px;
    text-align: center;
}

.keywords--keyword:nth-child(3n+0) {
    font-size: 14px;
    margin-left: 10px;
}

.dashboard-element-w12 {
    /*width: calc(100% - 20px) ;*/
    width: 100%;
    margin: 0;
}

.dashboard-element-w10 {
    width: calc( 83.33333333% - 15px);
}

.dashboard-element-w9 {
    width: calc( 75% - 15px);
}

.dashboard-element-w8 {
    width: calc( 66.66666667% - 15px);
}

.dashboard-element-w7 {
    width: calc( 58.33333333% - 15px);
}

.dashboard-element-w6 {
    width: calc( 50% - 15px);
}

.dashboard-element-w5 {
    width: calc( 41.66666667% - 15px);
}

.dashboard-element-w4 {
    width: calc( 33.33333333% - 15px);
}

.dashboard-element-w3 {
    width: calc( 25% - 15px);
}

.dashboard-element-w2 {
    width: calc( 16.66666667% - 15px);
}

@media only screen and (max-width: 998px) {
    .dashboard-element-w2,
    .dashboard-element-w3,
    .dashboard-element-w4,
    .dashboard-element-w5,
    .dashboard-element-w6,
    .dashboard-element-w7,
    .dashboard-element-w8,
    .dashboard-element-w9,
    .dashboard-element-w10,
    .dashboard-element-w11,
    .dashboard-element-w12 {
        width: 100%!important;
        margin: 10px 0!important;
    }
}


/* Dashboard Content */

.message-to-trader-title {
    font-size: 16px;
    color: #0EB8FF;
}

.dashboard-menu {
    background: transparent!important;
    border: none!important;
}

.dashboard-menu-item {
    padding-left: 0;
    padding-right: 10px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
}

@media only screen and (max-width: 640px) {
    .dashboard-menu-item {
        margin: 10px 0;
    }
}

.dashboard-menu-item span {}

.dashboard-menu-item h5 {
    margin-top: 5px;
    margin-left: 20px;
    font-size: 11px;
}

.dashboard-icon--1,
.dashboard-icon--2,
.dashboard-icon--3,
.dashboard-icon--4,
.dashboard-icon--5,
.dashboard-icon--6 {
    display: inline-block;
    float: left;
    width: 30px;
    height: 25px;
    background-color: #0EB8FF;
}

.dashboard-icon--1 {
    background: url('/Content/lib/images/misc/dashboard-icons-desktop.png') no-repeat;
    background-position: 0 -15px;
}

.dashboard-icon--2 {
    background: url('/Content/lib/images/misc/dashboard-icons-desktop.png') no-repeat;
    background-position: -66px -15px;
}

.dashboard-icon--3 {
    background: url('/Content/lib/images/misc/dashboard-icons-desktop.png') no-repeat;
    background-position: -122px -15px;
}

.dashboard-icon--4 {
    background: url('/Content/lib/images/misc/dashboard-icons-desktop.png') no-repeat;
    background-position: -178px -15px;
}

.dashboard-icon--5 {
    background: url('/Content/lib/images/misc/dashboard-icons-desktop.png') no-repeat;
    background-position: -244px -15px;
}

.dashboard-icon--6 {
    background: url('/Content/lib/images/misc/dashboard-icons-desktop.png') no-repeat;
    background-position: -292px -15px;
}


/* Dashboard Share Select Box*/

.share-select {
    background-color: #fff;
    border-radius: 0!important;
    outline: none!important;
    border: none;
    box-shadow: none;
    color: #0EB8FF;
    font-family: 'DINPro-Medium';
    font-size: 12px;
}

.share-select .dropdown-menu {
    margin: 0;
    margin-top: -10px;
    border: 0;
    border-radius: 0;
    background: #fff;
    background-clip: inherit;
    font-size: 12px;
}

.share-select .dropdown-menu > li > a {
    color: #0EB8FF!important;
    outline: none!important;
}

.share-select .dropdown-menu > li > a:hover,
.share-select .dropdown-menu > li > a:focus {
    color: #0EB8FF;
    background-color: #eee;
}

.share-select .btn:hover,
.share-select .btn:focus,
.share-select .btn {
    outline: none!important;
    color: #0EB8FF;
}

.share-graphic-title {
    color: #0EB8FF;
}

@media only screen and (max-width: 640px) {
    .share-select-box {
        padding: 0;
    }
}

.share-image {
    display: none;
}

.share-image .show {
    display: block;
}


/* Dashboard Activities Report */

.activities-report {
    min-height: 277px;
}

.dashboard-activities-report--menu-ul .owl-stage-outer {
    width: 100%;
    margin: auto;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px 5px;
}

.dashboard-activities-report--menu-ul .owl-item {
    margin-left: 5px!important;
    margin-right: 5px!important;
    width: 50px!important;
}

.dashboard-activities-report--menu-ul .owl-nav {
    top: 0;
    width: 120%;
    left: -10%;
}

.dashboard-activities-report--menu-ul .owl-prev {
    width: 8px;
    height: 15px;
    background: url('/Content/lib/images/misc/dashboard-activities-left.png');
    left: 9%;
    top: 15px;
}

.dashboard-activities-report--menu-ul .owl-next {
    width: 8px;
    height: 15px;
    background: url('/Content/lib/images/misc/dashboard-activities-right.png');
    right: 7%;
    top: 15px;
}

.dashboard-activities-report--menu-ul a {
    padding: 4px 8px;
    display: block;
    text-align: center;
}

.dashboard-activities-report--menu-ul a:hover,
.dashboard-activities-report--menu-ul a:focus,
.dashboard-activities-report--menu-ul a.active {
    background-color: #0EB8FF;
    color: #FFF;
    text-decoration: none;
    border-radius: 12px;
}

.dashboard-activities-report-content {
    width: 100%;
    margin: auto;
}

.dash-act-report-sect {
    display: none;
}

.dashboard-activities-report-list li {
    margin: 10px 0;
}

.dashboard-activities-report-list li a {
    text-decoration: underline;
    color: #0EB8FF;
}


/* Dashboard Calendar */

.dashboard-title {
    font-size: 15px;
    color: #0EB8FF;
    margin: 20px;
    border-bottom: 1px solid #0EB8FF;
}

.dashboard-title2 {
    font-size: 15px;
    color: #0EB8FF;
    margin: 0 0 20px;
}

.dashboard-title13px {
    font-size: 13px;
    color: #0EB8FF;
    margin: 0 0 20px;
}

.dashboard-element--calendar-area {
    padding: 0;
    border: 0;
}

.ui-datepicker {
    padding: 0;
    margin: auto;
}

.ui-widget {
    font-family: 'DINPro-Regular';
}

.ui-widget-header {
    background: #FFF;
    color: #8ea1b4;
    border: none;
}

.ui-widget-content {
    background-color: #FFF;
    border: none;
    color: #8ea1b4;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none;
    background: #FFF;
    color: #0eb8ff;
    text-align: center;
    transition: all ease-in-out .2s;
}




.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: none;
    background: transparent;
    color: #8ea1b4;
    font-weight: normal;
}

.ui-state-active {
    background-color: #0eb8ff!important;
    color: #FFF!important;
}

.ui-datepicker-today a {
    background: transparent!important;
    color: #8ea1b4!important;
}

.ui-datepicker-today a:hover,
.ui-datepicker-today a.ui-state-active {
    background: #0eb8ff!important;
    color: #FFF!important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    background: #0eb8ff;
    color: #FFF;
    font-weight: normal;
}


/* Dashboard DatePicker Arrows */

.ui-datepicker .ui-datepicker-prev {
    background: url('/Content/lib/images/dashboard/calendar-prev.png') no-repeat;
    background-position: 0px 0px;
    border: none;
    font-weight: normal;
}

.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    background: url('/Content/lib/images/dashboard/calendar-next.png') no-repeat;
    background-position: 0px 0px;
    border: none;
    font-weight: normal;
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
    right: 2px;
}

.ui-datepicker-prev, .ui-datepicker-next{
    cursor: pointer;
}


/* Dashboard Events */

.dashboard--event-date a {
    background-color: #0EB8FF;
    background-image: none !important;
    color: #ffffff !important;
}

.dashboard-date-events {
    margin: 10px 0;
    padding: 0;
    display: none;
}


.dashboard-date-events--list li {
    display: block;
     font-family: 'DINPro-Regular',sans-serif;
}

.events-date {
    display: block;
    color: #133864;
    font-size: 15px;
}

.dashboard-btn {
    padding: 3px 12px 4px;
    font-family: 'DINPro-Regular';
    color: #FFF;
    background: #0eb8ff;
    border-radius: 6px;
    border: none;
    outline: none;
    transition: all ease-in-out .3s;
}

.dashboard-btn:hover,
.dashboard-btn:focus {
    color: #FFF;
    background: #3a98c4;
}


/*==== Dashboard Latest Activities ====*/

.dashboard-latest-activities {
    position: relative;
}

.dashboard-latest-activities > li {
    position: relative;
    padding: 0 12px;
    color: #597a96;
    margin: 10px 0;
}

.dashboard-latest-activities > li:after {
    position: absolute;
    left: 0;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    content: '';
    background-color: #0EC0FF;
}

.dashboard-latest-activities-date {
    display: block;
    color: #ababab;
}


/*==== Dashboard Giro =====*/

.dashboard-giro {
   width: calc( 52.66666667% - 8px);
}

.dashboard-giro-table tr:first-child td {
    border-top: 0!important;
}


/*==== Dashboard İnvestor Rel ====*/

.dashboard-investor-contact {
    width: 47.33333333%;
    margin-right: -5px;
}

.dashboard-investor-contact-content {}

.dashboard-investor-contact ul li {
    margin-bottom: 8px;
}

.investor-contact-exp {
    font-size: 16px;
}

.investor-contact-title {
    color: #0EB8FF;
}


/*==== Appeal ====*/

.appeal-title {
    color: #0EB8FF;
}

.appeal-login-area {
    max-width: 330px;
}

.user-login {
    background: url('/Content/lib/images/misc/appeal-user-icon.png')no-repeat;
    background-position: 3px 3px;
}

.user-password {
    background: url('/Content/lib/images/misc/appeal-password-icon.png')no-repeat;
    background-position: 3px 3px;
}

.appeal-title {
    font-family: 'DINPro-Bold';
    color: #0EB8FF;
    padding-bottom: 10px;
    border-bottom: 1px dotted #0EB8FF;
}

.appeal-input, .appeal-mail {
    background-color: #eef2f4;
    border-radius: 0;
    outline: none;
    border: none;
    box-shadow: none;
    color: #738da4;
    font-family: 'DINPro-Medium';
    font-size: 12px;
}

.appeal-input.error,
.appeal-mail.error{
    border: 1px solid #f00!important;
}

.appeal-input:focus,
.appeal-mail:focus,
.appeal-select:focus {
    outline: none;
    box-shadow: none;
}

.appeal-select {
    background-color: #eef2f4;
    border-radius: 0;
    outline: none!important;
    border: none;
    box-shadow: none;
    color: #738da4;
    font-family: 'DINPro-Medium';
    font-size: 12px;
}

.appeal-select .dropdown-menu {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #eef2f4;
    background-clip: inherit;
    font-size: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.appeal-select .dropdown-menu > li > a {
    color: #738da4!important;
    outline: none!important;
}

.appeal-select .dropdown-menu > li > a:hover,
.appeal-select .dropdown-menu > li > a:focus {
    color: #738da4;
    background-color: #dfe6ea;
}

.appeal-select .btn:hover,
.appeal-select .btn:focus,
.appeal-select .btn {
    outline: none!important;
    color: #738da4;
    padding-left: 8px;
}

.user-login,
.user-password {
    padding-left: 35px;
}

.checkbox-appeal-login {
    margin-top: 0;
}

.btn-appeal-login {
    clear: both;
    display: block;
    width: 100%;
    background-color: #0EB8FF;
    color: #FFF;
    transition: all ease-in-out .3s;
}

.btn-appeal-login:hover,
.btn-appeal-login:focus {
    background-color: #3fa5d5;
    color: #f5f6f8;
}

.btn-appeal-apply {
    clear: both;
    display: block;
    width: 100%;
    background-color: #0EB8FF;
    color: #FFF;
    transition: all ease-in-out .3s;
}

.btn-appeal-apply:hover,
.btn-appeal-apply:focus {
    background-color: #3fa5d5;
    color: #f5f6f8;
}

.form-control {
    margin: 5px auto;
}

input {
    outline: none!important;
}

.appeal-error-message {
    display: none;
    clear: both;
    margin-top: 10px;
    color: #f00;
}

.appeal-birthdate-label {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 35px;
    z-index: 10;
    background-color: #eef2f4;
}

.appeal-birthdate-label h6 {
    margin: 9px 8px 8px;
    color: #999999;
    font-weight: bold;
}
.appeal-birth-day .alertInput,
.appeal-birth-month .alertInput,
.appeal-birth-year .alertInput{
    height: 34px;
}

/*================================================================*/


/*==== İştirakler Ve Bağlı Ortaklıklar ====*/

table.istirakler-ortakliklar {
    width: 100%;
    border-collapse: collapse;
}

.table--partnership--contribution tbody {
    font-family: 'DINPro-Regular';
    font-size: 12px;
}

@media only screen and (max-width: 768px) {
    .table-condensed > thead > tr > th,
    .table-condensed > tbody > tr > th,
    .table-condensed > tfoot > tr > th,
    .table-condensed > thead > tr > td,
    .table-condensed > tbody > tr > td,
    .table-condensed > tfoot > tr > td {
        text-align: right;
    }
    .istirakler-ortakliklar table,
    .istirakler-ortakliklar thead,
    .istirakler-ortakliklar tbody,
    .istirakler-ortakliklar th,
    .istirakler-ortakliklar td,
    .istirakler-ortakliklar tr {
        display: block;
        float: left;
        width: 100%;
    }
    .istirakler-ortakliklar thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .istirakler-ortakliklar tr {
        border: 1px solid #ccc;
    }
    .istirakler-ortakliklar td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    .istirakler-ortakliklar td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    .istirakler-ortakliklar td:before {
        content: attr(data-title);
    }
}


/*================================================================*/


/*==== Video Js ====*/

.video-js {
    width: 100%!important;
    min-height: 360px!important;
}

.video-js .vjs-big-play-button {
    height: 80px;
    width: 80px;
    line-height: 75px;
    border-radius: 100px;
    top: calc( 50% - 22.5px);
    left: calc( 50% - 45px);
    background: transparent;
}

.video-js .vjs-control-bar {
    background: rgba(255, 255, 255, 0.1);
}

.video-js .vjs-load-progress {
    background: #a5a3a2!important;
}

.vjs-play-progress .vjs-slider-bar {
    background: #0eb8ff!important;
}


/*================================================================*/


/*==== Corparate History Timeline ====*/

.corp-history-event-item {
    border-top: 1px dotted #e7e7e7;
}

.corp-history-event-item:first-child {
    border-top: none;
    border-top: 0;
}

.corp-history-title {
    color: #0EB8FF;
}

.corp-history--img2 {
    float: left;
    width: 50%;
}


/*================================================================*/


/*==== Foreign Trader Shareout ====*/

.foreign_trader-mobile-warning {
    display: none;
}

@media only screen and (max-width:998px) {
    .foreign_trader-img {
        content: url('/Content/lib/images/misc/warning-icon.png')!important;
        ;
    }
    .foreign_trader-mobile-warning {
        display: block;
        margin-top: 20px;
        text-align: center;
        font-size: 18px;
    }
}


/*================================================================*/


/*==== Contact ====*/

.contact-title {
    display: inline-block;
    color: #0EB8FF;
    border-bottom: 2px dotted #EFEFEF;
}

.contact-phone-ico {
    position: relative;
    content: '';
    width: 20px;
    height: 17px;
    display: inline-block;
    background: url('/Content/lib/images/misc/dogus-assets_desktop.png') no-repeat;
    background-position: -933px -57px;
}


/* Contact Forms */

.contact-input {
    background-color: #eef2f4;
    border-radius: 0;
    outline: none;
    border: none;
    box-shadow: none;
    color: #738da4;
    font-family: 'DINPro-Medium';
    font-size: 12px;
}

.contact-input.error {
    border: 1px solid #f00!important;
}

.contact-input:focus,
.contact-select:focus {
    outline: none;
    box-shadow: none;
}

.contact-select {
    background-color: #eef2f4;
    border-radius: 0;
    outline: none!important;
    border: none;
    box-shadow: none;
    color: #738da4;
    font-family: 'DINPro-Medium';
    font-size: 12px;
}

.contact-select .dropdown-menu {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #eef2f4;
    background-clip: inherit;
    font-size: 12px;
}

.contact-select .dropdown-menu > li > a {
    color: #738da4!important;
    outline: none!important;
}

.contact-select .dropdown-menu > li > a:hover,
.contact-select .dropdown-menu > li > a:focus {
    color: #738da4;
    background-color: #dfe6ea;
}

.contact-select .btn:hover,
.contact-select .btn:focus,
.contact-select .btn {
    outline: none!important;
    color: #738da4;
}

.btn-contact-apply {
    clear: both;
    display: block;
    width: 100%;
    background-color: #0EB8FF;
    color: #FFF;
    transition: all ease-in-out .3s;
}

.btn-contact-apply:hover,
.btn-contact-apply:focus {
    background-color: #3fa5d5;
    color: #f5f6f8;
}

.btn-form-apply {
    clear: both;
    display: block;
    width: 100%;
    background-color: #0EB8FF;
    color: #FFF;
    transition: all ease-in-out .3s;
}

.btn-form-apply:hover,
.btn-form-apply:focus {
    background-color: #3fa5d5;
    color: #f5f6f8;
}


/* TextArea */

.contact-textarea {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #eef2f4;
    background-image: none;
    border: 1px solid #eef2f4;
    resize: none;
}


/* Radio Button */

.contact-radio-group {
    height: 34px;
    padding: 5px 0;
    line-height: 34px;
}


/* File Upload Button */

.contact-file-upload-item {
    clear: both;
    display: block;
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
}

.btn-contact-file {
    float: left;
    display: block;
    width: 25%;
    background-color: #f5f6f8;
    color: #718da5;
    transition: all ease-in-out .3s;
}

.btn-contact-file:hover,
.btn-contact-file:focus {
    background-color: #f5f6f8;
    color: #718da5;
}

@media only screen and (max-width: 998px) {
    .btn-contact-file {
        width: 50%;
    }
}

.contact-file-upload-path {
    float: left;
    color: #000;
    padding-left: 16px;
}


/* Security Code | Captcha */

.contact-security--code {
    border: 1px solid #e6e6e6;
    width: 100%;
    display: block;
    line-height: 50px;
    min-height: 50px;
    vertical-align: middle;
}

.contact-security--code-refresh{
    vertical-align: middle;
}


/* Terms Of Use */

.modal-termsOfuse-body {
    max-height: 400px;
    padding: 10px;
    overflow-y: scroll;
}

.modal-termsOfUse-ul {
    padding-left: 14px;
}

.modal-termsOfUse-ul li {
    list-style-type: decimal;
    margin-left: 14px;
}

.alertInput {
    border: 1px solid rgba(255, 83, 83, 0.64);
}

.alertInput::-webkit-input-placeholder {
    color: #9b9999;
}

.alertInput:-moz-placeholder {
    /* Firefox 18- */
    color: #9b9999;
}

.alertInput::-moz-placeholder {
    /* Firefox 19+ */
    color: #9b9999;
}

.alertInput:-ms-input-placeholder {
    color: #9b9999;
}

.alertCheck {
    color: #f00;
}

.alertRadio {
    color: #f00!important;
}


/*================================================================*/


/*==== 404  ====*/

.statusPages {
    position: fixed;
    width: 100%;
    height: calc( 100% - 107px);
    top: 107px;
    padding: 0;
    margin: 0;
    background: url('/Content/lib/images/misc/404.jpg')no-repeat;
    background-size: cover;
}

.status-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 260px;
    width: 400px;
    text-align: center;
}

.status-code {
    font-family: 'DINPro-Bold';
    font-size: 140px;
    color: #012340;
    margin-top: 0;
    margin-bottom: 0;
}

.status-info {
    color: #012340;
    font-size: 28px;
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #0EB8FF;
}

.status-perm {
    color: #012340;
    font-size: 18px;
}

a.status-link {
    color: #0EB8FF;
}

@media only screen and (max-width: 640px) {
    .statusPages {
        top: 62px;
        height: calc( 100% - 62px);
    }
    .status-text {
        width: 300px;
    }
}


/*================================================================*/


/*==== Footer ====*/

footer {
    background: #ffffff;
    width: 100%;
    overflow-x: hidden;
}

.footer-slider {
    max-width: 1200px;
    margin: auto;
}

.owl-item {}

footer .owl-prev {}

@media only screen and (min-width: 640px) {
    .owl-nav {
        position: absolute;
        top: 90px;
        left: -10%;
        width: 120%;
    }
}

@media only screen and (min-width: 1400px) {
    footer {
        padding-top: 40px;
    }
}


/* Footer Brands */

.ftr-vhcle-logo {
    width: 90%!important;
    max-width: 200px!important;
    margin: auto;
}

@media only screen and (max-width: 640px) {
    .ftr-vchle-vw {
        content: url('/Content/lib/images/logos/footer/vw_binek.png')!important;
        transition: all ease .3s;
    }
    .ftr-vchle-audi {
        content: url('/Content/lib/images/logos/footer/audi.png')!important;
    }
    .ftr-vchle-porsche {
        content: url('/Content/lib/images/logos/footer/porsche.png');
    }
    .ftr-vchle-seat {
        content: url('/Content/lib/images/logos/footer/seat.png');
    }
    .ftr-vchle-skoda {
        content: url('/Content/lib/images/logos/footer/skoda.png');
    }
    .ftr-vchle-bentley {
        content: url('/Content/lib/images/logos/footer/bentley.png');
    }
    .ftr-vchle-bugatti {
        content: url('/Content/lib/images/logos/footer/bugatti.png');
    }
    .ftr-vchle-lamborghini {
        content: url('/Content/lib/images/logos/footer/lamborghini.png');
    }
    .ftr-vchle-vw_ticari {
        content: url('/Content/lib/images/logos/footer/vw_ticari.png');
    }
    .ftr-vchle-scania {
        content: url('/Content/lib/images/logos/footer/scania.png');
    }
}

.ftr-vw {
    width: 188px;
    height: 198px;
}

.ftr-vw img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-vw span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-vw.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-vw:hover span {
    opacity: 1;
}


/* Footer Porsche */

.ftr-porsche {
    width: 188px;
    height: 198px;
}

.ftr-porsche img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-porsche span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-porsche.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-porsche:hover span {
    opacity: 1;
}


/* Footer Audi */

.ftr-audi {
    width: 188px;
    height: 198px;
}

.ftr-audi img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-audi span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-audi.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-audi:hover span {
    opacity: 1;
}


/*=================================*/


/* Footer vw-ticari */

.ftr-vw_ticari {
    width: 188px;
    height: 198px;
}

.ftr-vw_ticari img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-vw_ticari span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-ticari.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-vw_ticari:hover span {
    opacity: 1;
}


/*=================================*/


/* Footer Seat */

.ftr-seat {
    width: 188px;
    height: 198px;
}

.ftr-seat img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-seat span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-seat.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-seat:hover span {
    opacity: 1;
}


/* Footer Bentley */

.ftr-bentley {
    width: 188px;
    height: 198px;
}

.ftr-bentley img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-bentley span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-bentley.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-bentley:hover span {
    opacity: 1;
}


/* Footer bugatti */

.ftr-bugatti {
    width: 188px;
    height: 198px;
}

.ftr-bugatti img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-bugatti span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-bugatti.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-bugatti:hover span {
    opacity: 1;
}


/* Footer lamborghini */

.ftr-lamborghini {
    width: 188px;
    height: 198px;
}

.ftr-lamborghini img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-lamborghini span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-lamborghini.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-lamborghini:hover span {
    opacity: 1;
}


/* Footer scania */

.ftr-scania {
    width: 188px;
    height: 198px;
}

.ftr-scania img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-scania span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-scania.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-scania:hover span {
    opacity: 1;
}


/*=================================*/


/* Footer skoda */

.ftr-skoda {
    width: 188px;
    height: 198px;
}

.ftr-skoda img {
    width: 188px!important;
    height: 198px!important;
}

.ftr-skoda span {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 198px;
    background: url('/Content/lib/images/carousel-cars/hover/hover-skoda.png');
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

.ftr-skoda:hover span {
    opacity: 1;
}

@media only screen and (max-width: 640px) {
    .footer-slider span {
        display: none;
    }
    .footer-slider li {
        width: auto;
        height: auto;
    }
    .ftr-audi img,
    .ftr-porsche img,
    .ftr-bentley img,
    .ftr-seat img,
    .ftr-skoda img {
        max-width: 100%;
        max-height: 100%;
    }
}

footer .footer-contribution {
    display: block;
    margin: 20px auto 10px;
    max-width: 1280px;
    padding-top: 10px;
    border-top: 1px solid #E6E9EA;
    text-align: center;
}

.footer-contribution-ul li {
    float: left;
    width: 7.69230769231%;
    display: block;
}

.footer-contribution-ul li img {
    width: 100%;
    margin: auto;
    -webkit-filter: grayscale(100%) opacity(60%);
    filter: grayscale(100%);
    filter: gray;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.footer-contribution-ul li:hover img {
    -webkit-filter: none;
    filter: none;
    filter: none;
}

@media only screen and (max-width: 640px) {
    .footer-contribution-ul li {
        width: 50%;
    }
    .footer-contribution-ul li img {
        width: 100px;
        margin: auto;
    }
}

.footer-links {
    display: block;
}

.footer-copyright {
    display: block;
}

@media only screen and (max-width: 640px) {
    .footer-ortaklar {
        width: 100%;
        overflow: hidden;
    }
}

footer .links-footer {
    margin-top: 15px;
}

footer .links-footer li {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    padding-left: 5px;
}

footer .links-footer li a:after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 20px;
    content: '';
    background-color: #0eb8ff;
}

footer .links-footer li:first-child a:after {
    bottom: -4px;
}

footer .links-footer li:last-child a:after {
    display: none;
}

footer .footer-copyright {
    padding-bottom: 30px;
}

footer li {
    text-align: center;
}

.ftr-dg-logo {
    max-width: 100px;
    padding-right: 0!important;
}

.ftr-dg-logo img {
    margin-bottom: -13px;
}

.main-search-bar {
    border: 0;
    //background: url('/Content/lib/images/misc/search.png') no-repeat;
    width: 240px;
    height: 26px;
    line-height: 26px;
    font-family: 'DINPro-Bold';
    /* */
    outline: none;
}

@media only screen and (max-width: 890px) {
    .main-search-bar {
        display: none;
    }
    .mobile-search {
        display: block;
        width: 300px;
        height: 40px;
        bottom: -38px;
        right: -200px;
        position: absolute;
        background: none;
        background-color: #f3f4f5;
        z-index: 170;
        padding-left: 10px;
        /**/
        border-bottom: 2px solid #ddd;
        border-left: 2px solid #ddd;
        border-radius: 0;
        font-family: 'DINPro-Regular';
    }
}


/* 05052016 Slider Animations*/

@media only screen and ( max-width: 844px) {
    .main-slider-view {
        margin-top: -2px;
    }
}

@media only screen and (min-width: 845px) {
    .main-slider-view {
        margin-top: -10px;
    }
}

.main-slider-screen {
    display: none;
    font-family: 'DINPro-Bold';
    height: auto;
}

.mobile-screen-slider,
.tablet-screen-slider,
.normal-screen-slider,
.raremid-screen-slider,
.medium-screen-slider,
.rarelarge-screen-slider,
.large-screen-slider {
    display: none;
    padding: 0;
    text-align: center;
}

.mobile-screen-slider img,
.tablet-screen-slider img,
.normal-screen-slider img,
.raremid-screen-slider img,
.medium-screen-slider img,
.rarelarge-screen-slider img,
.large-screen-slider img {
    margin: auto;
    width: 100%;
}

@media only screen and (max-width:640px) {
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        bottom: 10px;
    }
    .mobile-screen-slider {
        display: block;
    }
    .mobile-screen-slider-text {
        display: block;
        position: absolute;
        top: 30px;
        left: 20px;
        width: 300px;
        text-align: left;
        font-size: 22px;
        color: #000;
    }
    .mobile-screen-slider-text span {
        display: block;
        padding-left: 50px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 1169px) {
    .tablet-screen-slider {
        display: block;
    }
    .tablet-screen-slider-text {
        display: block;
        position: absolute;
        top: 100px;
        left: 100px;
        width: 460px;
        text-align: left;
        font-size: 32px;
        color: #000;
    }
    .tablet-screen-slider-text span {
        display: block;
        padding-left: 80px;
    }
}

@media only screen and (min-width: 1170px) and (max-width: 1280px) {
    .normal-screen-slider {
        display: block;
    }
    .normal-screen-slider-text {
        display: block;
        position: absolute;
        top: 100px;
        left: 120px;
        width: 760px;
        text-align: left;
        font-size: 38px;
        color: #000;
    }
    .normal-screen-slider-text span {
        display: block;
        padding-left: 100px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .raremid-screen-slider {
        display: block;
    }
    .raremid-screen-slider-text {
        display: block;
        position: absolute;
        top: 100px;
        left: 220px;
        width: 760px;
        text-align: left;
        font-size: 45px;
        color: #000;
    }
    .raremid-screen-slider-text span {
        display: block;
        padding-left: 140px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
    .medium-screen-slider {
        display: block;
    }
    .medium-screen-slider-text {
        display: block;
        position: absolute;
        top: 100px;
        left: 300px;
        width: 860px;
        text-align: left;
        font-size: 40px;
        color: #000;
    }
    .medium-screen-slider-text span {
        display: block;
        padding-left: 180px;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .rarelarge-screen-slider {
        display: block;
    }
    .rarelarge-screen-slider-text {
        display: block;
        position: absolute;
        top: 80px;
        left: 460px;
        width: 860px;
        text-align: left;
        font-size: 44px;
        color: #000;
    }
    .rarelarge-screen-slider-text span {
        display: block;
        padding-left: 200px;
    }
}

@media only screen and (min-width: 1920px) {
    .large-screen-slider {
        display: block;
    }
    .large-screen-slider-text {
        display: block;
        position: absolute;
        top: 60px;
        left: 770px;
        width: 1060px;
        text-align: left;
        font-size: 48px;
        color: #000;
    }
    .large-screen-slider-text span {
        display: block;
        padding-left: 120px;
    }
}

@media only screen and (min-width: 1170px),
only screen and ( -webkit-min-device-pixel-ratio: 2) and (min-width: 1170px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1170px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1170px),
only screen and ( min-device-pixel-ratio: 2) and (min-width: 1170px),
only screen and ( min-resolution: 192dpi) and (min-width: 1170px),
only screen and ( min-resolution: 2dppx) and (min-width: 1170px) {
    .main-slider-screen {
        position: relative;
        display: block;
        width: 1280px;
        min-height: 400px;
        margin: auto;
    }
    .slider-asset {
        position: absolute;
    }
    .sketch-car {
        display: none;
        width: 597px;
        height: 181px;
        left: 35%;
        top: 100px;
        overflow: hidden;
        z-index: 1;
    }
    .sketch-car-img {
        position: relative;
        left: -70%;
    }
    .sketch-car.ani-done {
        position: absolute;
        top: 100px;
        left: 30%!important;
    }
    .blue-bar {
        display: none;
        width: 273px;
        height: 234px;
        overflow: hidden;
        top: 27px;
        left: 30%;
        z-index: 2;
        padding-top: 50px;
    }
    .blue-bar-text {
        display: none;
    }
    .blue-bar-text {
        position: absolute;
        top: -58px;
        left: 11px;
        z-index: 3;
    }
    .blue-bar-first-text {
        position: relative;
        left: -7px;
        font-family: "DINPro-Bold";
        color: #000;
        margin-bottom: -5px;
        font-size: 40px;
    }
    .blue-bar-second-text {
        font-family: "DINPro-Bold";
        color: #FFF;
        margin-top: 3px;
        font-size: 40px;
    }
    
    /*EN*/
    .blue-bar-text.en{
        top: -45px;
        left: 20px;
    }
    .blue-bar-text.en >
    .blue-bar-first-text,
    .blue-bar-text.en > .blue-bar-second-text {
        font-size: 30px;
    }
    
    .blue-bar-text.en > .blue-bar-second-text > span {
        padding-left: 40px;
    }
    /*EN*/
    .blue-bar-img {
        position: relative;
        top: 0px;
    }
    .blue-bar-text-img {
        position: relative;
        top: 180px;
    }
    .slider-text {
        display: none;
        top: 85px;
        left: 46.2%;
        z-index: 2;
    }
    .slider-model-text {
        opacity: 0;
        position: absolute;
        left: 130px;
        top: 138px;
        width: 400px;
    }
    .slider-model-text p {
        font-family: "DINPro-Bold";
        color: #000;
        position: relative;
        left: -30px;
    }
    .model-text-title {
        font-family: "DINPro-Bold";
        font-size: 26px;
        color: #000;
        margin-bottom: 5px;
    }
    .car {
        display: none;
        top: 100px;
        left: 18.90%;
        z-index: 4;
    }
    /* BM Animation */
    .bm-koltuk {
        display: none;
        top: 58px;
        left: 22%;
        z-index: 13;
    }
    .bm-zemin {
        display: none;
        top: 28px;
        left: 20%;
        z-index: 11;
    }
    .bm-bant {
        display: none;
        top: 48px;
        left: 35%;
        z-index: 10;
    }
    .bm-bant-text {
        position: absolute;
        top: -44px;
        left: 10px;
    }
    .bm-bant-first {
        color: #000;
        font-size: 30px;
        margin-bottom: 5px;
    }
    .bm-bant-second {
        position: relative;
        color: #FFF;
        font-size: 22px;
        left: 10px;
    }
    .bm-bant-third {
        position: relative;
        color: #FFF;
        font-size: 22px;
        left: 42px;
        top: -5px;
    }
    
    .bm-bant-text.en > .bm-bant-second{
        margin-top: 0;
        font-size: 25px;
        left: 10px;
        
    }
    .bm-main-text {
        display: none;
        top: 54px;
        left: 52%;
        z-index: 12;
        color: #000;
        font-family: 'DINPro-Medium';
    }
    
    .bm-main-text.en{
        top: 80px;
    }
    .bm-main-sub-text {
        display: none;
        width: 310px;
        margin-left: 32px;
    }
    .bm-main-sub-text.en {
        margin-left: 21px;
    }
    .bm-main-text-first {
        font-family: 'DINPro-Bold';
        color: #000;
        font-size: 22px;
    }
    /* Hizmet Noktası Animation */
    .hn-zemin {
        display: none;
        top: 0px;
        left: 0;
        z-index: 20;
    }
    .hn-bant {
        display: none;
        top: 100px;
        left: 33%;
        z-index: 21;
    }
    .hn-bant-text {
        position: absolute;
        top: -50px;
        left: 10px;
    }
    .hn-bant-first {
        position: relative;
        left: 27px;
        color: #000;
        font-size: 30px;
        margin-bottom: 5px;
    }
    .hn-bant-second {
        position: relative;
        color: #FFF;
        font-size: 22px;
        left: 10px;
    }
    .hn-bant-second.en{
        padding-left: 98px;
        font-size: 24px;
    }
    /**/
    .hn-text {
        position: absolute;
        top: -44px;
        left: 10px;
    }
    .hn-araba {
        display: none;
        z-index: 22;
        top: -450px;
        left: 340px;
    }
    .hn-adamlar {
        display: none;
        top: 100px;
        left: 26%;
        z-index: 24;
    }
    .hn-main-text {
        display: none;
        top: 106px;
        left: 50%;
        z-index: 20;
        color: #000;
    }
    .hn-main-sub-text {
        position: absolute;
        /*top: 0;*/
        /* 10.06 Test */
        top: 170px;
        left: 60px;
        width: 310px;
    }
    .hn-main-sub-text p {
        position: absolute;
        left: 0px;
    }
    .hn-main-text-first {
        display: none;
        font-family: 'DINPro-Bold';
        color: #000;
        font-size: 22px;
    }
    .hn-main-text-p {
        display: none;
    }
    .hn-main-text {
        font-family: 'DINPro-Medium';
    }
    /* Teknolojik Çözüm */
    .tkczm-zemin {
        display: none;
        top: 70px;
        left: 13%;
        z-index: 30;
    }
    .tkczm-bant {
        display: none;
        top: 70px;
        left: 32%;
        z-index: 31;
    }
    .tkczm-bant-text {
        position: absolute;
        top: -50px;
        left: 10px;
    }
   
    .tkczm-bant-first {
        position: relative;
        color: #000;
        font-size: 30px;
        margin-bottom: 5px;
    }
    .tkczm-bant-second {
        position: relative;
        color: #FFF;
        font-size: 25px;
        left: 10px;
    }
    /*En*/
     .tkczm-bant-text.en > .tkczm-bant-second {
        font-size: 24px;
         left: 0;
    }
    .tkczm-laptop {
        display: none;
        top: 115px;
        left: 27%;
        z-index: 30;
    }
    .tkczm-telefon {
        display: none;
        top: 220px;
        left: 41%;
        z-index: 34;
    }
    .tkczm-kulaklik {
        display: none;
        top: 180px;
        left: 22%;
        z-index: 35;
    }
    .tkczm-main-text {
        display: none;
        left: 48%;
        top: 80px;
        z-index: 36;
        color: #000;
        font-family: 'DINPro-Medium';
    }
    
    .tkczm-main-text.en{
        top: 110px;
    }
    .tkczm-main-sub-text {
        display: none;
        position: relative;
        width: 310px;
        /*top: -10px;

        /* Test Fix */
        top: -120px;
        /*left: 34px;
        */
        left: 60px;
    }
    .tkczm-main-text-first {
        width: 200px;
        font-family: 'DINPro-Bold';
        color: #000;
        font-size: 22px;
    }
    
    .tkczm-main-text-first.en{
        width: 250px;
        margin-left: -20px;
    }
    /**/
    .park-zemin {
        display: none;
        top: -40px;
        left: 10%;
    }
    .park-park {
        display: none;
        top: 50px;
        left: 30%;
    }
    .park-arac1 {
        top: 504px;
        left: 1%;
        z-index: 47
    }
    .park-arac2 {
        top: 509px;
        left: 15%;
        z-index: 48
    }
    .park-arac3 {
        top: 509px;
        left: 23%;
        z-index: 49
    }
    .park-main-text {
        display: none;
        top: 70px;
        left: 54%;
        color: #000;
    }
    .park-main-text.en{
        top: 100px;
        left: 53%;
    }
    .park-main-sub-text {
        display: none;
        position: relative;
        top: -110px;
        left: 34px;
        width: 310px;
    }
    
    .park-main-sub-text-first{
        width: 200px;
        font-family: 'DINPro-Bold';
        color: #000;
        font-size: 22px;
    }
    
    .park-main-sub-text-first.en{
        font-size: 40px;
        margin-top: 0;
        margin-left: 20px;
    }
    /* 08.06.2016 CountUp.Js Added */
    #brand-count {}
    #model-count {
        position: relative;
        top: -100px;
        font-size: 230px;
        letter-spacing: -10px;
        /* Text Gradient */
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    /*Test Slider Text*/
    .bm-main-text-text {
        font-family: 'DINPro-Bold';
        font-size: 160px;
        letter-spacing: -5px;
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'DINPro-Bold';
        /**/
        margin-bottom: -40px;
        margin-left: 20px;
    }
    .bm-main-text-text-en {
        font-family: 'DINPro-Bold';
        font-size: 160px;
        letter-spacing: -5px;
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'DINPro-Bold';
        /**/
        margin-bottom: -50px;
        margin-left: 0;
    }
    #hizmet-noktasi {
        position: relative;
        top: -90px;
        font-family: 'DINPro-Bold';
        font-size: 230px;
        letter-spacing: -10px;
        /* Text Gradient */
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    #musteri-iletisimi1 {
        position: relative;
        top: -90px;
        font-size: 200px;
        letter-spacing: -10px;
        /* Text Gradient */
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'DINPro-Bold';
        margin-bottom: -100px
    }
    #musteri-iletisimivirgul {
        display: none;
        position: relative;
        top: -90px;
        left: -25px;
        font-size: 200px;
        font-family: 'DINPro-Bold';
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    #musteri-iletisimiUc {
        position: relative;
        top: -90px;
        left: -40px;
        font-size: 200px;
        letter-spacing: -8px;
        /* Text Gradient */
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'DINPro-Bold';
        margin-bottom: -100px
    }
    /* Araç Parkı */
    #milyon-arac1 {
        position: relative;
        top: -90px;
        font-size: 200px;
        letter-spacing: -10px;
        /* Text Gradient */
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'DINPro-Bold';
        margin-bottom: -100px
    }
    #milyon-aracvirgul {
        display: none;
        position: relative;
        top: -90px;
        left: -25px;
        font-size: 200px;
        font-family: 'DINPro-Bold';
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    #milyon-arac5 {
        position: relative;
        top: -90px;
        left: -40px;
        font-size: 200px;
        letter-spacing: -10px;
        /* Text Gradient */
        background: -webkit-linear-gradient(#586e84, #001a35);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'DINPro-Bold';
        margin-bottom: -100px
    }
    .park-bant-text {
        position: absolute;
        top: -50px;
        left: 120px;
    }
    .park-bant-text.en{
        top: -40px;
        left: 100px;
    }
    .park-bant-first {
        position: relative;
        color: #000;
        font-size: 30px;
        margin-bottom: 5px;
        left: 20px;
    }
    .park-bant-second {
        position: relative;
        color: #FFF;
        font-size: 25px;
        left: 10px;
    }
    .park-bant-text.en > .park-bant-second{
     left: 24px;   
    }
}


/* Test Fix */

@media only screen and (max-width:640px) {
    .dashboard-calendar--hg {
        border: none;
        border: 0;
    }
}


/*==========================================*/

.sust--main-dashboard {
    width: 100%;
    background: #f5f6f8;
}

.sust--dashboard-title {
    color: #0EB8FF;
    display: block;
}

a.sust--dashboard-title {
    margin-top: 15px;
    font-size: 15px;
}

.sust--dashboard-left-side,
.sust--dashboard-bottom-box-menu,
.sust--dashboard-right-side,
.sust--ungc,
.sust--gri,
.sust--dogusta,
.sust--dashboard-box-menu,
.sust--dashboard-box-menu-item,
.sust--dashboard-cevre,
.sust--dashboard-rapor,
.sust--rapor-header-title,
.sust--toplumsal-katilim,
.sust--urun-sorumlulugu,
.sust--calisanlar,
.sust--insan-haklari {
    width: 100%;
}

.sust--rapor-year-slct {
    width: 100px!important;
}

.sust--dogusta,
.sust--ungc,
.sust--gri,
.sust--dashboard-menu {
    background: #FFF;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ccc;
}

.sust--dogusta {
    background: url('/Content/lib/images/sur--dashboard/mobile/dogusta.png');
    color: #FFF;
    height: auto;
}

.sust--ungc,
.sust--gri {
    text-align: center;
}

.sust--gri {
    padding: 20px;
}

.sust--dashboard-menu-ul li {
    margin-top: 10px;
    padding-left: 34px;
    font-size: 11px;
}

.sust--dashboard-menu-ul li.yetkili-satici {
    background: url('/Content/lib/images/sur--dashboard/yetkili-icon.png')no-repeat;
}

.sust--dashboard-menu-ul li.istirak--ico {
    background: url('/Content/lib/images/sur--dashboard/istirak-icon.png')no-repeat;
}

.sust--dashboard-menu-ul li.tedarikci--ico {
    background: url('/Content/lib/images/sur--dashboard/tedarikci-icon.png')no-repeat;
}

.sust--dashboard-menu-ul li a {
    line-height: 24px;
    display: block;
    padding-top: 2px;
}


/* Box Menu */

.sust--dashboard-box-menu-item {
    min-height: 30px;
    line-height: 40px;
    background: #FFF;
    margin-top: 5px;
    text-align: center;
    border: 1px solid #ccc;
}

.sust--dashboard-cevre,
.sust--dashboard-rapor {
    margin-top: 10px;
    padding: 10px;
    background: #FFF;
    border: 1px solid #ccc;
}


.sust--rapor-list-item {
    display: block;
    border-bottom: 1px solid #ccc;
}

.sust--rapor-list-item:last-child {
    border-bottom: 0;
    border-bottom: none;
}

.sust--rapor-year,
.sust--rapor-title,
.sust--rapor-quarter,
.sust--rapor-download {
    display: inline-block;
    margin-left: 4px;
    font-size: 14px;
}


/* Banner Menu */

.sust--toplumsal-katilim,
.sust--urun-sorumlulugu,
.sust--calisanlar,
.sust--insan-haklari {
    margin-top: 9px;
    float: left;
    text-align: center;
}

@media only screen and (max-width: 640px) {
    .sust--rapor-list-item {
        display: block;
        border-bottom: 1px solid #ccc;
        min-height: 80px;
    }
    .sust--rapor-download {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        float: none!important;
    }
    .sust--gri {
        padding: 10px;
    }
}

.sust--toplumsal-katilim a,
.sust--urun-sorumlulugu a,
.sust--calisanlar a,
.sust--insan-haklari a {
    color: #FFF;
    font-size: 24px;
    /*min-height: 100px;
    line-height: 100px;*/
}

.sust--toplumsal-katilim {
    width: 100%;
    background: url('/Content/lib/images/sur--dashboard/mobile/toplumsal.png')no-repeat;
    border: 1px solid #ccc;
}

.sust--urun-sorumlulugu {
    background: url('/Content/lib/images/sur--dashboard/mobile/urun.png')no-repeat;
    width: 100%;
    border: 1px solid #ccc;
}

.sust--insan-haklari {
    background: url('/Content/lib/images/sur--dashboard/mobile/insan-haklari.png')no-repeat;
    width: 100%;
    border: 1px solid #ccc;
}

.sust--calisanlar{
    background: url('/Content/lib/images/sur--dashboard/mobile/calisanlar.png')no-repeat;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
    .sust--dashboard-right-side:before {
        display: block;
        width: 100%;
        height: 1px;
        content: '';
        clear: both;
    }
}

.sust--dashboard-keywords {
    margin-top: 20px;
    padding: 10px;
    background: #FFF;
    border: 1px solid #ccc;
}

.sust--dashboard-calisanlarimiz {
    margin-top: 20px;
    padding: 10px;
    background: #FFF;
    border: 1px solid #ccc;
    overflow: hidden;
}

.sust--dashboard-insan-haklari {
    overflow: hidden;
    margin-top: 20px;
    padding: 10px;
    background: #FFF;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}


/*===============*/

.sust-gri-index {
    margin-bottom: 0;
}

.sust-gri-index .owl-stage-outer {
    width: 100%;
    margin: auto;
    border-top: 1px solid #dedede;
    padding: 10px 5px;
}

.sust-gri-index .owl-item {
    margin-left: 5px!important;
    margin-right: 5px!important;
    width: 50px!important;
}

.sust-gri-index .owl-nav {
    top: 0;
    width: 120%;
    left: -10%;
}

.sust-gri-index .owl-prev {
    width: 8px;
    height: 15px;
    background: url('/Content/lib/images/misc/dashboard-activities-left.png');
    left: 8%;
    top: 15px;
}

.sust-gri-index .owl-next {
    width: 8px;
    height: 15px;
    background: url('/Content/lib/images/misc/dashboard-activities-right.png');
    right: 7%;
    top: 15px;
}

.sust-gri-index a {
    padding: 3px 8px;
    display: block;
    text-align: center;
}

.sust-gri-index a:hover,
.sust-gri-index a:focus,
.sust-gri-index a.active {
    background-color: #0EB8FF;
    color: #FFF;
    text-decoration: none;
    border-radius: 12px;
}


/* Sürdürülebilirilik Dashboard */

@media only screen and (min-width: 1140px) {
    .sust--main-dashboard {
        margin: 25px 140px;
        width: 1000px;
        padding: 30px 35px;
        background: #f5f6f8;
        border: 1px solid #ddd;
    }
    .sust--dashboard-left-side,
    .sust--dashboard-bottom-box-menu {
        width: 902px;
        display: block;
        overflow: hidden;
        margin: auto;
    }
    .sust--dashboard-right-side {
        float: left;
        width: 161px;
        margin-left: 5px;
    }
    .sust--dashboard-title {
        color: #0EB8FF;
    }
    /* Left Side Content  */
    .sust--dogusta {
        float: left;
        width: 902px;
        height: 140px;
        display: block;
        background: url('/Content/lib/images/sur--dashboard/main-banner.png');
        color: #FFF;
        padding: 10px;
        margin-top: 0;
    }
    .sust--ungc {
        margin-top: 9px;
        float: left;
        width: 343px;
        height: 145px;
        overflow: hidden;
        background: #FFF;
        border: 1px solid #ccc;
        padding: 15px;
        text-align: center;
    }
    .sust--ungc img {
        margin: auto;
    }
    .sust--gri {
        margin-top: 10px;
        float: left;
        width: 343px;
        height: 90px;
        overflow: hidden;
        background: #FFF;
        border: 1px solid #ccc;
        text-align: center;
    }
    .sust--gri .sust--dashboard-title {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .sust--gri ul {
        margin-top: 0;
    }
    /**/
    .sust--dashboard-menu {
        width: 902px;
        height: 70px;
        margin: 7px 0 0;
        padding: 0 10px;
        background: transparent;
        border: 0;
    }
    .sust--dashboard-menu-ul li {
        display: inline-block;
        font-size: 13px;
        padding-left: 34px;
        line-height: 43px;
        width: 33%;
    }
    .sust--dashboard-menu-ul li:first-child {
        margin-left: 0;
    }
    .sust--dashboard-menu-ul li.yetkili-satici {
        background: url('/Content/lib/images/sur--dashboard/yetkili-icon.png')no-repeat;
    }
    .sust--dashboard-menu-ul li.istirak--ico {
        background: url('/Content/lib/images/sur--dashboard/istirak-icon.png')no-repeat;
    }
    .sust--dashboard-menu-ul li.tedarikci--ico {
        background: url('/Content/lib/images/sur--dashboard/tedarikci-icon.png')no-repeat;
    }
    .sust--dashboard-menu-ul li a {
        line-height: 24px;
        display: block;
        padding-top: 2px;
    }
    .sust--dashboard-box-menu {
        width: 902px;
        height: 68px;
        margin: 7px 0 0;
        background-color: #eee;
    }
    .sust--dashboard-box-menu-item {
        float: left;
        width: 168px;
        height: 68px;
        background: #FFF;
        text-align: center;
        font-family: 'DINPro-Regular';
        font-size: 15px;
        margin-left: 7px;
        border: 1px solid #ddd;
        margin-top: 0;
    }
    .sust--dashboard-box-menu-item:first-child {
        margin-left: 0;
    }
    .sust--dashboard-box-menu-item.yonetisim-risk-etik {
        width: 375px;
    }
    .sust--dashboard-box-menu-item.ekonomik-sorumluluk {
        width: 345px;
    }
    .sust--dashboard-box-menu-item a {
        display: block;
        line-height: 68px;
        color: #0EB8FF;
    }
    /**/
    .sust--dashboard-cevre {
        margin-top: 9px;
        float: left;
        width: 343px;
        height: 235px;
        overflow: hidden;
        background: #FFF;
        padding: 15px;
    }
    .sust--dashboard-cevre p {
        width: 210px;
    }
    .sust--dashboard-rapor {
        margin-top: 9px;
        float: left;
        width: 550px;
        height: 145px;
        margin-right: 7px;
        background: #FFF;
        padding: 10px;
        border: 1px solid #ccc;
    }
    /* Banner Menu */
    .sust--toplumsal-katilim,
    .sust--urun-sorumlulugu,
    .sust--insan-haklari,
    .sust--calisanlar {
        margin-top: 9px;
        float: left;
        height: 195px;
        padding-top: 8%;
        text-align: center;
    }
    .sust--toplumsal-katilim a,
    .sust--urun-sorumlulugu a,
    .sust--insan-haklari a,
    .sust--calisanlar a {
        color: #FFF;
        font-size: 15px;
    }
    .sust--toplumsal-katilim {
        width: 220px;
        background: url('/Content/lib/images/sur--dashboard/toplumsal-katilim.png')no-repeat;
    }
    .sust--urun-sorumlulugu {
        background: url('/Content/lib/images/sur--dashboard/urun-hizmet.png') no-repeat;
        width: 220px;
        border: 1px solid #ccc;
        margin-left: 8px;
    }
    .sust--insan-haklari {
        background: url('/Content/lib/images/sur--dashboard/insan-haklari.png') no-repeat;
        width: 220px;
        border: 1px solid #ccc;
        margin-left: 8px;
    }
    .sust--calisanlar {
        width: 216px;
        margin-left: 8px;
        border: 1px solid #ccc;
        background: url('/Content/lib/images/sur--dashboard/calisanlar-banner.png')no-repeat;
    }
    /* Right Side Content */
    .sust--dashboard-keywords {
        margin-top: 0;
        padding: 10px;
        background: #FFF;
        border: 1px solid #ccc;
        min-height: 519px;
    }
    .sust--dashboard-keywords h5 {
        font-size: 15px;
        text-align: center;
    }
    .sust--dashboard-calisanlarimiz {
        margin-top: 7px;
        padding: 10px;
        background: #FFF;
        border: 1px solid #ccc;
        height: 195px;
        overflow: hidden;
    }
    .sust--dashboard-insan-haklari {
        overflow: hidden;
        margin-top: 11px;
        padding: 10px;
        background: #FFF;
        border: 1px solid #ccc;
        height: 195px;
    }
    /*================================================================*/
    /*==== Sürdürülebilirlik ====*/
    .sust--rapor-header {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }
    h4.sust--rapor-header-title {
        font-family: 'DINPro-Medium';
        font-size: 14px;
        width: 428px;
        float: left;
        padding-left: 4px;
        color: #0EB8FF;
    }
    .sust--rapor-year-slct {
        float: right;
        right: 0;
        margin-right: 0;
        position: relative;
        width: 100px!important;
        border: none;
        font-size: 14px;
        background: #f5f6f8;
        outline: none;
        padding-right: 5px;
    }
    .sust--rapor-list-group {
        display: none;
        position: relative;
        margin-top: 40px;
        width: 100%;
    }
    .sust--rapor-list-group .show {
        display: block;
    }
    .sust--rapor-list-item {
        display: block;
        padding: 3px 0;
        border-bottom: 1px solid #ddd;
    }
    .sust--rapor-list-item:last-child {
        border: none;
        border: 0;
    }
    .sust--rapor-year,
    .sust--rapor-title,
    .sust--rapor-quarter,
    .sust--rapor-download {
        display: inline-block;
        margin-left: 4px;
        font-size: 14px;
    }
    .sust--rapor-year {
        font-family: 'DINPro-Bold';
    }
    .sust--rapor-title {
        font-family: 'DINPro-Regular';
    }
    .sust--rapor-quarter {
        color: #0EB8FF;
    }
    .btn-sust {
        position: relative;
        padding: 6px 14px;
        padding-left: 30px;
        text-decoration: none!important;
        background-color: #f5f6f8;
        transition: all ease-in-out .3s;
        border-radius: 4px;
        color: #133864;
        font-family: 'DINPro-Regular';
    }
    .btn-sust {
        background: url('/Content/lib/images/misc/btn-kyi-bg.png') no-repeat;
        background-position: 0 0;
        padding-left: 35px;
    }
    a.btn-sust:hover,
    .btn-sust:focus {
        color: #FFF;
        background: url('/Content/lib/images/misc/btn-kyi-focus-bg.png') no-repeat;
    }
    /*================================================================*/
}

@media only screen and (max-width: 640px) {
    .sust--rapor-list-item {
        position: relative;
        margin: 10px 0;
    }
    .btn-sust {
        display: block;
        position: relative;
    }
}

@media only screen and (max-width: 890px) {
    .mobile-menu-icon-box {
        display: block!important;
    }
}


/* Search Result */

.search-title{
    padding-bottom: 8px;
    border-bottom: 2px solid #0EB8FF;
}

.search-result-item-group{
    margin: 10px;
}

.search-result-item{
    display: block;
    margin: 15px 0;
}

.search-result-item--word{
    color: #0EB8FF;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
}

.search-result-item-info{
    
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span{
    border-radius: 0;
}

.pagination > li > a,
.pagination > li > span{
    color: #597a96;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    background-color: #0EB8FF;
    color: #FFF;
    border-color: #0EB8FF;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #0EB8FF;
    color: #FFF;
    border-color: #00a2e6;
}


/* IOS Scroll Fix */

.ios-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/
    /*-webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/
}


/* Sitemap */
.sitemap-title{
    font-family: 'DINPro-Light';
    font-size: 22px;
    padding-bottom: 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #d6d6d6;
}
.sitemap-links-head{
    color: #0EB8FF;
    
    font-size: 15px;
    margin-bottom: 10px!important;
}
.sitemap-links a{
    font-family: "DINPro-Light", sans-serif;
    color: #415464;
    text-transform: capitalize;
}

.sitemap-links li {
    margin: 10px 0;
}

.sitemap-title.media{
    border: 0!important;
    border: none!important;
}


.sitemap-links-content ul{
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
}

.sitemap-links-content > ul {
    margin-left: 0;
    padding-left: 0;
}

.sitemap-links-content li {
    
}

.sitemap-links-content ul a{
    margin: 5px 0;
    display: block;
    font-family: 'DINPro-Light';
    color: #acacac;
}

.dashboard-events--wrapper.scrolled-content{
    border-top: 1px solid #e5f4f7;
    padding: 10px 20px 0;
    padding-right: 2px;
    height: 340px;
}


.desktop-img,
.mobile-img{
    display: none;
}

@media screen and (max-width: 998px){
    .mobile-img{
        display: block;
    }
}

@media screen and (min-width: 998px){
    .desktop-img{
        display: block;
    }
}

/* Added from Dogus Technology */
.navigation>ul>li>a, .sub-menu-table-cell h4, .sub-menu-table-cell ul li a, .sub-menu-table-cell h4 {
    text-transform: uppercase !important;
}