/* COLOR */ @black: #000000; @white: #FFFFFF; @bannerUstColor: #e31e24; @anaSiteGri: #e2e2e2; @headerTeklifAl: #3e55ca; /* COLOR */ * { margin: 0px; padding: 0px; box-sizing: border-box; } body { font-family: 'Open Sans', sans-serif; outline: 0px; } a { &:hover, &:focus, &:active, &:visited { text-decoration: none !important; } } .pl5 { padding-left: 5px; } .prl5 { padding-left: 5px !important;; padding-right: 5px !important;; } .warning { color: #e31e24; font-weight: 600; font-size: 12px; top: 33px; position: absolute; right: 10px; } .pr5 { padding-right: 5px; } .not-click { pointer-events: none; cursor: default; text-decoration: none; color: black; } .textarea { max-width: 100%; min-width: 100%; } .caretMobil { display: none !important; } .caret { display: inline-block !important; } a { outline: 0px !important; } .border { border: 1px solid; } .border-gray { border: 1px solid rgba(139, 139, 139, 0.1); } .border-no-top { border-top: 0px !important; } .border-no-bottom { border-bottom: 0px !important; } .border-no-left { border-left: 0px !important; } .border-no-right { border-right: 0px !important; } .border-top { border-top: 1px solid #d4d4d4; } .border-bottom { border-bottom: 1px solid #d4d4d4; } .borderIletisim { border: 1px solid #d4d4d4; min-height: 411px } .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; } .position-relative { position: relative; } .B15 { bottom: 15px; } .B11 { bottom: 11px; } .marginT5 { margin-top: 5px; } .marginT10 { margin-top: 10px; } .marginT15 { margin-top: 15px; } .marginT20 { margin-top: 20px; } .marginT30 { margin-top: 30px; } .T70 { top: 70px; } .marginT150 { margin-top: 150px; } .marginT50 { margin-top: 50px; } .marginT140 { margin-top: 140px; } .marginM5 { margin-bottom: 5px; } .marginM10 { margin-bottom: 10px; } .marginM15 { margin-bottom: 15px !important; } .marginM20 { margin-bottom: 20px; } .marginM30 { margin-bottom: 30px; } .marginM50 { margin-bottom: 50px; } .marginM150 { margin-bottom: 150px; } .marginM140 { margin-bottom: 140px; } .margin--T-30 { margin-top: -30px; } .padding5 { padding: 5px; } .padding15 { padding: 15px !important; } .no-border-top { border-top: 0px !important; } .no-border-bottom { border-bottom: 0px !important; } .paddingT10 { padding-top: 10px !important; } .paddingT15 { padding-top: 15px !important; } .paddingT20 { padding-top: 20px !important; } .paddingT30 { padding-top: 30px !important; } .paddingR5 { padding-right: 5px !important; } .paddingL5 { padding-left: 5px !important; } .paddingR10 { padding-right: 10px !important; } .paddingR15 { padding-right: 15px !important; } .paddingL10 { padding-left: 10px !important; } .paddingR20 { padding-right: 20px !important; } .paddingL20 { padding-left: 20px !important; } .paddingR30 { padding-right: 30px !important; } .prl35 { padding-left: 35px; padding-right: 35px; } .paddingL30 { padding-left: 30px !important; } .width-270px { width: 270px; } .width-60px { width: 60px; } .width-100px { width: 100px; } .width-175px { width: 175px; } .container { width: 1220px; max-width: 100%; padding: 0px; } .container-fluid { padding: 0px !important; } .bannerUst { background-color: @bannerUstColor; height: 40px; width: 100%; p { margin: 0px; } .bannerAll { .bannerLeft { height: 40px; display: table; } .bannerRight { height: 40px; display: table; p { vertical-align: middle; display: table-cell; a { color: #FFF; } } .whatsapp { height: 40px; display: table; p { vertical-align: middle; display: table-cell; color: white; font-weight: 600; font-size: 17px; a { color: white; font-weight: 600; font-size: 16px; i { font-size: 19px; } } } } .kesifFormu { height: 40px; display: table; p { vertical-align: middle; display: table-cell; color: white; font-weight: 500; font-size: 16px; text-align: right; padding-right: 20px; a { color: white; font-weight: 600; font-size: 15px; i { font-size: 14px; } } } } .teklifAl { text-align: right; height: 40px; display: table; width: 188px; background-color: #3e55ca; p { text-align: center; vertical-align: middle; display: table-cell; color: white; font-weight: 600; font-size: 16px; a { position: relative; top: 2px; color: white; font-weight: 600; font-size: 16px; img { position: relative; top: -2px; } i { font-size: 17px; } } } } } } } .stickyGo { box-shadow: 0px 2px 10px #b1b1b1; } .sticky { position: fixed; height: 70px; z-index: 998; width: 100%; top: 0px; box-shadow: 1px 2px 5px #e31e24; border-radius: 0px; background-color: #f7f7f7; .navbar-default { margin: 0px; padding: 10px 0px !important; } .headerLogo { padding: 5px 0px !important; img { width: 60%; } } } .headerTop { background-color: @anaSiteGri; .headerLogo { padding: 10px 0px; img { } } .headerNavbar { .navbar-default { padding: 32px 0px 32px 0px; background-color: transparent; background-image: none; -webkit-box-shadow: none; border: none; margin: 0px; .navbar-header { } .navbar-collapse { .navbar-nav { .dropdown-toggle { background-image: none; box-shadow: none; background-color: transparent; } ul.dropdown-menu { background-color: #e2e2e2; border-radius: 0px; border-color: #e2e2e2; li { padding: 0px; padding: 3px 10px 4px 10px; text-align: center; a { padding: 6px 26px; color: #5f5f5f; font-weight: 600; &:hover { -webkit-transition: all 0.3s ease-in-out; background: #e31e24; color: #FFFFFF; } } } } li { padding: 0px 0px 0px 22px; a { font-weight: 700; font-size: 14px; color: #5f5f5f; } } .dropdown { a { } } .dropdown-menu { li { a { } } } } } } } .sliderAlani { .carousel { .carousel-inner { .item { img { width: 100%; /*height: 100vh;*/ } } } a.left, a.right { background-image: none; .sagYonSlider, .solYonSlider { top: 40%; } .solYonSlider { right: 25%; } .sagYonSlider { left: 25%; } } } } .sliderYanPaddingRight { padding-left: 77px; } .sliderYanKutu { min-height: 400px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; .hemenArayin { } .socialIconBox { a { &:nth-child(1) { img { width: auto; height: auto; } } img { width: 35px; height: 48px; } } } .yanKutuIcerik { background-color: #f7f7f7; min-height:480px; .baslik { h1 { color: gray; font-size: 29px; font-weight: 600; margin-bottom: 0px; } } .aciklama { margin-top: 10px; p { color: #757575; font-size: 14px; line-height: 32px; } } } .detayButton { width: 100%; height: 60px; background-color: @headerTeklifAl; display: table; position: absolute; bottom: 0px; p { display: table-cell; vertical-align: middle; margin: 0px; font-size: 20px; text-align: left; padding-left: 30px; a { color: #FFF; font-weight: 600; } } } } } .owl-carousel .owl-stage { display: flex; align-items: center; } .karuselAll { .owl-carousel { .owl-item { text-align: center; .item { text-align: center; height: 166px; display: table; margin: 0 auto; p { display: table-cell; vertical-align: middle; } } } .owl-dots { display: none; } .owl-nav { display: none; } } } .icerikAll { background-color: #f6f6f6; .icerikAllClone { &:last-child { margin-bottom: 20px; } min-height: 336px; margin-top: 10px; .resimAlan { .resim { min-height: 336px; display: table; p { vertical-align: middle; display: table-cell; img { width: 400px; height: 270px; border: 4px solid #e31d23; padding: 4px 0px 4px 4px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } } } } .sagAlanPlan { background-color: @white; -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2); min-height: 336px; .sagAlanPlanOne { .icerik { .baslik { margin-top: 20px; h2 { font-size: 36px; color: #e31e24; } } .slogan { p { font-size: 22px; color: #e31e24; } } .detay { p { line-height: 23px; font-size: 14px; color: #e31e24; } } } } .sagAlanPlanTwo { background-color: #635c5a; min-height: 336px; position: relative; .icerik { padding: 20px !important; .baslik { h3 { font-size: 20px; color: #FFFFFF; } } .detay { p { line-height: 23px; font-size: 14px; color: #FFFFFF; } } } .teklifAlOne { position: absolute; bottom: 20px; .teklifAl { background-color: #e31e24; height: 42px; text-align: center; display: table; p { display: table-cell; vertical-align: middle; margin: 0px; font-weight: 600; a { font-size: 14px; color: #FFFFFF; } } } } } } } } .footerBg { background-color: @white; box-shadow: 5px 0px 30px #b1b1b1; min-height: 115px; .footerLogo { img { padding: 10px 0px; } } .footerIcon { .socialIconBoxFooter { min-height: 115px; display: table; p { display: table-cell; vertical-align: middle; text-align: right; img { height: 48px; } } } } } .footerBgBottom { background-color: #e31e24; min-height: 45px; .copyright { min-height: 45px; display: table; p { display: table-cell; vertical-align: middle; color: @white; font-size: 14px; margin: 0px; } } .imzaKvkk { min-height: 45px; display: table; text-align: right; p { display: table-cell; vertical-align: middle; margin: 0px; color: @white; font-size: 14px; a { color: @white; padding: 0px 0px 0px 100px; } } } } .modal { .modal-dialog { .modal-content { border-radius: 0px; .modal-header { padding-bottom: 0px; .modal-title { font-weight: 600; padding-bottom: 0px; } } } } } .tree-button { border-radius: 0px; outline: none; background-color: @headerTeklifAl; color: @white; &:focus, &:active, &:hover, &:active:focus { outline: none; color: @white; } } .styleForm { .input { border-radius: 0px; } .select { border-radius: 0px; -webkit-appearance: none; } .textarea { border-radius: 0px; } .form-group { position: relative; margin-bottom: 20px; } } .pagesAll { margin: 0px 0px 100px 0px; .pages { .page-title { margin-top: 15px; margin-bottom: 15px; h1, h2 { margin-top: 0px; a { color: #e31e24; font-weight: 600; font-size: 27px; border-bottom: 2px solid #e31e24; text-transform: uppercase; } } } .page-detail-all { margin-bottom: 50px; .page-detail { p { line-height: 23px; font-size: 15px; } } .refKaruselKategori { border: 1px solid #dedede; ul { margin: 0px; li { cursor:pointer; background: #ffffff; color: #615b59; font-weight: 600; padding: 10px 0px 10px 10px; transition: 0.7s; border-bottom: 1px solid #615b59; a { color: #615b59; font-weight: 600; } &:last-child { border-bottom: 0px; } &:hover { transition: 0.7s; background-color: white; &:last-child { border-bottom: 0px; } } } } } .page-form { .form-contact { .form-group { margin-bottom: 5px; position: relative; label { } .input { border-radius: 0px; } .textarea { border-radius: 0px; max-width: 100%; min-width: 100%; } .button { background: #e31e24; color: #fff; font-weight: 600; border-radius: 0px; float: right; padding: 10px 20px; font-size: 18px; &:active, &:focus { outline: none; } } } } } .page-detail-contact { p { margin-bottom: 7px; font-size: 15px; } } } .referanslar { .refKarusel { .karuselTane { margin-bottom: 10px; min-height: 305px; } } } .page-image { img { width: 100%; } } } .breadcrumbPages { margin-top: 20px; .breadcrumb { background-color: transparent; margin: 0px; li { a { color: #e22127; font-weight: 600; font-size: 15px; } &:before { color: #e31e24; } } li.active { color: #615b59; font-weight: 600; font-size: 15px; a { } } } } } .refKarusel { .karuselTane { border: 1px solid #dedede; min-height: 350px; .karuselResim { height:150px; display: table; p{ display: table-cell; vertical-align: middle; text-align: center; img{ display: initial !important; } } } .karuselText { p, h2 { margin: 0px; font-size: 15px; font-weight: 600; text-align: center; margin: 10px 0px; } } .karuselDetail { p { font-size: 12px; text-align: center; } } } } .owl-carousel.owl-drag .owl-item { margin-right: 10px; margin-left: 10px; } .owl-carousel .owl-nav { text-align: center; height: 35px; button { span { padding: 0px 10px !important; color: #3e55c9; font-size: 50px !important; } &:active, &:focus, &:hover { outline: none; } } } .ulStyle { list-style-type: none; .active{ background-color: #f3f3f3 !important; } } .pagination { li { a { border-radius: 0px !important; } .active { background-color: #e31e24; border-color: #e31e24; color: #fff; } } } .not-click { pointer-events: none; cursor: default; text-decoration: none; color: black; } .harita { iframe { width: 100%; } } .mobileLogo { display: none; } .mobileKutuText { display: none; } #lightgallery{ a{ color:black; } } @media (max-width: 1025px) { .footerIcon{ padding:0px; } .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } .headerTop .headerNavbar { width: 100%; } .socialIconBoxFooter{ p{ a{ position:relative; } } } .mobileKutuText{ display: none; } .footerBg .footerIcon .socialIconBoxFooter p img { height: 35px; } .resimUstuTel { position: absolute; top: 11px; right: 15px; color: white; font-weight: 600; font-size: 18px; } .resimUstuTelFooter { position: absolute; top: 2px !important; right: 15px !important; left:auto !important; color: white; font-weight: 600; font-size: 14px !important; } .icerikAll .icerikAllClone .resimAlan .resim p { vertical-align: middle; position: absolute; left: 0px; right: 0px; bottom: 0px; } .mobileKutuText { display: block; margin: 0px; position: absolute; font-size: 18px; color: #fff; font-weight: 600; background: #e31e24; padding: 10px 20px; top: 0px; left: 0px; } .socialIconBox { text-align: right; background: #3e55ca; height:45px; a{ img{ display: none; } } } .resimUstuTel{ color:white; text-align: center; } .headerTop .sliderYanKutu .socialIconBox a:nth-child(2) img, .headerTop .sliderYanKutu .socialIconBox a:nth-child(3) img, .headerTop .sliderYanKutu .socialIconBox a:nth-child(4) img { display: none; } .bannerUst .bannerAll .bannerRight .teklifAl { background-color: #b3181d; width: 50%; } .kesifFormu { display: none !important; } .mobileLogo { display: block; } .headerTop { .sticky { .headerNavbar { .navbar-default { background-color: #f7f7f7; .navbar-collapse { .navbar-nav { ul.dropdown-menu { width: 95%; li { padding: 0px 10px 2px 20px; text-align: left; } } } } } } } } .sticky { .mobileNavbarToggle { margin-top: 8px; margin-bottom: 17px; } } .mobileNavbarToggle { margin-top: 25px; margin-bottom: 25px; } .mobileNavbar { padding: 0px !important; min-height: 87px; } .mobileLogo { padding: 10px 0px; position: absolute; top: 0px; a { img { width: 64%; } } } .mobile-hide { display: none; } .bannerUst { .bannerAll { .bannerLeft { display: none; } .bannerRight { .teklifAl { } } } } .headerTop { .sliderYanPaddingRight { padding-left: 15px; } } .icerikAll { .icerikAllClone { .resimAlan { .resim { p { img { width: 100%; padding: 4px 4px 4px 4px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } } } } } } .footerBg { .footerLogo { img { margin: 0 auto; display: block; } } .footerIcon { .socialIconBoxFooter { p { text-align: center; } } } } .footerBgBottom { .copyright { p { text-align: center; } } .imzaKvkk { p { a { text-align: center; float: left; margin: 0 auto; width: 50%; padding: 0px; } } } } .page-image { padding: 0px; } .owl-carousel.owl-drag .owl-item { margin-left: 0px; } .prl5 { padding: 0px !important; } .page-form { padding: 0px !important; } .warning { position: relative; top: 0px; right: 0px; } .pl5, .pr5 { padding: 0px !important; } } /* iPhone 5/SE */ @media (max-width: 320px) { .footerIcon{ padding:0px; } .headerTop .sliderYanKutu .socialIconBox a:nth-child(2) img, .headerTop .sliderYanKutu .socialIconBox a:nth-child(3) img, .headerTop .sliderYanKutu .socialIconBox a:nth-child(4) img { display: none; } .bannerUst .bannerAll .bannerRight .whatsapp p a { font-size: 14px; } .bannerUst .bannerAll .bannerRight .kesifFormu p a { font-size: 9px; top: -3px; } .bannerUst .bannerAll .bannerRight .kesifFormu p a i { position: relative; top: 2px; } .navbar-default .navbar-toggle { z-index: 999; position: relative; } .headerTop .sliderYanKutu .socialIconBox a:nth-child(1) img { width: 100%; } .headerTop .sliderYanKutu .yanKutuIcerik .baslik h1 { font-size: 26px; } .icerikAll .icerikAllClone .sagAlanPlan { padding: 0px; } .headerTop .sliderYanKutu .yanKutuIcerik .aciklama p { font-size: 12px; line-height: 23px; } .icerikAll .icerikAllClone .sagAlanPlan .sagAlanPlanOne .icerik .baslik h2 { font-size: 30px; } .icerikAll .icerikAllClone .sagAlanPlan .sagAlanPlanOne .icerik .slogan p { font-size: 17px; } .icerikAll .icerikAllClone .sagAlanPlan .sagAlanPlanOne .icerik .detay p { line-height: 22px; font-size: 12px; } .icerikAll .icerikAllClone .sagAlanPlan .sagAlanPlanTwo .icerik { padding: 20px 0px !important; } .icerikAll .icerikAllClone .sagAlanPlan .sagAlanPlanTwo .teklifAlOne { padding: 0px 15px; } .footerBgBottom .imzaKvkk p a { width: 100%; } .warning { position: absolute; top: 60px; left: 0px; } .owl-carousel.owl-drag .owl-item { margin-left: 2px; } } /* iPhone 5/SE */ .resimUstuTel{ position: absolute; top: 11px; right: 25%; color: white; font-weight: 600; font-size: 18px; } .resimUstuTelFooter{ position: absolute; top: 45px; left: 300px; color: white; font-weight: 600; font-size: 18px; } @media only screen and (min-width: 1215px) and (max-width: 1235px) { body{color:red;} .headerTop .headerNavbar .navbar-default .navbar-collapse .navbar-nav li { padding: 0px 0px 0px 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1215px) { .headerTop .headerNavbar .navbar-default .navbar-collapse .navbar-nav li { padding: 0px 0px 0px 18px; } }@media only screen and (min-width: 1175px) and (max-width: 1200px) { .headerTop .headerNavbar .navbar-default .navbar-collapse .navbar-nav li { padding: 0px 0px 0px 15px; } }@media only screen and (min-width: 1152px) and (max-width: 1175px) { .headerTop .headerNavbar .navbar-default .navbar-collapse .navbar-nav li { padding: 0px 0px 0px 12px; } }@media only screen and (min-width: 1140px) and (max-width: 1152px){ .headerTop .headerNavbar .navbar-default .navbar-collapse .navbar-nav li { padding: 0px 0px 0px 10px; } }@media only screen and (min-width: 1092px) and (max-width: 1140px){ .bannerUst .bannerAll .bannerRight .kesifFormu{ width:49%; } .headerTop .headerNavbar .navbar-default .navbar-collapse .navbar-nav li { padding: 0px 0px 0px 0px; } }@media only screen and (min-width: 1055px) and (max-width: 1092px){ .bannerUst .bannerAll .bannerRight .kesifFormu{ width:48%; } .headerTop .headerNavbar .navbar-default .navbar-collapse .navbar-nav li { padding: 0px 0px 0px 0px; } }@media only screen and (min-width: 1025px) and (max-width: 1055px){ .bannerUst .bannerAll .bannerRight .kesifFormu{ width:47%; } .headerTop .headerNavbar .navbar-default .navbar-collapse .navbar-nav li { padding: 0px 0px 0px 0px; } .headerTop .headerLogo { padding: 10px 0px; width: 20%; } .headerTop .headerNavbar{ width:80%; } .headerTop .headerNavbar .navbar-default .navbar-collapse .navbar-nav li a{ font-size:13px; } }