/* colors */ @beyaz : #FFFFFF; @black : #000000; @sitelacivert : #02487a; @orange : #f66f50; /* colors */ .no-padding{padding: 0px !important;} .padding-auto{padding: auto !important;} .no-padding-left{padding-left: 0px !important;} .no-padding-right{padding-right: 0px !important;} .no-paddingMasa{padding: 0px !important;} .no-margin{margin: 0px !important;} body {font-family: 'Open Sans', sans-serif;} .container{width: 1280px;max-width:100%;padding:0px;} .container-fluid {padding:0px!important;} .no-padding{padding: 0px !important;} .no-margin{margin: 0px !important;} a {outline: 0px !important;} a:focus {text-decoration:none;} textarea {resize:none;} .btn-primary {background-image:none;color:#fff;padding:5px 30px;} .warning {color:@orange;font-weight:600;font-size:12px;} #scrollTop{position: fixed; bottom: 0px; right: 5px; color: #FFF; padding: 0px 10px 0px 10px; font-size: 25px; font-weight: bold; cursor: pointer; z-index: 50; display: none;} .digerEkle {display:none;} textarea {width:100%;border-bottom:1px solid #64686b!important;padding:10px 12px!important;outline:0px;border-color:#64686b!important;color:red;height:42px!important;border-radius:0px!important;} .modal-footer {border:0px;} .modal-body select {width:100%;padding:6px 12px;height:34px;border-radius:4px;border:1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;} .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #929597; opacity: 1; /* Firefox */ font-weight:600; } .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #929597; font-weight:600; } .form-control::-ms-input-placeholder { /* Microsoft Edge */ color: #929597; font-weight:600; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-image:none!important; background-color:transparent!important; } .dropdown:hover .dropdown-menu {display:block;} .dropdown-toggle i {padding-right:5px;} .modal-body .form-group input::placeholder { font-weight:500; } .modal-body .form-group textarea::placeholder { font-weight:500; } main {padding:40px 0px;} .menu-arkaplan {width:100%;height:100px;} .filtrelemeText::-webkit-scrollbar { width: 7px; } /* Track */ .filtrelemeText::-webkit-scrollbar-track { background: #ccc; border-radius:7px; } /* Handle */ .filtrelemeText::-webkit-scrollbar-thumb { background: @sitelacivert; border-radius:7px; } /* Handle on hover */ .filtrelemeText::-webkit-scrollbar-thumb:hover { background: @sitelacivert; } .talepFormu { .modal-header { h4 { color:@sitelacivert; font-weight:600; } } .modal-body { .form-group { input { border-radius:0px; border-color:@sitelacivert; } textarea { border-color:@sitelacivert; height:70px!important; } } } .modal-footer { button { background-color:@sitelacivert; border-radius:0px; } } } .headerTop { width:100%; position:absolute; margin-top:0px; z-index:100; /*background-image: linear-gradient(to top, rgba(9,92,154,0), rgba(9,92,154,1));*/ background-color: #02487a; .headerTalepFormu { padding:20px 15px; a { background-color:@sitelacivert; padding:10px 5px; span { border:2px solid #0b5e9b; padding:5px 15px; color:#fff; font-size:14px; font-weight:600; } } } .navbar-default { background-color:transparent; background-image:none; border:0px; box-shadow:none; -webkit-box-shadow:none; min-height:40px; .navbar-nav { margin-top:5px; li { padding:0px 15px; a { color:#fff; text-transform:uppercase; font-size:14px; font-weight:600; text-shadow:none; padding:3px 0px; &:hover { color:@orange; border-bottom:3px solid #f66f50; } } } li.dropdown { ul.dropdown-menu { background-color:rgba(8, 61, 102, 0.8); right:auto; left:0; li { padding:5px 25px; a { padding:5px 0px 10px 0px; border-bottom:1px solid @sitelacivert; &:hover { background-image:none; background-color:transparent; } } } } } } .navbar-header { .navbar-brand { margin-top:-60px; } } } .sticky { position: fixed; background-color:@sitelacivert; min-height:80px; z-index: 9998; width: 100%; top: 0px; left:0px; box-shadow: 1px 2px 5px @sitelacivert; border-radius: 0px; .navbar-nav { li { padding:22px 15px; a { color:#fff; } } } .navbar-header { .navbar-brand { margin-top:-9px; img { width:75%; } } } } } .headerSlider { position:relative; width:100%; .carousel { .carousel-inner { .item { width:100%; img { width:100%; } } } .carousel-control { background-image:none; } } .golge { background-image: linear-gradient(to bottom, rgba(9,92,154,0), rgba(9,92,154,1)); position:absolute; bottom:0px; width:100%; height:150px; } } .sliderScroll { width:100%; height:auto; .sliderEffect { margin-top:-30px; position:relative; i { background-color:#02487a; width:80px; height:30px; border-top-left-radius:80px; border-top-right-radius:80px; padding:10px 0px; color:#fff; } } } .sectionTop { width:100%; min-height:390px; background-color:#02487a; padding:80px 0px; .sectionTopLeft { font-family: 'PT Sans Narrow', sans-serif; .sectionTopLeftTitle { p { color:#fff; font-size:23px; border-bottom:5px solid #0663a7; display:inline-block; padding-bottom:5px; } } .sectionTopTeklifArea { margin:35px 0px; .sectionTopTeklifText { p { color:#fff; font-size:16px; } } .sectionTopTeklifButon { a { color:#fff; background-color:@orange; padding:10px 10px; border-radius:25px; font-size:15px; i { font-size:18px; } &:hover { text-decoration:none; } } } } .sectionTopPhoneArea { border-top:1px solid #2f63a6; padding-top:45px!important; .sectionTopPhoneText { p { color:#fff; font-size:16px; } } .sectionTopCallButon { a { color:#fff; background-color:@orange; padding:10px 7px; border-radius:25px; font-size:15px; i { font-size:18px; } &:hover { text-decoration:none; } } } } } .sectionTopCenter { font-family: 'PT Sans Narrow', sans-serif; p { color:#fff; font-size:17px; } } .sectionTopRight { font-family: 'PT Sans Narrow', sans-serif; h2 { color:#fff; font-size:20px; } p { color:#fff; font-size:16px; } } } .sectionCarousel { width:100%; min-height:200px; background-color:#fff; .sectionCarouselItem { padding-top:40px; .owl-carousel { .owl-item { width:250px!important; .item { img { width:auto; text-align:center; margin:0 auto; } } } .owl-stage { display: flex; align-items: center; } } } } .footer { width:100%; min-height:400px; background-color:#f66f50; .footerLeft { font-family: 'PT Sans Narrow', sans-serif; padding-top:30px; p { font-size:25px; color:#fff; padding-bottom:10px; } .footerLeftFabrika { border-left:5px solid #fff; margin-bottom:40px; p { margin-bottom:0px; font-size:21px; padding-left:3px; line-height:1; } span { color:#fff; font-size:18px; font-weight:400; padding-left:3px; } } .footerLeftIletisim { p { color:#fff; font-size:20px; margin-bottom:0px; } span { display:block; color:#fff; font-size:18px; a { color:#fff; &:hover { text-decoration:none; } } } } .footerLeftSatis { p { color:#fff; font-size:20px; margin-bottom:0px; } span { display:block; color:#fff; font-size:18px; a { color:#fff; &:hover { text-decoration:none; } } } a { color:#fff; font-size:18px; &:hover { text-decoration:none; } } } } .footerRight { padding-top:130px; .footerSocial { .footerSocialPhone { p { margin-bottom:0px; span { float:right; color:@orange; font-weight:700; position:relative; top: 5px; } img { position:relative; top: 11px; left:-5px; } } .footerSocialPhoneLeft { height:50px; background-color:#fff; :after { content:"\A"; border-style: solid; border-width: 10px 0px 10px 15px; border-color: transparent transparent transparent #fff; position: absolute; right: -30px; top: 10px; z-index: 105; } } .footerSocialPhoneRight { height:50px; background-color:#002e4e; color:#fff; text-align:center; font-weight:700; padding-top:14px; font-size:17px; a { color:#fff; &:hover { text-decoration:none; } } } } .footerSocialLink { a { background-color:red; height:50px; display:inline-block; width:38px; color:#fff; text-align:center; &:nth-child(1) { background-color:#3b5998; } &:nth-child(2) { background: #007bb5; } span { font-size:18px; text-align:center; padding-top: 15px; } } } } } } .swiper-container { width: 100%; height: 100%; .swiper-slide { text-align: left; font-size: 18px; min-height:284px; border:1px solid #2a5990; img { padding-top:25px; } a { color:#fff; } } } .iletisimArea { padding:40px 0px; .contactAdres { min-height:360px; box-shadow:0px 2px 10px #ccc; padding-top:10px; .contactAdresTitle { font-size:17px; font-weight:600; } p { font-weight:600; color:@orange; margin-top:10px; } span { display:block; margin:10px 0px; color:@orange; font-weight:600; a { color:#000; padding-left:10px; &:hover { text-decoration:none; } } } .contactAdresText { color:#000; } } .contactForm { box-shadow:0px 2px 10px #ccc; padding-top:10px; min-height:360px; input { border-radius:0px; border-color:#ccc; } textarea { border-color:#ccc!important; height:80px!important; } .contactFormTitle { font-size:17px; font-weight:600; color:@orange; margin-top:10px; } button { margin-bottom:10px; background-image:none; border-radius:0px; background-color:@sitelacivert; text-shadow:none; color:#fff; text-transform:uppercase; font-weight:600; } } .contactMaps { margin-top:20px; } } .hakkimizdaArea { .hakkimizdaText { .hakkimizdaTextTitle { font-size:20px; color:@sitelacivert; font-weight:600; margin-left:0px; } .vizyonTextTitle { font-size:20px; margin-top:20px; color:@sitelacivert; font-weight:600; } p { font-size:14px; line-height:22px; } } .hakkimizdaImage { margin-top:50px; } } .filtrelemeArea { .filtrelemeText { .filtrelemeOne { margin:15px 0px; p { b { color:@sitelacivert; font-size:20px; } span { color:@sitelacivert; padding:0 10px; } } } .filtrelemeTwo { margin:15px 0px; p { b { color:@sitelacivert; font-size:20px; } span { color:@sitelacivert; padding:0 10px; } } ul { padding-left:45px; li { list-style-type:square; } } } .filtrelemeThree { margin:15px 0px; p { b { color:@sitelacivert; font-size:20px; } span { color:@sitelacivert; padding:0 10px; } } } .filtrelemeFour { margin:15px 0px; p { b { color:@sitelacivert; font-size:20px; } span { color:@sitelacivert; padding:0 10px; } } ul { padding-left:45px; li { list-style-type:none; } } } .filtrelemeFive { margin:15px 0px; p { b { color:@sitelacivert; font-size:20px; } span { color:@sitelacivert; padding:0 10px; } } ul { padding-left:25px; li { list-style-type:none; span { color:@sitelacivert; padding:0 10px; } } } } .filtrelemeSix { margin:15px 0px; p { b { color:@sitelacivert; font-size:20px; } span { color:@sitelacivert; padding:0 10px; } } ul { padding-left:25px; li { list-style-type:none; span { color:@sitelacivert; padding:0 10px; } } } } .filtrelemeSeven { margin:15px 0px; p { b { color:@sitelacivert; font-size:20px; } span { color:@sitelacivert; padding:0 10px; } } ul { padding-left:25px; li { list-style-type:none; span { color:@sitelacivert; padding:0 10px; } } } } .filtrelemeEight { margin:15px 0px; p { b { color:@sitelacivert; font-size:20px; } span { color:@sitelacivert; padding:0 10px; } } ul { padding-left:25px; li { list-style-type:none; span { color:@sitelacivert; padding:0 10px; } } } .filtrelemeEightImage { img { margin:10px auto; } } } .filtrelemeNine{ margin:15px 0px; p { b { color:@sitelacivert; font-size:20px; } span { color:@sitelacivert; padding:0 10px; } } ul { padding-left:25px; li { list-style-type:none; span { color:@sitelacivert; padding:0 10px; } } } } } } .referansArea { background-color:#f9f9f9; padding:20px 0px; .referansBox { min-height:270px; box-shadow:0px 2px 10px #ccc; padding:20px 0px; margin:20px 0px; background-color:#fff; float:left; .referansBoxRight { .referansBoxTitle { color:@sitelacivert; font-weight:600; text-transform:uppercase; font-size:16px; } p { font-size:13px; } .referansDetay { padding-top:20px; a { color:@orange; font-weight:600; font-size:13px; &:hover { text-decoration:none; } } } .referansListImage { img { margin-bottom:10px; } } } .referansBoxLeft { img { margin:40px auto; } } } .referansAreaTitle { color:@sitelacivert; font-weight:600; font-size:19px; } } .referansDetayArea { padding:0px 0px; .referansDetayImage { a { margin:15px 0px; } } .referansDetayTitle { color: #02487a; font-weight: 600; font-size: 19px; } .referansDetayText { margin-top:13px; } .referansDetayTextArea { border-bottom:2px solid #20497a; } } @media (max-width:1024px) { .container { width:100%; padding-left:15px; padding-right:15px; } .no-paddingM { padding:0px; } .headerTop { position:relative; background-image:none; background: #ececec; .navbar-default { min-height:auto; .navbar-nav { li { display:block; width:100%; padding:10px 15px; a { color:@sitelacivert; &:hover { border-bottom:0px; } } } } .navbar-header { .navbar-toggle { border-color:@sitelacivert; border-radius:0px; } } .navbar-collapse { .open { .dropdown-menu { display: block !important; position: relative; width: 100%; border: none; box-shadow: none; background-color:transparent!important; } } } .dropdown { &:hover { ul { display:none; } } } .navbar-brand { img { width:80%; } } } .headerTalepFormu { a { position:relative; z-index:150; } } .sticky { position: fixed; background-color:#ececec; min-height:80px; z-index: 9998; width: 100%; top: 0px; left:0px; box-shadow: 1px 2px 5px #ececec; border-radius: 0px; .navbar-nav { li { padding:22px 15px; a { color:@sitelacivert; } } } .navbar-header { .navbar-brand { margin-top:-9px; img { width:75%; } } .navbar-toggle { margin-top:22px; border-color:@sitelacivert; .icon-bar { background-color:@sitelacivert; } } } } } .headerSlider { .golge { display:none; } } .footer { padding-bottom:30px; .footerRight { padding-top:40px; .footerLogo { text-align:left; } .footerSocial { .footerSocialLink { text-align:left; } } } } .sectionTop { .sectionTopLeft { margin-bottom:40px; } .sectionTopCenter { margin-bottom:20px; img { width:50%; margin:0 auto; } } .sectionTopRight { .swiper-container { .swiper-wrapper { .swiper-slide { .swiperSlideImage { text-align:center; } .swiperSlideText { h2 { text-align:center; } p { text-align:center; } } } } .swiper-pagination-bullets { bottom:0px; } } } } .referansArea { .referansBox { .referansBoxRight { a { img { padding:5px; } } } } } .iletisimArea { .contactAdres { margin-bottom:15px; } } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-header .collapse, .navbar-toggle { display: block !important; } .navbar-header { float: none; } } @media (max-width:768px) { .referansArea { .referansBox { .referansBoxLeft { margin-bottom:15px; img { margin:0 auto; } } .referansBoxRight { .referansBoxTitle { text-align:center; } } } } .footer { .footerRight { .footerSocial { .footerSocialPhone { .footerSocialPhoneLeft { span { font-size:9px; top:13px; } :after { top:4px; } } .footerSocialPhoneRight { a { font-size:12px; } } } } } } .iletisimArea { .contactAdres { padding-bottom:10px; } } } @media (max-width:480px) { .container { width:100%; padding:0px; } .headerTop { padding:0px; .headerTalepFormu { padding:15px 15px; a { padding: 8px 2px; } } .navbar-default { .navbar-header { .navbar-brand { margin-top:-40px; img { width:70%; } } } } .sticky { position: fixed; background-color:#ececec; min-height:80px; z-index: 9998; width: 100%; top: 0px; left:0px; box-shadow: 1px 2px 5px #ececec; border-radius: 0px; .navbar-nav { li { padding:22px 15px; a { color:@sitelacivert; } } } .navbar-header { .navbar-brand { margin-top:-9px; img { width:75%; } } .navbar-toggle { margin-top:22px; border-color:@sitelacivert; .icon-bar { background-color:@sitelacivert; } } } } } .headerSlider { .carousel { .carousel-control { display:none; } } } .sectionTop { .sectionTopLeft { .sectionTopLeftTitle { p { font-size:19px; } } .sectionTopTeklifArea { .sectionTopTeklifText { p { font-size:17px; } } .sectionTopTeklifButon { text-align:left; margin-top:5px; } } .sectionTopPhoneArea { .sectionTopPhoneText { p { font-size:17px; } } .sectionTopCallButon { text-align:left; margin-top:5px; } } } .sectionTopRight { h2 { font-size:22px; } p { font-size:16px; } } } .footer { .footerLeft { p { font-size:22px; } .footerLeftFabrika { p { font-size:19px; padding-left:5px; } span { font-size:16px; padding-left:5px; display:block; } } .footerLeftIletisim { p { font-size:18px; } span { font-size:16px; padding-bottom:5px; } } .footerLeftSatis { p { font-size:19px; } span { font-size:16px; padding-bottom:5px; } a { font-size:16px; } } } .footerRight { .footerSocial { .footerSocialPhone { width:100%; .footerSocialPhoneRight { font-size:14px; } } .footerSocialLink { text-align:center; margin-top:10px; width:100%; } } } } } .hakkimizdaTextTitle { color: #02487a; font-weight: 600; font-size: 19px; margin-bottom:20px; } .hakkimizdaTextTitle:before { content:''; position:absolute; width:10px; height:20px; padding-right:10px; left:15px; top:3px; background-color:#f66f50; margin-left:0px; } .hakkimizdaTextTitle span { border-bottom:2px solid #02487a; margin-left:15px; } .referansAreaTitle:before { content:''; position:absolute; width:10px; height:20px; padding-right:10px; left:0px; background-color:#f66f50; margin-left:0px; top:5px; } .referansAreaTitle span { border-bottom:2px solid #02487a; margin-left:15px; } .filtrelemeTextTitle { font-size: 20px; color: #02487a; font-weight: 600; margin-left: 0px; } .filtrelemeTextTitle:before { content:''; position:absolute; width:10px; height:20px; padding-right:10px; left:0px; background-color:#f66f50; margin-left:0px; top:5px; } .filtrelemeTextTitle span { border-bottom:2px solid #02487a; margin-left:15px; } .referansDetayTitle { font-size: 20px; color: #02487a; font-weight: 600; margin-left: 0px; } .referansDetayTitle:before { content:''; position:absolute; width:10px; height:20px; padding-right:10px; left:0px; background-color:#f66f50; margin-left:0px; top:5px; } .referansDetayTitle span { border-bottom:2px solid #02487a; margin-left:15px; } .referansArea .hakkimizdaTextTitle:before { content:''; position:absolute; width:10px; height:20px; padding-right:10px; left:0px; top:3px; background-color:#f66f50; margin-left:0px; }