body {font-family:'Open Sans';color: #8a8b8b} body.fixed, html.fixed{height: 100%; overflow: hidden!important; display: block!important} #content.mainpage{padding-top: 106px} #content{margin-left: auto; margin-right: auto} body.sticky #content, #content{padding-top: 64px} .blocker{position:fixed; background: #000; opacity: 0.85; display: none; width: 100%; height: 100%; z-index: 1231; left: 0; top: 0;} .clearfix{display:block; clear:both; overflow: hidden} *{outline:none} output{display:inline; color: #616363; } section > h3{background:#eaeaea; padding: 13px 10px; margin: 0; font-size: 14px; font-weight: 600; color: #666868} small, .small, small i, .small i{font-size: 11px;} .dipnot{font-size: 11px; font-style:italic;} div.small.padding{} strong.black{color: #000} .padder5{display: block; height: 5px} .padder10{display: block; height: 10px} .padder15{display: block; height: 15px} .padder16{display: block; height: 16px} .padder20{display: block; height: 20px} .fixer5{display: block; margin-bottom: -5px} .fixer10{display: block; margin-bottom: -10px} .fixer15{display: block; margin-bottom: -15px} .fixer20{display: block; margin-bottom: -20px} a{color: #000;} /* INTRO PAGE */ #splash img{width: 100%} #splash .promotion p{margin: 30px 0; color: #00ba4d; font-size: 16px; position: absolute; top: 50%; width: 100%} #splash .promotion figure{max-height: 50%; overflow: hidden; position: absolute; top: 0; width: 100%} #splash .promotion .action-links{position: absolute; top:50%; width: 100%; padding-top: 120px} #splash .promotion a{display: block; font-size: 16px; text-align: center; color: #4a4a4a} #splash .promotion a span{font-weight: bold; color: #008050} #splash .promotion a.apply-now{margin: 10px auto; background: #ff8500; height: 46px; width: 170px; line-height: 46px;border-radius: 46px; color: #fff; font-weight: bold; font-size: 11.78px} .gm-style-iw > div{overflow:auto !important;} .tab-content > .tab-pane a{text-decoration:underline;} /* HEADER */ header{position:fixed; top: 0; min-height: 64px; z-index: 190; width: 100%; backface-visibility: hidden} .sticky .navbar-second-header{display: none} .navbar-header{z-index:1234 ;position: relative; height: 64px;background: -webkit-linear-gradient(left, #cacbce, #eff0f1 , #c9cbcc);background: -o-linear-gradient(right, #cacbce, #eff0f1, #c9cbcc);background: -moz-linear-gradient(right, #cacbce, #eff0f1, #c9cbcc);background: linear-gradient(to right, #cacbce, #eff0f1 , #c9cbcc); border: none; min-height: 64px} .navbar-toggle.pull-left{margin-left: 5px; position: relative; top: 7px; border: 0; background: none!important} .navbar-second-header{background: -webkit-linear-gradient(left, #e8e9e9, #f7f8f8 , #e4e5e6);background: -o-linear-gradient(right, #e8e9e9, #f7f8f8, #e4e5e6);background: -moz-linear-gradient(right, #e8e9e9, #f7f8f8, #e4e5e6);background: linear-gradient(to right, #e8e9e9, #f7f8f8 , #e4e5e6);margin: 0 -15px; padding: 10px 15px; overflow: hidden; display:none; min-height:42px;} .navbar-second-header .lang-selector{display:block; float:left; font-size: 10px; color: #008053; border: 1px solid #008053; padding: 3px} .navbar-second-header .prices{float:right; font-size: 10px; color: #8c8e91; position: relative; top: 4px} .main-navbar{background: #f1f1f1; display: none; overflow: hidden;overflow-y: scroll; position: fixed; min-height: 100%; width: 100%; left: 0; top: 0; z-index: 12321312;} .main-navbar .wrapper{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; padding-bottom: 70px} .main-navbar .navbar-nav{margin-top: 0} .main-navbar .navbar-nav li{border-top: 1px solid #f8f8f8; border-bottom: 1px solid #e7e8e8;} .main-navbar .navbar-nav li li{border-top:1px solid #dad9da; border-bottom: none} .main-navbar .navbar-nav li li li{border-top:1px solid #c6c8c7; border-bottom: none} .main-navbar .navbar-nav li:last-child{border-bottom: 0} .main-navbar .navbar-nav li a{color: #008053; font-weight: 600; font-size: 15px; padding: 20px 65px 20px 50px; text-decoration: none; display: block; position: relative} .main-navbar .navbar-nav li a .icn-plus, .main-navbar .navbar-nav li a .icn-menu-right, .main-navbar .navbar-nav li a .icn-menu-down{position: absolute; top: 50%; right: 43px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); left: auto} .main-navbar .navbar-nav li > ul > li a{padding-left: 75px} .main-navbar .navbar-nav .show > a{background: transparent; opacity: 0.6} ul.has-sub-menu, ul.no-sub-menu{display: none; list-style: none; padding: 0} .main-navbar .navbar-nav > div > .show > ul {display: block; background: #e0e0e1;} .main-navbar .navbar-nav > div > .show > ul .show > ul{display: block; background: #cfd1d0} .main-navbar .kutuArama{display: block;width: 100%;clear: both;margin-top: 46px;padding: 10px 15px 25px 15px;position: relative;border-bottom: 1px solid #e7e8e8;} .main-navbar.cepteteb .kutuArama{margin-top: 37px} .kutuArama_lnkHizliUrun, .kutuHeaderArama{display:none;} .main-navbar .kutuBodyArama input{background:#008053; font-size: 12px ;color: #fff; height: 36px; line-height: 36px; width: 100%; border-radius: 36px; border: none; padding: 0 45px 0 26px} .main-navbar .btnArama{position: absolute; right: 32px; top:19px; z-index: 12312} .main-navbar ::-webkit-input-placeholder {color: white; opacity: 0.65} .main-navbar :-moz-placeholder {color: white; opacity: 0.65} .main-navbar ::-moz-placeholder {color: white; opacity: 0.65} .main-navbar :-ms-input-placeholder {color: white; opacity: 0.65} .cepteteb #sitenav, .cepteteb .kutuArama .kutuBodyArama{ display: none} #cepteteb-menu{display: none} .cepteteb #cepteteb-menu{display: block} #cepteteb-menu ul.navbar-nav{margin-bottom:70px} #cepteteb-menu .cta-link{width: 85%; margin: 0 auto 20px auto} #cepteteb-menu .text-center{color:#008053; text-decoration: underline; text-align: center; display: block; width: auto; font-size: 12px; margin: 10px auto 0px auto} /* BREADCRUMBS */ .navigasyon > span{color:#fff;} .navigasyon > span, .breadcrumb{display: block; padding: 10px 10px 0 10px; font-size: 11px; background: none; border-radius: 0; margin: 0; overflow:hidden; text-overflow: ellipsis; line-height:18px;} .navigasyon > span > a{} .breadcrumb > li {display: inline} .navigasyon > span > a, .breadcrumb li a{color: #858990} .navigasyon > span > a:last-child:After{color:#fff} .navigasyon > span > a:After{padding: 0 5px;content: "\00BB";font-size: 17px;position: relative;top: 1px;font-weight: 300;} /* CALL TO ACTION LINKS */ .mainpage .cta, .farmers .cta{padding:15px 30px} .cta{padding:15px 20px} .cta.teb{padding: 30px 20px 0 20px} a.cta-link, a.cta-button{text-decoration: none!important;font-weight: bold; font-size: 16px; display: block; width: 100%;padding: 15px 20px 12px 20px; border-radius: 3px; text-align: center} .text-center a.cta-link{font-size: 14px} .cta-link.green, .cta-button.green, .cta-link.btn_enYakinTeb, .cta-link.btn_basvurumNerede, .cta-link.btn_basvuruFormu{color: #fff; background: #008053; border-bottom:3px solid rgba(1,88,57,1);} .cta-link.orange, .cta-button.orange, .cta-link.btn_hemenBasvur, .cta-link.btn_girisYapin{color: #fff; background: #e9721c; border-bottom:3px solid #cb591b;} .cta-link.blue, .cta-button.blue, .cta-link.btn_sifreAlin, .cta-link.btn_ara, .cta-link.btn_hemenYukle{color: #fff; background: #0099ff; border-bottom:3px solid rgba(1,126,206,1);} .cta-link.lightblue, .cta-button.lightblue, .cta-link.btn_cepteteb{color: #fff; background: #25b3c7; border-bottom:3px solid #078c9d;} .cta-link.transparent, .cta-button.transparent{color: #008053; border:1px solid #008053; padding: 5px 20px 12px 20px} .cta-link.half{width: calc(50% - 5px); float:left; vertical-align: top; display: block} .cta-link.half:last-child{float:right;} /* ACCORDIONS */ .accordion-wrapper{padding: 13px 10px;} .accordion-wrapper > .head, .tabTemplate > tbody > tr > td > a{display: block; padding: 11px 10px; position: relative; color: #fff; font-weight: bold; cursor: pointer} .accordion-wrapper > .head.orange{background: #e9721c} .accordion-wrapper > .head.gray{background: #616363} .accordion-wrapper > .head.lightgray{background: #f4f4f4; color: #616363; border-top: 1px solid #ededed; height: 51px; line-height: 51px; padding: 0 10px} .accordion-content, .tabTemplate > tbody > tr > td > div{display:none; margin-bottom:10px;} .tab-pane.border-bottom{border-bottom: 1px solid #ededed;} .accordion-content p, .tabTemplate > tbody > tr > td > div p{padding: 10px 15px; margin: 10px 0} .accordion-content > ul, .link-content > ul, .link-content.icerikTemplateListeContainer{list-style: none; padding: 0; background: #f4f4f4} .accordion-content > ul > li a, .link-content > ul > li a, .link-content .icerikTemplateListeItem > div a{text-decoration: none;padding:15px;display: block; border-bottom: 1px solid #e8e8e8; font-weight: bold; color: #7e8080; font-size: 13px} .accordion-content > ul > li:last-child a, .link-content > ul > li:last-child a, .link-content .icerikTemplateListeItem:last-child > div a{border-bottom: none} .link-content .icerikTemplateListeItem{position:relative;} .link-content .icerikTemplateListeItem > div a{padding-right:30px;} .link-content .icerikTemplateListeItem > div a .icn-right{position: absolute; top: 50%; right: 15px; margin-top: -7px;} .tabTemplate, .tabTemplate > tbody, .tabTemplate > tbody > tr, .tabTemplate > tbody > tr > td{display:block;} table.tabTemplate{border:none !important; width:100%; margin:0 !important;} .tabTemplate > tbody > tr{background:none !important; border:none !important;} .tabTemplate > tbody > tr > td{padding:0 !important; border:none !important;} .tabTemplate > tbody > tr > td > a{background: #f4f4f4; border-top: 1px solid #ededed; min-height: 51px; line-height: 51px; padding: 0 10px; position:relative; margin-bottom: 10px;} .tabTemplate > tbody > tr > td > a, .tabTemplate > tbody > tr > td > b{color: #616363; font-weight: bold; text-decoration:none !important;} .tabTemplate > tbody > tr > td > a b{display:inline-block; line-height:16px !important; vertical-align:middle; padding-right:15px;} .tabTemplate > tbody > tr > td > a > span{ display:inline-block; background:url(../img/sprite.png) no-repeat ; text-indent:-999999px; background-position: -5px -67px; border: none; width: 13px; height:13px; position:absolute; right: 10px; top:50%; margin-top:-6px;} .tabTemplate > tbody > tr > td.active > a > span{background-position: -26px -67px;} .tabTemplate .tabTemplate > tbody > tr > td{padding:0 5px !important; border:1px solid #17af7a !important;} .tabTemplate .tabTemplate > tbody > tr > td > a{background:none !important; color:#17af7a !important;} .tabTemplate .tabTemplate > tbody > tr > td > a span{background-position:-47px -740px !important;} .tabTemplate .tabTemplate > tbody > tr > td.active > a span{background-position:-26px -740px !important;} .news .result-list.news div.news-item a{padding:0 !important; border:none !important;} .commList{position:relative;} .commList > a{padding-right:30px; display:block;} .commList > a .icn-right{position:absolute; right:0; float:none !important;} .commList.active > a .icn-right{width:20px !important; background-position:0px -443px !important;} .commList .krlDty{display:none;} .alfabe{text-align:center;} .alfabe a{display:inline-block; padding:5px;} /* CALCULATING TOOLS */ .calculating-tools{ background:#fff;} .basic.calculating-tools{ background: none; margin: 15px -15px 0 -15px} .calculating-tools h2{margin:0; padding: 0; font-size: 13px; text-align: center; display:block; font-weight: 600; margin-top: -40px; margin-bottom:30px} .calculating-tools .section{background: #ebebeb; padding: 20px 10px; overflow-x: auto; overflow-y: hidden; margin-left:-15px; margin-right:-15px; margin-bottom: 15px;margin-top: -15px;} .calculating-tools .section li{display:inline-block; margin-left:10px; margin-right:10px; padding-bottom: 5px; border-bottom: solid 1px #a1a1a1; list-style:none;} .calculating-tools .section li:last-child{margin-right: 0;} .calculating-tools .section li.active{border-color: #616362;} .calculating-tools .section li span{color: #a1a1a1;} .calculating-tools .section li.active span{font-weight: bold; color: #000;} .calculating-tools .heading{height:50px; border-bottom:1px solid #d7d7d7; position: relative;} .calculating-tools > ul > li{padding:10px 20px} .calculating-tools .nav-tabs > li{width: 50%} .calculating-tools .tab-pane {padding-top: 30px} .calculating-tools .nav-tabs > li a{font-size: 12px; padding: 9px 15px; line-height: 15px;background: transparent; display: block;border: 1px solid #07a770!important; color: #8a8b8b} .calculating-tools .nav-tabs > li:first-child a{border: 1px solid #07a770!important} .calculating-tools .nav-tabs > li.active > a, .calculating-tools .nav-tabs > li.active > a:hover, .calculating-tools .nav-tabs > li.active > a:focus, .calculating-tools .nav-tabs > li > a:hover{background: #00A76A; border: 1px solid #07a770!important} .calculating-tools .content > ul{padding:10px 0; margin:0; list-style: none; display:none;} .calculating-tools .content > ul.active{display:block;} .calculating-tools .title-row{overflow: hidden; font-size: 13px; font-weight: 600; color: #616363} .calculating-tools .title-row div{float:right;} .calculating-tools .title-row div.ttl-wrp{float:left;} .calculating-tools .title-row div.ttl-wrp span{display:none;} .calculating-tools .results-row{overflow: hidden; padding-bottom: 15px} .calculating-tools .results-row > div{display: inline-block; width:32%; text-align: center; font-size: 13px; color: #00A76A; font-weight: 600} .calculating-tools .results-row > div .ttl-wrp span, .calculating-tools .results-row > div > span{text-align: center; font-size: 13px; color: #00A76A; font-weight: 600;} .calculating-tools .results-row > div span.ttl-total, .calculating-tools .results-row > div span.ttl-rate{line-height:37px;} .calculating-tools .results-row > div > div[id], .calculating-tools .results-row > div > span.maliyetVal{background:#fff; font-size: 14px; border: 1px solid #e4e4e5; height: 35px; line-height: 35px; color: #8a8b8b; margin-top: 10px; display:block;} .calculating-tools .tool[rel="credit"] .cta-link{display:none;} .calculating-tools .foot-row{text-align: center; padding: 10px 0 0 0; position: relative} .page .calculating-tools .foot-row{padding-top: 0} .calculating-tools .foot-row a{text-decoration: underline; color: #616363; font-weight: 600; font-size: 10px; padding: 0 20px; display: inline-block; height: 30px; line-height: 30px} .calculating-tools .foot-row a.tooltip-trigger{border-right: 1px solid #c5c6c6} .calculating-tools input[type=range] { -webkit-appearance: none; margin: 18px 0;} .calculating-tools input[type=range]:focus { outline: none;} .calculating-tools input[type=range]::-webkit-slider-runnable-track {background: #c7c8c9; height: 2px; border-radius: 4px; border: none!important} .calculating-tools input[type=range]::-webkit-slider-thumb {background: #07a770; -webkit-appearance: none; width: 20px; height: 20px; border-radius: 20px; margin-top: -9.5px; cursor: pointer;border: none!important} .calculating-tools input[type=range]::-moz-range-track {background: #c7c8c9; height: 2px} .calculating-tools input[type=range]::-moz-range-track:focus{-moz-outline: none;} .calculating-tools input[type=range]::-moz-range-thumb:focus{-moz-outline: none;} .calculating-tools input[type=range]::-moz-range-thumb { background: #07a770; -webkit-appearance: none; width: 20px; height: 20px; border-radius: 20px;cursor: pointer} .calculating-tools input[type=range]::-ms-fill-lower { background: #c7c8c9; height: 2px; border: none} .calculating-tools input[type=range]::-ms-thumb {background: #07a770; display:block; width: 20px; height: 20px; border-radius: 20px;cursor: pointer} .calculating-tools.calc-PratiKredi .section li[data-rel=PratiKredi], .calculating-tools.calc-PratiKredi .cta-link.pikBtn{display:block;} .calculating-tools.calc-ihtiyac .section li[data-rel=ihtiyac], .calculating-tools.calc-ihtiyac .cta-link.ikBtn{display:block;} .calculating-tools.calc-tasit .section li[data-rel=tasit], .calculating-tools.calc-tasit .cta-link.tkBtn{display:block;} .calculating-tools.calc-konut .section li[data-rel=konut], .calculating-tools.calc-konut .cta-link.kkBtn{display:block;} .calculating-tools.calc-total .title-row div.ttl-wrp span.ttl-total{display:inline-block;} .calculating-tools.calc-monthly .title-row div.ttl-wrp span.ttl-monthly{display:inline-block;} .tooltip-wrapper > div, .tooltip-wrapper > div > div, .calculating-tools .ttl-monthly, .calc-monthly.calculating-tools .ttl-total {display: none;} .tooltip-wrapper > div.active, .tooltip-wrapper > div.active > div.active, .calc-monthly.calculating-tools .ttl-monthly {display: block;} /* TOOLTIPS */ .generic-tooltip{position:absolute; margin:0 -15px; background: #008053; color: #fff; font-size:10px; bottom: 40px; text-align: left; padding: 12px 12px; display: none;} .generic-tooltip h3{font-size: 16px; margin: 0; font-weight: 600} .generic-tooltip table{font-size:13px; margin: 20px 0; border: none!important} .generic-tooltip table .last-row{font-weight: bold; color: #f9914b; font-size: 15px} .generic-tooltip table tr{background: none!important; border: none!important; line-height: 27px; } .generic-tooltip table td{border: none!important; padding:0!important} .generic-tooltip p{padding: 10px 0px 0 0 ; margin-bottom: 0} .generic-tooltip a.icn-close-nav{position:absolute; right:12px; top: 12px; background-position: -424px -738px; width: 15px; height: 15px; padding: 0; z-index: 29292929} a.tooltip-trigger{position: relative;} a.tooltip-trigger .caret{display:none;left: 50%; margin-left: -13px; top:-10px;position:absolute; color: #008053; font-size: 41px;border-top: 12px solid;border-right: 11px solid transparent;border-left: 11px solid transparent;} a.tooltip-trigger.active .caret{display:block} .generic-tooltip h3{font-size: 16px; margin: 0; font-weight: 600} .generic-tooltip table{font-size:13px; margin: 20px 0; border: none!important} .generic-tooltip table .last-row{font-weight: bold; color: #f9914b; font-size: 15px} .generic-tooltip table tr{background: none!important; border: none!important; line-height: 27px; } .generic-tooltip table td{border: none!important; padding:0!important} .generic-tooltip p{padding: 10px 0px 0 0 ; margin-bottom: 0} .generic-tooltip .krediInfoLeft{margin:20px 0; width:90%;} .generic-tooltip .krediInfoLeft span{display:block;} .generic-tooltip .krediInfoLeft span, .generic-tooltip .krediInfoLeft span i{text-align:left; font-size:13px; line-height: 27px; font-style:normal;} .generic-tooltip .krediInfoLeft span i{float:right;} .generic-tooltip .krediInfoLeft span.totalExpense, .generic-tooltip .krediInfoLeft span.totalExpense i{font-weight: bold; color: #f9914b; font-size: 15px} .urunPaging_pageNavigation > a{display:none;} /* MARKET-VIEW */ .market-view{padding: 13px 10px; line-height: 30px; font-weight: 600} .market-view .tab-content{background: #eff0f1; padding: 10px 15px} .market-view .uprise{color:#00a154; cursor:none; } .market-view .uprise a{color:#00a154!important; cursor:none; text-decoration:none } .market-view .downrise{color:#ef4123; font-weight: normal; } .market-view .downrise a{color:#ef4123!important; font-weight: normal; cursor:none; text-decoration:none } .market-view p{font-size: 10px; line-height: normal; padding-top: 10px; font-weight: normal} .market-view .text-center{font-size: 11px;} .market-view .text-center a{color:#ff6600; text-decoration: underline; font-weight: 900} .page .icerikListe_Tablo{width:100%;} .page .icerikListe_Tablo tr{background:#eff0f1 !important;} /* TABS GENERAL */ .nav-tabs{border:none} .slideable{padding-bottom: 11px; display: block; overflow: hidden; position: relative; display: block; width: 100%; font-size: 0px} .slideable .nav-tabs{white-space: nowrap;position: relative;} .slideable.long-content .nav-tabs{width:100%; display: inline-block; overflow: hidden; vertical-align: top} .slideable .nav-tabs li{float:none; display: inline-block; font-size: 13px; width: auto; min-width: 33.333%; } .slideable .nav-tabs li > a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; } .market-view .nav-tabs li > a{padding: 10px 15px} .slideable .nav-tabs li > a:hover, .slideable .nav-tabs li.active > a, .slideable .nav-tabs li > a:focus{max-width: none} .slideable .icn-left{display: none; position:absolute; z-index:1; left:0; content: ""; width: 24px; height: 30px; background-color: #00a76d; vertical-align: top; border:none; border-right: 1px solid #008053; background-position:0px -688px; top: -1px} .slideable .icn-right{display: inline-block; position:absolute; z-index:1; right:0; content: ""; width: 24px; height: 30px; background-color: #00a76d; vertical-align: top; top: -1px; border:none; border-left: 1px solid #008053; background-position: -42px -688px} .slideable.pushed .icn-left{display: inline-block} .slideable.pushed .icn-right{display: none} .nav-tabs > li{width: 50%} .nav-tabs > li > a{background: #7fcbae; color: #fff; text-align: center; border-radius: 0; border: none!important; margin:0; position: relative; font-size:12px; font-weight: bold; border-left: 1px solid #a0dcc5!important; border-right: 1px solid transparent!important;padding: 6px;} .nav-tabs > li:first-child > a{border-left:1px solid transparent!important} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover{background: #00a76d; color: #fff; border-left: 1px solid #038659!important; border-right: 1px solid #038659!important} .nav-tabs > li a .caret{display:none; position: absolute; bottom:-12px; left: 50%; margin-left: -10px; font-size: 40px; color: #07a770; border-top: 12px solid; border-right: 11px solid transparent;border-left: 11px solid transparent;} .nav-tabs > li.active a .caret{display:block} .tab-pane > .accordion-wrapper{margin-bottom: 0; padding-bottom: 0; padding-top: 0} .tab-pane .article{padding:30px 10px 0 10px} .tab-pane .article h2{color: #008053; padding-bottom: 5px} .tab-pane .article a{color:#000; text-decoration: underline} .tab-pane .article p{padding-bottom: 10px} #serviceList .nav-tabs > li{width:33.33%;} .teb-swipe-menu{ width: 100%; border-bottom: solid 1px #dcdcdc; /* height: 39px; */ overflow-x: scroll; overflow-y: hidden; } .teb-swipe-menu .teb-swipe-container{ width: 500px; display: block; } .teb-swipe-menu li{ list-style: none; /* float: left; */ display: inline-block; } .teb-swipe-menu li a{ padding: 3vw 5vw; font-size: 4vw; text-align: center; color: #373737; font-weight: 100; list-style: none; display: inline-block; text-decoration: none; word-wrap: break-word; } .teb-swipe-menu li.teb-swipe-active a{ border-bottom: solid 5px #107f54; } .teb-swipe-menu li.teb-swipe-active a{ font-weight: bold; } /* SINGLE PAGES */ .page{padding:15px 11px; } .page article{font-size: 13px; margin-bottom:20px;} .page article > div.default-slider{margin:0} .page article h1, h1.standalone{color:#008053; font-size: 16px; margin: 0 0 15px 0; font-weight: bold} h1.standalone{padding:20px 10px; margin: 0} h1.standalone.cards{padding-bottom: 0;} p.standalone{padding:0px 10px 20px 10px; margin: -10px 0 0 0} p.standalone.cards{padding-bottom: 0} .page article h2{color:#626363; font-size: 14px; margin: 0 0 4px 0; font-weight: 600} .page article h1.hero{display: block; background: #adadad; color: #fff; margin-bottom: 0; padding: 13px 10px; font-size: 14px} .page article h3{color:#626363; font-size: 12px; margin: 0 0 4px 0; font-weight: 600} .page article > p > a, .page > article > p .detailed-info a{font-weight: 600; border-bottom: 1px solid #8a8b8b; color: #8a8b8b; text-decoration: none!important} .page article .swiper-slide{padding:0 0 10px 0} .show .detailed-info{display: none;} .show .hidden{display: inline!important} .columned{display:block; padding: 8px 0; overflow: hidden; color: #008053; font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: -12px} .page .columned .pull-left{font-size: 13px} .phonenumber{display: inline-block} .common-listings{display: block; list-style: none} .common-listings ul{list-style:none; padding:0;} .common-listings li{width:100%; background:#e9e9e9; padding-right:30px; overflow: hidden; position:relative;} .common-listings li:nth-child(even){background:#f7f8f9} .common-listings ul li a{color:#616363; font-weight:600; font-size:13px; text-decoration:none; display:flex; display: -webkit-flex; justify-content:space-between; flex-wrap:nowrap;align-items:center; align-content:center; -webkit-justify-content:space-between; -webkit-flex-wrap:nowrap; -webkit-align-items:center; -webkit-align-content:center;} .common-listings ul li a img{width:114px;} .common-listings .text{padding: 0 10px; flex-grow: 2;} .common-listings figure{overflow: hidden} .common-listings i{width: 14px} .common-listings i.icn-right{top: calc(50% - 7px); position: absolute; right: 10px;} .common-listings small{display:block; font-size: 10px; font-style: italic; color: #878787} .common-listings small.dlnow{font-style: normal; color: #ff6600; text-decoration: underline; padding-top: 10px} .posCamp{width:100%; background:#e9e9e9; padding-right:10px; overflow: hidden; position:relative; margin-top: 10px;} .posCamp a{color:#616363 !important; font-weight:600 !important; font-size:13px; text-decoration:none; padding:0 !important; display: flex !important; display: -webkit-flex !important; justify-content: space-between; flex-wrap: nowrap; align-items: center; align-content: center; -webkit-justify-content: space-between; -webkit-flex-wrap: nowrap; -webkit-align-items: center; -webkit-align-content: center; } .posCamp a img{width:114px;} .posCamp .text{padding: 0 20px 0 10px; flex-grow: 2;} .posCamp .icn-right{position:absolute !important; top:calc(50% - 7px); right:14px;} .posCamp small{display:block; font-size: 10px; font-style: italic; color: #878787} .posCamp small.dlnow{font-style: normal; color: #ff6600; text-decoration: underline; padding-top: 10px} .page .tab-content .tab-pane img{max-width:100% !important;} .page table{border: 1px solid #e6e6e6; border-bottom: none; margin: 10px 0} .page table.form-details{border:none;} .page table tr{border-bottom: 1px solid #e6e6e6; width: 100%} .page table td,.page table th{padding: 10px ; text-align: left} .page table td:first-child{border-right: 1px solid #e6e6e6} .page table.estate-details td:first-child, .page table.form-details td:first-child{font-weight: 600} .page table.estate-details td:first-child{width: 35%} .page table tr:nth-child(odd) {background: #eff0f1;} .page table.form-details td{border: none;padding:5px 20px 5px 20px; width: 50%; vertical-align: top} .page table.form-details td:last-child{padding-left: 5px} .page table.form-details span{float:right} .page table.form-details tr{background: none; border: none} .page .table-holder .wrapper{width: 100%; overflow: scroll} .page .table-holder .small i{font-size: 8px} .page .table-holder .small.linkage a{padding:0 10px; font-size: 8px; color: #008053; text-decoration: underline; font-weight: 600} .page table.compare-loans, .page table.detayTablo{font-size: 10px; font-weight: normal; border: 1px solid #17af7a; margin-left: auto; margin-right: auto} .page table.detayTablo td p a {color: #000;} .page table.compare-loans tr, .page table.detayTablo tr{border-bottom: 1px solid #17af7a; background: none} .page table.compare-loans tr.thead, .page table.detayTablo tr:first-child{background: #17af7a; color: #fff} .page table.compare-loans a, .page table.detayTablo a{color: #fff; text-decoration: none!important} .page table.compare-loans tr.thead td, .page table.detayTablo tr:first-child th{border-right: 1px solid #008053} .page table.compare-loans tr.thead td:last-child, .page table.detayTablo tr:first-child th:last-child{border:none} .page table.compare-loans td, .page table.detayTablo td{white-space: nowrap; text-align: center;border-right: 1px solid #17af7a} .page table.compare-loans td:first-child, .page table.detayTablo td:first-child{text-align: left; } .page table.detayTablo tr:first-child th:first-child {text-align: center; } .page table.compare-loans td:last-child, .page table.detayTablo td:last-child{border: none} .page table.compare-loans strong, .page table.detayTablo strong{display: block} .page table tr{border-bottom: 1px solid #e6e6e6; width: 100%} .page table.detayTablo{width: 100%} .page .banner img{width: 100%} .page .pageAramaSonuc{font-size: 12px; margin: 20px 0 10px 0; padding-bottom: 0; } .page .pageAramaSonuc b{color: #008053} .page .AramaIcerikMain{display: block; padding: 10px 0 0 0; list-style: none} .page .AramaIcerikMain li{ position: relative} .page .AramaIcerikMain.news li:first-child{border-top: 1px solid #e7e7e7;} .page .AramaIcerikMain.news li{padding:15px 25px 15px 5px; margin-bottom: 0} .page .AramaIcerikMain.news p{font-weight: 600; padding-top: 0; padding-bottom: 0; margin-bottom: 0; margin-top: 0; color: #626363} .page .AramaIcerikMain.news .icn-right{margin-top: -7.5px} .page .AramaIcerikMain li:last-child{border-bottom: none} .page .AramaIcerikMain.news li:last-child{border-bottom: 1px solid #e7e7e7;} .page .AramaIcerikMain a{color: #626363;font-size: 13px;display: block;padding-right: 30px;text-decoration: none!important;} .page .AramaIcerikMain .AramaIcerikMain_baslik > a{color: #008053; font-weight: 600; margin: 0; font-size: 13px; margin-bottom: 5px} .page .AramaIcerikMain .AramaIcerikMain_url{display:none;} .page .AramaIcerikMain .AramaIcerikMain_metin{margin-bottom: 15px;border-bottom: 1px solid #e7e7e7;padding-bottom:15px;position: relative;} .page .AramaIcerikMain .AramaIcerikMain_metin:after{content: '';position: absolute;right: 0px;top: 50%;margin-top: -24.5px;width: 10px;height: 15px;display: inline-block;background: url(../img/sprite.png) no-repeat;/* text-indent: -999999px; */background-position: -6px -150px;} .page p.result-list{font-size: 12px; margin: 20px 0 10px 0; padding-bottom: 0; } .page p.result-list strong{color: #008053} .page .result-list{display: block; padding: 10px 0 0 0; list-style: none} .page .result-list div.news-item{padding:0 5px 5px 5px; margin-bottom: 15px; border-bottom: 1px solid #e7e7e7; position: relative} .page .result-list.news .icerikTemplateListeContainer div:first-child .news-item{border-top: 1px solid #e7e7e7;} .page .result-list.news div.news-item{padding:15px 25px 15px 5px; margin-bottom: 0} .page .result-list.news div.news-item p{font-weight: 600; padding-top: 0; padding-bottom: 0; margin-bottom: 0; margin-top: 0; color: #626363} .page .result-list.news div.news-item .icn-right{margin-top: -7.5px} .page .result-list div.news-item a{color: #626363; font-size: 13px; display: block; padding-right: 30px; text-decoration: none!important; border:none !important;} .page .result-list h2{color: #008053; font-weight: 600; margin: 0; font-size: 13px; margin-bottom: 5px} .page .result-list div.news-item .icn-right{float: none; position: absolute; right: 10px; top: 50%; margin-top: -12.5px} .page .cta-link{margin-bottom:10px} div.default-slider{margin: 0 -10px} .page .accordion-wrapper{margin: 0 -10px;} .page .calculating-tools .content > ul{padding-top: 0} .page .calculating-tools h2{margin-top: -31px; margin-bottom: 29px} .page .hero img{width: 100%} .error-page{background: #bfe5d6;} .error-page article{position: absolute; top: 50%; width: 100%; text-align: center; color:#fff; -ms-transform:translateY(calc(-50% + 32px)); -webkit-transform:translateY(calc(-50% + 32px)); transform:translateY(calc(-50% + 32px));} .error-page a{font-weight: bold; text-decoration: underline; color: #fff;} .compare{padding-bottom: 20px; padding-top: 10px} .compare-num{display: inline-block; color: #008053; font-weight: bold; font-size: 16px; position: relative; top:1px} /* .tab-content table tr td a + div a{background-color: #bebebe;} */ .sub-menu > .menu-toggle i.icn-menu-right { background-position: -43px -738px; } .sub-menu.show > .menu-toggle i.icn-menu-right { background-position: -20px -738px; } .tab-content table tr td ul li > a{background:none;} /* Arama Sayfası Pagination */ .aramaListePagingAlt table{width: 100%;display: block;} .aramaListePagingAlt table > tbody {width:100%;display:block;} .aramaListePagingAlt table > tbody > tr {display:inline-block;vertical-align:middle;} .aramaListePagingAlt table > tbody > tr td:last-child, .aramaListePagingAlt table > tbody > tr td:first-child {display:none;} .aramaListePagingAlt table > tbody > tr td{width:100%;} .aramaListePagingAlt .urunPaging_pageNavigation > span > *{display:block;float:left;padding:5px 10px;border-right:1px solid #ccc;} .aramaListePagingAlt .urunPaging_pageNavigation > span > span{background:#ccc;} .aramaListePagingAlt .urunPaging_pageNavigation > span > *:last-child{border-right:0;} .swiper-wrapper a p{color:#ffffff; font-size: 12px; position: absolute; left: 20px; bottom:20px; font-weight: bold; margin-bottom: 0; right: 20px} .swiper-container a p span{font-weight: normal; display: block;} .swiper-container.default a p{font-size: 14px;} .swiper-container.default a p span{font-size: 11px;} .swiper-container.cards img{width: 100%;} .swiper-container.cards p{text-align: center; padding: 0; font-size: 13px} .swiper-container.cards p strong{display: block; font-size: 15px} .swiper-container.cards .cta, .swiper-container.cards .swiper-slide{padding-bottom: 0} .swiper-button-next, .swiper-button-prev{display: block; position: absolute; top:18%; z-index: 123213} .swiper-container.ad .swiper-button-next, .swiper-container.ad .swiper-button-prev{top:15%; } .swiper-button-next{right:0;} .swiper-button-prev{left:0;} .swiper-container.ad .swiper-button-next{right: 0} .swiper-container.ad .swiper-button-prev{left: 0} .swiper-container.ad .clearfix{padding:0 36px} .swiper-container.news .clearfix{padding:15px 10px 0 10px} .swiper-container.news .swiper-button-next, .swiper-container.news .swiper-button-prev{top:10px} .swiper-container.news .swiper-button-prev{left:auto; right: 31px; border-right:1px solid #e7e7e7; padding-right: 10px} .swiper-container.news .icn-next, .swiper-container.news .icn-prev{width: 10px; height: 15px; position: relative; top: 3px} .swiper-container.news .icn-prev{background-position: -48px -150px} .swiper-container.news .icn-next{background-position: -6px -150px} .swiper-container.news .date{display:block; font-size: 10px; margin-bottom: 20px; color: #616363} .swiper-container.news .body{display: block; font-size: 13px; color: #616363} .swiper-container.news a{position: relative; outline: none!important; text-decoration: none!important} figure.text-center{display: block;} figure.text-center img{display: block!important; margin: 0 auto; width: 75%} figure.hero{padding-top: 15px; display: block} a.player{display: block; position: relative} a.player-small{position: relative; display: block; float: left; width: calc(50% - 5px); font-size: 11px;} .clearfix a.player-small:first-child{margin-right: 10px} a.player-small span{color:#626565; } a.player .mask, a.player-small .mask{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url('../img/playa.png') no-repeat center center rgba(0, 0, 0, 0.6); background-size: 16px 26px} a.player span{position: absolute; color: #fff; font-weight: bold; bottom: 10px; left: 10px; font-size: 13px; z-index: 19; position: absolute} .news-slider a.allnews{display: block; text-align: right; padding-right: 20px; font-size: 11px; color: #000; text-decoration: underline; position: relative; top:-15px; z-index: 123213} .loan-list{list-style: none; padding: 0} .loan-list > * {margin-bottom: 27px} .loan-list img{width: 100%} .loan-list a{display: block; position:relative; text-decoration: none!important} .loan-list .mask{position: absolute; left: 0; top: 25px; bottom:0; z-index: 12; width: 100%; ; background: rgba(0, 0, 0, 0.5); display: none} .loan-list .selected .mask{display: block;} .loan-list span{font-size: 14px; color: #008053; padding-bottom: 5px; display: block} .rotate{display: none; position: fixed; width: 100%; height: 100%; background:url(../img/rotate.jpg) no-repeat center center #00a76d; left: 0; top: 0; z-index: 129321312; background-size: contain} .rotate.show{display: block;} .agricultural-calendar{background: #f1f2f2; padding: 20px; margin-top: -25px; max-height: 394px; overflow: scroll} .agricultural-calendar p{padding-bottom: 20px} .agricultural-calendar h2{padding-bottom: 5px} select.agricultural{font-weight: bold!important} .figured-content{padding:10px; display:flex; display: -webkit-flex; justify-content:space-between; flex-wrap:nowrap;align-items:top; align-content:top; -webkit-justify-content:space-between; -webkit-flex-wrap:nowrap; -webkit-align-items:top; -webkit-align-content:top;} .figured-content .text{width: 70%; font-size: 13px; padding: 0 15px} .figured-content .text a{display: block; text-align: right; color: #000; text-decoration: underline; font-size: 11px} .figured-content figure{width: 30%; padding-top: 4px} .figured-content figure img{width: 100%;} .big-pictured-list{margin:15px 0 0 0; list-style: none; padding: 0px 10px;} .big-pictured-list img{width: 100%} .big-pictured-list li{margin-bottom: 4px} .big-pictured-list a{position: relative; display: block} .big-pictured-list a > span{position: absolute; background: rgba(0, 0, 0, 0.5); color: #fff; font-weight: bold; bottom: 0; width: 100%; padding: 10px; left:0; font-size: 15px} /* MAPS */ #mapDiv{display: block; width: 100%; height: 255px} .map-list{dispolay:block; padding:15px 10px;} .map-list .pServisListe > div{display:none;} .map-list .pServisListe .divServisListe_FirmaAdi{display:block; font-size: 13px; font-weight: bold; color: #008053; margin: 0} .map-list .pServisListe{border-bottom: 1px solid #f4f4f5; padding-bottom: 15px; margin-bottom: 15px} .map-list .pServisListe .divServisListe_Koordinat{display:block;} .map-list .pServisListe .divServisListe_Koordinat a{font-size: 10px; color: #008053; text-decoration:none;} .map-list .pServisListe .divServisListe_Adres{display:block; margin-bottom: 0} .small.maps{padding:0 10px; color: #c0c0c0} .small.maps a{color: #000; text-decoration: underline; font-style: normal} #pnlServisBilgi{display:none;} /* FORMS */ form{padding: 10px 0} form.smaller-padding{padding-top: 10px} .basic.calculating-tools form{padding-top: 0} .form-row{display: block; width: 100%; padding-bottom: 10px; position: relative} .form-row .selectwrap {position:relative; display: block} .form-row .selectwrap:after {content:""; background-image:url(../img/sprite.png); background-position: 13px -430px; width:50px; height: 42px; right:0px; top:0px; border-left:1px solid #dbdbdb; position:absolute; pointer-events:none; } .form-row select {font-size: 14px; margin: 0; padding:0 20px; border-radius:3px; background: #f1f1f1; display:block; width:100%; border:none; border-bottom: 1px solid #dbdbdb; outline:none; display: block; height: 42px; line-height: 42px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; font-weight:normal} .form-row input{display:block; height: 42px; padding: 0 20px; border-radius:3px; width:100%; background: #fff; border: 1px solid #cccccc;-webkit-appearance:none; -moz-appearance:none; appearance:none;} .form-row input.error{border-color: #ff0000} .form-row textarea.error{border-color: #ff0000} .form-row label.error{display: none!important} .form-row .searchwrap{width:100%;} .form-row .searchwrap input{padding-right: 52px} .form-row .btnSrvArama{margin-top:10px; text-decoration: none!important;font-weight: bold; font-size: 16px; display: block; width: 100%;padding: 15px 20px 12px 20px; border-radius: 3px; text-align: center; color: #fff; background: #008053; border-bottom:3px solid rgba(1,88,57,1);} .gm-style-iw h2{font-size:17px !important; margin-toıp:3px !important;} .gm-style-iw p{margin-bottom:0 !important;} .map-list .pServisListe .divServisListe_Koordinat a div{color:#000;} .map-list .pServisListe .divServisListe_Koordinat a .divServisListe_FirmaAdi{color: #008053;} .map-list .pServisListe .divServisListe_Koordinat a span{text-decoration:underline;} /* .form-row .btnSrvArama{display: inline-block; background: url(../img/sprite.png) no-repeat; text-indent: -999999px; width:50px; height: 42px; background-position: 13px -326px; position: absolute; right: 0; top:0} */ .form-row .iconed-wrap input{padding-left: 52px} .form-row span.currency{width: 52px; height: 42px; position: absolute; border-left: 1px solid #cccccc; text-align: center; font-size: 14px; line-height: 42px; right: 0; top: 0} .form-row span.currency.noborder{border:none} .form-row textarea.expl{margin-left: 41px; border-radius: 0 3px 3px 0; padding-left: 10px; width: calc(100% - 41px)} .form-row textarea{padding:10px 20px; resize: none;border-radius:3px; width:100%; background: #fff; border: 1px solid #cccccc;-webkit-appearance:none; -moz-appearance:none; appearance:none; height: 90px} .form-row input[type=radio], input[type=checkbox] {display:none;} .form-row input[type=radio] + label:before {content: ""; width: 18px; height: 18px; border: 1px solid #000; border-radius: 18px; display: inline-block; margin-right: 5px; position: relative; top: 3px} .form-row input[type=radio]:checked + label:before {background: #008053; border-color: #000;box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1)} .form-row input.numeric{text-align: left!important} .form-row input[type=checkbox] + label:before {content: ""; width: 18px; height: 18px; border: 1px solid #616363; display: inline-block; margin-right: 5px; position: relative; top: 3px} .form-row input[type=checkbox]:checked + label:before {background: #008053; border-color: #008053;box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1)} .form-row.tiny input[type=checkbox] + label:before{width: 14px; height: 14px; box-shadow: inset 0px 0px 0px 1px #fff} .form-row .radio-group{padding-top: 10px; padding-bottom: 5px} .form-row .radio-group p{font-size: 11px} .form-row .radio-group p strong{font-weight: 600; font-size: 13px; color: #616363} .form-row .radio-group label{font-size: 14px; padding-right: 20px} .form-row .radio-group span{padding-right:20px; display: inline-block} .form-row label{font-size: 11px; font-weight: normal; color: #505252} .form-row a{text-decoration: underline; color: #505252; font-size: 11px; font-weight:bold} .form-row p.security{color: #505252; font-size: 14px; padding-top: 20px} .form-row.smaller-padding p.security{padding: 0; color: #8a8b8b; margin: 0; font-size: 13px} .form-row.captcha{text-align: justify} .form-row .code, .form-row .code-actions, .form-row .code-input{display: inline-block; text-align: center; height: 42px; vertical-align: top} .form-row .code{width: 40%; border: 1px solid #ccc; overflow: hidden} .form-row .code-actions{width: 15%} .form-row .code-input{width: 40%} .form-row .code-input input{text-align: center; font-size: 21.6px} form a.text-center{font-size: 12px; display: block; font-weight: 600; color: #616363; text-decoration: underline} .form-row .border-green{border-color: #07a770} /* FOOTER */ footer{background:#222222; padding:20px 0; font-weight:300; margin-top:10px; color: #fff;} .error-page footer{top:100%; position: absolute; width: 100%} .social{display:flex; display: -webkit-flex; list-style:none; align-items:center; align-content:center; -webkit-align-items:center; -webkit-align-content:center; padding:0; justify-content:center; -webkit-justify-content:center; padding-bottom:20px} .social > div {display: -webkit-flex;list-style: none;align-items: center;align-content: center;-webkit-align-items: center;-webkit-align-content: center;padding: 0;justify-content: center;-webkit-justify-content: center;width: 100%;} .main-navbar .social{position:absolute; bottom:10px; width: 100%; padding: 0 5%} .social li:first-child{font-size:8px; font-weight:300; opacity: 0.6} .main-navbar .social > div > li{opacity: 1; font-size: 10px; margin-right:20px;} .social li{flex-grow:2; -webkit-flex-grow:2} .main-navbar .social li{text-align: center} .social li:last-child{flex-grow:1; -webkit-flex-grow:1} .main-navbar .social > div > li{flex-grow:2; -webkit-flex-grow:2} .main-navbar .social > div > li.footer-visible {display: none;} footer nav ul{padding:7px 0 0 0; margin: 0; list-style: none; line-height: 22px} footer .copy{padding-right: 0!important;font-size: 9px} footer .copy span{opacity: 0.6;} footer .col-xs-6 a{font-size:9px; text-decoration:none; color: #fff; font-weight: normal;} footer .col-xs-6 a strong{ font-weight: normal} footer .col-xs-6 a.contact{margin-top: 35px; display: block; margin-bottom:15px;} /* SPRITES - ICONS */ .btnArama, [class*="icn-"]{display:inline-block; background:url(../img/sprite.png) no-repeat ; text-indent:-999999px; position: relative} .icn-bars{width: 25px; height: 18px; background-position:-9px -12px; display: block; float:left; top: 23px; left: 15px; cursor: pointer} .icn-logo{width: 67px; height: 28px; background-position: -72px -7px; position: absolute; left: 50%; margin-left: -33.5px; top:50%; margin-top: -14px} .icn-foot-logo{width: 67px; height: 28px; background-position: -282px -7px; opacity: 1!important; margin-bottom: 10px; display: block} .icn-internet-banking{width: 54px; height: 18px; float:right; background-position: -173px -12px; right: 15px; top:23px} .btnArama, .icn-search{width: 18px; height: 19px; border: none; background-position: -244px -12px} .icn-close-nav{width: 25px; height: 25px; background-position: 1px -733px; position: absolute; right: 30px; top: 15px; z-index: 18181881} .main-navbar .navbar-nav li [class*="icn-"]{width: 22px; height: 15px; top: 2px; left: -5px} .icn-cepteteb{background-position: -273px -738px} .icn-private{background-position: -293px -738px} .icn-corporate{background-position: -379px -738px} .icn-privilage{background-position: -253px -738px; top: 1px!important} .icn-teb{background-position:-210px -737px; height: 17px!important} .icn-menu-down{background-position: -232px -738px} li.show > a > .icn-menu-down{background-position: -314px -738px} .icn-plus{background-position: -43px -738px} li.show > a > .icn-plus{background-position: -20px -738px} .icn-menu-right{background-position:-400px -738px !important;} .icn-download{background-position: -67px -781px; width: 19px!important; left: 3px; margin-right: 3px} .icn-card{background-position: -107px -781px; width: 19px!important; margin-right: 3px; } .icn-phone{width: 25px!important; height: 25px!important; background-position: -10px -786px; top: 7px; left: -10px} ul.social li [class*="icn-"]{width: 17px; height: 19px;} #navbar .icn-facebook{background-position: -69px -737px} #navbar .icn-twitter{background-position: -360px -737px} #navbar .icn-instagram{background-position: -86px -737px} #navbar .icn-youtube{background-position: -149px -737px; width: 40px} #navbar .icn-linkedin{background-position: -109px -737px} #navbar .icn-google-plus{background-position: -339px -736px; top: 4px} .icn-facebook{background-position: -5px -104px} .icn-twitter{background-position: -23px -104px} .icn-instagram{background-position: -172px -104px} .icn-youtube{background-position: -67px -104px; width: 40px!important} .icn-linkedin{background-position: -215px -104px} .icn-google-plus{background-position: -128px -106px; top:5px} .icn-placemark{width: 13px; height: 15px; background-position: -47px -66px; top: 2px; } .icn-stock-arrow{width: 10px; height: 8px; display: block; background-position: -6px -196px} .uprise .icn-stock-arrow{background-position: -48px -196px} .icn-acc{width: 42px; height: 42px; background-position: -74px -52px; position: absolute; right: 0; top:0; border-left:1px solid rgba(255,255,255,0.4)} .active .icn-acc{background-position: -115px -52px;} .lightgray .icn-acc{background-position: -5px -53px; border: none; width: 13px; right: 17px; top: 6px} .lightgray.active > .icn-acc{background-position: -26px -53px;} .icn-right{width: 10px; height: 15px; background-position: -6px -150px; float: right; top: 2px} .icn-prev{background-position: -32px -136px; left: 0px} .icn-next{background-position: 11px -136px; right: 0px} .icn-next, .icn-prev{width: 42px; height: 42px; position: absolute; top: 4px;} .icn-next-big, .icn-prev-big{width: 42px; height: 42px;} .icn-prev-big{background-position: -3px -378px} .icn-next-big{background-position:-63px -378px} .ad-slider .icn-next-big, .ad-slider .icn-prev-big{width: 42px; height: 42px; background-size: 410.9px 602.7px!important} .ad-slider .icn-prev-big{background-position: 5px -259px} .ad-slider .icn-next-big{background-position:-37px -259px} .icn-tick{width:29px; height: 28px; background-position: -70px -490px} .mask .icn-tick{position: absolute; bottom:10px; left: 10px} .icn-lright{width:10px; height: 9px; background-position: -6px -489px} .icn-info{width:11px; height: 11px; background-position: -27px -488px; top: 2px} .icn-fullscrn{width:15px; height: 13px; background-position: -4px -235px; } .icn-fullscrn-invert{width:16px; height: 14px; background-position: -23px -235px; position: absolute; right: 10px; top: 10px} .iconed-wrap [class*="icn-"]{width: 41px; height: 40px; background-color: #cccccc; position: absolute; border-radius: 2px 0 0 2px; left: 1px; top:1px} .icn-nsurname{background-position: -3px -527px} .icn-lphone{background-position: -43px -525px} .icn-mphone{background-position: -85px -525px} .icn-email{background-position: -127px -525px} .icn-bubble{background-position: -168px -525px} .icn-offer{background-position: -211px -525px} .icn-irates{width: 15px; height: 11px; background-position: -172px -488px; left: -5px; top: 3px} .icn-compare{width: 15px; height: 11px; background-position: -130px -488px; left: -5px; top: 3px} .icn-cal{background-position: -2px -590px} .icn-world{background-position: -64px -588px} .icn-id{background-position: -127px -589px} .icn-cardnum{background-position: -1px -273px} .icn-lock{background-position: -41px -273px} /* SPRITES - ICONS 2x */ @media only screen and (min-width: 768px){ .sayfaIcDiv #content{width:auto; max-width:none;} .sayfaIcDiv .container{padding-left:0; padding-right:0; width:auto;} .sayfaIcDiv .container .navbar-header{float:none;} .sayfaIcDiv #navbar .navbar-nav{float:none;} .sayfaIcDiv .container .navbar-second-header{margin: 0;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { [class*="icn-"], .form-row .selectwrap:after {background-image:url(../img/sprite2x.png); background-size: 587px 861px} } @media only screen and (min-width: 350px){ .generic-tooltip p{font-size: 11px} } /* Landscape */ @media only screen and (orientation: landscape) { .rotate{display:block!important;} body, html{overflow: hidden} .page .rotated-tables{position: absolute; left: 0; top: 0; z-index: 12882183128; width: 100%; height: 100%; background: #ffffff; padding: 10px 34px; overflow: auto} .page .rotated-tables h1,footer, header{display: none;} .page table.compare-loans, .page table.ratings{width: 100%; } .page .rotated-tables .small{display: none;} .page .rotated-tables .table-holder .small{display: block} .page table.compare-loans td, .page table.ratings td{font-size: 12px; padding: 14px 12px} } @media only screen and (min-width: 349px){ .slideable .nav-tabs li > a{max-width: 120px; padding: 6px 10px} .slideable.long-content .nav-tabs li{} .slideable.long-content .nav-tabs li > a{} .slideable.long-content .nav-tabs li > a:hover, .slideable.long-content .nav-tabs li.active > a, .slideable.long-content .nav-tabs li > a:focus{max-width: none} } @media only screen and (min-width: 400px){ .slideable.long-content .nav-tabs li > a{} .slideable .nav-tabs li > a{max-width: none} } @media only screen and (max-width: 322px){ .swiper-container.ad .swiper-button-next, .swiper-container.ad .swiper-button-prev{top:9%} .swiper-button-next, .swiper-button-prev{top:18%} } @media only screen and (max-width:450px) and (min-height:200px){ .rotate{display:none!important;} body, html{overflow: auto} .page .rotated-tables h1,footer, header{display: block;} .page .rotated-tables .small{display: block;} .page .rotated-tables .table-holder .small{display: none} } .pageAramaIcerik .pageDescDefault, .pageAramaIcerik .aramaIcerikContainer, .pageAramaIcerik .pageHeaderDefault, .pageAramaIcerik .tableTitleAramaIcerik { display: none; } /* revision 0208 */ .calculating-tools .tab-pane { padding-top: 0px; } .calculating-tools .content > ul{ padding: 10px 0px; } .calculating-tools{ background: #fff; } .calculating-tools .title-row{ margin-bottom: 10px; margin-top: 10px; } .calculating-tools .title-row:first-child{ margin-top: 0px; } .calculating-tools h2{ margin-bottom: 30px; } .picker input{ background:url(/upload/teb_mobile/img/date-icon.png) 95% center no-repeat #f1f1f1 !important; border: 1px solid #e6e6e6 !important; border-top: none !important; } .form-row input::placeholder { color: #c4c4c4; } .form-row span.currency{ border-left: 1px solid #e6e6e6; } .result-row{ border-top:solid 1px #f2f2f2; border-bottom:solid 1px #f2f2f2; color: #07a770; padding: 10px; margin-left: -10px; width: calc(100% + 20px); margin-bottom: 20px; } .title-row small{ font-weight: 300; font-size: 13px; } .cta{ margin-top: 20px; } .row-price{ width: calc(70% - 20px); float: left; } .row-currency{ width: 30%; float: right; } .row-currency .selectwrap:after{ border-left: none; } .static-height{ min-height: 50px; } /* revision 1144 */ .tabbed ul.nav.nav-tabs{display: block;} .tab-content{ padding-top: 20px; } .label-row{ width: 100%; padding-top: 20px; padding-bottom: 20px; } .col-md-4{ width: 32.3%; display: inline-block; padding: 0px; } .label-row .col-md-4{ text-align: center; font-size: 13px; } .label-row .col-md-4 label{ color: #07a770; } .label-row .col-md-4 .readonly-field{ border:solid 1px #e9e9e9; display: block; padding: 5px 3px; font-size: 14px; color: #333; height: 52px; } .label-row .col-md-4 .readonly-field b{ font-weight: normal; margin-left: 5px; margin-right: 5px; } .other-options{ text-align: center; } .other-options a{ margin-left: 10px; margin-right: 10px; } .other-options .seperator{ border-left: solid 1px #ccc; height: 15px; display: inline-block; } .teb-special-menu-001{ background: #ebebeb; padding: 20px 10px; overflow-x: auto; overflow-y: hidden; margin-left: -15px; margin-right: -10px; margin-bottom: 15px; margin-top: -15px; } .teb-special-menu-001 a{ margin-left: 20px; margin-right: 20px; padding-bottom: 5px; color: #a1a1a1; border-bottom: solid 1px #a1a1a1; } .teb-special-menu-001 a:last-child{ margin-right: 0; } .teb-special-menu-001 a.active{ border-color: #616362; font-weight: bold; color: #000 } .fullTextTab{ width: 100%; text-align: center; font-family: "Arial"; font-weight: 500; font-size: 17px; } .fullTextTab span{ font-family: "Arial"; font-weight: bold } .oneLine{margin-bottom: 23px;} .alt-row{font-size: 12px; margin-bottom: 20px; font-family: "Arial"; font-weight: bold; color:#616362; display: block;} .alt-row a{text-decoration: underline; color:#616362;} .form-row.halfInput{width: 47%;display: inline-block;float: left;margin-right: 3%;padding-bottom: 20px;} .title-row.halfTitle{width: 50%; display: inline-block; float: left;} .first-Row, .second-Row{display: none;} .first-Row.active, .second-Row.active{display: block;} .miniTitle-row{padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #f2f2f2; font-size: 13px;} .miniTitle-row span{font-family: "Arial"; font-weight: bold;} .fullLine-row { color:#07a770; margin-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #f2f2f2; font-size: 13px;} input.blackText::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#616362; } input.blackText::-moz-placeholder { /* Firefox 19+ */ color:#616362; } input.blackText:-ms-input-placeholder { /* IE 10+ */ color:#616362; } input.blackText:-moz-placeholder { /* Firefox 18- */ color:#616362; } @media only screen and (max-width: 400px){ .calculating-tools .section li{ margin-left: 15px; margin-right: 15px; } } @media only screen and (max-width: 350px){ .calculating-tools .section li{ margin-left: 6px; margin-right: 5px; font-size: 14px; } } @font-face { font-family: 'bnpp_slab_regular'; src: url('fonts/bnppslabserif-webfont.eot'); src: url('fonts/bnppslabserif-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bnppslabserif-webfont.woff') format('woff'), url('fonts/bnppslabserif-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bnpp_slab_bold'; src: url('fonts/bnppslabserif-bold-webfont.eot'); src: url('fonts/bnppslabserif-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bnppslabserif-bold-webfont.woff') format('woff'), url('fonts/bnppslabserif-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .mobile-internet-menu ul li { list-style: none; } .mobile-internet-menu a { text-decoration: none; } .mobile-internet-menu ul { margin: 0; padding: 0; } .mobile-internet-menu > ul > li { width: 100%; } .mobile-internet-menu > ul > li > span { display: block; width: 100%; height: 100%; text-align: left; background-color: #00854c; padding: 20px 30px; box-sizing: border-box; cursor: pointer; } .mobile-internet-menu > ul > li > ul { display: block; margin-top: -1px; background-color: #fff; padding: 20px; } .mobile-internet-menu > ul > li > ul > li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #00854c; } .mobile-internet-menu > ul > li > ul > li > a { display: block; } .mobile-internet-menu > ul > li > ul > li:last-child { border: 0; padding-bottom: 0; margin-bottom: 0; } .mobile-internet-menu > ul > li > ul > li > ul { margin-top: 5px; } .mobile-internet-menu > ul > li > ul > li > ul > li a { display: block; padding: 5px 15px 5px 35px; background: url(/images/teb/mobil-tr-arrow-icon.png) no-repeat center left; } .mobile-internet-menu .bottom-area { background-color: #f1f1f1; padding: 30px; font-family: 'bnpp_slab_regular'; } .mobile-internet-menu .bottom-area .security { display: flex; text-align: center; align-items: center; justify-content: center; margin-bottom: 30px; } .mobile-internet-menu .bottom-area .security span { text-decoration: underline; } .mobile-internet-menu .bottom-area .security img { width: 14px; margin-right: 10px; } .mobile-internet-menu .bottom-area .call-center { border: 1px solid #00854c; display: flex; width: 100%; border-radius: 5px; align-items: center; margin-bottom: 30px; color: #00854c; } .mobile-internet-menu .bottom-area .call-center .icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #00854c; } .mobile-internet-menu .bottom-area .call-center .icon img { width: 18px; } .mobile-internet-menu .bottom-area .call-center .phone { padding: 10px; text-align: center; width: 100%; } .mobile-internet-menu .bottom-area .social-menu { width: 100%; display: flex; align-items: center; justify-content: space-around; } .mobile-internet-menu .bottom-area .social-menu li { max-width: 22px; display: block; opacity: 1; } .mobile-internet-menu .bottom-area .social-menu li img { width: 22px; } .mobile-internet-menu .bottom-area .social-menu li a { display: block; } .mobile-internet-menu .bottom-area { } .mobile-internet-menu .bottom-area { } #navbar > div > div > #lblBanner2794 > ul.social { display: none; } @media only screen and (min-device-width : 270px) and (max-device-width :290px) { .mobile-internet-menu > ul > li > span { padding: 10px 30px; } .mobile-internet-menu > ul > li > ul > li { margin-bottom: 20px; } .mobile-internet-menu .bottom-area { padding: 7px 30px; } .mobile-internet-menu .bottom-area .security { margin-bottom: 15px; } .mobile-internet-menu .bottom-area .call-center { margin-bottom: 0px; } } @media only screen and (min-device-width : 310px) and (max-device-width : 330px) { .mobile-internet-menu > ul > li > span { padding: 10px 30px; } .mobile-internet-menu > ul > li > ul > li { margin-bottom: 20px; } .mobile-internet-menu .bottom-area { padding: 7px 30px; } .mobile-internet-menu .bottom-area .security { margin-bottom: 15px; } .mobile-internet-menu .bottom-area .call-center { margin-bottom: 0px; } } @media only screen and (min-device-width : 350px) and (max-device-width : 370px) { .mobile-internet-menu > ul > li > span { padding: 10px 30px; } .mobile-internet-menu > ul > li > ul > li { margin-bottom: 20px; } .mobile-internet-menu .bottom-area .security { margin-bottom: 15px; } .mobile-internet-menu .bottom-area .call-center { margin-bottom: 0px; } } @media only screen and (min-device-width : 365px) and (max-device-width : 385px) { .mobile-internet-menu > ul > li > span { padding: 10px 30px; } .mobile-internet-menu > ul > li > ul > li { margin-bottom: 10px; padding-bottom: 10px; } .mobile-internet-menu .bottom-area .security { margin-bottom: 15px; } .mobile-internet-menu .bottom-area .call-center { margin-bottom: 0px; } } @media only screen and (min-device-width : 440px) and (max-device-width : 460px) { .mobile-internet-menu > ul > li > span { padding: 10px 30px; } .mobile-internet-menu > ul > li > ul > li { margin-bottom: 10px; padding-bottom: 10px; } .mobile-internet-menu .bottom-area .security { margin-bottom: 15px; } .mobile-internet-menu .bottom-area .call-center { margin-bottom: 0px; } }