body { font-family: "Roboto", sans-serif; font-size: 14px; background: #FFF; padding: 70px 0 0 0; min-width: 360px; }

body > .container { padding: 0; }

a:link,
a:visited { color: #CC2F34; }

#modalbox { display: none; }

.advert-fixed { position: fixed; left: 10px; bottom: 60px; }

.btn { font-family: "Oswald", sans-serif; padding: 10px 15px; }
.btn-default { background: #CC2F34; color: #FFF !important; border: none; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default { background: #333; color: #FFF; }

.navbar { border: none; min-height: 70px; background: #FFF; }
.navbar-header { position: relative; height: 70px; }
.navbar-fixed-top .container { position: relative; }
.navbar-brand { width: 151px; height: 153px; background: url(images/logo_atlasyelken.png) no-repeat 0 0; text-indent: -9999px; margin: 0 !important; padding: 0; overflow: hidden; }
.navbar-inverse .navbar-toggle { border-color: #FFF; margin-top: 18px; }

.navbar-nav { position: absolute; top: 0; right: 0; left: 170px; font-family: Oswald, sans-serif; font-size: 13px; }
.navbar-nav > li { height: 50px; border-right: 1px solid #E9E9E9; margin: 10px 0; }
.navbar-nav > li a,
.navbar-nav > li a:link,
.navbar-nav > li a:visited,
.navbar-nav > li a:focus { line-height: 28px; color: #666; padding: 11px 15px; }
.navbar-nav > li > a,
.navbar-nav > li > a:link,
.navbar-nav > li > a:visited,
.navbar-nav > li > a:focus { padding: 11px 25px 11px 50px; }
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { color: #CC2F34; }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { background-color: #FFF; color: #CC2F34; }
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { background-color: #333; }

.navbar-nav > li > a > span { display: inline-block; margin: 0; }
.navbar-nav > li > a > b.arrow { position: absolute; top: 50%; right: 10px; display: inline-block; width: 12px; height: 8px; background: url(images/img_sprite.png) no-repeat -152px -129px; margin: -4px 0 0 0; }
.navbar-nav > li > a:hover > b.arrow,
.navbar-nav > li > a:active > b.arrow { background-position: -152px -145px; }
.navbar-nav > li.open > a > b.arrow { background-position: -152px -137px; }

.navbar-nav > li > a > label.icon { cursor: pointer; position: absolute; left: 10px; display: block; width: 28px; height: 28px; background: url(images/img_sprite.png) no-repeat 0 0; margin: 0; }

.navbar-nav > li.home > a,
.navbar-nav > li.home > a:link { width: 28px; height: 50px; overflow: hidden; text-indent: -9999px; padding: 11px 45px 11px 10px; }
.navbar-nav > li.home > a > label.icon { width: 31px; background-position: 0 0; }
.navbar-nav > li.home > a:hover > label.icon,
.navbar-nav > li.home > a:active > label.icon,
.navbar-nav > li.home > a:focus > label.icon,
.navbar-nav > li.home.active > a > label.icon { background-position: 0 -30px; }

.navbar-nav > li.about > a > label.icon { background-position: -32px 0; }
.navbar-nav > li.about > a:hover > label.icon,
.navbar-nav > li.about > a:active > label.icon,
.navbar-nav > li.about > a:focus > label.icon,
.navbar-nav > li.about.active > a > label.icon { background-position: -32px -30px; }
.navbar-nav > li.about.open > a > label.icon { background-position: -32px -60px; }

.navbar-nav > li.personal > a > label.icon { background-position: -61px 0; }
.navbar-nav > li.personal > a:hover > label.icon,
.navbar-nav > li.personal > a:active > label.icon,
.navbar-nav > li.personal > a:focus > label.icon,
.navbar-nav > li.personal.active > a > label.icon { background-position: -61px -30px; }
.navbar-nav > li.personal.open > a > label.icon { background-position: -61px -60px; }

.navbar-nav > li.commercial > a { padding-left: 55px; }
.navbar-nav > li.commercial > a > label.icon { width: 33px; background-position: -90px 0; }
.navbar-nav > li.commercial > a:hover > label.icon,
.navbar-nav > li.commercial > a:active > label.icon,
.navbar-nav > li.commercial > a:focus > label.icon,
.navbar-nav > li.commercial.active > a > label.icon { background-position: -90px -30px; }
.navbar-nav > li.commercial.open > a > label.icon { background-position: -90px -60px; }

.navbar-nav > li.university > a { padding-left: 60px; }
.navbar-nav > li.university > a > label.icon { width: 41px; background-position: -124px 0; }
.navbar-nav > li.university > a:hover > label.icon,
.navbar-nav > li.university > a:active > label.icon,
.navbar-nav > li.university > a:focus > label.icon,
.navbar-nav > li.university.active > a > label.icon { background-position: -124px -30px; }
.navbar-nav > li.university.open > a > label.icon { background-position: -124px -60px; }

.navbar-nav > li.calendar > a > label.icon { background-position: -166px 0; }
.navbar-nav > li.calendar > a:hover > label.icon,
.navbar-nav > li.calendar > a:active > label.icon,
.navbar-nav > li.calendar > a:focus > label.icon,
.navbar-nav > li.calendar.active > a > label.icon { background-position: -166px -30px; }
.navbar-nav > li.calendar.open > a > label.icon { background-position: -166px -60px; }

.navbar-nav > li.gallery > a > label.icon { background-position: -194px 0; }
.navbar-nav > li.gallery > a:hover > label.icon,
.navbar-nav > li.gallery > a:active > label.icon,
.navbar-nav > li.gallery > a:focus > label.icon,
.navbar-nav > li.gallery.active > a > label.icon { background-position: -194px -30px; }
.navbar-nav > li.gallery.open > a > label.icon { background-position: -194px -60px; }

.navbar-nav > li.contact > a > label.icon { background-position: -223px 0; }
.navbar-nav > li.contact > a:hover > label.icon,
.navbar-nav > li.contact > a:active > label.icon,
.navbar-nav > li.contact > a:focus > label.icon,
.navbar-nav > li.contact.active > a > label.icon { background-position: -223px -30px; }
.navbar-nav > li.contact.open > a > label.icon { background-position: -223px -60px; }

.navbar-nav > li.weather > a { padding-left: 50px; }
.navbar-nav > li.weather > a > label.icon { width: 35px; background-position: -252px 0; }
.navbar-nav > li.weather > a:hover > label.icon,
.navbar-nav > li.weather > a:active > label.icon,
.navbar-nav > li.weather > a:focus > label.icon,
.navbar-nav > li.weather.active > a > label.icon { background-position: -252px -30px; }
.navbar-nav > li.weather.open > a > label.icon { background-position: -252px -60px; }


.navbar-nav > li.user { float: right; }
.navbar-nav > li.user > a:link,
.navbar-nav > li.user > a:visited { max-width: 150px; background-color: #CC2F34; height: 40px; color: #FFF; padding: 5px 10px 5px 35px !important; margin: 5px 0 5px 20px; }
.navbar-nav > li.user > a:hover,
.navbar-nav > li.user > a:active,
.navbar-nav > li.user > a.active { background-color: #333; }
.navbar-nav > li.user > a > span { display: block !important; line-height: 30px !important; }
.navbar-nav > li.user > a.user-login > label.icon { position: absolute !important; top: 9px; left: 7px; width: 20px; height: 23px; background-position: -1px -129px; }
.navbar-nav > li.user > a.user-detail > label.icon { position: absolute !important; top: -5px; left: -20px; width: 50px; height: 50px; border: 3px solid #CC2F34; background-position: -1px -129px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; }
.navbar-nav > li.user > a.user-detail > label.icon img { width: 44px; height: 44px; }
.navbar-nav > li.user > a.user-detail:hover > label.icon,
.navbar-nav > li.user > a.user-detail:active > label.icon,
.navbar-nav > li.user > a.user-detail.active > label.icon,
.navbar-nav > li.user.open > a.user-detail > label.icon { border-color: #333; }

.navbar-nav > li.user > ul { background: #CC2F34; padding: 0; }
.navbar-nav > li.user > ul > li > a,
.navbar-nav > li.user > ul > li > a:link,
.navbar-nav > li.user > ul > li > a:visited,
.navbar-nav > li.user > ul > li > a:focus { color: #FFF; padding: 5px 10px; }

.navbar-nav > li.user > ul > li > a:hover,
.navbar-nav > li.user > ul > li > a:active,
.navbar-nav > li.user > ul > li > a.active { background-color: #333; }

.navbar-nav > li.social { position: fixed; top: 70px; right: 0; display: block; height: 40px; background: #FFF; margin: 0; }
.navbar-nav > li.social span { position: absolute; top: 0; left: -33px; display: block; width: 33px; height: 40px; background: url(images/img_sprite.png) no-repeat -359px -212px; }
.navbar-nav > li.social > a,
.navbar-nav > li.social > a:link,
.navbar-nav > li.social > a:visited { display: inline-block; width: 28px; height: 32px; background: url(images/img_sprite.png) no-repeat 0 -61px; text-indent: -9999px; margin: 0 2px 0 0; padding: 0; overflow: hidden; }
.navbar-nav > li.social > a.facebook { background-position: 0 -91px; }
.navbar-nav > li.social > a.twitter { background-position: -28px -91px; }
.navbar-nav > li.social > a.google { background-position: -56px -91px; }
.navbar-nav > li.social > a.instagram { background-position: -84px -91px; }
.navbar-nav > li.social > a.youtube { background-position: -112px -91px; }
.navbar-nav > li.social > a.linkedin { background-position: -140px -91px; }

.content-wrapper { position: fixed; z-index: 10; bottom: 0; right: 0; top: 50%; width: 50%; }
.content-wrapper .bg-corner { position: absolute; z-index: 0; top: 0; width: 100%; height: 50px; }
.content-wrapper .bg-corner .button { cursor: pointer; position: absolute; right: 0; top: -50px; width: 50px; height: 50px; padding: 15px 12px; background: #FFF; }
.content-wrapper .bg-corner .button span { display: block; width: 30px; height: 17px; background: #FFF url(images/img_sprite.png) no-repeat -120px -99px; }
.content-wrapper.cClose .bg-corner .button span { background-position: -120px -129px; }
.content-wrapper.cOpen .bg-corner .button span { background-position: -88px -129px; }
.content-wrapper .bg-corner .corner { position: absolute; left: 40px; right: 0; top: 0; height: 50px; background: #FFF; }
.content-wrapper .bg-corner .bg { position: absolute; width: 40px; height: 50px; background: url(images/img_sprite.png) no-repeat -359px -161px; }
.content-wrapper .bg-corner .bg1 { position: absolute; top: 0; left: 0; width: 40px; height: 157px; background: url(images/img_sprite.png) no-repeat -359px 0; }
.content-wrapper .content-box { position: absolute; z-index: 1; top: 50px; bottom: 0; right: 0; left: 0; background: #FFF; }
.content-wrapper .content { position: absolute; z-index: 1; top: -20px; bottom: 20px; right: 30px; left: 30px; overflow: auto; }
.content-wrapper header h1 { position: absolute; top: -50px; right: 60px; height: 50px; font-family: "Roboto", sans-serif; font-weight: 400; font-style: italic; line-height: 50px; text-align: right; margin: 0; padding: 0; color: #FFF; }


.formrow { padding: 5px 0; }
.form-group { margin-bottom: 10px; }

.buttons .left { float: left; }
.buttons .right { float: right; }

.connections { }
.connections a { display: block; width: 290px; height: 40px; background: url(images/img_sprite.png) no-repeat; text-indent: -9999px; overflow: hidden; margin: 2px 0 0 0; }
.connections .facebook { background-position: 0 -184px; }
.connections .twitter { background-position: 0 -225px; }
.connections .google { background-position: 0 -266px; }

.developers { position: fixed; top: 112px; right: 0; z-index: 5; }
.developers a,
.developers a:link,
.developers a:visited,
.developers a:focus { display: inline-block; height: 14px; background: url(images/img_sprite.png) no-repeat; text-decoration: none; text-indent: -9999px; margin: 0 2px 0 0; overflow: hidden; }
.developers a.uykucu { width: 14px; background-position: -1px -160px; }
.developers a.twopulse { width: 50px; background-position: -20px -160px; }

#map_canvas { position: absolute !important; top: 0 !important; left: 0 !important; bottom: 0 !important; width: 100% !important; }

ul.gallery-list { list-style: none; margin: 0; padding: 0; }
ul.gallery-list > li.gallery-album { float: left; width: 200px; height: 200px; text-align: center; margin: 0 10px 10px 0; overflow: hidden; }
ul.gallery-list > li.gallery-album img { max-width: 200px; max-height: 200px; }


@media (max-width: 767px) {
    .advert-fixed { position: relative; text-align: center; left: 0; bottom: 0; margin: 0 0 10px 0; }

    .galleria { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; height: 300px; }

    .navbar-brand { width: 150px; height: 70px; background: url(images/logo_atlasyelken_collapse.png) no-repeat 0 0; }
    .navbar-header { height: 70px; background: url(images/bg_navbar_collapse.png) repeat-x 0 0; }
    .navbar-collapse { border: none; background: #CC2F34; padding: 2px; }
    .navbar-nav { position: relative; left: 0; margin: 0; }

    .navbar-nav > li { height: auto; border: none; margin: 0 0 2px 0; padding: 0; }
    .navbar-nav > li > a,
    .navbar-nav > li > a:link,
    .navbar-nav > li > a:visited,
    .navbar-nav > li > a:focus { padding: 5px 10px; color: #FFF; }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #FFF; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active { background: #FFF; color: #CC2F34; }


    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus { color: #CC2F34; }

    .navbar-nav > li.home > a,
    .navbar-nav > li.home > a:link,
    .navbar-nav > li.home > a:visited,
    .navbar-nav > li.home > a:focus { width: auto; height: auto; background-color: #CC2F34; color: #FFF; padding: 5px 10px; }
    .navbar-nav > li.home > a span.text { display: block; text-indent: 0px; }


    .navbar-nav > li > a > label.icon { display: none; }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus { background-color: #FFF; color: #CC2F34; }

    .navbar-nav > li.user { float: none; }
    .navbar-nav > li.user > a,
    .navbar-nav > li.user > a:link { max-width: none; margin: 0; padding: 5px 10px !important; }
    .navbar-nav > li.user > a:hover,
    .navbar-nav > li.user > a:active,
    .navbar-nav > li.user > a.active { color: #CC2F34 !important; }
    .navbar-nav > li.user > ul > li > a,
    .navbar-nav > li.user > ul > li > a:link { text-align: center; }

    .navbar-nav > li.home a span { display: inline-block; clear: none; float: none; }
    .navbar-nav > li.social { position: relative; text-align: center; top: 0; left: 0; right: 0; padding: 3px 10px; }
    .navbar-nav > li.social span { display: none; }

    .galleria { margin: 0 0 60px 0; }
    .galleria-container { overflow: visible; }
    .galleria-dot-container { position: relative; top: 300px; }
    .galleria-thumbnails-container { float: none; width: 100%; margin: 0; }
    .galleria-thumbnails-container .end { display: none; }
    .galleria-thumbnails-container .galleria-thumbnails { margin: 0 auto; }
    .galleria-info { position: absolute; left: 0; top: -42px; right: 0; height: 40px; overflow: hidden; }
    .galleria-info .galleria-info-title { font-size: 40px; line-height: 40px; }
    body.gallery .galleria-dot-container { width: 100%; }

    .content-wrapper { position: relative; width: 100%; height: auto; top: 0; left: 0; right: 0; bottom: 0; }
    .content-wrapper .bg-corner { display: none; }
    .content-wrapper .content-box { position: relative; z-index: 1; top: 0; }
    .content-wrapper .content { position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 10px; }
    .content-wrapper header h1 { position: relative; top: 0; right: 0; bottom: 0; left: 0; text-align: left; color: #333; margin: 10px; }

    .developers { position: relative; top: 0; padding: 10px 0; text-align: center; }
}

@media (min-width: 768px) {
    .galleria { position: fixed; top: 70px; right: 0; bottom: 0; left: 0; }

    .container { width: 100%; }

    .navbar-nav > li > a,
    .navbar-nav > li > a:link { padding: 11px 10px; }
    .navbar-nav > li > a.dropdown-toggle,
    .navbar-nav > li > a.dropdown-toggle:link { padding: 11px 25px 11px 10px; }

    .navbar-nav > li > a span { display: none; }
    .navbar-nav > li > a label { display: inline-block; }
    .navbar-nav > li > a label.icon { position: relative; left: 0; margin: 0 auto; }

    .content-wrapper.cClose { top: 100%; }
    .content-wrapper.cOpen { top: 50%; }
}

@media (min-width: 992px) {
    .container { width: 100%; }

    .navbar-nav > li > a,
    .navbar-nav > li > a:link { line-height: 20px; padding: 0 10px; }
    .navbar-nav > li > a.dropdown-toggle,
    .navbar-nav > li > a.dropdown-toggle:link { padding: 0 25px 0 10px; }

    .navbar-nav > li > a span { display: inline-block; }
    .navbar-nav > li > a label { display: inline-block; }
    .navbar-nav > li > a label.icon { position: relative; left: 0; margin: 0 auto; }
}

@media (min-width: 1200px) {
    .navbar-nav > li > a,
    .navbar-nav > li > a:link { line-height: 28px; padding: 11px 10px 11px 40px; }
    .navbar-nav > li > a.dropdown-toggle,
    .navbar-nav > li > a.dropdown-toggle:link { padding: 11px 25px 11px 40px; }
    .navbar-nav > li.commercial > a { padding-left: 50px; }
    .navbar-nav > li.university > a { padding-left: 55px; }
    .navbar-nav > li.weather > a { padding-left: 50px; }

    .navbar-nav > li > a > label.icon { position: absolute; left: 10px; width: 28px; }
}