@CHARSET "UTF-8"; /* TYPOGRAPHIES ================================================================= */ @import url('fonts.css'); /* SUPER CLASSES ================================================================= */ @import url('super.classes.css'); /* MAIN CONTAINERS ================================================================= */ body{ font-family: 'helvetica_neue', Arial; font-size: 14px; background: url('../images/bodyBg.png') #fff; color: #292929; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'helvetica_neue', Arial; } a{ color: #d11241; } a:hover{ color: #d11241; } p{ } section{ position: relative; } /* HEADER ================================================================= */ .section-header{ position: relative; z-index: 9; } #header-1{ background: url('../images/headerBg.jpg') repeat-x; height: 50px; color: #fff; font-family: Arial; font-size: 12px; } #header-1 .container{ position: relative } #header-1 a{ color: #fff; } #header-2{ position: relative; z-index: 9; background-color: #d11241; } #header-2 .container{ } #header-2 img.logo{ position: absolute; top: 0px; left: 0px; z-index: 100; } #header-2 .mobile-link{ display: none; } .section-header .social-icons a{ display: block; float: left; width: 30px; height: 30px; } .social-icons a.facebook{ background: url('../images/facebook.png') no-repeat; } .social-icons a.facebook:hover{ background: url('../images/facebookHover.png') no-repeat; } .social-icons a.twitter{ background: url('../images/twitter.png') no-repeat; } .social-icons a.twitter:hover{ background: url('../images/twitterHover.png') no-repeat; } .social-icons a.instagram{ background: url('../images/instagram.png') no-repeat; } .social-icons a.instagram:hover{ background: url('../images/instagramHover.png') no-repeat; } /*** slider ***/ .section-slider{ } .section-slider .container{ width: 1290px !important; margin-bottom: -100px; } /*** static top ***/ .section-banner{ position: relative; z-index: 1; } .section-banner .container{ width: 1160px !important; height: 450px; padding: 0 !important; box-shadow: 0 0 10px rgba(0,0,0,0.4); } #desktop-end-date, #mobile-end-date{ display: none; } /* PAGE-CLASSES ================================================================= */ .section{ position: relative; z-index: 9; } .section .container{ position: relative; background-color: #f5f7f8; padding-top: 5px; padding-bottom: 15px; } .section .column-shadow{ position: absolute; top: 0px; left: -15px; width: 23px; height: 440px; background: url('../images/columnShadow.png') no-repeat top left; } .section .control-label{ padding-left: 0; } .section .reservation-right{ min-height: 440px; padding-left: 20px; } /*** home ***/ .section-anasayfa{ } .section-anasayfa .container{ } .section-anasayfa .transparent-border{ background: #fff; background: content-box #fff; border: 15px solid rgba(255, 255, 255, 0.5); } .section-anasayfa .home-news-box{ padding-left: 33px; background: url('../images/newsBg.png') no-repeat top left; height: 60px; } .section-anasayfa .home-news-box a{ color: #333; } .section-anasayfa h4 a{ color: #333; font-size: 11px; } /*** icerik ***/ .section-icerik{ } .section-icerik .container{ } .section-icerik .sub-content{ } .section-icerik .sub-content a{ display: block; background-color: #e5e9eb; line-height: 30px; margin-bottom: 1px; color: #474747; } .section-icerik .sub-content a:hover, .section-icerik .sub-content a:active{ background-color: #e5ecf0; text-decoration: none; } .section-icerik .sub-content a.active{ background-color: #e5ecf0; } /*** haberler ***/ .section-haberler{ } .section-haberler .container{ } .news-previews{ height: 120px; background-color: #fafafa; } .news-details{ } /*** ik ***/ .section-insan-kaynaklari{ } .section-insan-kaynaklari .container{ } /*** sss ***/ .section-sikca-sorulan-sorular{ } .section-sikca-sorulan-sorular .container{ } /*** contact ***/ .section-iletisim{ } .section-iletisim .contact{ min-height: 35px; margin-bottom: 10px; } .section-iletisim .break-word{ word-break: break-all; } .section-iletisim .label2{ margin-top: 7px; } #map-wrapper{ position: relative; } #map-canvas{ width: 100%; height: 450px; } .gm-style-cc, .gm-style a img{ display: none; } /* FOOTER ================================================================= */ .section-footer{ } #footer-1{ padding-top: 15px; padding-bottom: 15px; background: url('../images/footerBg.jpg'); color: #a4a4a5; font-family: Arial; font-size: 12px; } #footer-1 .container{ } /* OVERRIDES & EXTRAS ================================================================= */ /*** form ***/ .control-label{ font-weight: normal; margin-top: 7px; } .form-control{ padding: 6px } /*** border color and padding ***/ img.border{ border-color: #ccc; padding: 2px; } div.border{ border-color: #ccc; padding: 10px; } /* SUPER-CLASSES ================================================================= */ *[id$=-wrapper]{ position: relative } /* id="...-wrapper" şeklideki nesnelere relative özelliği verir */ .no-overflow{ overflow: hidden; } .seperator{ height: 1px; margin: 10px 0; border-bottom: 1px solid #e2e2e2; } /* MODERNIZR FIXES (CROSS-BROWSER) ================================================================= */ .lt-ie9 .container{ } /* ie less than 9 */ .no-cssreflections #header-2 .box{ } /* örnek modernizr */ /* MEDIA QUERIES (ENABLE WHEN RESPONSIVE) ================================================================= */ /* Mobile */ @media (max-width: 767px) { body{ font-size: 1.6em !important; } .langs{ font-size: 1.5em !important; } #header-2 .container{ padding: 0 !important; } .mobile-link{ display: block; } .control-label{ font-weight: normal; margin-top: 3px; } .form-control{ padding: 3px } .no-padding-left-mobile{ padding-left: 0; } .section .column-shadow{ display: none !important; } .reservation-right{ min-height: 300px !important; margin-top: 30px; } } /* Tablet */ @media (min-width: 768px) and (max-width: 991px) { .mobile-link{ display: block; } .control-label{ font-weight: normal; margin-top: 3px; } .form-control{ padding: 3px } .no-padding-left-mobile{ padding-left: 0; } .section .column-shadow{ display: none !important; } .reservation-right{ min-height: 200px !important; margin-top: 30px; } } /* Desktop */ @media (min-width: 992px) { .mobile-link{ display: none !important; } .no-padding-desktop{ padding: 0; } .custom-menu-en > li > a{ font-size: 15px !important; padding: 23px 5px !important; } .custom-menu-ru > li > a{ font-size: 14px !important; padding: 23px 4px !important; } .custom-menu-de > li > a{ font-size: 14px !important; padding: 23px 5px !important; } } /* Large Desktop */ @media (min-width: 1200px) { .mobile-link{ display: none !important; } .no-padding-desktop{ padding: 0; } } /* Slider */ @media (max-width: 1289px) { .section-slider .container{ width: 100% !important; margin-bottom: -100px; padding-left: 0px !important; padding-right: 0px !important; } .section-slider .container .row{ margin: 0 !important; } .section-slider .container .row > div[class^="col-"]{ padding: 0 !important; } } /* Banner */ @media (max-width: 1259px) { .section-banner .container{ width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } .section-banner .container .row{ margin: 0 !important; } .section-banner .container .row > div[class^="col-"]{ padding: 0 !important; } } /* Retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { }