﻿.overlay {
            background: none !important;
        }

        .header-bg-color {
            /*background-color: #ED6C1E !important;*/
            position: fixed !important;
        }

        .pictureDiv {
            padding-top: 0 !important;
        }

        .breadcrumb {
            background-color: white !important;
        }

        .news li {
            color: white;
            list-style: none;
            padding-bottom: 0.8em;
            font-size: 12px !important;
        }

            .news li:before {
                content: "\f0c8";
                font-family: FontAwesome;
                color: #ff8420; /* or whatever color you prefer */
                font-size: 12px;
            }

        #accordion .panel-default > .panel-heading,
         #accordion3 .panel-default > .panel-heading,
         #accordion2 .panel-default > .panel-heading, 
         #accordion4 .panel-default > .panel-heading,
         #accordion5 .panel-default > .panel-heading{

            background-image: none !important;

        }

        .GeneralMemuHeader .panel-heading{
            background: rgba(0, 0, 0, 0.4) !important;
        }

        .panel {
            background: none !important;
        }

        .panel-title {
            text-align: left !important;
            padding-top: 0.8em !important;
        }

        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
            border: none !important;
        }

        .panel-body a {
            font-size: 1em !important;
            padding:0 !important
        }

        table.table > tbody td, table.table > tbody th, table.table > thead td, table.table > thead th, table.table > tfoot td, table.table > tfoot th {
            padding: 10px 5px !important;
        }

        .HeaderText b {
            font-family: MyriadPro-Regular;
            font-size: 15px;
        }

        .HeaderText {
            color: black;
        }

        .panel-default {
            border-color: none !important;
        }

        .SloganButton {
            background-color: white; /* Green */
            border: solid 1px #817e7e;
            color: black;
            padding: 10px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            -webkit-transition-duration: 0.4s; /* Safari */
            transition-duration: 0.4s;
            cursor: pointer;
            font-family: MyriadPro-Regular;
        }

        .SloganButton {
            background-color: none;
            color: #4b4b4b;
            border: solid 1px #817e7e;
        }

            .SloganButton:hover {
                background-color: #ff8420;
                color: white;
                padding-right: 5em;
                padding-left: 5em;
                transition: all 0.2s ease;
            }

        .orange-button {
            padding-right: 4em;
            padding-left: 4em;
            padding-top: 1em;
            padding-bottom: 1em;
            color: black !important;
            border: 2px solid #a7a7a7 !important;
            transition: all 0.2s ease;
        }

            .orange-button:hover {
                background-color: #ED6C1E;
                padding-right: 5em;
                padding-left: 5em;
                color: white !important;
            }

        .orange-button2 {
            padding-right: 4em;
            padding-left: 4em;
            padding-top: 1em;
            padding-bottom: 1em;
            color: black !important;
            border: 2px solid #a7a7a7 !important;
            transition: all 0.2s ease;
        }

            .orange-button2:hover {
                background-color: #ED6C1E !important;
                padding-right: 5em;
                padding-left: 5em;
                color: white !important;
            }

        .SupportActive {
            display: block !important;
            /*top: 1.7em;*/
        }
        .SupportActive2 {
            display: block !important;
            /*top: 1.7em;*/
        }

        .parallax-window {
            min-height: 400px;
            background: transparent;
        }

        .MenuText {
            font-family: MyriadPro-Regular !important;
            color: black;
        }

        .boxkenar2 {
            width: 40px;
        }



        .texttype p {
            font-family: MyriadPro-Regular;
        }

        .SustainabilityTabsheader {
            font-family: 'Helvetica Neue LT Pro-thin';
            font-size: 3em;
            font-weight: 700;
        }

        .SustainabilityTabsheaderSpace {
            padding-bottom: 7em;
            padding-top: 2em;
        }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 14px !important;
            cursor: pointer;
        }

        .panel-heading .accordion-toggle:after {
            /* symbol for "opening" panels */
            font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
            content: "\e114"; /* adjust as needed, taken from bootstrap.css */
            float: right; /* adjust as needed */
            color: grey; /* adjust as needed */
        }

        .panel-heading .accordion-toggle.collapsed:after {
            /* symbol for "collapsed" panels */
            content: "\e080"; /* adjust as needed, taken from bootstrap.css */
        }

        .panel-heading .accordion-toggle:after {
            font-family: 'Glyphicons Halflings';
            content: "\e114";
            float: right;
            color: grey;
            margin-top: -4em;
        }

        .hidden {
            display: none;
        }
        .panel-heading .accordion-toggle:after {
            font-family: 'Glyphicons Halflings';
            content: "\e114";
            float: right;
            color: white !important;
            margin-top: -1.6em !important;
        }


        .photo-well {
            background: #FDFDFD;
            border: 1px solid #AAA;
        }


        .generalnavmenucontainer .nav-tabs > li.active > a,
        .generalnavmenucontainer .nav-tabs > li.active > a:hover,
        .generalnavmenucontainer .nav-tabs > li > a:hover,
        .generalnavmenucontainer .nav > li > a:hover,
        .generalnavmenucontainer .nav > li > a:focus,
        .generalnavmenucontainer .nav-tabs > li > a {
            border: 1px none transparent !important;
            border-bottom: none !important;
            border-top: none !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }


        .dealer-list li {
            list-style-type: circle;
            margin-left: 3rem;
            list-style-image: url(../images/orange-dot.png);
        }


        .quality-certificate-panel-header{
            border-top:2px solid #d5d5d5;
            margin-bottom:75px !important;
        }

            .quality-certificate-panel-header > div.panel-heading {
                background: rgb(2,0,36);
                background-image: linear-gradient(0deg, rgba(28,112,164,1) 0%, rgba(52,156,221,1) 78%);
            }

            .quality-certificate-panel-header > div > div.panel-title {
                text-align: center !important;
                padding-top: 0em !important;
              
            }

            .quality-certificate-panel-header p {
                color: white;
            }

        #map {
            height: 450px;
            width: 100%;
        }

        .ac-container {
            width: 100%;
            margin: 10px auto 30px auto;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
        }

            .ac-container label {
                font-family: 'Raleway', Arial, sans-serif;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
                padding: 0px 20px;
                position: relative;
                z-index: 20;
                display: block;
                height: 30px;
                cursor: pointer;
                color: #777;
                text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
                line-height: 33px;
                font-size: 1em;
                background: #ffffff;
                background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
                background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
                background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
                background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
                background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
                box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
            }

                .ac-container label:hover {
                    background: #fff;
                    -webkit-transition: all 1s ease-in-out;
                    -moz-transition: all 1s ease-in-out;
                    -o-transition: all 1s ease-in-out;
                    transition: all 1s ease-in-out;
                    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(155,155,155,0.3) inset, 0px 2px 2px rgba(0,0,0,0.1);
                }

            .ac-container input:checked + label,
            .ac-container input:checked + label:hover {
                background: #c6e1ec;
                color: #3d7489;
                text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
                box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1);
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
            }

                .ac-container label:hover:after,
                .ac-container input:checked + label:hover:after {
                    content: '';
                    position: absolute;
                    width: 24px;
                    height: 24px;
                    right: 13px;
                    top: 4px;
                    background: transparent url(arrow_down.png) no-repeat center center;
                    -webkit-transition: all 1s ease-in-out;
                    -moz-transition: all 1s ease-in-out;
                    -o-transition: all 1s ease-in-out;
                    transition: all 1s ease-in-out;
                    font-size: 1em;
                }

                .ac-container input:checked + label:hover:after {
                    background-image: url(arrow_up.png);
                    -webkit-transition: all 1s ease-in-out;
                    -moz-transition: all 1s ease-in-out;
                    -o-transition: all 1s ease-in-out;
                    transition: all 1s ease-in-out;
                }

            .ac-container input {
                display: none;
            }

            .ac-container article {
                background: rgba(255, 255, 255, 0.8);
                margin-top: -1px;
                overflow: hidden;
                height: 0px;
                position: relative;
                z-index: 10;
                transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
                color: #777;
                font-size: 1em;
            }

            .ac-container input:checked ~ article {
                transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
                box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
                font-size: 1em;
            }

            .ac-container article p {
                font-style: italic;
                font-size: 1em;
                color: #777;
                line-height: 23px;
                padding: 20px;
                text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
            }

            .ac-container input:checked ~ article.ac-small {
                height: 100%;
                padding: 15px 15px 15px 15px;
                font-family: 'Raleway', Arial, sans-serif;
                font-size: 1em;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
            }

                .ac-container input:checked ~ article.ac-small a {
                    color: #777;
                    font-size: 1em;
                    -webkit-transition: all 1s ease-in-out;
                    -moz-transition: all 1s ease-in-out;
                    -o-transition: all 1s ease-in-out;
                    transition: all 1s ease-in-out;
                }

                    .ac-container input:checked ~ article.ac-small a:hover {
                        color: rgba(0,0,0,1);
                        text-decoration: none;
                        font-size: 1em;
                        -webkit-transition: all 1s ease-in-out;
                        -moz-transition: all 1s ease-in-out;
                        -o-transition: all 1s ease-in-out;
                        transition: all 1s ease-in-out;
                    }

            .ac-container input:checked ~ article.ac-medium {
                height: 180px;
                font-size: 1em;
            }

            .ac-container input:checked ~ article.ac-large {
                height: 230px;
                font-size: 1em;
            }

        .bayi-bilgi {
            /*background-image: url(/Content/images/cable-wires.jpg);*/
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
            background: #ffd65e; /* Old browsers */
            background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
            width: 100%;
            color: #000;
            text-align: center;
            font-weight: 700;
            font-family: 'Raleway', Arial, sans-serif;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .panel-white-grad{
            background: #FFFFFF !important;
            cursor:pointer;
            border:1px solid #D9D9D9 !important;
            transition:all 0.5s ease;
        }

        .panel-white-grad:hover, .panel-white-grad:hover{
            background: #FF6600 !important;
            color:#ffcc43;
        }

        .panel-white-grad a:hover{
            color:inherit;
        }

        .panel-white-grad .panel-title{
            padding-top:0 !important;
        }