/*General CSS*/
body {background:#f4f4f4;font-family: 'Roboto', sans-serif;}
.blue {color:#27aae1;}
.gray {color:#cccccc;}
.white {color:#ffffff;}
.lighter {font-weight:lighter;}
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.more {display:none;}
/*Back to top*/
#back-to-top {width: 70px;text-align: center;font-size: 13px;color: #C9C9C9;text-decoration: none;position: fixed;bottom: 30px;right: 20px;z-index: 9999;-webkit-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-ms-transition: opacity .2s ease-in-out;-o-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
#back-to-top span {font-size: 20px;display: block;-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;border:2px solid #C9C9C9;height: 36px;width: 36px;line-height: 32px;margin: 0 auto;}
#back-to-top:hover {text-decoration: none;color: #003466;}
#back-to-top.show-scrollTop {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}

/*Animated*/
.animated{visibility:hidden;}
.visible{visibility:visible;}

/*List*/
.list-blue {list-style:none;padding:0;/*margin:10px 0;*/margin:0 0 10px;}
.list-blueB {margin:10px 0 0;}

.list-blue li {padding:5px 10px 5px 15px;background:url(../../img/list-bullet.png) no-repeat 0 10px;}
.list-blue li span {display:block;font-size:12px;}

.list-blueB li a {color:#27aae1;}

/*Buttons*/
.button {display:inline-block;background:none;border:1px solid #003466;padding:8px 16px;line-height:18px;text-decoration:none;color:#003466;font-size:14px;cursor:pointer;}
.button:hover {background:#fff;color:#003466;}
.button-blue {border-color:#27aae1;color:#27aae1;}
.button-blue:hover {background:#fff;text-decoration:none;color:#27aae1;}
.button-white {border-color:#fff;color:#fff;}
.button-white:hover {background:#fff;text-decoration:none;color:#27aae1;}

/*Nav Menu*/
.navbar {min-height:80px;margin-bottom:0;}
.navbar-default {-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);}
.navbar-brand {margin-right: 30px;height:80px;padding: 10px 15px 20px 15px;}
.navbar.navbar-default {background: #fff;}
.navbar-nav > li > a {line-height:50px;padding-left:20px;padding-right:20px;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {background-color: #fff;color:#27aae1;}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {background-color: #fff;color:#27aae1;}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {background-color: #fff;color:#27aae1;}
.navbar-default .navbar-nav > li > a {color:#003466;}
#navbar .dropdown-menu {border:0;border-top: 3px solid #27aae1;}
#navbar .dropdown-menu > li > a {padding:10px 20px;}

/*Footer*/
footer {padding:40px 0 30px 0;background:#0b4a65;color:#fff;}
footer p {font-size:12px;line-height:24px;}


#copyright {padding:30px 0 20px 0;}
.footer_menu {margin-top:15px;}
.footer_menu li {border-left:1px solid #ccc;padding:0 10px;}
.footer_menu li:first-child {border:0;}
.footer_menu a {color:#444;font-weight:lighter;font-size:12px;}
.footer_menu a:hover {color:#27aae1; text-decoration:none;}
#copyright .pull-right li {padding-left: 30px;font-size:11px;text-align:center;vertical-align:middle}
#copyright .pull-right li a {text-decoration:none;color:#666;}
#copyright .pull-right li a:hover {text-decoration:none}


/*Detay Sayfalarę*/
#content {padding:30px 0 90px 0;}

.content_title_wrp {background:#27aae1;}
.content_title {padding:30px 0;margin:0;line-height:30px;font-size:24px;color:#fff;}
.content_title_h2 {font-size:24px;color:#003466;margin-top:0;font-weight:bold;}
.content_title_h3 {font-size:18px;color:#003466;font-weight:bold;}

.content_inner {padding-top:30px;margin-top:30px;border-top:1px solid #ddd;}
#content .content_inner:first-child {border-top:0;padding-top:0;margin-top:0;}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {background:#27aae1;border-color:#27aae1;color:#ffffff;}
.detay_menu.fixed {position:fixed;top:0;margin-top:20px;}

/*Breadcrumb*/
#breadcrumb {margin:0;padding:30px 0;}
#breadcrumb ul {margin:0;padding:0;}
#breadcrumb li {color:#fff;padding:0;}
#breadcrumb li a {color:#fff;line-height:30px;font-size:14px;text-decoration:none;font-weight:lighter;padding:0 10px 0 10px;}
#breadcrumb li:before {content:"\00BB"}
#breadcrumb li:first-child:before {content:none}

.modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.modal-content.success-modal .modal-body {
    text-align: center;
    color: #333;
}
    .modal-content.success-modal .modal-body .close {
        right: -15px;
        position: absolute;
        top: -15px;
        background: #aeaeae;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        color: #fff;
        border: 3px solid #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        filter: alpha(opacity=100);
        opacity: 100;
        line-height: 22px;
    }
.modal-content.success-modal .modal-body h3{
    font-size: 24px;
}
    .modal-content.success-modal .modal-body p {
        font-size: 15px;
        line-height: 23px;
        margin: 20px 0;
        color: #7b7b7b;
    }
    .modal-content.success-modal .modal-body .glyphicon {
        font-size: 35px;
        color: #ffffff;
        background-color: #27ae60 !important;
        width: 60px;
        height: 60px;
        line-height: 61px;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
    }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px) {
    #navbar.pull-right {float:none!important;}
    .navbar {min-height:60px;}
    .navbar-brand img {height:40px;}
    .navbar-brand {padding:10px 10px 10px 15px;margin-right: 0;height:100%;}
    .navbar-toggle {padding: 10px;margin-top: 10px;margin-right: 15px;margin-bottom: 10px;}
    .navbar-nav > li > a {line-height: 40px;padding-left: 15px;padding-right: 15px;border-top:1px solid #f4f4f4;}
    .navbar-nav > li:first-child > a {border:0;}
    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {border-color:#27aae1;}
    .detay_menu.fixed {position:inherit;top:inherit;margin-top:inherit;}
    .content_title {padding:15px 0;}
    
    .footer_menu {margin:0;}
    .footer_menu li {display:block;border:0;padding:0 10px 0 0;}
    #copyright .pull-right {float:none!important;text-align:center;}
    #copyright .pull-right li {padding:10px 0;display:block;text-align:center;}

    #content {padding: 30px 0 30px 0;}
    .detay_menu_wrp {border-top: 1px solid #ddd;padding-top: 30px;}

    .modal-content.success-modal .modal-body .close {
        right: -13px;
        top: 5px;
        -moz-border-radius: 2px;
        -weblit-border-radius: 2px;
        border-radius: 2px;
        /*background-color: #ffffff;
       border: 2px solid #7b7b7b;
        color: #7b7b7b;*/
        
    }
}

@media (min-width: 768px) and (max-width: 991px) { 
    .navbar-brand {padding:17px 10px 10px 10px;margin-right: 0;height:100%;}
    .navbar-brand img {height:40px;}
    .navbar-nav > li > a { padding-left:8px;padding-right:8px;font-size:12px;}
    .navbar-collapse {padding:0}

    .footer_menu li {padding:0 5px;}
    .footer_menu a {font-size:11px;}
    #copyright .pull-right {float:none!important;text-align:right;}
    #copyright .pull-right li {padding:0 15px;}
}

@media (min-width: 992px) and (max-width: 1199px) { 
    .navbar-brand {padding:5px 10px 10px 10px; height:60px;}
    .navbar-nav > li > a { padding-left:10px;padding-right:10px;font-size:14px;}
    .footer_menu li {padding: 0 2px 0 4px;}
    .footer_menu a {font-size:11px;}
    #copyright .pull-right li {padding-left:10px;}
}

@media (min-width: 1200px) { 

}