@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
        3.1 Top Bar
        3.2 Header Content
        3.3 Logo
        3.4 Main Nav
        3.5 Hamburger
4. Menu
5. Section
6. Home
7. Features
8. Courses
9. Counter
10. Events
11. Team
12. News
13. Newsletter
14. Footer
15. market.html için yazılan css



******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');

/*********************************
2. Body and some general stuff
*********************************/

*
/*{
        margin: 0;
        padding: 0;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 400;
        background: #FFFFFF;
        color: #a5a5a5;
}
div
{
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
        list-style: none;
        margin-bottom: 0px;
}
p
{
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        line-height: 1.85;
        font-weight: 400;
        color: #76777a;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
        display: inline;
        position: relative;
        color: inherit;
        border-bottom: solid 1px #00B2EE;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
}
p:last-of-type
{
        margin-bottom: 0;
}
a, a:hover, a:visited, a:active, a:link
{
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
        position: relative;
        color: #FF6347;
}
p a:hover
{
        color: #FFFFFF;
        background: #00B2EE;
}
p a:hover::after
{
        opacity: 0.2;
}
::selection
{
        
}
p::selection
{
        
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
        font-family: 'Roboto Slab', serif;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
        color: #384158;
        margin-bottom: 0;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
        
}
.form-control
{
        color: #db5246;
}
section
{
        display: block;
        position: relative;
        box-sizing: border-box;
}
.clear
{
        clear: both;
}
.clearfix::before, .clearfix::after
{
        content: "";
        display: table;
}
.clearfix::after
{
        clear: both;
}
.clearfix
{
        zoom: 1;
}
.float_left
{
        float: left;
}
.float_right
{
        float: right;
}
.trans_200
{
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
}
.trans_300
{
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
}
.trans_400
{
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
}
.trans_500
{
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
}
.fill_height
{
        height: 100%;
}
.super_container
{
        width: 100%;
        overflow: hidden;
}
.prlx_parent
{
        overflow: hidden;
}
.prlx
{
        height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.nopadding
{
        padding: 0px !important;
}*/

/*********************************
3. Header
*********************************/

/*body .modal-dialog {  Width 
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}*/

.header
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.header.scrolled
{
    top: -40px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
    width: 100%;
    background: #14bdee;
}
.header.scrolled .top_bar
{

}
.top_bar_container
{
    width: 100%;
    height: 100%;
}
.top_bar_content
{
    width: 100%;
    height: 40px;
}
.top_bar_contact_list li
{
    display: inline-block;
}
.question
{
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 0px;
}
.top_bar_contact_list li i,
.top_bar_contact_list li > div
{
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
}
.top_bar_contact_list li > div
{
    margin-left: 1px;
}
.top_bar_contact_list li:not(:last-child)
{
    margin-right: 21px;
}
.top_bar_login
{
    height: 100%;
}
.login_button
{
    width: 160px;
    height: 100%;
    background: #f3f3f3;
    text-align: center;
}
.login_button a
{
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    color: #384158;
}

/*********************************
3.2 Header Content
*********************************/

.header_container
{
    width: 100%;
    background: #FFFFFF;
}
.header_content
{
    height: 100px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.header.scrolled .header_content
{
    height: 100px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text
{
    display: inline-block;
}
.logo
{
    width: 60px;
    height: 60px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.logo img
{
    max-width: 100%;
}
.logo_text
{
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #384158;
    vertical-align: middle;
    /*margin-left: 7px;*/
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.logo_text span
{
    color: #14bdee;
}
.header.scrolled .logo
{
    width: 40px;
    height: 40px;
}
.header.scrolled .logo_text
{
    font-size: 24px;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner
{

}
.main_nav,
.search_button,
.shopping_cart
{
    display: inline-block;
}
.main_nav li
{
    display: inline-block;
    position: relative;
}
.main_nav li:not(:last-child)
{
    margin-right: 44px;
}
.main_nav li a
{
    font-size: 18px;
    font-weight: 500;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.main_nav li a:hover,
.main_nav li.active a
{
    color: #14bdee;
}
.main_nav li.active::after
{
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #14bdee;
    content: '';
}
.search_button
{
    margin-left: 46px;
    cursor: pointer;
}
.shopping_cart
{
    margin-left: 23px;
    cursor: pointer;
}
.search_button i,
.shopping_cart i
{
    font-size: 18px;
    color: #181818;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.search_button:hover i,
.shopping_cart:hover i
{
    color: #14bdee;
}
.header_search_form
{
    display: block;
    position: relative;
    width: 40%;
}
.header_search_container
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #14bdee;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.header_search_container.active
{
    bottom: -73px;
    opacity: 1;
}
.header_search_content
{
    width: 100%;
    height: 73px;
}
.search_input
{
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 20px;
}
.header_search_button
{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container
{

}
.hamburger
{
    display: none;
    cursor: pointer;
}
.hamburger i
{
    font-size: 20px;
    color: #353535;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.hamburger:hover i
{
    color: #14bdee;
}

/*********************************
4. Menu
*********************************/

.menu
{
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    background: #FFFFFF;
    z-index: 101;
    padding-right: 60px;
    padding-top: 87px;
    padding-left: 50px;
}
.menu .logo a
{
    color: #000000;
}
.menu.active
{
    right: 0;
}
.menu_close_container
{
    position: absolute;
    top: 30px;
    right: 60px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}
.menu_close
{
    width: 100%;
    height: 100%;
    transform-style: preserve-3D;
}
.menu_close div
{
    width: 100%;
    height: 2px;
    background: #232323;
    top: 8px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.menu_close div:last-of-type
{
    -webkit-transform: rotate(90deg) translateX(-2px);
    -moz-transform: rotate(90deg) translateX(-2px);
    -ms-transform: rotate(90deg) translateX(-2px);
    -o-transform: rotate(90deg) translateX(-2px);
    transform: rotate(90deg) translateX(-2px);
    transform-origin: center;
}
.menu_close:hover div
{
    background: #937c6f;
}
.menu .logo
{
    margin-bottom: 60px;
}
.menu_nav ul li
{
    margin-bottom: 9px;
}
.menu_nav ul li a
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0,0,0,1);
    font-weight: 700;
    letter-spacing: 0.1em;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.menu_nav ul li a:hover
{
    color: #14bdee;
}
.menu .search
{
    width: 100%;
    margin-bottom: 67px;
}
.search
{
    display: inline-block;
    width: 400px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}
.menu .header_search_form
{
    width: 100%;
}
.search form
{
    position: relative;
}
.menu .search_input
{
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    border: none;
    outline: none;
    padding-left: 15px;
    color: rgba(0,0,0,0.5);
}
.menu .search_input::-webkit-input-placeholder
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0,0,0,0.4) !important;
}
.menu .search_input:-moz-placeholder
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::-moz-placeholder
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0,0,0,0.4) !important;
} 
.menu .search_input:-ms-input-placeholder
{ 
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::input-placeholder
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0,0,0,0.4) !important;
}

/*********************************
5. Section
*********************************/

/*********************************
6. Home
*********************************/

/*********************************
7. Features
*********************************/

/*********************************
8. Courses
*********************************/

/*********************************
9. Counter
*********************************/

/*********************************
10. Events
*********************************/

/*********************************
11. Team
*********************************/

/*********************************
12. News
*********************************/

/*********************************
13. Newsletter
*********************************/

/*********************************
14. Footer
*********************************/

/************
15. market.html için yazılan css
*************/
@media screen and (max-width: 800px) and (min-width: 600px) {
    .header2 {
    width: 100%;
    height: 15%;
    }
}
@media screen and (max-width: 800px) and (min-width: 600px) {
    .header2 { height: 10%; }
}
@media screen and (width: 640px) {
    .header2 { height: 30%; }
}
@media screen and (max-width: 411px) and (min-width: 281px) {
    .header2 { height: 20%; }
}
@media screen and (max-width: 393px) and (min-width: 360px) {
    .header2 { height: 15%; }
}
@media screen and (max-width: 240px) {
    .header2 { height: 35%; }
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

#legend {
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.10);
    line-height: 18px;
    height: 165px;
    margin-bottom: 40px;
    width: 85px;
}
.legend-key {
    display:inline-block;
    border-radius: 20%;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
#legend_kco {
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.10);
    line-height: 18px;
    height: 165px;
    margin-bottom: 40px;
    width: 85px;
}
.legend_kco-key {
    display:inline-block;
    border-radius: 20%;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
.map-overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 1);
    margin-right: 35px;
    font-family: Arial, sans-serif;
    overflow: auto;
    border-radius: 3px;
    z-index:5;
}
.contentContainer{
    z-index:3;
}

.sidenavCont {
    /*position: absolute;*/
    position: fixed;
    color: #fff;
    bottom: 0;
    width: 0;
    /*width: 350px;*/
    /*height: 50px;*/
    background-color: #000;
}

.sidenav {
    /*height: 100%;*/ /*map.js de belirleniyor */
    width: 0;
    /*position: fixed;*/
    position: absolute;
    z-index: 5; /* sidenav harita araçlarının üzerine çıkmalı */
    /*top: 100;*/
    /*bottom: 0;*/
    right: 0;
    background-color: #000;
    opacity: 0.9;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    overflow: auto;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 25px;
    margin-right: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

/* sidemenu için accordion*/
.accordion {
    background-color: #fff;
    color: #111;
    cursor: pointer;
    padding: 10px;
    margin: 2px 0px 2px 0px;
    width: 96%;
    margin-left: 2%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 13px;
    transition: 0.4s;
    border-radius: 4px;
}

.activex, .accordion:hover {
    background-color: #fff;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.activex:after {
    content: "\2212";
}

.panelx {
    padding: 0 18px;
    font-size: 13px;
    background-color: white;
    max-height: 0;
    width: 96%;
    margin-left: 2%;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
/* sidemenu için accordion*/

/* Indoor Navigation*/
.indoor {
    background-color: #FE8F66;
    color: #000;
    cursor: pointer;
    padding: 10px;
    margin: 2px 0px 2px 0px;
    width: 96%;
    margin-left: 2%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 13px;
    transition: 0.4s;
    border-radius: 4px;
}
/*Indoor Navigation*/

/*information popup*/
.tooltip3 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip3 .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 105%;
}

.tooltip3:hover .tooltiptext {
    visibility: visible;
}
/*information popup*/
.hambr{
    z-index: 5
}

.icon {
    position: relative;
    display: table-cell;
    width: 25.25px;
    height: 25.25px;
    /*margin:1.5%;*/
    float :left;
    font-size:35px;
}
.menu-layer:hover,nav.menu-layer.expanded {
    /*width:19%;*/
    width: 365px;
    overflow:auto;
    z-index:4;
    position: absolute;
}

/*.menu-layer {
    background:#002752;
    border-right:1px solid red;
    position:absolute;
    top:20;
    bottom:0;
    height:86%;
    left:0;
    width:4%; sol ikon olan menü genişliği
    overflow:hidden;
    -webkit-transition:width .15s linear;
    transition:width .15s linear;
    -webkit-transform:translateZ(0) scale(1,1);
    z-index:4;
    overflow: auto;
}*/

@media screen and (max-width: 1281px) {
    .menu-layer {
        background:#002752;
        position:absolute;
        /*top:20;*/
        /*bottom:0;*/
        /*height: 839px;*/
        /*height:86%;*/
        left:0;
        /*width:4%*/
        width: 50px;;
        overflow:hidden;
        -webkit-transition:width .15s linear;
        transition:width .15s linear;
        -webkit-transform:translateZ(0) scale(1,1);
        z-index:4;
        /*overflow: auto;*/
    }
}

/*leaflet gözükmemesi sorunu için*/
/*.leaflet-control-attribution {
    top: 834px;
}*/
.leaflet-social-control {
    /*top: 834px;*/
    display: none;
}
.leaflet-left{
    margin-top: 70px;
    margin-left: 80px;
}
/*.mapbox-logo {
    top: 834px;
    bottom: 0px;
    position: fixed;
}*/
/*leaflet gözükmemesi sorunu son*/
        
/*@media screen and (width: 1024px) {
    .menu-layer { top: 135px; }
}
@media screen and (width: 1280px) {
    .menu-layer { top: 135px; }
}*/

@media screen and (max-width: 1281px) and (min-width: 992px){
    .menu-layer {
        position:absolute;
        bottom:0;
        left:0;
        width: 77px;
    }
}

@media screen and (min-width: 1281px) {
    .menu-layer {
        background:#002752;
        position:absolute;
        /*top:20;*/
        bottom:0;
        /*height:86%;*/
        left:0;
        /*width:4%;*/
        width: 77px;
        overflow:hidden;
        -webkit-transition:width .15s linear;
        transition:width .15s linear;
        -webkit-transform:translateZ(0) scale(1,1);
        z-index:4;
        /*overflow: auto;*/
    }
}


.menu-layer>ul {
    margin:7px ;
}

.menu-layer li {
    position:relative;
    display:block;
    width:250px;
    margin:auto;
    /*display:table;*/
}

.menu-layer p {
    color: #fff;
    margin-left: 70px;
}

.menu-layer p:hover {
    color:#f6bc2b;
}


.menu-layer li>a {
    position:relative;
    display:table;
    line-height:150%;
    /*background-color:#002752;*/
    -webkit-transition:width .15s linear;
    transition:width .15s linear;
    width: 90%;
    border-collapse:collapse;
    border-spacing:0;
    color:#fff;
    font-family: arial;
    font-size: 105%;
    text-decoration:none;
    -webkit-transform:translateZ(0) scale(1,1);
    -webkit-transition:all .1s linear;
    transition:all .1s linear;
}

.menu-layer .nav-icon {
    position:relative;
    display:table-cell;
    width:2%;
    height:1%;
    text-align:center;
    vertical-align:middle;
    font-size:2%;
}

.menu-layer .nav-text {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    width:90%;
    font-family: 'Titillium Web', sans-serif;
}

.menu-layer>ul.logout {
    position:absolute;
    left:0;
    bottom:0;
}

.no-touch .scrollable.hover {
    overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
    overflow-y:auto;
    overflow:visible;
}

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


nav {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
}

nav ul,nav li {
    outline:0;
    margin:0;
    padding:0;
}
.menu-layer li:hover>a,nav.menu-layer li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {

    -webkit-transition:width .15s linear;
    transition:width .15s linear;
    color:#f6bc2b;
}
/*                        .area {
                            float: left;
                            background:#9a8989;
                            width: 100%;
                            height: 100%;
                        }
                        @font-face {
                            font-family: 'Titillium Web';
                            font-style: normal;
                            font-weight: 300;
                            src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
                        }*/

/*        .menu-layer li a:hover:not(.active) {

            background-color: greenyellow;
        }*/
/*        .menu-layer li a:active {
            background-color:pink;
        } */
.menu-layer ::moz-selection {
    background-color:#FFCC66; 
    color:#333333; 
}

.dropdown > ul > li > a {
    display:inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 15px;
    color: #333;
    border-radius: 40px;
}

/*Harita altlıkları atıf stilleri*/
.basemap_link {
    font-size: 11px;
}
.basemap_link > a{
    color: #0078A8;
    font-size: 11px;
}
.basemap_link > a:hover {
    text-decoration: underline; 
    color: #0078A8;
}
/*Atıf stilleri bitiş*/

.leaflet-control-layers-base > label {
    width: 176.03px;
}
.leaflet-control-layers-selector {
    width: 12.8px;
}
.leaflet-control-layers-base > input {
    width: 12.8px;
}
.leaflet-control-layers-base > span {
    width: 92.6px;
}

/*Masaüstü için header logoya padding yapıldı*/ 
@media screen and (min-width: 992px) {
    .container_header {
        padding: 0px 100px 0px 100px;
    }
}
@media screen and (max-width: 992px) {
    .container_header {
        padding: 0px 15px;
    }
}
@media screen and (max-width: 415px) {
    .container_header {
        padding: 0px 6px 0px 6px;
    }
}

.fa-map-marker {
    margin-left: 9px; margin-top: 7px;
}