@import url('normalize.min.css');
@import url('font-awesome.min.css');
@import url('pace.css');
@import url('../Scripts/royalslider/royalslider.css');
@import url('../Scripts/fancybox/jquery.fancybox.css');
@import url('../Scripts/qTip/jquery.qtip.min.css');
@import url('../Scripts/chosen_v1.1.0/chosen.min.css');

html, button, input, select, textarea {
    color: #222;
    outline: none;
    border: 0;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none !important;
    border: 0;
}

body {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4;
}

b {
    font-weight: bold;
    line-height: 16px;
}

::-moz-selection {
    background: #7cb900;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #7cb900;
    color: #fff;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

a, input[type="text"], input[type="text"]:focus, textarea:focus {
    border: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
}

textarea {
    resize: vertical;
}

ul, li {
    list-style: none;
    padding: 0;
}

.chromeframe {
    float: left;
    width: 100%;
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
    z-index: 99999;
    position: fixed;
}
/* ==========================================================================
   Author: Aslan Ünal
   ========================================================================== */

@font-face {
    font-family: 'bold';
    src: url('../Fonts/zurbold-webfont.eot');
    src: url('../Fonts/zurbold-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/zurbold-webfont.woff') format('woff'), url('../Fonts/zurbold-webfont.ttf') format('truetype'), url('../Fonts/zurbold-webfont.svg#bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'regular';
    src: url('../Fonts/zurregular-webfont.eot');
    src: url('../Fonts/zurregular-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/zurregular-webfont.woff') format('woff'), url('../Fonts/zurregular-webfont.ttf') format('truetype'), url('../Fonts/zurregular-webfont.svg#regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('../Fonts/icomoon.eot?-h4az3k');
    src: url('../Fonts/icomoon.eot?#iefix-h4az3k') format('embedded-opentype'), url('../Fonts/icomoon.woff?-h4az3k') format('woff'), url('../Fonts/icomoon.ttf?-h4az3k') format('truetype'), url('../Fonts/icomoon.svg?-h4az3k#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

.icon-ppt:before, .icon-ppt .before {
    content: "\e609";
}

.icon-bus:before, .icon-bus .before {
    content: "\e607";
}

.icon-airplane:before, .icon-airplane .before {
    content: "\e601";
}

.icon-link:before, .icon-link .before {
    content: "\e602";
}

.icon-file-pdf:before, .icon-file-pdf .before {
    content: "\e603";
}

.icon-file-word:before, .icon-file-word .before {
    content: "\e604";
}

.icon-file-excel:before, .icon-file-excel .before {
    content: "\e605";
}

.icon-tv:before {
    content: "\e600";
}

.icon-news:before {
    content: "\e606";
}
/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
    *display: none;
}

.pL10 {
    padding-left: 10px;
}

.mL10 {
    margin-left: 10px;
}

.middle {
    width: 983px;
    position: relative;
    margin: 0;
    padding: 0;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
}

#header {
    background: url("../Images/headerBg.gif") repeat-x;
    width: 100%;
    height: 96px;
    float: left;
    position: fixed;
    top: 0;
    z-index: 100;
    -webkit-transition: height 500ms, background 500ms;
    -moz-transition: height 500ms, background 500ms;
    -o-transition: height 500ms, background 500ms;
    transition: height 500ms, background 500ms;
}

    #header .topBar {
        width: 100%;
        height: 6px;
        background: url('../Images/topBg.gif') repeat-x;
        -webkit-transition: height 500ms, background 500ms;
        -moz-transition: height 500ms, background 500ms;
        -o-transition: height 500ms, background 500ms;
        transition: height 500ms, background 500ms;
    }

    #header #logo {
        position: absolute;
        margin: 0;
        padding: 0;
        left: 0;
        width: 167px;
        height: 90px;
        text-indent: -9999px;
    }

        #header #logo a {
            float: left;
            width: 167px;
            height: 90px;
            background: url("../Images/logo.png") no-repeat left center;
            -webkit-transition: height 500ms, background 500ms;
            -moz-transition: height 500ms, background 500ms;
            -o-transition: height 500ms, background 500ms;
            transition: height 500ms, background 500ms;
        }

.en-US #header #logo a {
    width: 174px;
    height: 90px;
    background: url("../Images/logo-en.png") no-repeat left center;
}

#header.tiny {
    height: 70px;
    margin-bottom: 26px;
    background: url('../Images/headerBgFix.png') repeat-x;
    position: fixed;
    z-index: 1000;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.27);
}

    #header.tiny .topBar {
        background: url('../Images/topBgFix.gif') repeat-x;
    }

    #header.tiny #logo a {
        height: 64px;
        background: url("../Images/logo-scroll.png") no-repeat left center;
    }

.en-US #header.tiny #logo a {
    background: url("../Images/logo-scroll-en.png") no-repeat left center;
}

#header #topBarCol {
    float: right;
    height: 21px;
    padding: 10px 0;
}

#header.tiny #topBarCol {
    height: 21px;
    padding: 5px 0;
}

#header .social {
    float: right;
    margin-right: 7px;
    padding-top: 2px;
}

#header .searchform {
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    float: right;
    position: relative;
    min-width: 26px;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
}

    #header .searchform a.icon {
        position: absolute;
        right: 3px;
        top: 4px;
        width: 23px;
        height: 23px;
        line-height: 21px;
        font-size: 14px;
        text-align: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: block;
    }

#header #topBarCol a, #header .nav li div a {
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

#header.tiny .searchform a.icon {
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    margin-top: -2px;
}

#header .searchform a:hover.icon {
    text-decoration: none;
}

#header .searchform input[type="text"] {
    width: 150px;
    padding: 9px 25px 9px 5px;
    color: #9CA8AB;
    font-size: 11px;
}

#header.tiny .searchform input[type="text"] {
    padding: 5px 25px 3px 5px;
    line-height: 14px;
    float: left;
}

#header .headLinks {
    float: right;
    margin: 10px 5px 0 0;
}

    #header .headLinks li {
        float: left;
        border-left: 1px solid #e3e7eb;
        padding: 0 10px;
    }

    #header .headLinks a {
        color: #aaa;
        font-size: 11px;
        line-height: 12px;
        float: left;
        margin: 0;
    }

#header.tiny .headLinks {
    margin: 7px 5px 0 0;
}

    #header.tiny .headLinks li {
        border-left: 1px solid #aaa;
    }

    #header.tiny .headLinks a {
        color: #7d7d7d;
    }

#header .language {
    float: right;
    margin-right: 10px;
    position: relative;
}

    #header .language .fa {
        font-size: 23px;
        color: #dae0e6;
    }

#header.tiny .language .fa {
    font-size: 18px;
    line-height: 18px;
}

#header .language > a {
    color: #aaa;
    font-size: 11px;
    line-height: 18px;
    float: left;
    margin-top: 7px;
}

    #header .language > a:hover {
        text-decoration: none;
    }

#header.tiny .language > a {
    margin-top: 4px;
}

#header .language > a i,
#header .language > a em {
    float: left;
    margin: -2px 5px 0 0;
}

#header.tiny .language > a i,
#header.tiny .language > a em {
    margin: 0 5px 0 0;
}

#header .language > a span {
    font-size: 11px !important;
    margin-left: 3px;
}

#header .language .language_select {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 120px;
    z-index: 205;
    margin-left: -20px;
    display: none;
}

    #header .language .language_select span.arrow {
        margin: 0 auto;
        width: 0px;
        height: 0px;
        display: block;
        border-bottom: 8px solid #fff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

    #header .language .language_select ul {
        padding: 7px;
        margin: 0;
        background: #fff;
        -webkit-box-shadow: 2px 2px 1px 0px rgba(47, 50, 50, 0.54);
        -moz-box-shadow: 2px 2px 1px 0px rgba(47, 50, 50, 0.54);
        box-shadow: 2px 2px 1px 0px rgba(47, 50, 50, 0.54);
    }

        #header .language .language_select ul li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

            #header .language .language_select ul li:last-child {
                border-bottom: 0;
            }

            #header .language .language_select ul li a {
                font-size: 12px;
                display: block;
                text-align: center;
                padding: 1px 0px;
                color: #8B8B8B;
            }

                #header .language .language_select ul li a:hover {
                    text-decoration: none;
                    color: #fff;
                    background: #38bcdc;
                }

.social ul {
    margin: 0;
}

.social li {
    display: inline-block;
    margin: 1px 3px;
}

    .social li a {
        width: 23px;
        height: 23px;
        line-height: 24px;
        font-size: 14px;
        text-align: center;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        text-decoration: none;
        behavior: url(PIE-2.0beta1/PIE.htc);
    }

    .social ul {
    margin: 0;
}

.social li {
    display: inline-block;
    margin: 1px 3px;
}

    .social li a {
        width: 23px;
        height: 23px;
        line-height: 24px;
        font-size: 14px;
        text-align: center;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        text-decoration: none;
        behavior: url(PIE-2.0beta1/PIE.htc);
    }

        .social li a.clearSocial {
            background: none !important;
            color: #333 !important;
            width: auto;
            height: auto;
            -webkit-border-radius: 0;
            border-radius: 0 !important;
            display: block;
            text-decoration: none;
            padding-left: 10px;
        }

.social .clearUl li.twitter a.clearSocial:hover {
    color: #00aced !important;
    background-color: transparent !important;
}

.social .clearUl li.facebook a.clearSocial:hover {
    color: #3b5998 !important;
    background-color: transparent !important;
}

.clearUl li {
    display: block;
    padding-top: 10px;
    overflow: hidden;
}

.clearUl li a {
    float: left;
}

#header.tiny .social .icon {
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
}

.social li a, #header .searchform a.icon {
    background: #aeaeaf;
    color: #fff !important;
}

#header.tiny .social .icon, #header.tiny .searchform a.icon {
    background: #7d7d7d;
}

#header.tiny .language .icon, #header.tiny .language > a {
    color: #7d7d7d;
}

#header .searchform a:hover.icon, #header .searchform.focus a.icon {
    background: #38bcdc;
    color: #fff !important;
}

.social li.twitter a:hover {
    color: #fff !important;
    background-color: #00aced !important;
}

.social li.facebook a:hover {
    color: #fff !important;
    background-color: #3b5998 !important;
}

.social li.googleplus a:hover {
    color: #fff !important;
    background-color: #dd4b39 !important;
}

.social li.youtube a:hover {
    color: #fff !important;
    background-color: #bb0000 !important;
}
/* Menu */

.mobileMenu {
    display: none;
    position: absolute;
    right: 10px;
    top: 20px;
    padding: 10px;
    background: #afafaf;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

    .mobileMenu span {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        margin: 0 auto;
        text-align: center;
    }

#header.tiny .mobileMenu {
    top: 7px;
}

.mobileMenu:hover, .mobileMenu.selected {
    background: #0094b9;
}

.mobileLang {
    display: none;
    width: 100%;
}

    .mobileLang a {
        float: left;
        width: 50%;
        font-family: 'bold';
        font-size: 16px;
        color: #fff;
        background: #7cb900;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
    }

        .mobileLang a.eng {
            background: #476807;
        }

.nav {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 55px;
    display: block;
    margin: 0;
}

#header.tiny .nav {
    top: 33px;
}

.nav li {
    list-style: none;
    display: inline-block;
    position: relative;
}

.nav > li {
    padding: 0;
    float: left;
}

    .nav > li.select {
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

        .nav > li.select:before, .nav > li.select .before {
            bottom: -2px;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

#header.tiny .nav > li.select:before,
#header.tiny .nav > li.select .before {
    bottom: 2px;
}

.nav > li.select:after, .nav > li.select .after {
    border-color: rgba(124, 185, 0, 0);
    border-bottom-color: #7cb900;
    border-width: 10px;
    margin-left: -10px;
}

.nav > li.select:before,
.nav > li.select .before {
    border-color: rgba(124, 185, 0, 0);
    border-bottom-color: #7cb900;
    border-width: 10px;
    margin-left: -10px;
}

.nav > li > a {
    float: left;
    color: #767472;
    font-family: 'bold';
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    padding: 0 16px;
    margin-bottom: 7px;
    border-right: 1px solid #dcdcdc;
}

#header.tiny .nav > li > a {
    font-size: 14px;
    padding: 2px 16px;
    border-right: 1px solid #909090;
}

.nav > li:hover > a {
    color: #545454;
}

.nav > li:first-child > a {
    border-left: 0;
    padding-left: 0;
}

.nav > li:last-child > a {
    border-right: 0 !important;
    padding-right: 0 !important;
}

.nav > li > div {
    position: absolute;
    left: 0;
    top: 29px;
    display: none;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-top: 2px solid #7cb900;
    padding: 10px 15px 0 15px;
}

#header.tiny .nav > li > div {
    top: 25px;
}

.nav > li > div ul {
    margin: 0 0 10px 0;
}

.nav > li > div h2 {
    color: #909090;
    text-decoration: underline;
    font-family: 'bold';
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.container-1 h2 {
    text-decoration: none !important;
}

.nav > li > div h2 a {
    color: #909090;
}

    .nav > li > div h2 a:hover {
        color: #606060;
        background: none;
    }

    .nav > li > div h2 a[href='#'] {
        cursor: default !important;
    }

.nav > li > div p {
    color: #666;
}

.nav > li > div li {
    display: block;
}

.nav > li > div ul li a {
    color: #a4a4a4;
    display: block;
    padding: 3px 5px;
    font-size: 12px;
    margin: 0 -5px;
}

.nav > li > div a:hover {
    color: #fff;
    background-color: #91b052;
}

.nav > li > div.right {
    right: 0;
    left: auto;
}

.container-1,
.container-2,
.container-3,
.container-4 {
    font-size: 80%;
}

.container-2,
.container-3,
.container-4 {
    padding: 15px 5px !important;
}

.col1,
.col2,
.col3,
.col4,
.col5 {
    float: left;
    padding: 0 10px;
}

.container-1 {
    width: 170px;
}

    .container-1 .col1 {
        width: 100%;
    }

.container-2 {
    width: 270px;
}

    .container-2 .col1 {
        width: 50%;
    }

    .container-2 .col2 {
        width: 100%;
    }

.container-3 {
    width: 400px;
}

    .container-3 .col1 {
        width: 44.33%;
    }

    .container-3 .col2 {
        width: 66.66%;
    }

    .container-3 .col3 {
        width: 100%;
    }

.container-4 {
    width: 450px;
}

    .container-4 .col1 {
        width: 28.6%;
    }

    .container-4 .col2 {
        width: 50%;
    }

    .container-4 .col3 {
        width: 75%;
    }

    .container-4 .col4 {
        width: 100%;
    }

.container-5 {
    width: 600px;
}

    .container-5 .col1 {
        width: 20%;
    }

    .container-5 .col2 {
        width: 40%;
    }

    .container-5 .col3 {
        width: 60%;
    }

    .container-5 .col4 {
        width: 80%;
    }

    .container-5 .col5 {
        width: 100%;
    }

.container-3 .highlighted {
    width: 400px;
    margin-left: -20px;
    padding: 20px;
    background: #e4fbff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.container-4 .highlighted {
    width: 500px;
    margin-left: -10px;
    padding: 20px;
    background: #e4fbff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/* menü son */

/* logos */

.carousel_slider {
    height: 100px !important;
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
    display: block;
    padding: 5px 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f5f5f5;
}

    .carousel_slider img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        opacity: 0.4;
        filter: alpha(opacity=40);
        -webkit-transition: all 0.4s linear 0s;
        -moz-transition: all 0.4s linear 0s;
        -o-transition: all 0.4s linear 0s;
        transition: all 0.4s linear 0s;
    }

        .carousel_slider img:hover, .carousel_slider .rsActiveSlide img {
            -webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
            -ms-filter: grayscale(0%);
            -o-filter: grayscale(0%);
            filter: grayscale(0%);
            filter: none;
            opacity: 1;
            filter: alpha(opacity=100);
        }
/* logos */

.closeBanner {
    z-index: 100;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 12px;
    height: 12px;
    background: #fff;
    color: #343434;
    padding: 7px;
    font-size: 16px;
    line-height: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    behavior: url(PIE-2.0beta1/PIE.htc);
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

    .closeBanner:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

        .closeBanner:hover:after, .closeBanner:hover .after {
            content: 'Manşet Alanını Kapat';
            position: absolute;
            right: 35px;
            top: 3px;
            font-family: 'regular';
            font-size: 14px;
            color: #fff;
            background: #00cafb;
            padding: 5px 10px;
            white-space: nowrap;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            behavior: url(PIE-2.0beta1/PIE.htc);
        }

.showBanner {
    z-index: 100;
    position: absolute;
    right: 5px;
    top: 5px;
    background: #fff;
    color: #000;
    padding: 5px 10px;
    font-family: Arial;
    font-size: 11px;
    border: 1px solid #ccc;
}

.showBanner {
    display: none;
}

.banner {
    position: relative !important;
    float: left;
    width: 100% !important;
    height: 536px;
    margin-top: 96px !important;
    overflow: hidden !important;
}

    .banner .middle {
        height: 536px;
    }

    .banner .rsABlock {
        position: relative;
        display: block;
        left: auto;
        top: auto;
    }

    .banner ul {
        margin: 0;
        padding: 0;
        height: 536px;
    }

        .banner ul li {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 536px;
        }

            .banner ul li .button {
                position: relative;
                float: left;
            }

            .banner ul li .text {
                position: absolute;
                left: 411px;
                top: 50px;
                width: 590px;
            }

            .banner ul li h3 {
                font-size: 48px !important;
                line-height: 48px !important;
                font-family: "bold";
                font-weight: normal;
                margin: 0;
                padding: 0;
            }

                .banner ul li h3 span {
                    display: block;
                    font-family: "regular" !important;
                    font-weight: normal !important;
                    font-size: 36px !important;
                    line-height: 36px !important;
                }

            .banner ul li p {
                font-size: 24px;
                line-height: 26px;
                font-family: "regular" !important;
                margin: 0;
                padding: 18px 0 20px 0 !important;
            }

                .banner ul li p strong {
                    font-family: "bold";
                }

            .banner ul li img {
                left: -183px !important;
                top: 0;
                position: absolute;
            }

.rsBullets {
    position: absolute;
    z-index: 35;
    bottom: 35px;
    right: 100px;
    width: auto;
    height: auto;
}

.rsBullet {
    display: inline-block;
    margin: 0 5px;
    background: rgba(6, 33, 64, 0.7);
    color: #ccd0d6;
    font-family: "bold";
    font-size: 23px;
}

    .rsBullet.rsNavSelected {
        background: rgba(2, 16, 32, 1);
    }

.rsBullets .rsNavItem:nth-child(1) span {
    float: left;
    display: inline-block;
    content: "1";
}
/* haberler section */

.newsSlide {
    position: relative;
}

.news {
    float: left;
    width: 100%;
    height: 370px;
    padding: 0;
    background: url("../Images/newsBg.jpg") top center;
}

    .news .bg {
        width: 150%;
        height: 150%;
        background: url('../Images/sections/enjver/cloud2.jpg') no-repeat center center;
        position: absolute;
        left: -5%;
        bottom: -35%;
    }

    .news .col {
        float: left;
        position: relative;
        width: 308px;
        height: 340px;
        margin: 15px 29px 0 0;
        overflow: hidden;
    }

        .news .col.actualCol {
            margin-right: 0;
        }

        .news .col h3 {
            color: #fff;
            font-weight: normal;
            font-family: 'bold';
            font-size: 19px;
            line-height: 27px;
            letter-spacing: -1px;
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #ebebeb;
        }

        .news .col:first-child h3 {
            border-bottom: 0;
        }

        .news .col h3 a {
            color: #fff;
        }

        .news .col.newsCol figure {
            float: left;
        }

            .news .col.newsCol figure .image {
                width: 308px;
                height: 130px;
                margin-bottom: 5px;
                overflow: hidden;
            }

            .news .col.newsCol figure time, .news .col.announcementCol time, .news .col.actualCol time {
                color: #cfd6d9;
                font-size: 10px;
                line-height: 10px;
                font-family: Arial;
                display: block;
                margin: 2px 0 0 0;
            }

            .news .col.newsCol figure h4 {
                font-weight: normal;
                font-family: 'bold';
                font-size: 17px;
                line-height: 17px;
                color: #cfd6d9;
                text-transform: uppercase;
                margin: 4px 0 5px 0;
            }

            .news .col.newsCol figure figcaption {
                color: #cfd6d9;
                font-size: 12px;
                line-height: 15px;
                font-family: Arial;
                text-align: left;
            }

                .news .col.newsCol figure figcaption p {
                    text-align: left !important;
                    margin: 0;
                    padding: 0;
                }

            .news .col.newsCol figure:hover time, .news .col.announcementCol a:hover time, .news .col.actualCol a:hover time, .news .col.newsCol figure:hover h5, .news .col.newsCol figure:hover figcaption {
                color: #fff;
            }

        .news .col.newsCol .button {
            float: left;
            color: #000;
            margin-top: 10px;
            background-color: #fff;
            padding: 5px 10px;
            -moz-box-shadow: 0px 4px 0px #9f9f9f;
            -webkit-box-shadow: 0px 4px 0px #9f9f9f;
            box-shadow: 0px 4px 0px #9f9f9f;
        }

        .news .col .all {
            position: absolute;
            right: 0;
            bottom: 0;
            background-color: #7bb800;
            color: #fff;
            font-size: 11px;
            padding: 3px 5px;
            opacity: 0.6;
            filter: alpha(opacity=60);
            -webkit-transition: all 0.4s linear 0s;
            -moz-transition: all 0.4s linear 0s;
            -o-transition: all 0.4s linear 0s;
            transition: all 0.4s linear 0s;
        }

            .news .col .all:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        .news .col .controls {
            position: absolute;
            right: 0;
            top: 0;
            font-family: 'FontAwesome';
        }

            .news .col .controls a {
                background-color: #fff;
                padding: 5px;
                font-size: 12px;
                line-height: 12px;
                float: left;
                color: #000;
                opacity: 0.6;
                filter: alpha(opacity=60);
                -webkit-transition: all 0.4s linear 0s;
                -moz-transition: all 0.4s linear 0s;
                -o-transition: all 0.4s linear 0s;
                transition: all 0.4s linear 0s;
            }

                .news .col .controls a:hover {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

                .news .col .controls a.back {
                    margin-right: 1px;
                }

        .news .col ul {
            margin: 0;
            list-style: none;
        }

        .news .col li {
            position: relative;
            border-bottom: 1px solid #a9a9a9;
            padding: 11px 0 11px 10px;
        }

            .news .col li:last-child {
                border: 0;
            }

            .news .col li a {
                color: #cfd6d9;
                font-family: 'regular';
                font-size: 16px;
                line-height: 18px;
                position: relative;
                padding-left: 28px;
                display: block;
                padding: 0 0 0 15px;
                text-align: left;
                *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
            }

                .news .col li a:before, .news .col li a .before {
                    position: absolute;
                    left: -8px;
                    top: 0;
                    color: #cfd6d9;
                    font-family: 'FontAwesome';
                    content: '\f138';
                    font-size: 22px;
                }

                .news .col li a:hover, .news .col li a:hover:before, .news .col li a:hover .before {
                    color: #fff;
                }

.newsPagination {
    text-align: right;
    padding-bottom: 8px;
}

    .newsPagination a {
        font-size: 11px;
        text-decoration: none !important;
        background-color: #efefef;
        padding: 5px;
        color: #888;
    }

        .newsPagination a:hover {
            font-size: 11px;
            text-decoration: none !important;
        }

    .newsPagination .prev .before,
    .newsPagination .prev:before {
        font-family: 'FontAwesome';
        content: '\f0d9';
        font-size: 12px;
        padding-right: 3px;
    }

    .newsPagination .next .after,
    .newsPagination .next:after {
        font-family: 'FontAwesome';
        content: '\f0da';
        font-size: 12px;
        padding-left: 3px;
    }

.shortcutSection {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .shortcutSection ul {
        list-style: none;
        position: relative !important;
    }

        .shortcutSection ul li {
            float: left;
            margin-right: 100px;
            position: relative;
        }

            .shortcutSection ul li:last-child {
                margin-right: 0;
            }

            .shortcutSection ul li a {
                background: url('../Images/shortcutSection.png');
                display: table;
                cursor: pointer;
                width: 158px;
                height: 156px;
                border: 2px solid #464646;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                text-align: center;
                position: relative;
                text-decoration: none;
                z-index: 1;
                color: #fff;
                *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
                behavior: url(PIE-2.0beta1/PIE.htc);
            }

            .shortcutSection ul li:nth-child(3) a {
                background-position: 0 0;
            }

            .shortcutSection ul li:nth-child(4) a {
                background-position: -162px 0;
            }

            .shortcutSection ul li:nth-child(5) a {
                background-position: -486px 0;
            }

            .shortcutSection ul li:nth-child(7) a {
                background-position: -648px 0;
            }

            .shortcutSection ul li:nth-child(6) a {
                background-position: -797px 0;
            }

            .shortcutSection ul li:hover:nth-child(3) a {
                background-position: 0 -160px;
            }

            .shortcutSection ul li:hover:nth-child(4) a {
                background-position: -162px -160px;
            }

            .shortcutSection ul li:hover:nth-child(5) a {
                background-position: -486px -160px;
            }

            .shortcutSection ul li:hover:nth-child(7) a {
                background-position: -648px -160px;
            }

            .shortcutSection ul li:hover:nth-child(6) a {
                background-position: -797px -160px;
            }

            .shortcutSection ul li a:after, .shortcutSection ul li a .after {
                pointer-events: none;
                position: absolute;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                content: '';
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                -ms-box-sizing: content-box;
                box-sizing: content-box;
                behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
                behavior: url(PIE-2.0beta1/PIE.htc);
            }

            .shortcutSection ul li a:before, .shortcutSection ul li a .before {
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                display: block;
                -webkit-font-smoothing: antialiased;
            }

    .shortcutSection .effect {
        /*background: rgba(255, 255, 255, 0.1);*/
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

        .shortcutSection .effect:after, .shortcutSection .effect .after {
            top: 0;
            left: 0;
            padding: 0;
            z-index: -1;
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
            opacity: 0;
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9);
        }

        .shortcutSection .effect:hover {
            -webkit-transform: scale(0.93);
            -moz-transform: scale(0.93);
            -ms-transform: scale(0.93);
            transform: scale(0.93);
            color: #fff;
            background-color: #002e63;
            border: 2px solid #002e63;
        }

            .shortcutSection .effect:hover i {
                color: #fff;
            }

            .shortcutSection .effect:hover:after, .shortcutSection .effect:hover .after {
                -webkit-animation: sonarEffect 1.3s ease-out 75ms;
                -moz-animation: sonarEffect 1.3s ease-out 75ms;
                animation: sonarEffect 1.3s ease-out 75ms;
            }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #7cb900, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #7cb900, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #7cb900, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.shortcutSection ul li a span {
    font-family: 'bold';
    font-size: 16px;
    line-height: 17px;
    color: #5b5b5b;
    vertical-align: bottom;
    display: table-cell;
    padding-bottom: 20px;
}

body.en-US .shortcutSection ul li:last-child a span {
    font-size: 14px;
    line-height: 15px;
}

.shortcutSection ul li a:hover span {
    color: #fff;
}
/**/

#sections, #sections section {
    float: left;
    width: 100%;
}

    #sections figure > ul > li:last-child {
        position: relative !important;
        height: auto !important;
        z-index: 10 !important;
    }

    #sections .slideSec {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        #sections .slideSec figure {
            float: left;
            width: 100%;
            height: 100%;
            position: relative;
        }

        #sections .slideSec .button {
            font-size: 16px !important;
        }

    #sections figure > ul > li {
        float: left;
        width: 100%;
    }

    #sections .slide1 {
        background: #a2e9ed;
        padding-top: 50px;
    }

    #sections .text {
        text-align: left;
        width: 570px;
        padding-top: 50px;
    }

        #sections .text h3 {
            color: #0b0b0b;
            font-family: 'bold';
            font-weight: normal;
            font-size: 48px;
            line-height: 49px;
            margin: 0;
        }

body.en-US #sections .slide2 .text h3 {
    font-size: 36px;
    line-height: 37px;
}

#sections .text h4 {
    color: #2f2f2f;
    font-family: 'bold';
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 5px;
}

#sections .text p {
    color: #2f2f2f;
    font-family: 'regular';
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 10px;
}

#sections .text .button {
    float: left;
    position: relative;
    z-index: 999;
}

#sections .visual {
    float: right;
    text-align: right;
    width: 500px;
    margin-top: -50px;
}
/*slide1*/

#sections ul {
    float: left !important;
    position: relative !important;
    width: 100%;
    height: 100%;
}

#sections .slide1 .parallax .layer:nth-child(2) {
    z-index: 6;
    position: relative !important;
}

#sections .slide1 .parallax .layer:nth-child(3) {
    z-index: 1;
}

#sections .slide1 .parallax .layer:nth-child(3) {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}

#sections .slide1 .parallax .layer:nth-child(4) {
    z-index: 2;
}

#sections .slide1 .parallax .layer:nth-child(5) {
    z-index: 3;
}

#sections .slide1 .parallax .layer:nth-child(6) {
    z-index: 4;
}

#sections .slide1 li .background {
    width: 150%;
    height: 150%;
    background: url('../Images/sections/enjver/cloud2.jpg') no-repeat center center;
    position: absolute;
    left: -5%;
    bottom: -35%;
}

.lt-ie9 #sections .slide1 .visual {
    position: absolute;
    top: 40px;
    right: 0;
}

#sections .slide1 li .butterFly1 {
    position: absolute;
    top: 35%;
    right: 20%;
}

#sections .slide1 li .butterFly2 {
    position: absolute;
    top: 25%;
    right: 25%;
}

#sections .slide1 li .butterFly3 {
    position: absolute;
    top: 40%;
    right: 30%;
}

#sections .slide1 .text {
    float: left;
    padding-top: 10px !important;
    z-index: 500;
}

#sections .slide1 .shortcutSection li {
    margin-right: 85px;
}

    #sections .slide1 .shortcutSection li:last-child {
        margin-right: 0;
    }

    #sections .slide1 .shortcutSection li a {
        background: url('../Images/sections/enjver/slide1icons.png');
        width: 178px;
        height: 178px;
        border: 2px solid #06596d;
    }

#sections .slide1 .shortcutSection ul li:nth-child(1) a {
    background-position: 0 0;
}

#sections .slide1 .shortcutSection ul li:nth-child(2) a {
    background-position: -178px 0;
}

#sections .slide1 .shortcutSection ul li:nth-child(3) a {
    background-position: -356px 0;
}

#sections .slide1 .shortcutSection ul li:nth-child(4) a {
    background-position: -534px 0;
}

#sections .slide1 .shortcutSection li a span {
    color: #06596d;
    font-size: 15px;
    line-height: 16px;
}

#sections .slide1 .shortcutSection li a:hover {
    background-color: #fff;
    border: 2px solid #fff;
}
/*slide2*/
#sections .slide2 {
    background: url('../Images/sections/cevreiklim/bg.jpg') no-repeat center center;
    background-size: cover;
    padding-top: 50px;
}

    #sections .slide2 .visual {
        float: left;
        text-align: right;
        width: 500px;
        margin-top: 0px;
    }

.lt-ie9 #sections .slide2 .visual {
    position: absolute;
    top: 10px;
}

#sections .slide2 .text {
    float: right;
    width: 500px;
}

    #sections .slide2 .text h4 {
        padding: 10px 0;
    }

    #sections .slide2 .text .button {
        background: #2d2d2d;
        -moz-box-shadow: 0px 4px 0px #797d71;
        -webkit-box-shadow: 0px 4px 0px #797d71;
        box-shadow: 0px 4px 0px #797d71;
    }

#sections .slide2 .parallax .layer:nth-child(2) {
    position: relative !important;
    z-index: 2;
}

#sections .slide2 .parallax .layer:nth-child(3) {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

#sections.parallaxEnabled .slide2 .parallax .layer:nth-child(2), #sections.parallaxEnabled .slide2 .parallax .layer:nth-child(3) {
    top: -100px !important;
}

#sections .slide2 .shortcutSection li {
    margin-right: 80px;
}

    #sections .slide2 .shortcutSection li:last-child {
        margin-right: 0;
    }

    #sections .slide2 .shortcutSection li a {
        background: url('../Images/sections/cevreiklim/slide2icons.png');
        width: 178px;
        height: 178px;
        border: 2px solid #74c046;
    }

#sections .slide2 .shortcutSection ul li:nth-child(1) a {
    background-position: 0 0;
}

#sections .slide2 .shortcutSection ul li:nth-child(2) a {
    background-position: -178px 0;
}

#sections .slide2 .shortcutSection ul li:nth-child(3) a {
    background-position: -356px 0;
}

#sections.parallaxDisabled .slide2 .parallax .layer:nth-child(3) {
    position: relative;
    float: left;
}

#sections .slide2 .shortcutSection ul li:nth-child(4) a {
    background-position: -534px 0;
}

#sections .slide2 .shortcutSection li a span {
    color: #47772b;
}

body.en-US #sections .slide2 .shortcutSection li:nth-child(2) a span {
    padding-bottom: 14px;
}

#sections .slide2 .shortcutSection li a:hover {
    background-color: #fff;
    border: 2px solid #fff;
}

#sections .slide3 {
    background: #eceef0;
}

    #sections .slide3 .text {
        width: 100%;
        padding-top: 0px;
    }

    #sections .slide3 .animation {
        position: relative;
        margin-top: 270px;
    }

.lt-ie9 #sections .slide3 .animation {
    margin-top: 0;
}

#sections .slide3 .animation p {
    width: 650px;
    margin: 12px auto 33px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

#sections .slide3 .animation img {
    display: block;
    width: 95%;
    height: auto;
    margin: 0 auto;
}

#sections .slide3 .animation-items li {
    position: absolute;
    width: 20%;
    font-family: 'bold';
    color: #232323;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    z-index: 10;
}

    #sections .slide3 .animation-items li.one {
        top: 41%;
        left: 3%;
    }

    #sections .slide3 .animation-items li.two {
        top: 74%;
        left: 10%;
        width: 30%;
    }

    #sections .slide3 .animation-items li.three {
        top: 93%;
        left: 35%;
        width: 30%;
    }

    #sections .slide3 .animation-items li.four {
        top: 74%;
        left: 62%;
        width: 30%;
    }

    #sections .slide3 .animation-items li.five {
        top: 41%;
        left: 76%;
    }

#sections .slide3 .animation.animating > div {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

#sections .slide4 {
    background: url('../Images/sections/nuclear/bg.jpg') no-repeat center center;
    background-size: cover;
}

.lt-ie9 #sections .slide4 .visual {
    position: absolute;
    top: 0px !important;
    right: 0;
}

#sections .slide4 figure {
    padding-top: 100px;
}

#sections .slide4 .text {
    padding-top: 0px;
    width: 500px;
}

#sections .slide4 .parallax .layer:nth-child(1) {
    position: relative !important;
    float: left !important;
    z-index: 2;
}

#sections.parallaxEnabled .slide4 .visual {
    margin-top: 50px;
}

#sections .slide4 .parallax .layer:nth-child(2) {
    position: absolute;
    z-index: 1 !important;
    right: 0 !important;
    top: 0 !important;
}

#sections .slide4 .shortcutSection li {
    margin-right: 85px;
}

    #sections .slide4 .shortcutSection li:last-child {
        margin-right: 0;
    }

    #sections .slide4 .shortcutSection li a {
        background: url('../Images/sections/nuclear/slide4icons.png');
        width: 178px;
        height: 178px;
        border: 2px solid #2e3033;
    }

#sections .slide4 .shortcutSection ul li:nth-child(1) a {
    background-position: 0 0;
}

#sections .slide4 .shortcutSection ul li:nth-child(2) a {
    background-position: -178px 0;
}

#sections .slide4 .shortcutSection ul li:nth-child(3) a {
    background-position: -356px 0;
}

#sections .slide4 .shortcutSection ul li:nth-child(4) a {
    background-position: -534px 0;
}

#sections .slide4 .shortcutSection li a span {
    color: #2e3033;
    font-size: 15px;
    line-height: 16px;
}

#sections .slide4 .shortcutSection li a:hover {
    background-color: #fff;
    border: 2px solid #fff;
}

.lt-ie9 #sections .slide4 .visual {
    position: absolute;
    right: 0;
    top: -300px;
}

#sections .slide5 {
    background: #335782;
}

    #sections .slide5 .text {
        float: left;
        width: 100%;
        padding: 20px 0 15px 0;
    }

    #sections .slide5 li:last-child img {
        margin-top: 240px;
    }

    #sections .slide5 h3 {
        float: left;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
    }

    #sections .slide5 ul {
        margin: 0;
    }

    #sections .slide5 .right {
        float: right;
        position: relative;
    }

    #sections .slide5 .controlMap {
        float: right;
        font-family: 'bold';
        font-weight: normal;
        font-size: 22px;
        line-height: 22px;
        color: #00cafb;
        background: #fff;
        padding: 10px 15px;
        -webkit-transition: all 0.4s linear 0s;
        -moz-transition: all 0.4s linear 0s;
        -o-transition: all 0.4s linear 0s;
        transition: all 0.4s linear 0s;
    }

    #sections .slide5 .help {
        float: right;
        font-family: 'bold';
        font-weight: normal;
        font-size: 22px;
        line-height: 22px;
        color: #fff;
        background: #00cafb;
        padding: 10px 15px;
        -webkit-transition: all 0.4s linear 0s;
        -moz-transition: all 0.4s linear 0s;
        -o-transition: all 0.4s linear 0s;
        transition: all 0.4s linear 0s;
    }

    #sections .slide5 .controlMap:hover {
        color: #fff;
        background: #00cafb;
    }

    #sections .slide5 .controlMap i,
    #sections .slide5 .controlMap em {
        font-style: normal;
        font-family: 'FontAwesome';
    }

    #sections .slide5 #controlMap {
        display: none;
        position: absolute;
        right: 0;
        z-index: 100;
        background: #fff;
        padding: 20px;
        width: 200px;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

        #sections .slide5 #controlMap #closeControl {
            color: #3cb0cc;
            float: right;
        }

            #sections .slide5 #controlMap #closeControl:hover {
                color: #00cafb;
            }

        #sections .slide5 #controlMap h4 {
            font-family: 'bold';
            font-weight: normal;
            font-size: 18px !important;
            line-height: 18px !important;
            margin: 0;
            padding: 0 0 5px 0;
            margin-bottom: 5px;
            border-bottom: 1px solid #ccc;
        }

        #sections .slide5 #controlMap label {
            font-family: 'regular';
            font-weight: normal;
            font-size: 16px;
            line-height: 16px;
            margin: 0;
            padding: 0;
            cursor: pointer;
        }

        #sections .slide5 #controlMap input[type=checkbox]:checked + label {
            color: #3cb0cc;
            text-decoration: underline;
        }

        #sections .slide5 #controlMap ul {
            margin-bottom: 15px;
        }

            #sections .slide5 #controlMap ul:last-child {
                margin-bottom: 0;
            }

        #sections .slide5 #controlMap li img {
            height: 20px;
            width: auto;
            margin: -4px 5px 0 0 !important;
        }

#sections .slide6 {
    background-color: #E6E6FA;
}

#sections .slide6 {
    background: url('../Images/sections/stratejikplan/bg.jpg') no-repeat center center;
    background-size: cover;
}

#sections .slide6 .visual {
    margin-top: -160px;
}

#sections .slide6 .parallax .layer:nth-child(2) {
    position: absolute;
    z-index: 1 !important;
    right: 0 !important;
    top: 0 !important;
}

#projemap {
    width: 100%;
    height: 666px;
    overflow: hidden;
}

    #projemap .gm-style-iw {
        height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

        #projemap .gm-style-iw div {
            overflow: hidden !important;
        }

        #projemap .gm-style-iw .table {
            width: 91%;
            height: auto;
            margin: 0 !important;
        }
/* content */

#content {
    float: left;
    width: 100%;
    margin-top: 96px;
    margin-bottom: 10px;
}

    #content #leftMenu {
        position: relative;
        float: left;
        width: 254px;
        margin-right: 10px;
        border: 1px solid #dfdfdf;
    }

        #content #leftMenu h2 {
            font-family: 'bold';
            font-weight: normal;
            font-size: 18px;
            line-height: 18px;
            letter-spacing: -0.1px;
            color: #fff;
            margin: 0;
            padding: 15px;
            background-color: #002e63;
        }

        #content #leftMenu .navSub {
            margin: 0;
            padding: 10px 0;
            background: #f4f4f4;
        }

            #content #leftMenu .navSub a {
                color: #6a6a6a;
                display: block;
                margin: 0 10px;
            }

            #content #leftMenu .navSub li {
                position: relative;
            }

                #content #leftMenu .navSub li > a {
                    font-size: 14px;
                    line-height: 16px;
                    font-family: 'bold';
                    padding: 10px 0;
                    border-bottom: 1px dashed #d7d7d7;
                }

                #content #leftMenu .navSub li.hasSub > a {
                    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
                }

                    #content #leftMenu .navSub li.hasSub > a:before, #content #leftMenu .navSub li.hasSub > a .before {
                        font-family: 'FontAwesome';
                        content: '\f0da';
                        font-size: 20px;
                        line-height: 20px;
                        color: #6a6a6a;
                        position: absolute;
                        top: 7px;
                        right: 13px;
                    }

                #content #leftMenu .navSub li.hasSub.select > a:before, #content #leftMenu .navSub li.hasSub.select > a .before {
                    content: '\f0d7';
                    color: #000;
                }

                #content #leftMenu .navSub li > a:hover {
                    color: #000;
                }

            #content #leftMenu .navSub > li:last-child > a {
                border: 0;
            }

            #content #leftMenu .navSub > li.select > a {
                color: #000;
            }

            #content #leftMenu .navSub li > ol {
                position: relative;
                display: none;
                margin: -1px 0 5px 0;
                padding: 15px 0;
                background-color: #e8e8e8;
                *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
            }

            #content #leftMenu .navSub li:last-child > ol {
                margin-bottom: 0;
            }

            #content #leftMenu .navSub li.select ol:before, #content #leftMenu .navSub li.select ol .before {
                font-family: 'FontAwesome';
                content: '\f0d7';
                font-size: 30px;
                color: #f4f4f4;
                position: absolute;
                top: -17px;
                left: 20px;
            }

            #content #leftMenu .navSub li > ol > li > a {
                font-family: Arial;
                font-size: 12px;
                font-weight: bold;
                padding: 8px 5px;
                border-bottom: 1px dashed #cacaca;
            }

            #content #leftMenu .navSub li > ol > li:last-child > a, #content #leftMenu .navSub li > ol > li.select a {
                border: 0;
            }

            #content #leftMenu .navSub li > ol > li.select > a {
                background: #9fc15b;
                color: #fff !important;
                margin: -1px 8px;
                padding: 10px 8px;
                position: relative;
                z-index: 1;
            }

            #content #leftMenu .navSub li > ol > li.hasSub > a {
                *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
            }

                #content #leftMenu .navSub li > ol > li.hasSub > a:before,
                #content #leftMenu .navSub li > ol > li.hasSub > a .before {
                    font-family: 'FontAwesome';
                    content: '\f0d7' !important;
                    font-size: 20px;
                    line-height: 20px;
                    color: #6a6a6a;
                    position: absolute;
                    font-size: 16px;
                    top: 7px;
                    right: 5px !important;
                }

            #content #leftMenu .navSub li > ol > li.hasSub.select > a {
                color: #000 !important;
            }

            #content #leftMenu .navSub li > ol > li.hasSub a {
                background: none !important;
                color: #6a6a6a;
                *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
            }

            #content #leftMenu .navSub li > ol > li > ol > li.select > a {
                color: #000 !important;
                *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
            }

                #content #leftMenu .navSub li > ol > li > ol > li.select > a:before,
                #content #leftMenu .navSub li > ol > li > ol > li.select > a .before {
                    font-family: 'FontAwesome';
                    position: absolute;
                    color: #000 !important;
                    font-size: 16px;
                    content: '\f0da' !important;
                    top: 7px;
                    right: 5px !important;
                }

            #content #leftMenu .navSub li > ol > li.hasSub > a:after,
            #content #leftMenu .navSub li > ol > li.hasSub > a .after {
                display: none;
            }

            #content #leftMenu .navSub li > ol > li.hasSub > a:hover {
                background: none !important;
                color: #000 !important;
            }

            #content #leftMenu .navSub li > ol > li > ol {
                padding: 10px 0;
                background: #d3d3d3;
                *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
            }

            #content #leftMenu .navSub li.select > ol > li > ol:before,
            #content #leftMenu .navSub li.select > ol > li > ol .before {
                color: #e8e8e8;
            }

            #content #leftMenu .navSub li.select > ol > li > ol > li a {
                border-bottom: 1px dashed #b4b4b4;
            }

                #content #leftMenu .navSub li.select > ol > li > ol > li a:hover {
                    background: none;
                    color: #000;
                }

            #content #leftMenu .navSub li.select > ol > li > ol > li:last-child a {
                border: 0;
            }
    /**/

    #content #contentContainer {
        float: right;
        width: 717px;
        color: #6f6f6f;
        font-size: 13px;
        line-height: 17px !important;
        padding: 15px;
        text-align: justify;
        border: 1px solid #f2f2f2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
    }

        #content #contentContainer.search {
            width: 100%;
            overflow-x: hidden;
        }

            #content #contentContainer.search .contentText {
                width: 100% !important;
            }

            #content #contentContainer.search .title h2 {
                width: auto !important;
            }

        #content #contentContainer .title {
            background: #f4f4f4;
            margin: -15px -15px 10px -15px;
            padding: 12px 15px;
            overflow: hidden;
        }

            #content #contentContainer .title h2 {
                float: left;
                padding: 0;
                margin: 0;
                color: #191919;
                font-family: 'bold';
                font-weight: normal;
                font-size: 24px;
                line-height: 24px;
                letter-spacing: -1px;
            }

            #content #contentContainer .title h1, #content #contentContainer .title h2, #content #contentContainer .title h3, #content #contentContainer .title h4, #content #contentContainer .title h5, #content #contentContainer .title h6 {
                text-align: left !important;
            }

.share {
    float: right;
}

    .share .right {
        float: right;
    }

    .share span.titSoc {
        float: left;
        font-weight: bold;
        font-size: 11px;
        padding: 2px 0 5px 10px;
    }

    .share .addthis_toolbox {
        float: right;
        padding: 2px 5px;
    }

#content #contentContainer .contentText {
    float: left;
    /*width: 100%;*/
    width: 685px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
}

    #content #contentContainer .contentText > a {
        position: relative;
        line-height: 26px;
        color: #689b00;
        display: inline-block;
        padding: 0 0 0 15px;
        text-align: left;
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

    #content #contentContainer .contentText a.green {
        position: relative !important;
        line-height: 26px !important;
        color: #689b00 !important;
        display: inline-block !important;
        padding: 0 !important;
        text-align: left !important;
    }

    #content #contentContainer .contentText a:hover {
        color: #3e5d00;
        text-decoration: underline;
    }

    #content #contentContainer .contentText > a:before, #content #contentContainer .contentText > a .before {
        font-size: 13px !important;
        top: 6px !important;
    }

    #content #contentContainer .contentText > a:before, #content #contentContainer .table.docs a:before, #content #contentContainer .contentText > a .before, #content #contentContainer .table.docs a .before {
        font-family: 'icomoon';
        font-size: 13px;
        position: absolute;
        left: 0px;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e602";
        color: #7bb800;
    }

.accordion .accordionLinks a:before {
    font-family: 'icomoon';
    content: "\e602";
    margin-right: 5px;
}

#content #contentContainer .contentText > a:hover:before, #content #contentContainer .table.docs a:hover:before, #content #contentContainer .contentText > a:hover .before, #content #contentContainer .table.docs a:hover .before {
    font-family: 'icomoon';
    color: #3e5d00;
}

#content #contentContainer .contentText a[href*=".pdf"]:before, #content #contentContainer .contentText a[href*=".PDF"]:before, #content #contentContainer .contentText a[href*=".pdf"] .before, #content #contentContainer .contentText a[href*=".PDF"] .before {
    font-family: 'icomoon';
    content: "\e603";
}

#content #contentContainer .contentText a[href*=".doc"]:before, #content #contentContainer .contentText a[href*=".DOC"]:before, #content #contentContainer .contentText a[href*=".docx"]:before, #content #contentContainer .contentText a[href*=".DOCX"]:before, #content #contentContainer .contentText a[href*=".doc"] .before, #content #contentContainer .contentText a[href*=".DOC"] .before, #content #contentContainer .contentText a[href*=".docx"] .before, #content #contentContainer .contentText a[href*=".DOCX"] .before {
    font-family: 'icomoon';
    content: "\e604";
}

#content #contentContainer .contentText a[href*=".xls"]:before, #content #contentContainer .contentText a[href*=".XLS"]:before, #content #contentContainer .contentText a[href*=".xlsx"]:before, #content #contentContainer .contentText a[href*=".XLSX"]:before, #content #contentContainer .contentText a[href*=".xls"] .before, #content #contentContainer .contentText a[href*=".XLS"] .before, #content #contentContainer .contentText a[href*=".xlsx"] .before, #content #contentContainer .contentText a[href*=".XLSX"] .before {
    font-family: 'icomoon';
    content: "\e605";
}

#content #contentContainer .contentText a[href*=".ppt"]:before, #content #contentContainer .contentText a[href*=".PPT"]:before, #content #contentContainer .contentText a[href*=".pptx"]:before, #content #contentContainer .contentText a[href*=".PPTX"]:before, #content #contentContainer .contentText a[href*=".ppsx"]:before, #content #contentContainer .contentText a[href*=".PPSX"]:before, #content #contentContainer .contentText a[href*=".pps"]:before, #content #contentContainer .contentText a[href*=".PPS"]:before, #content #contentContainer .contentText a[href*=".ppt"] .before, #content #contentContainer .contentText a[href*=".PPT"] .before, #content #contentContainer .contentText a[href*=".pptx"] .before, #content #contentContainer .contentText a[href*=".PPTX"]:before, #content #contentContainer .contentText a[href*=".ppsx"]:before, #content #contentContainer .contentText a[href*=".PPSX"] .before, #content #contentContainer .contentText a[href*=".pps"] .before, #content #contentContainer .contentText a[href*=".PPS"] .before, #content #contentContainer .contentText a[href*=".pptm"] .before, #content #contentContainer .contentText a[href*=".PPTM"] .before {
    font-family: 'icomoon';
    content: "\e609";
}

#content #contentContainer .table.docs.tv a:before {
    font-family: 'icomoon';
    content: "\e600" !important;
}

#content #contentContainer .table.docs.new a:before {
    font-family: 'icomoon';
    content: "\e606" !important;
}

#content #contentContainer .contentText .breadCrumb {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #f2f2f2;
}

    #content #contentContainer .contentText .breadCrumb li {
        float: left;
        padding-left: 4px;
        color: #5d6f79;
        font-size: 11px;
        line-height: 26px;
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

        #content #contentContainer .contentText .breadCrumb li:before, #content #contentContainer .contentText .breadCrumb li .before {
            float: left;
            content: '\f105';
            font-family: 'FontAwesome';
            font-size: 14px;
            color: #5d6f79;
            margin-right: 4px;
        }

        #content #contentContainer .contentText .breadCrumb li:first-child {
            padding-left: 0;
        }

            #content #contentContainer .contentText .breadCrumb li:first-child:before, #content #contentContainer .contentText .breadCrumb li:first-child .before {
                margin-right: 0;
                content: '';
            }

        #content #contentContainer .contentText .breadCrumb li a {
            color: #5d6f79;
        }

            #content #contentContainer .contentText .breadCrumb li a:hover {
                color: #000;
            }

#content #contentContainer .contentText .contentImg {
    float: left;
    position: relative;
    width: 100%;
    height: 155px;
    overflow: hidden;
}

    #content #contentContainer .contentText .contentImg img {
        width: 100%;
        height: auto;
    }

#content #contentContainer .contentText h4 {
    color: #4c4c4c;
    font-family: 'bold';
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -1px;
    margin: 10px 0;
}

#content #contentContainer .contentText p {
    color: #6f6f6f;
    text-align: justify;
    float: left;
    width: 100%;
    margin: 5px 0 10px 0;
    overflow: hidden;
}

    #content #contentContainer .contentText p a {
        color: #6f6f6f;
        text-decoration: underline;
    }

        #content #contentContainer .contentText p a:hover {
            color: #000;
        }

#content #contentContainer .contentText h5 {
    position: relative;
    color: #4c4c4c;
    background-color: #f6f6f6;
    font-family: Georgia;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 15px;
    margin: 0 -15px 20px -15px;
    font-style: italic;
    float: left;
    width: 715px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

    #content #contentContainer .contentText h5:before, #content #contentContainer .contentText h5 .before {
        font-family: 'FontAwesome';
        content: '\f0de';
        font-size: 40px;
        color: #f6f6f6;
        position: absolute;
        top: -3px;
        left: 14px;
        font-style: normal;
    }

    #content #contentContainer .contentText h5:after, #content #contentContainer .contentText h5 .after {
        font-family: 'FontAwesome';
        content: '\f0dd';
        font-size: 40px;
        color: #f6f6f6;
        position: absolute;
        bottom: -3px;
        right: 14px;
        font-style: normal;
    }

#content #contentContainer .contentText h6 {
    float: left;
    width: 100%;
    position: relative;
    color: #4c4c4c;
    font-family: 'bold';
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    margin: 10px 0;
    padding: 0px;
}

.tableScroll {
    float: left;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

    .tableScroll .table {
        margin: 10px 0 5px 0;
    }

        .tableScroll .table th, .tableScroll .table td {
            white-space: nowrap;
        }

.table {
    width: 100%;
    height: auto;
    margin: 10px 0 25px 0;
    border: 1px solid #eaeaea;
    border-spacing: 1px;
    border-collapse: separate;
}

    .table th {
        background: #e4e4e4;
        padding: 7px;
        text-align: left;
        font-family: 'regular';
        font-size: 16px;
        line-height: 16px;
        font-weight: normal;
        color: #171717;
        vertical-align: top;
    }

    .table tbody td {
        padding: 7px;
        text-align: left;
        font-family: Arial;
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
        color: #5e5e5e;
        vertical-align: top;
    }

    .table tbody tr:nth-child(odd) th, .table tbody tr:nth-child(odd) td {
        background: #f6f6f6;
    }

    .table tbody tr:nth-child(2n) th, .table tbody tr:nth-child(2n) td {
        background: #fff;
    }

    .table.docs a {
        position: relative;
        display: block;
        font-weight: normal;
        color: #5e5e5e;
        padding: 0 0 0 18px;
        text-align: left;
    }

#content #contentContainer .contentText .privacyText {
    position: relative;
    color: #7aa12f;
    background-color: #eaffc2;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 15px;
    margin: 5px 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

    #content #contentContainer .contentText .privacyText:before, #content #contentContainer .contentText .privacyText .before {
        content: '!';
        font-size: 34px;
        line-height: 34px;
        font-weight: bold;
        float: left;
        color: #7aa12f;
        margin: -3px 5px 0 -4px;
    }

#content #contentContainer .contentList {
    float: left;
    width: 100%;
}

    #content #contentContainer .contentList .newsList,
    #content #contentContainer .contentList .searchList {
        float: left;
        width: 100%;
        display: block;
    }

        #content #contentContainer .contentList .newsList li,
        #content #contentContainer .contentList .searchList > li {
            display: block;
            float: left;
            width: 100%;
            padding-bottom: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #e2e2e2;
        }

            #content #contentContainer .contentList .searchList > li.selected:hover .breadCrumb span,
            #content #contentContainer .contentList .searchList > li.selected:hover .breadCrumb span:before {
                color: #d8d8d8 !important;
            }

            #content #contentContainer .contentList .newsList li:last-child,
            #content #contentContainer .contentList .searchList > li:last-child {
                border-bottom: 0;
            }

            #content #contentContainer .contentList .newsList li a, #content #contentContainer .contentList .searchList > li a {
                float: left;
                width: 100%;
                *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
            }

                #content #contentContainer .contentList .newsList li a:before, .searchList > li a:before, #content #contentContainer .contentList .newsList li a .before, .searchList > li a .before {
                    display: none;
                }

                #content #contentContainer .contentList .newsList li a:after,
                #content #contentContainer .contentList .newsList li a:hover:after,
                #content #contentContainer .contentList .searchList > li:after,
                #content #contentContainer .contentList .searchList > li:hover:after,
                #content #contentContainer .contentList .newsList li a .after,
                #content #contentContainer .contentList .newsList li a:hover .after,
                #content #contentContainer .contentList .searchList > li .after,
                #content #contentContainer .contentList .searchList > li:hover .after {
                    background-color: #e8e8e8;
                }

            #content #contentContainer .contentList .newsList li img {
                border: 3px solid #fff;
                float: left;
                width: 136px;
                height: auto;
                margin-right: 10px;
            }

            #content #contentContainer .contentList .newsList li .newsText {
                float: left;
                width: 450px;
            }

        #content #contentContainer .contentList .newsList.large li .newsText {
            width: 600px;
        }

        #content #contentContainer .contentList .searchList > li .searchText {
            float: left;
            width: 100%;
        }

            #content #contentContainer .contentList .searchList > li .searchText p {
                text-align: left !important;
            }

            #content #contentContainer .contentList .newsList li .newsText h3,
            #content #contentContainer .contentList .searchList > li .searchText h3 {
                font-family: "bold";
                font-weight: normal;
                color: #231f20;
                margin: 3px 0 0 0;
                font-size: 21px;
                line-height: 22px;
                letter-spacing: -1px;
                padding-bottom: 5px;
            }

            #content #contentContainer .contentList .newsList li .newsText p,
            #content #contentContainer .contentList .searchList > li .searchText p {
                color: #a9a8a8;
                margin: 0;
                font-size: 12px;
                letter-spacing: 0;
                line-height: 14px;
                padding-right: 56px;
            }

        #content #contentContainer .contentList .newsList li .date,
        #content #contentContainer .contentList .newsList li time {
            float: right;
            text-align: right;
            color: #9d9c9c;
            font-size: 12px;
            line-height: 20px;
        }

        #content #contentContainer .contentList .newsList li:hover img {
            border: 3px solid #fff;
        }

        #content #contentContainer .contentList .searchList > li .breadCrumb {
            margin: 3px 0 0 0;
            padding: 3px 0 0 0;
            border: 0;
            color: #d8d8d8;
        }

            #content #contentContainer .contentList .searchList > li .breadCrumb span {
                *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
            }

                #content #contentContainer .contentList .searchList > li .breadCrumb span:before, #content #contentContainer .contentList .searchList > li .breadCrumb span .before {
                    content: '\f105';
                    font-family: 'FontAwesome';
                    font-size: 14px;
                    color: #d8d8d8;
                    margin-right: 4px;
                }

                #content #contentContainer .contentList .searchList > li .breadCrumb span:first-child:before,
                #content #contentContainer .contentList .searchList > li .breadCrumb span:first-child .before {
                    display: none;
                }

        #content #contentContainer .contentList .searchList > li:hover .breadCrumb span,
        #content #contentContainer .contentList .searchList > li:hover .breadCrumb span:before,
        #content #contentContainer .contentList .searchList > li:hover .breadCrumb span .before {
            color: #a0a0a0;
        }

        #content #contentContainer .contentList .searchList .label {
            float: left;
            width: 100%;
            padding: 7px 0 0 0;
        }

            #content #contentContainer .contentList .searchList .label a {
                float: left;
                width: auto !important;
                background: #b4b4b4;
                color: #fff;
                padding: 3px 5px !important;
                margin: 0 3px 3px 0;
                font-size: 10px;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                behavior: url(PIE-2.0beta1/PIE.htc);
            }

        #content #contentContainer .contentList .searchList .docList {
            float: left;
            width: 100%;
            padding: 7px 0 0 0;
        }

            #content #contentContainer .contentList .searchList .docList a {
                float: left;
                width: auto !important;
                border: 1px solid #b4b4b4;
                color: #b4b4b4;
                padding: 3px 5px !important;
                margin: 0 3px 3px 0;
                font-size: 10px;
                -webkit-transition: all 0.4s linear 0s;
                -moz-transition: all 0.4s linear 0s;
                -o-transition: all 0.4s linear 0s;
                transition: all 0.4s linear 0s;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                behavior: url(PIE-2.0beta1/PIE.htc);
            }

                #content #contentContainer .contentList .searchList .docList a:hover {
                    color: #000;
                    text-decoration: none;
                    border: 1px solid #000;
                }

        #content #contentContainer .contentList .searchList > li.selected {
            background: #feffda;
            margin: -15px -15px 20px -15px;
            padding: 15px;
            -webkit-transition: all 0.4s linear 0s;
            -moz-transition: all 0.4s linear 0s;
            -o-transition: all 0.4s linear 0s;
            transition: all 0.4s linear 0s;
        }

            #content #contentContainer .contentList .searchList > li.selected:hover:after,
            #content #contentContainer .contentList .searchList > li.selected:hover .after {
                background: #f8fa91 !important;
            }

    #content #contentContainer .contentList .organizaionsList {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

        #content #contentContainer .contentList .organizaionsList li {
            float: left;
            width: 200px;
            height: 130px;
            padding: 10px;
            margin-right: 9px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            opacity: 0.6;
            filter: alpha(opacity=60);
            -webkit-transition: all 0.4s linear 0s;
            -moz-transition: all 0.4s linear 0s;
            -o-transition: all 0.4s linear 0s;
            transition: all 0.4s linear 0s;
        }

            #content #contentContainer .contentList .organizaionsList li:hover {
                /*-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;*/
                opacity: 1;
                filter: alpha(opacity=100);
            }

            #content #contentContainer .contentList .organizaionsList li:nth-child(3n) {
                margin-right: 0;
            }

            #content #contentContainer .contentList .organizaionsList li a {
                display: block;
                text-align: center;
            }

            #content #contentContainer .contentList .organizaionsList li span {
                display: block;
                font-size: 16px;
                font-family: 'regular';
                color: #5b5b5b;
            }

#content #contentContainer .pagination {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 30px;
}

    #content #contentContainer .pagination li {
        display: inline-block;
        margin: 0 2px;
        line-height: 30px;
    }

        #content #contentContainer .pagination li a {
            padding: 3px 8px;
            color: #bfbfbf;
            font-size: 16px;
            line-height: 12px;
            letter-spacing: -1px;
            font-weight: bold;
            border: 1px solid #d9d9d9;
            background-color: #fff;
        }

            #content #contentContainer .pagination li a:hover {
                border: 1px solid #b0b0b0;
                text-decoration: none !important;
                color: #a1a1a1;
            }

            #content #contentContainer .pagination li a.active {
                border: 1px solid #00cafb;
                color: #fff;
                background-color: #00cafb;
            }

            #content #contentContainer .pagination li a.arrow span {
                width: 5px;
                height: 9px;
                display: inline-block;
                text-indent: -9999px;
                background: url("../Images/sprite.png");
                background-position: -21px 0;
            }

            #content #contentContainer .pagination li a.arrow.next span {
                background-position: -26px 0;
            }

            #content #contentContainer .pagination li a.arrow.active {
                border: 1px solid #d9d9d9;
                border-bottom: 1px solid #d9d9d9;
            }

#content #contentContainer .contentText ul:not([class]) {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
}

    #content #contentContainer .contentText ul:not([class]) li {
        display: block;
        position: relative;
        margin: 0 0 10px 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #ccc;
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

        #content #contentContainer .contentText ul:not([class]) li p, #content #contentContainer .contentText ul:not([class]) li span {
            margin: 0;
            padding: 0;
            font-size: 13px !important;
            float: none !important;
        }

    #content #contentContainer .contentText ul:not([class]) > li:last-child {
        border: 0;
        padding: 0;
        margin-bottom: 0;
    }

    #content #contentContainer .contentText ul:not([class]) > li:before, #content #contentContainer .contentText ul:not([class]) > li .before {
        font-family: 'FontAwesome';
        content: "\f0da";
        color: #7bb800;
        position: absolute;
        left: -10px;
        top: -1px;
    }

    #content #contentContainer .contentText ul:not([class]) li > a {
        color: #6f6f6f;
        text-decoration: none;
    }

        #content #contentContainer .contentText ul:not([class]) li > a:hover {
            color: #3e5d00;
            text-decoration: underline;
        }
/*accordion*/
.accordion {
    padding: 10px;
    width: 100%;
    border: 1px solid #f2f2f2;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
}

    .accordion .accordion:first-child {
        margin-top: 10px;
    }

    .accordion .accordion:last-child {
        margin-bottom: 10px;
    }

    .accordion ul {
        list-style: none;
        padding: 0;
        margin: 0;
        float: left;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .accordion .accordion {
        width: 99%;
    }

        .accordion .accordion ul {
            padding: 0px !important;
        }

    .accordion li {
        list-style: none;
        float: left;
        width: 100%;
        display: block;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
    }

        .accordion li.active:before {
            content: "\f0d7" !important;
            top: -2px !important;
        }

        .accordion li > a {
            display: block;
            list-style: none;
            color: #373636 !important;
            font-weight: normal;
            font-size: 12px;
            line-height: 15px;
            position: relative;
            padding: 0px;
            outline: none;
            border: 0;
        }

            .accordion li > a:hover {
                color: #3e5d00 !important;
            }

        .accordion li.active > a {
            color: #000;
            text-decoration: underline;
        }

        .accordion li a:hover {
            color: #000;
        }

    .accordion .accordionContent {
        display: none;
        color: #6c6b6b;
        float: left;
        width: 100%;
        padding: 10px 0;
    }

        .accordion .accordionContent p {
            padding: 10px 0;
            margin: 0;
        }

        .accordion .accordionContent .table {
            margin-bottom: 0;
        }

        .accordion .accordionContent a {
            font-size: 12px;
            outline: none;
            border: 0;
        }

        .accordion .accordionContent .table a {
            font-size: 13px;
            outline: none;
            border: 0;
        }

    .accordion .accordionLinks {
        float: left;
        width: 98%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #f2f2f2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        behavior: url(boxsizing.htc);
    }

        .accordion .accordionLinks a {
            color: #373636;
            display: block;
            padding: 5px 10px;
            border-bottom: 1px dashed #f2f2f2;
        }

            .accordion .accordionLinks a:last-child {
                border-bottom: 0;
            }
/* arama listeleme */

.searchResult {
    float: right;
    margin: 0;
    padding: 0;
    line-height: 23px;
}

    .searchResult i,
    .searchResult em {
        font-style: normal;
        color: #00cafb;
    }

.message {
    float: left;
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
}

    .message.error, .fancybox-error {
        background: #fca5a5;
        color: #cc1e1e !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
    }

    .message.success {
        background: #baffb1;
        color: #216f16 !important;
    }

    .message.note {
        background: #fffeba;
        color: #9b9914 !important;
    }

blockquote {
    color: #4c4c4c;
    font-size: 18px;
    background-color: #f6f6f6;
    font-family: Georgia;
    font-style: italic;
    border-left: 10px solid #ccc;
    margin: 20px 0;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

    blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 50px;
        margin-right: 10px;
        vertical-align: -0.4em;
    }

    blockquote:after {
        color: #ccc;
        content: close-quote;
        font-size: 50px;
        margin-right: 10px;
        vertical-align: -0.4em;
    }

    blockquote p {
        display: inline !important;
        width: auto !important;
        float: none !important;
        line-height: 34px;
    }
/*bakanlar*/

.timelineBakan {
    margin: 0px auto;
    overflow: hidden;
    height: auto;
    position: relative;
    padding: 0px;
    list-style-type: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQIW2NMTEz8z8gABAAPKwIlXWq1kgAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    background-position: 50% 0;
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

    .timelineBakan * {
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

        .timelineBakan *, .timelineBakan *:after, .timelineBakan * .after, .timelineBakan:after, .timelineBakan .after, .timelineBakan *:before, .timelineBakan * .before, .timelineBakan:before, .timelineBakan .before, .timelineBakan.v1 *, .timelineBakan.v1 *:after, .timelineBakan.v1 * .after, .timelineBakan.v1:after, .timelineBakan.v1 .after, .timelineBakan.v1 *:before, .timelineBakan.v1 * .before, .timelineBakan.v1:before, .timelineBakan.v1 .before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .timelineBakan .year {
        background: #505050;
        font-size: 16px;
        font-family: 'bold';
        padding: 10px;
        max-width: 200px;
        clear: both;
        margin: 30px auto;
        color: white;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        text-align: center;
        margin-top: 50px;
        behavior: url(PIE-2.0beta1/PIE.htc);
    }

        .timelineBakan .year:first-of-type {
            margin-top: 0 !important;
        }

        .timelineBakan .year + .event {
            margin-top: -1.5em;
        }

    .timelineBakan .event {
        position: relative;
        text-align: justify;
        float: right;
        clear: right;
        width: 45%;
        margin: 10px 2.5%;
        border-radius: 5px;
        list-style-type: none;
        display: block;
        padding: 10px !important;
        background: white;
        z-index: 15;
        color: #4d4d4d;
        border: 1px solid #d0d0d0;
        text-decoration: none;
        font-size: 11px;
        -webkit-transition: background .15s linear;
        -moz-transition: background .15s linear;
        -ms-transition: background .15s linear;
        -o-transition: background .15s linear;
        transition: background .15s linear;
        behavior: url(PIE-2.0beta1/PIE.htc);
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

        .timelineBakan .event.active {
            float: none;
            margin-left: 180px;
        }

        .timelineBakan .event.featured {
            width: 95% !important;
            *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
        }

            .timelineBakan .event.featured:after, .timelineBakan .event.featured:before, .timelineBakan .event.featured .after, .timelineBakan .event.featured .before {
                display: none;
            }

        .timelineBakan .event.offset-first {
            margin-top: -1.5em;
        }

        .timelineBakan .event h6 {
            margin: 6px 0 10px 0 !important;
            text-align: left;
            color: #7191be !important;
        }

        .timelineBakan .event img {
            float: left;
            margin: 0 7px 3px 0;
        }

        .timelineBakan .event:hover {
            background: #f6f6f6;
        }

            .timelineBakan .event:hover:after, .timelineBakan .event:hover .after {
                background: #505050;
            }

        .timelineBakan .event:nth-of-type(2n) {
            float: left;
            clear: left;
        }

            .timelineBakan .event:nth-of-type(2n):after, .timelineBakan .event:nth-of-type(2n) .after {
                right: -5%;
                left: auto;
            }

    .timelineBakan time {
        display: block;
        font-weight: bold;
    }

    .timelineBakan .table {
        margin: 10px 0 0 0;
    }

        .timelineBakan .table th, .timelineBakan .table td {
            font-size: 11px;
            font-family: Arial;
        }
/*bakanlar son*/

/*timeline tarih*/

.timelineDate {
    margin: 0px auto;
    margin-top: 10px;
    overflow: hidden;
    height: auto;
    position: relative;
    padding: 0px;
    list-style-type: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQIW2NMTEz8z8gABAAPKwIlXWq1kgAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    background-position: 50% 0;
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

    .timelineDate * {
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

        .timelineDate *, .timelineDate *:after, .timelineDate * .after, .timelineDate:after, .timelineDate .after, .timelineDate *:before, .timelineDate * .before, .timelineDate:before, .timelineDate .before, .timelineDate.v1 *, .timelineDate.v1 *:after, .timelineDate.v1 * .after, .timelineDate.v1:after, .timelineDate.v1 .after, .timelineDate.v1 *:before, .timelineDate.v1 * .before, .timelineDate.v1:before, .timelineDate.v1 .before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .timelineDate .year {
        background: #505050;
        font-size: 16px;
        font-family: 'bold';
        padding: 10px;
        max-width: 200px;
        clear: both;
        margin: 30px auto;
        color: white;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        text-align: center;
        margin-top: 20px;
        behavior: url(PIE-2.0beta1/PIE.htc);
    }

        .timelineDate .year:first-of-type {
            margin-top: 0 !important;
        }

        .timelineDate .year + .event {
            margin-top: -1.5em;
        }

    .timelineDate .event {
        position: relative;
        text-align: justify;
        margin: 0 auto;
        margin-bottom: 10px;
        width: 100%;
        border-radius: 5px;
        list-style-type: none;
        display: block;
        padding: 10px !important;
        background: white;
        z-index: 2;
        color: #4d4d4d;
        border: 1px solid #d0d0d0;
        text-decoration: none;
        font-size: 12px;
        -webkit-transition: background .15s linear;
        -moz-transition: background .15s linear;
        -ms-transition: background .15s linear;
        -o-transition: background .15s linear;
        transition: background .15s linear;
        behavior: url(PIE-2.0beta1/PIE.htc);
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

        .timelineDate .event.active {
            float: none;
            margin-left: 180px;
        }

        .timelineDate .event.featured {
            width: 95% !important;
            *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
        }

            .timelineDate .event.featured:after, .timelineDate .event.featured:before, .timelineDate .event.featured .after, .timelineDate .event.featured .before {
                display: none;
            }

        .timelineDate .event.offset-first {
            margin-top: -1.5em;
        }

        .timelineDate .event h6 {
            margin: 6px 0 10px 0 !important;
            text-align: left;
            color: #7191be !important;
        }

        .timelineDate .event img {
            float: left;
            margin: 0 7px 3px 0;
        }

        .timelineDate .event:hover {
            background: #f6f6f6;
        }

            .timelineDate .event:hover:after, .timelineDate .event:hover .after {
                background: #505050;
            }

    .timelineDate time {
        display: block;
        font-weight: bold;
    }

    .timelineDate .table {
        margin: 10px 0 0 0;
    }

        .timelineDate .table th, .timelineDate .table td {
            font-size: 11px;
            font-family: Arial;
        }

    .timelineDate .forTitle h6 {
        margin: 0 !important;
    }

    .timelineDate .forTitle p.titleName {
        font-weight: bold;
        margin: 0 0 10px 0 !important;
    }

    .timelineDate .forTitle p {
        display: inline;
    }
/*bakanlar son*/

/*İletişim*/

.contactContainer .col1 {
    float: left;
    width: 350px;
    padding: 8px 10px 0 0;
}

    .contactContainer .col1 .contactItem {
        padding: 20px 0;
        border-bottom: 1px solid #e3e3e3;
    }

.contactContainer .col2 {
    float: left;
    padding: 8px 0 0 15px;
    width: 308px;
    border-left: 1px solid #eae9e9;
}

.contactContainer .item {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 10px 10px 0;
    border-bottom: 1px dotted #ccc;
}

    .contactContainer .item .fa {
        color: #002e63;
    }

.contactContainer h3 {
    margin: 0 0 2px 0;
}

.contactContainer .col1 p {
    padding: 0px 0 0 14px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

#content #contentContainer .contentText .contentImg#map {
    height: 300px;
}

#content #contentContainer .contentText ul.transport {
    float: left;
    width: 100%;
    margin: 0;
}

    #content #contentContainer .contentText ul.transport li {
        display: block;
        position: relative;
        padding: 0 0 10px 20px;
        margin-bottom: 10px;
        border-bottom: 1px dotted #ccc;
        *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
    }

        #content #contentContainer .contentText ul.transport li:last-child {
            border: 0;
        }

        #content #contentContainer .contentText ul.transport li:before, #content #contentContainer .contentText ul.transport li .before {
            color: #002e63;
            font-family: 'icomoon';
            font-size: 16px;
            position: absolute;
            left: 0px;
            top: 3px;
        }

        #content #contentContainer .contentText ul.transport li.door:before, #content #contentContainer .contentText ul.transport li.door .before {
            content: "\e608";
        }

        #content #contentContainer .contentText ul.transport li.metro:before,
        #content #contentContainer .contentText ul.transport li.metro .before {
            font-family: 'FontAwesome' !important;
            content: "\f239" !important;
        }

        #content #contentContainer .contentText ul.transport li.bus:before, #content #contentContainer .contentText ul.transport li.bus .before {
            content: "\e607";
        }

        #content #contentContainer .contentText ul.transport li.airport:before, #content #contentContainer .contentText ul.transport li.airport .before {
            content: "\e601";
        }

        #content #contentContainer .contentText ul.transport li > a {
            color: #00a9e8;
            text-decoration: none;
        }

            #content #contentContainer .contentText ul.transport li > a:hover {
                color: #0078a5;
                text-decoration: underline;
            }
/*contact*/

/*foto galeri*/
.photoGallery {
    float: left;
    overflow: hidden;
}

    .photoGallery .photoList {
        float: left;
        width: 100%;
    }

        .photoGallery .photoList li {
            overflow: hidden;
            padding: 18px 0;
            border-bottom: solid 1px #e8e8e8;
            position: relative;
        }

            .photoGallery .photoList li:last-child {
                border: 0;
            }

            .photoGallery .photoList li > a {
                display: block;
                float: left;
                width: 100%;
                height: 100%;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            .photoGallery .photoList li h2 {
                font-family: "bold";
                font-weight: normal;
                font-size: 20px;
                line-height: 22px;
                margin: 0 0 5px;
            }

            .photoGallery .photoList li h2 {
                color: #282828;
            }

            .photoGallery .photoList li time {
                font-family: "regular";
                font-weight: normal;
                display: block;
                font-size: 16px;
                line-height: 16px;
                color: #282828;
            }

            .photoGallery .photoList li.main .photoText {
                float: right;
                width: 220px;
                margin: 0 28px 0 0;
            }

            .photoGallery .photoList li .photoText p {
                color: #808080;
                font-size: 12px;
                line-height: 16px;
            }

            .photoGallery .photoList li.main .photoText h2 {
                font-size: 30px;
                line-height: 30px;
                margin: 0 0 10px;
            }

            .photoGallery .photoList li.item {
                float: left;
                width: 100%;
            }

                .photoGallery .photoList li.item:hover {
                    background: #f2f3f3;
                }

                .photoGallery .photoList li.item .info {
                    float: left;
                    margin: 0 0 0 10px;
                    width: 138px;
                }

                .photoGallery .photoList li.item .photoText, .photoGallery .photoList li.item .thumbs {
                    float: right;
                    width: 500px;
                    margin: 0 10px 0 0;
                }

    .photoGallery.full .photoList li.item .photoText, .photoGallery.full .photoList li.item .thumbs {
        float: left;
        margin: 0;
        width: 100%;
    }

    .photoGallery.full .photoList li.item:hover {
        background: none !important;
    }

    .photoGallery .photoList li.item .thumbs {
        overflow: hidden;
    }

        .photoGallery .photoList li.item .thumbs li {
            float: left;
            border: none;
            margin: 0 6px 6px 0;
            padding: 0;
        }

    .photoGallery .photoList li.item .number {
        color: #ccc;
        font-size: 11px;
    }
/*organizasyon şeması*/

.orgChartFull {
    float: left;
    width: 100%;
}

    .orgChartFull img {
        width: 100%;
    }

.orgChart {
    position: relative;
    float: left;
    width: 100%;
    height: 1592px;
    background: url('../Images/orgChart.jpg') top left no-repeat;
}

    .orgChart li {
        position: absolute;
        background: #7fbc00;
        color: #fff;
        width: 130px;
        font-family: Arial;
        text-align: center;
        float: left;
        padding: 10px 5px;
        border: 2px solid #fff;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
    }

        .orgChart li h4 {
            font-family: 'bold';
            font-weight: normal !important;
            font-size: 16px !important;
            line-height: 19px !important;
            margin: 0 !important;
            padding: 0 !important;
            color: #fff !important;
            letter-spacing: -0.5px !important;
        }

        .orgChart li p {
            color: #fff !important;
            margin: 0 !important;
            padding: 0 !important;
            text-align: center !important;
        }

        .orgChart li a {
            color: #eeffcc !important;
            text-decoration: underline;
            font-size: 11px;
        }

            .orgChart li a:hover {
                color: #fff !important;
            }

        .orgChart li.a1 {
            background: #022d62 !important;
            left: 263px;
            top: 37px;
        }

        .orgChart li.b1 {
            background: #022d62 !important;
            left: 10px;
            top: 90px;
            height: 60px;
        }

        .orgChart li.b2 {
            background: #022d62 !important;
            left: 531px;
            top: 90px;
            height: 55px;
            height: 60px;
        }

        .orgChart li.c1 {
            left: 121px;
            top: 188px;
            height: 55px;
        }

        .orgChart li.d1 {
            background: #022d62 !important;
            left: 270px;
            top: 282px;
        }

        .orgChart li.e1 {
            left: 10px;
            top: 280px;
        }

        .orgChart li.e2 {
            left: 10px;
            top: 399px;
        }

        .orgChart li.e3 {
            left: 531px;
            top: 280px;
        }

        .orgChart li.e4 {
            left: 531px;
            top: 368px;
        }

        .orgChart li.e5 {
            left: 531px;
            top: 457px;
        }

        .orgChart li.f1 {
            background: #022d62 !important;
            left: 0px;
            top: 617px;
            width: 115px;
            height: 76px;
        }

        .orgChart li.f2 {
            background: #022d62 !important;
            left: 137px;
            top: 617px;
            width: 115px;
            height: 76px;
        }

        .orgChart li.f3 {
            background: #022d62 !important;
            left: 276px;
            top: 617px;
            width: 115px;
            height: 76px;
        }

        .orgChart li.f4 {
            background: #022d62 !important;
            left: 416px;
            top: 617px;
            width: 115px;
            height: 76px;
        }

        .orgChart li.f5 {
            background: #022d62 !important;
            left: 555px;
            top: 617px;
            width: 115px;
            height: 76px;
        }

        .orgChart li.chTitle {
            left: 0;
            background: none !important;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            color: #5d6f79 !important;
            font-family: 'bold' !important;
            font-weight: normal !important;
            font-size: 18px !important;
            line-height: 18px !important;
            width: 300px !important;
            text-align: left !important;
            padding: 0 !important;
            border: 0 !important;
        }

            .orgChart li.chTitle.gTitle {
                top: 735px;
            }

        .orgChart li.g1 {
            background: #0081ee !important;
            left: 0px;
            top: 762px;
            width: 115px;
            height: 104px;
        }

        .orgChart li.g2 {
            background: #0081ee !important;
            left: 137px;
            top: 762px;
            width: 115px;
            height: 104px;
        }

        .orgChart li.g3 {
            background: #0081ee !important;
            left: 276px;
            top: 762px;
            width: 115px;
            height: 104px;
        }

        .orgChart li.g4 {
            background: #0081ee !important;
            left: 416px;
            top: 762px;
            width: 115px;
            height: 104px;
        }

        .orgChart li.g5 {
            background: #0081ee !important;
            left: 555px;
            top: 762px;
            width: 115px;
            height: 104px;
        }

        .orgChart li.g6 {
            background: #0081ee !important;
            left: 0px;
            top: 900px;
            width: 115px;
            height: 104px;
        }

        .orgChart li.g7 {
            background: #0081ee !important;
            left: 137px;
            top: 900px;
            width: 115px;
            height: 104px;
        }

            .orgChart li.g7 h4 {
                font-size: 15px !important;
                line-height: 17px !important;
            }

        .orgChart li.g8 {
            background: #0081ee !important;
            left: 276px;
            top: 900px;
            width: 115px;
            height: 104px;
        }

            .orgChart li.g8 h4 {
                font-size: 14px !important;
                line-height: 14px !important;
            }

        .orgChart li.g9 {
            background: #0081ee !important;
            left: 416px;
            top: 900px;
            width: 115px;
            height: 104px;
        }

            .orgChart li.g9 h4 {
                font-size: 14px !important;
                line-height: 14px !important;
            }

        .orgChart li.g10 {
            background: #0081ee !important;
            left: 555px;
            top: 900px;
            width: 115px;
            height: 104px;
        }

        .orgChart li.chTitle.hTitle {
            top: 1050px;
        }

        .orgChart li.h1 {
            background: #0081ee !important;
            left: 0px;
            top: 1080px;
            width: 115px;
            height: 72px;
        }

            .orgChart li.h1 h4 {
                font-size: 14px !important;
                line-height: 14px !important;
            }

        .orgChart li.h2 {
            background: #0081ee !important;
            left: 137px;
            top: 1080px;
            width: 115px;
            height: 72px;
        }

            .orgChart li.h2 h4 {
                font-size: 14px !important;
                line-height: 14px !important;
            }

        .orgChart li.chTitle.iTitle {
            top: 1195px;
        }

        .orgChart li.i1 {
            background: #0081ee !important;
            left: 0px;
            top: 1220px;
            width: 115px;
            height: 70px;
        }

        .orgChart li.i2 {
            background: #0081ee !important;
            left: 137px;
            top: 1220px;
            width: 115px;
            height: 70px;
        }

        .orgChart li.i3 {
            background: #0081ee !important;
            left: 276px;
            top: 1220px;
            width: 115px;
            height: 70px;
        }

            .orgChart li.i3 h4 {
                font-size: 14px !important;
                line-height: 14px !important;
            }

        .orgChart li.i4 {
            background: #0081ee !important;
            left: 416px;
            top: 1220px;
            width: 115px;
            height: 70px;
        }

        .orgChart li.i5 {
            background: #0081ee !important;
            left: 555px;
            top: 1220px;
            width: 115px;
            height: 70px;
        }

            .orgChart li.i5 h4 {
                font-size: 14px !important;
                line-height: 14px !important;
            }

        .orgChart li.i6 {
            background: #0081ee !important;
            left: 0px;
            top: 1325px;
            width: 115px;
            height: 70px;
        }

            .orgChart li.i6 h4 {
                font-size: 14px !important;
                line-height: 14px !important;
            }

        .orgChart li.i7 {
            background: #0081ee !important;
            left: 137px;
            top: 1325px;
            width: 115px;
            height: 70px;
        }

            .orgChart li.i7 h4 {
                font-size: 14px !important;
                line-height: 14px !important;
            }

        .orgChart li.i8 {
            background: #0081ee !important;
            left: 276px;
            top: 1325px;
            width: 115px;
            height: 70px;
        }

            .orgChart li.i8 h4 {
                font-size: 14px !important;
                line-height: 14px !important;
            }

        .orgChart li.i9 {
            background: #0081ee !important;
            left: 416px;
            top: 1325px;
            width: 115px;
            height: 70px;
        }

            .orgChart li.i9 h4 {
                font-size: 13px !important;
                line-height: 14px !important;
                margin-top: -3px !important;
            }

            .orgChart li.i9 p {
                font-size: 11px !important;
                line-height: 12px !important;
                margin-top: -3px !important;
            }

        .orgChart li.chTitle.jTitle {
            top: 1440px;
        }

        .orgChart li.j1 {
            background: #0081ee !important;
            left: 0px;
            top: 1465px;
            width: 115px;
            height: 90px;
        }

        .orgChart li.j2 {
            background: #0081ee !important;
            left: 137px;
            top: 1465px;
            width: 115px;
            height: 90px;
        }

/*sitemap*/
.siteMap {
    float: left;
    width: 100%;
}

    .siteMap h4 {
        margin-bottom: 0 !important;
    }

    .siteMap .left {
        float: left;
        width: 50%;
    }

    .siteMap .right {
        float: left;
        width: 50%;
    }

    .siteMap table {
        float: left;
        width: 100%;
        display: block;
    }

    .siteMap td {
        white-space: normal !important;
    }

    .siteMap a {
        color: #689b00;
        line-height: 10px !important;
    }
/*footer curl*/
.footerCurl {
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 0;
    width: 297px;
    height: 227px;
    background: url('../Images/curl.png') no-repeat;
}

    .footerCurl .curlContent {
        float: right;
        margin: 115px 0 0 0;
    }

        .footerCurl .curlContent li {
            -webkit-transition: all 0.4s linear 0s;
            -moz-transition: all 0.4s linear 0s;
            -o-transition: all 0.4s linear 0s;
            transition: all 0.4s linear 0s;
            opacity: 0.5;
        }

            .footerCurl .curlContent li:hover {
                opacity: 1;
            }
/*footer*/

#footer {
    overflow: hidden;
    float: left;
    width: 100%;
    background: url('../Images/topBg.gif') repeat-x bottom left #fff;
    padding: 30px 0 34px 0;
}

    #footer .left {
        float: left;
        width: 455px;
    }

body.en-US #footer .left {
    width: 800px;
}

#footer h5 {
    color: #777777;
    font-family: 'bold';
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    margin: 0;
}

#footer p {
    color: #777777;
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

#footer .left p .fa {
    color: #002e63 !important;
}

#footer .social {
    float: right;
}

    #footer .social a {
        -webkit-transition: all 0.4s linear 0s;
        -moz-transition: all 0.4s linear 0s;
        -o-transition: all 0.4s linear 0s;
        transition: all 0.4s linear 0s;
    }

#footer .rightLinks {
    float: right;
    position: relative;
    z-index: 100;
    padding-bottom: 25px;
}

    #footer .rightLinks a {
        float: left;
        background: url("../Images/sprite.png");
        -webkit-transition: all 0.4s linear 0s;
        -moz-transition: all 0.4s linear 0s;
        -o-transition: all 0.4s linear 0s;
        transition: all 0.4s linear 0s;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

        #footer .rightLinks a:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        #footer .rightLinks a.mail {
            width: 127px;
            height: 54px;
            background-position: 0 -22px;
            margin-right: 15px;
        }

        #footer .rightLinks a.bimer {
            width: 85px;
            height: 54px;
            background-position: -127px -22px;
        }

        #footer .rightLinks a.energyView {
            width: 167px;
            height: 54px;
            background-position: -212px -22px;
            margin-right: 15px;
        }

        #footer .rightLinks a.canakkale {
            background: url("../Images/canakkale.png");
            width: 75px;
            height: 54px;
            margin-right: 15px;
        }
/* helper */

.sectionControl {
    display: none;
    position: fixed;
    top: 55%;
    right: 24px;
    z-index: 12;
    margin-top: -153px;
    width: 43px;
    border: solid 1px #cbced4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    behavior: url(PIE-2.0beta1/PIE.htc);
}

    .sectionControl a {
        -webkit-transition: all 0.4s linear 0s;
        -moz-transition: all 0.4s linear 0s;
        -o-transition: all 0.4s linear 0s;
        transition: all 0.4s linear 0s;
    }

    .sectionControl .sectionItem {
        position: relative;
        display: block;
        margin: 15px auto;
        width: 11px;
        height: 11px;
        border: solid 2px #606060;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;
        behavior: url(PIE-2.0beta1/PIE.htc);
    }

        .sectionControl .sectionItem:hover {
            background: #606060;
        }

    .sectionControl .sectionTitle {
        display: none;
    }

    .sectionControl .sectionItem:hover .sectionTitle {
        position: absolute;
        top: -33px;
        right: 10px;
        width: 100px;
        height: 100px;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
        margin-top: -100%;
        margin-right: 26px;
        background: url('../Images/sectionIconsRight.png') no-repeat #00cafb;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        behavior: url(PIE-2.0beta1/PIE.htc);
    }

body.en-US .sectionControl .sectionItem:hover .sectionTitle {
    background: url('../Images/sectionIconsRight-en.png') no-repeat #00cafb;
}

.sectionControl .sectionItem.select {
    background: #00cafb;
    border: solid 2px #00cafb;
}

.sectionControl li.one .sectionItem:hover .sectionTitle {
    background-position: 0 0;
}

.sectionControl li.two .sectionItem:hover .sectionTitle {
    background-position: -100px 0;
}

.sectionControl li.three .sectionItem:hover .sectionTitle {
    background-position: -200px 0;
}

.sectionControl li.four .sectionItem:hover .sectionTitle {
    background-position: -300px 0;
}

.sectionControl li.five .sectionItem:hover .sectionTitle {
    background-position: -400px 0;
}

.sectionControl li.six .sectionItem:hover .sectionTitle {
    background-position: -500px 0;
}

.sectionControl li.seven .sectionItem:hover .sectionTitle {
    background-position: -600px 0;
}

.sectionControl li.eight .sectionItem:hover .sectionTitle {
    background-position: -700px 0;
}

.sectionControl .sectionTitle:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -20px;
    width: 0;
    height: 0;
    font-size: 34px;
    font-family: 'FontAwesome';
    content: '\f0da';
    color: #00cafb;
}

    

.button, .generalForm input[type=submit] {
    padding: 10px;
    background: #0094b9;
    text-align: center;
    -moz-box-shadow: 0px 4px 0px #003d4c;
    -webkit-box-shadow: 0px 4px 0px #003d4c;
    box-shadow: 0px 4px 0px #003d4c;
    display: block;
    opacity: 0.7 !important;
    filter: alpha(opacity=70);
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-family: "bold";
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

    .button:hover, .generalForm input[type=submit]:hover {
        opacity: 1 !important;
        filter: alpha(opacity=100);
    }

    .button:active, .generalForm input[type=submit]:active {
        box-shadow: none;
        -webkit-transform: translate(0, 3px);
        -moz-transform: translate(0, 3px);
        -o-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    .button.red {
        background: #fb2626;
        -moz-box-shadow: 0px 4px 0px #b83232;
        -webkit-box-shadow: 0px 4px 0px #b83232;
        box-shadow: 0px 4px 0px #b83232;
    }

    .button.green {
        background: #19c341;
        -moz-box-shadow: 0px 4px 0px #179c36;
        -webkit-box-shadow: 0px 4px 0px #179c36;
        box-shadow: 0px 4px 0px #179c36;
    }

.linkEffect {
    font-size: 12px;
    line-height: 12px;
    padding: 10px;
    display: block;
    margin: -10px;
    display: block;
    cursor: pointer;
    text-align: left;
    position: relative;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

    .linkEffect:after, .linkEffect .after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -ms-box-sizing: content-box;
        box-sizing: content-box;
        behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
    }

    .linkEffect:before, .linkEffect .before {
        content: '' !important;
        speak: none;
        font-size: 48px;
        line-height: 90px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: block;
        -webkit-font-smoothing: antialiased;
    }

    .linkEffect:after, .linkEffect .after {
        top: -2px;
        left: -2px;
        padding: 2px;
        z-index: -1;
        background: #91b052;
        -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
        -moz-transition: -moz-transform 0.2s, opacity 0.3s;
        transition: transform 0.2s, opacity 0.3s;
    }

    .linkEffect:after, .linkEffect .after {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }

    .linkEffect:hover:after, .linkEffect:hover .after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .linkEffect:hover {
        color: #fff !important;
    }
/*.lt-ie9 .linkEffect:after {
    display: none;
}
.lt-ie9 .linkEffect:hover {
    color:#000 !important;
}*/
.chosen-container {
    width: 100% !important;
    margin-bottom: 10px;
}

.chosen-container-multi .chosen-choices {
    padding: 5px 0;
}

    .chosen-container-multi .chosen-choices li.search-field input[type=text] {
        height: auto !important;
    }

.rotate {
    display: inline-block;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

    .rotate:hover {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: 50% 50% 0;
    }

.generalForm {
    padding: 10px 0;
}

    .generalForm .formItem {
        float: left;
        position: relative;
        width: 100%;
        display: block;
        margin-bottom: 0 !important;
    }

        .generalForm .formItem.left {
            float: left;
            position: relative;
            width: 45%;
            margin-right: 5%;
        }

        .generalForm .formItem.right {
            float: right;
            position: relative;
            width: 45%;
        }

        .generalForm .formItem.radioBox table input {
            float: left;
            margin-top: 3px;
        }

        .generalForm .formItem.radioBox table label {
            float: left;
            margin-left: 5px;
        }

    .generalForm label {
        font-family: "bold";
        color: #6c6b6b;
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 3px;
        font-weight: normal;
        display: block;
    }

    .generalForm input[type="text"], .generalForm input[type="password"], .generalForm textarea, .generalForm select {
        width: 100%;
        resize: none;
        margin-bottom: 10px;
        padding: 8px 10px;
        display: block;
        border: 1px solid #d9d8d8;
        border-top: 2px solid #d9d8d8;
        background-color: #f6f5f5;
        font-family: "regular";
        font-weight: normal;
        font-size: 13px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        *behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
    }

    .generalForm select {
        width: 100%;
    }

    .generalForm label.error, .generalForm .formItem span.error, .generalForm .formItem span.fail {
        float: left;
        width: 100%;
        margin: -3px 0 6px 0 !important;
        font-weight: normal;
        display: block;
        color: #d30037;
    }

    .generalForm span.phoneForRes {
        font-size: 10px;
    }

.invalidError {
    float: left;
    width: 100%;
    margin: -9px 0 6px 0 !important;
    font-weight: normal;
    display: block;
    color: #d30037;
}

.generalForm label.valid, .generalForm .formItem span.success, .generalForm .formItem span.valid {
    float: left;
    width: 100%;
    margin: -9px 0 3px 0 !important;
    font-weight: normal;
    display: block;
    color: #5cd03d;
}

.generalForm input.error, .generalForm textarea.error {
    border: 1px solid #d30037;
}

.generalForm input.valid, .generalForm textarea.valid {
    border: 1px solid #5cd03d;
}

.generalForm .formItem .captcha {
    float: left;
    padding-bottom: 10px;
}

.generalForm .formItem .desc {
    float: left;
    padding: 7px 10px 5px 0;
}

.generalForm .charLeft {
    font-size: 11px;
    font-style: italic;
    margin: -8px 0 10px 0;
    float: left;
}

.generalForm div.success {
    font-size: 12px;
    font-weight: bold;
    float: left;
    color: #fff;
    background-color: #6ba044;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
}

.generalForm div.fail {
    font-size: 12px;
    font-weight: bold;
    float: left;
    color: #fff;
    background-color: #d11508;
    padding: 10px;
    display: block;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
}

.generalForm div#maxNameError {
    font-size: 11px;
    font-weight: bold;
    display: block;
    color: #fff;
    background-color: #d11508;
    padding: 10px;
    margin-bottom: 10px;
}

.generalForm .captchaImg {
    width: 144px !important;
    height: 34px !important;
    float: left !important;
    margin-right: 5px;
}

.generalForm .radio {
    padding-bottom: 7px;
}

    .generalForm .radio label {
        cursor: pointer;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
    }

    .generalForm .radio input[type="checkbox"] {
        display: none;
    }

        .generalForm .radio input[type="checkbox"] + label span {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            background: url("../Images/check_radio_sheet.png") left top no-repeat;
            cursor: pointer;
        }

        .generalForm .radio input[type="checkbox"]:checked + label span {
            background: url("../Images/check_radio_sheet.png") -19px top no-repeat;
        }

    .generalForm .radio input[type="radio"] {
        display: none;
    }

        .generalForm .radio input[type="radio"] + label span {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            background: url("../Images/check_radio_sheet.png") -38px top no-repeat;
            cursor: pointer;
        }

        .generalForm .radio input[type="radio"]:checked + label span {
            background: url("../Images/check_radio_sheet.png") -57px top no-repeat;
        }

    .generalForm .radio.checked label span {
        background: url("../Images/check_radio_sheet.png") -57px top no-repeat !important;
    }

    .generalForm .radio.checked2 label span {
        background: url("../Images/check_radio_sheet.png") -19px top no-repeat !important;
    }

.generalForm .formItem .file {
    position: relative;
    float: left;
    width: 70px;
    height: 30px;
    margin-bottom: 20px;
    background: #74ae00;
    text-align: center;
    -moz-box-shadow: 0px 4px 0px #5a8700;
    -webkit-box-shadow: 0px 4px 0px #5a8700;
    box-shadow: 0px 4px 0px #5a8700;
    display: block;
    opacity: 0.7 !important;
    filter: alpha(opacity=70);
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-family: "bold";
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

    .generalForm .formItem .file:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        background: #4a6f00;
        -moz-box-shadow: 0px 4px 0px #283c00;
        -webkit-box-shadow: 0px 4px 0px #283c00;
        box-shadow: 0px 4px 0px #283c00;
    }

    .generalForm .formItem .file input[type='file'] {
        float: left;
        width: 70px;
        height: 30px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .generalForm .formItem .file span {
        position: absolute;
        top: 0;
        left: 0;
        width: 70px;
        height: 30px;
        line-height: 30px;
    }

.errorPage #header {
    position: relative !important;
    height: 205px;
}

.errorPage #logo {
    width: 298px !important;
    height: 93px !important;
    left: 337px !important;
    top: 50px !important;
}

    .errorPage #logo a {
        width: 298px !important;
        height: 93px !important;
        background: url('../Images/logo404.png') no-repeat !important;
    }

.en-US.errorPage #logo a {
    width: 318px !important;
    background: url('../Images/logo404-en.png') no-repeat !important;
}

.errorPage .errorContent {
    float: left;
    height: 375px;
    width: 100%;
    margin: 10px 0 50px 0;
    background: url('../Images/errorBg.jpg') no-repeat;
}

    .errorPage .errorContent .text {
        margin-top: 100px;
    }

    .errorPage .errorContent .button {
        width: 85px;
        margin: 0 auto;
    }

    .errorPage .errorContent h3, .errorPage .errorContent h4 {
        color: #486800;
        font-family: 'bold';
        font-weight: normal;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        letter-spacing: -0.5;
    }

    .errorPage .errorContent h3 {
        font-size: 40px;
    }

    .errorPage .errorContent h4 {
        padding: 10px 100px 20px 100px;
        font-size: 20px;
        line-height: 22px;
    }

.fa.blue {
    color: #002e63;
}
/*forum*/

.forum .categoryList tr .catTitle {
    font-family: "bold";
    font-weight: normal;
    font-size: 16px;
}

a.rss {
    float: left;
    background: #ffa509;
    color: #fff;
    display: block;
    padding: 2px 5px;
}

    a.rss:hover {
        color: #fff !important;
        text-decoration: none !important;
    }
/*logolar*/
.corporate {
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .corporate img {
        float: left;
        width: 300px;
    }

    .corporate .logos {
        float: left;
        display: block;
        padding: 0;
        width: 100%;
    }

        .corporate .logos h4 {
            color: #adadad;
            font-weight: normal;
            font-size: 14px;
            line-height: 14px;
            padding-bottom: 12px;
        }

        .corporate .logos a {
            display: block;
            font-size: 12px;
            padding: 5px 0;
            color: #343434;
            border-top: 1px solid #c8c7c7;
        }

            .corporate .logos a:hover {
                color: #000;
            }

            .corporate .logos a:before {
                display: none;
            }
/*modal*/
html.remodal_lock, body.remodal_lock {
    overflow: hidden;
}

.remodal, [data-remodal-id] {
    visibility: hidden;
}

.remodal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

    .remodal-overlay:after, .remodal-overlay .after {
        display: inline-block;
        height: 100%;
        margin-left: -0.05em;
        content: '';
    }

    .remodal-overlay > * {
        -webkit-transform: translateZ(0px);
    }

.remodal {
    position: relative;
    display: inline-block;
}

    .remodal h2 {
        font-family: 'bold';
    }

    .remodal p {
        font-family: 'regular';
    }

.remodal-bg {
    -webkit-transition: -webkit-filter 0.2s linear;
    -moz-transition: -moz-filter 0.2s linear;
    -o-transition: -o-filter 0.2s linear;
    transition: filter 0.2s linear;
}

body.remodal_active .remodal-bg {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}
/* Overlay default theme styles */

.remodal-overlay {
    opacity: 0;
    background: rgba(33, 36, 46, 0.95);
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

body.remodal_active .remodal-overlay {
    opacity: 1;
}
/* Modal dialog default theme styles */

.remodal {
    width: 100%;
    min-height: 100%;
    padding: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    background: #f4f4f4;
    background-clip: padding-box;
    color: #182a3c;
    -webkit-box-shadow: 0px 0px 8px #171a24;
    box-shadow: 0px 0px 8px #171a24;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    transition: transform 0.2s linear;
}

body.remodal_active .remodal {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* Modal dialog vertical align  */

.remodal, .remodal-overlay:after, .remodal-overlay .after {
    vertical-align: middle;
}
/* Close button */

.remodal-close {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 28px;
    height: 28px;
    text-decoration: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #3e5368;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
    behavior: url(PIE-2.0beta1/PIE.htc);
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

    .remodal-close:after, .remodal-close .after {
        display: block;
        font-size: 28px;
        font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important;
        content: "×";
        line-height: 28px;
        cursor: pointer;
        text-decoration: none;
        color: #3e5368;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .remodal-close:hover, .remodal-close:active {
        background: #3e5368;
    }

        .remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after, .remodal-close:hover.remodal-close .after, .remodal-close:active.remodal-close .after {
            color: #f4f4f4;
        }

.remodal .button {
    float: none;
    display: inline-block;
}

/*autocomplete*/
.ui-menu {
    cursor: pointer;
    list-style: none;
    padding: 0;
    z-index: 1001;
    margin: 0;
    display: block;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
}

    .ui-menu .ui-menu {
        margin-top: 0px;
    }

    .ui-menu .ui-menu-item {
        cursor: pointer !important;
        font-size: 11px;
        margin: 0;
        padding: 10px;
        zoom: 1;
        display: block;
        border-bottom: 1px solid #ccc;
    }

        .ui-menu .ui-menu-item:hover {
            background: #e4e4e4;
        }

        .ui-menu .ui-menu-item:last-child {
            border: 0;
            -webkit-border-bottom-right-radius: 15px;
            -webkit-border-bottom-left-radius: 15px;
            -moz-border-radius-bottomright: 15px;
            -moz-border-radius-bottomleft: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
        }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }
/**/
.desktopHide {
    display: none;
}

.printLogo {
    display: none;
}
/* Media queries
   ========================================================================== */

@media only screen and (min-width: 40.063em)
/* min-width 641px */
{
    .remodal {
        max-width: 700px;
        margin: 20px auto;
        min-height: 0;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        behavior: url(PIE-2.0beta1/PIE.htc);
    }
}
/*modal*/

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Disable iOS/WinMobile font size changes */

@media screen and (max-width: 600px), screen and (max-device-width: 480px) {
    html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
}

@media screen and (max-width: 1280px) {
    #footer .middle {
        width: 100%;
        padding: 0 10px;
    }
}

@media screen and (max-width: 1024px) {
    body {
        overflow-x: hidden;
    }

    .middle {
        width: 100%;
        float: left;
        padding: 0 10px;
    }

    #content .middle,
    #header .middle {
        padding: 0;
    }

    #header #logo {
        left: 10px;
    }

    .nav {
        right: 10px;
    }
    /*ana sayfa haber*/
    .news {
        height: 100%;
    }

        .news .middle {
            padding: 10px;
        }

        .news .col {
            width: 30%;
            margin: 0;
        }

    .col.announcementCol {
        margin: 0 5%;
    }

    .shortcutSection ul li {
        margin-right: 8% !important;
    }

    #sections .shortcutSection li:last-child {
        margin-right: 0 !important;
    }

    #sections .visual img {
        width: 450px !important;
    }

    #sections .slide2 .visual img {
        width: 350px !important;
    }

    #sections .slide2 .visual {
        margin: 40px 0 0 -150px;
    }

    /*content*/
    #content #leftMenu {
        width: 25%;
        margin: 0;
        border: 0;
    }

    #content #contentContainer {
        width: 75%;
    }

        #content #contentContainer .contentText {
            width: 100%;
        }

            #content #contentContainer .contentText .contentImg {
                height: auto;
            }

                #content #contentContainer .contentText .contentImg img {
                    width: 100%;
                }

            #content #contentContainer .contentText h5 {
                margin: 0 0 20px 0;
                width: 100%;
            }

        #content #contentContainer .contentList .organizaionsList li {
            width: 28%;
            margin-right: 10px !important;
            height: 200px;
            display: table;
        }

            #content #contentContainer .contentList .organizaionsList li a {
                vertical-align: middle;
                display: table-cell;
            }
}

@media screen and (max-width: 979px) {
    #header {
        position: relative !important;
        height: auto !important;
        min-height: 96px;
    }

    .banner {
        margin-top: 0 !important;
    }

    #header #topBarCol {
        padding: 30px 80px 0 0;
        margin-right:40px;
    }

    #header.tiny #topBarCol {
        padding: 20px 80px 0 0;
    }
    /*mobile menu*/
    .mobileMenu {
        display: block;
    }

    .navContent {
        display: none;
        float: left;
        width: 100%;
        margin-top: 45px;
        position: relative;
    }

    .nav {
        position: relative;
        float: left;
        width: 100%;
        background: #1e3260;
        top: auto;
        right: auto;
        overflow-x: hidden;
        border-top: 1px solid #f8ffe9;
    }

    #header.tiny .nav {
        top: 64px;
    }

    .nav > li {
        border-bottom: 1px solid #5c6c94;
    }

        .nav > li:last-child {
            border-bottom: 0;
        }

    .nav li {
        float: left;
        width: 100%;
    }

    .nav > li > a {
        float: left;
        width: 100%;
        margin: 0;
        color: #d6d6d6;
    }

    .nav li a {
        padding: 10px !important;
    }

    .nav > li.selected > a {
        background: #7cb900;
        color: #fff;
    }

    .nav > li:hover > a, .nav li > a:hover {
        color: #fff;
    }

    .nav > li div {
        width: 100% !important;
        padding: 0 !important;
    }

    .nav > li > div {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        height: 100% !important;
    }

        .nav > li > div li {
            border-bottom: 1px solid #dddddd;
        }

        .nav > li > div h2 {
            float: left;
            width: 100%;
            margin-bottom: 0px !important;
        }

    .nav .container-2 h2, .nav .container-3 h2, .nav .container-4 h2 {
        padding: 10px 0 10px 10px !important;
        width: 100%;
        float: left;
        text-decoration: none;
        border-top: 1px solid #909090;
        border-bottom: 1px solid #dddddd;
    }

    .nav > li > div ul.desktopHide {
        border-top: 1px solid #dddddd;
    }

    .nav > li > div li:last-child {
        border-bottom: 0;
    }

    .nav div li a {
        padding: 7px 15px !important;
    }

    .nav .container-1 h2 {
        border-bottom: 1px solid #dddddd;
    }

    .nav > li > div h2 a {
        padding-bottom: 5px;
        display: block;
    }

    .nav > li > div ul {
        margin-bottom: 0;
    }

    #header.tiny .nav > li > div {
        top: 0;
    }

    #header .nav > li.select:before, #header .nav > li.select .before, #header.tiny .nav > li.select:before, #header.tiny .nav > li.select .before {
        display: none;
    }
    /*mobile menu*/
    .newsSlide {
        margin-top: 0 !important;
    }

    .banner, .banner ul li, .banner .middle {
        height: 100%;
    }

        .banner .middle {
            padding-top: 20px;
        }

        .banner .rsContent {
            background-position: bottom center !important;
            background-repeat: no-repeat;
        }

        .banner ul li .text {
            position: relative;
            width: auto !important;
            margin: 0;
            left: auto;
            top: auto;
        }

        .banner.royalSlider .rsArrowIcn {
            display: none;
        }

        .banner.royalSlider img {
            z-index: 1;
            top: -200px;
        }

    .shortcutSection ul li {
        margin-right: 4% !important;
        margin-bottom: 10px !important;
    }

    #sections .shortcutSection li:last-child {
        margin-right: 0 !important;
    }

    #sections .shortcutSection:not(.control) li a {
        width: 150px !important;
        height: 150px !important;
        background: none !important;
        display: table !important;
    }

        #sections .shortcutSection:not(.control) li a span {
            vertical-align: middle;
            display: table-cell;
            padding: 10px;
        }

    #sections .slide5 .right {
        float: left;
        margin-top: 10px;
    }

    #sections .slide5 h3 {
        width: 100%;
    }

    #sections .slide2 .visual {
        margin: 30px 0 0 -140px;
    }

    /*content*/
    #content {
        margin-top: 0;
    }

        #content #leftMenu {
            display: none;
        }

        #content #contentContainer {
            width: 100%;
            padding: 10px;
            border: 0px !important;
            overflow-x: hidden;
        }

            #content #contentContainer .title {
                margin: 0;
                padding: 10px;
                margin: 0 -10px;
            }

            #content #contentContainer .contentText ul:not([class]) li {
                margin: 0 0 10px 0;
                padding-left: 10px !important;
            }

            #content #contentContainer .contentText ul:not([class]) > li:before, #content #contentContainer .contentText ul:not([class]) > li .before {
                /*display: none;*/
                left: 0;
            }

    .contactContainer .col1 {
        width: 50%;
        padding: 8px 2% 0 0;
    }

    .contactContainer .col2 {
        width: 45%;
        padding: 8px 0 0 2.5%;
    }

    #content #contentContainer .contentList .newsList.large li .newsText {
        width: 100% !important;
    }

    .pace .pace-activity {
        display: none !important;
    }

    .desktopHide {
        display: block;
    }

    .errorPage #header #logo {
        position: static;
        margin: 0 auto;
        margin-top: 5px;
    }

    .news .col .controls {
        top: -2px;
    }

        .news .col .controls a {
            font-size: 26px;
            padding: 8px;
        }

    #footer .left {
        width: 100% !important;
        float: left;
        margin: 10px 0;
        padding-top: 10px;
    }

    #footer .rightLinks {
        width: 100% !important;
        margin: 10px 0;
        padding-top: 10px;
        border-top: 1px solid #ccc;
    }
}

@media screen and (max-width: 780px) {
    .news .col {
        height: auto;
        min-height: 400px;
        padding-bottom: 20px;
    }

    .col.newsCol {
        width: 50%;
    }

    .col.announcementCol {
        margin: 0 0 0 1%;
        width: 44%;
    }

    .col.actualCol {
        margin-top: 50px;
        width: 100%;
    }

    #footer {
        padding: 10px 0;
    }

    .sectionControl, .shortcutSection.control {
        display: none !important;
    }

    .language,
    .headLinks {
        display: none;
    }

    .mobileLang {
        display: block;
    }

    #sections .shortcutSection:not(.control) li a {
        width: 120px !important;
        height: 120px !important;
    }

        #sections .shortcutSection:not(.control) li a span {
            width: 115px;
            padding: 10px;
        }

    body.en-US #sections .slide1 .shortcutSection:not(.control) li:nth-child(3) a span {
        font-size: 13px;
        line-height: 13px;
    }

    .shortcutSection ul li {
        margin-right: 2% !important;
    }

    #sections .visual, #sections .butterFly1, #sections .butterFly2, #sections .butterFly3 {
        display: none !important;
    }

    #sections .text {
        width: auto !important;
        padding: 0;
    }

        #sections .text h3 {
            font-size: 24px;
            line-height: 24px;
        }

        #sections .text h4 {
            font-size: 18px;
            line-height: 18px;
        }

    #sections.parallaxEnabled .slide2 .parallax .layer:nth-child(2), #sections.parallaxEnabled .slide2 .parallax .layer:nth-child(3) {
        top: 0 !important;
    }

    #content #contentContainer .contentText h4 {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0;
    }

    .generalForm .formItem.left, .generalForm .formItem.right {
        width: 100%;
        margin-right: 0;
    }

    .photoGallery .photoList li.item {
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        behavior: url("/Resources/Sites/1/Styles/boxsizing.htc");
    }

        .photoGallery .photoList li.item .info {
            margin: 0 0 10px 0;
            width: auto;
        }

        .photoGallery .photoList li.item .photoText, .photoGallery .photoList li.item .thumbs {
            width: 100%;
            margin: 0 0 0 0;
        }

    #content #contentContainer .contentList .newsList li .newsText {
        width: 60%;
    }

    .orgChart {
        zoom: 0.8;
    }

    .errorPage .errorContent .text {
        margin-top: 30px;
    }

    .errorPage .errorContent h3 {
        font-size: 26px;
        line-height: 28px;
    }

    .errorPage .errorContent h4 {
        padding: 10px;
    }

    .siteMap .left,
    .siteMap .right {
        width: 100%;
    }
}

@media screen and (max-width: 590px) {
    .news .col {
        width: 100% !important;
        height: auto !important;
        min-height: 0;
        margin: 0 0 50px 0 !important;
    }

        .news .col.newsCol figure .image, .news .col.newsCol figure .image img {
            width: 100%;
            height: auto;
        }

    .timelineBakan .event {
        width: 100%;
        margin: 10px 0px !important;
    }

    .contactContainer .col1 {
        width: 100%;
        padding: 8px 0 0 0;
    }

    .contactContainer .col2 {
        width: 100%;
        padding: 8px 0 0 0;
        border-left: 0;
    }

    #content #contentContainer .contentList .newsList li .newsText {
        width: 100%;
    }

    #content #contentContainer .contentList .newsList li img {
        width: 100%;
        margin: 0;
    }

    #content #contentContainer .contentList .newsList li .date, #content #contentContainer .contentList .newsList li time {
        float: left;
    }

    #content #contentContainer .contentList .organizaionsList li {
        width: 43%;
        margin-right: 0 !important;
    }

        #content #contentContainer .contentList .organizaionsList li:nth-child(2n) {
            float: right;
        }

    .orgChart li.chTitle {
        font-size: 12px !important;
    }

    .orgChart li h4, .orgChart li.g7 h4, .orgChart li.g8 h4, .orgChart li.g9 h4 {
        font-size: 9px !important;
        line-height: 20px !important;
        font-family: Arial !important;
    }

    .orgChart {
        zoom: 0.7;
    }

        .orgChart li p {
            display: none;
        }

    .errorPage #header #logo {
        width: 167px !important;
        height: 90px !important;
    }

        .errorPage #header #logo a {
            width: 167px !important;
            height: 90px !important;
            background: url("../Images/logo.png") no-repeat left center !important;
        }

    .errorPage.en-US #header #logo {
        width: 167px !important;
        height: 90px !important;
    }

        .errorPage.en-US #header #logo a {
            width: 174px !important;
            height: 90px !important;
            background: url("../Images/logo-en.png") no-repeat left center !important;
        }

    #footer .rightLinks a.energyView {
        display: none;
    }
}

@media screen and (max-width: 495px) {
    #header .searchform {
        float: left;
        width: 100%;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding: 5px;
    }

        #header .searchform input[type="text"] {
            width: 100%;
        }

        #header .searchform a.icon {
            top: 9px;
            right: 10px;
        }
    /* autocomplete*/
    .ui-menu {
        width: 100% !important;
        left: 0 !important;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (max-width: 480px) {
    /*mobile menu*/
    .banner {
        height: 400px;
    }

        .banner.royalSlider img {
            /*display: none !important;*/
            width: 70%;
        }

        .banner.royalSlider img {
            top: 0;
        }

        .banner ul li img {
            left:0 !important;
        }

        .banner ul li h3 {
            font-size: 22px !important;
            line-height: 22px !important;
        }
    /*mobile menu*/
    #sections .text p {
        font-size: 14px;
        line-height: 14px;
    }

    #content #contentContainer .contentList .organizaionsList li {
        width: 100%;
        padding: 0 !important;
    }

    .orgChart {
        zoom: 0.42;
    }

        .orgChart li h4, .orgChart li.g7 h4, .orgChart li.g8 h4, .orgChart li.g9 h4 {
            font-size: 8px !important;
            line-height: 18px !important;
            font-family: Arial !important;
        }

    .mobHide {
        display: none;
    }
}

@media screen and (max-width: 320px) {
}
/* iPhone 4 + Retina Display Backgrounds ----------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #header #logo a {
        background-image: url('../Images/logo404.png') !important;
        background-size: cover !important;
        background-size: 167px 52px !important;
    }

    body.en-US #header #logo a {
        background-image: url('../Images/logo404-en.png') !important;
        background-size: cover !important;
        background-size: 167px 52px !important;
    }

    .errorPage #header #logo {
        width: 167px !important;
        height: 90px !important;
        margin-top: 40px;
    }

        .errorPage #header #logo a {
            width: 167px !important;
            height: 52px !important;
            background-image: url('../Images/logo404.png') !important;
            background-size: cover !important;
            background-size: 167px 52px !important;
        }

    .errorPage.en-US #header #logo {
        width: 167px !important;
        height: 90px !important;
    }

        .errorPage.en-US #header #logo a {
            width: 167px !important;
            height: 52px !important;
            background-image: url('../Images/logo404-en.png') !important;
            background-size: cover !important;
            background-size: 167px 52px !important;
        }
}

@media print {
    .printLogo {
        display: block;
    }

    #leftMenu,
    #topBarCol,
    .contentImg,
    #header,
    .share,
    .nav,
    .carousel_slider,
    #content #contentContainer .contentText h5:before,
    #content #contentContainer .contentText h5:after,
    #footer,
    .slide5,
    .shortcutSection,
    .banner {
        display: none !important;
    }

    #sections section,
    .newsSlide .news,
    .newsSlide .col {
        position: relative;
        width: 100%;
        float: left;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #content {
        margin: 10px 0 0 0;
    }

    #contentContainer,
    .contentText {
        width: 100% !important;
        float: left !important;
        border: 0 !important;
    }
}


/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {
    margin: 0 -3px 0 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("small")).className="after", this.insertBefore(document.createElement("small"), this.firstChild).className="before");
}

    .ir:before, .ir .before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after, .clear:before, .clear:after {
    content: " ";
    display: table;
}

.clearfix:after, .clearfix .after {
    clear: both;
}

.clearfix, .clear {
    *zoom: 1;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href)")";
        }

    abbr[title]:after {
        content: " (" attr(title)")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

#header .odul {
    position: absolute;
    left: -135px;
    top: 0;
    z-index: 1000;
}

#header.tiny .odul {
    display: none;
}

.news .odulbuyuk {
    position: absolute;
    left: 0;
    z-index: 1000;
}

#header .bayrak {
position:absolute;left:-210px;top:0px;z-index:1000;width:200px;height:500px;text-align:right;
}
#header .bayrak img{width:100px;}
#header.tiny .bayrak img {width:50px;}

#header .atam {
        position: absolute;
        margin: 0px;
        padding: 0;
        right: 0;
        height: 90px;
        text-indent: -9999px;
        margin-right:-110px;
        -webkit-transition: height 500ms, background 500ms;
        -moz-transition: height 500ms, background 500ms;
        -o-transition: height 500ms, background 500ms;
        transition: height 500ms, background 500ms;

}
#header.tiny .atam {
    height:64px;
    margin-right:-74px;
    -webkit-transition: height 500ms, background 500ms;
    -moz-transition: height 500ms, background 500ms;
    -o-transition: height 500ms, background 500ms;
    transition: height 500ms, background 500ms;
}

@media screen and (max-width: 979px) {
        #header .atam {
        margin-right:40px;
    }

}