/* Fonts sdsdgsdg*/ @font-face{font-family:'Brandon-Medium';src:url('../fonts/brandon_med-webfont.eot');src:url('../fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_med-webfont.woff') format('woff'), url('../fonts/brandon_med-webfont.ttf') format('truetype');font-weight:normal;font-style:normal} @font-face{font-family:'Brandon-Bold';src:url('../fonts/brandon_bld-webfont.eot');src:url('../fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_bld-webfont.woff') format('woff'), url('../fonts/brandon_bld-webfont.ttf') format('truetype');font-weight:normal;font-style:normal} @font-face{font-family:'Brandon-Regular';src:url('../fonts/brandon_reg-webfont.eot');src:url('../fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_reg-webfont.woff2') format('woff2'), url('../fonts/brandon_reg-webfont.woff') format('woff'), url('../fonts/brandon_reg-webfont.ttf') format('truetype');font-weight:normal;font-style:normal} /*@font-face{ font-family:'Brandon-Light'; src:url('../fonts/brandon_light-webfont.eot'); src:url('../fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_light-webfont.woff2') format('woff2'), url('../fonts/brandon_light-webfont.woff') format('woff'), url('../fonts/brandon_light-webfont.ttf') format('truetype'); font-weight:normal; font-style:normal; }*/ @font-face { font-family:'Brandon-Light'; src: url('../fonts/brandon_light-webfont.eot'); src: url('../fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/brandon_light-webfont.woff') format('woff'), url('../fonts/brandon_light-webfont.ttf') format('truetype'), url('../fonts/brandon_light-webfont.svg#Brandon-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face{font-family:'Proxima-Regular';src:url('../fonts/proximanova-regular-webfont.eot');src:url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular-webfont.woff') format('woff'), url('../fonts/proximanova-regular-webfont.ttf') format('truetype');font-weight:normal;font-style:normal} @font-face{font-family:'Proxima-Bold';src:url('../fonts/proximanova-bold-webfont.eot');src:url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype');font-weight:normal;font-style:normal} /* General */ html, body, header, section, .container{height:100%;min-height:100%;font-family:'Brandon-Light' !important} body{ padding-top:100px;} header, section, .container{position:relative} section{overflow:hidden;} header{min-height:320px;} a:active, a:focus{outline:none !important;text-decoration:none} ul{margin:0;padding:0;list-style-type:none} /* Tabs */ section .tabs{display:block;height:100px;position:relative;z-index:900;margin-bottom:50px;overflow:hidden;} section .tabs ul{margin:0;padding:0} section .tabs li{display:block;height:100px;float:left;box-sizing:border-box;border-bottom:1px solid #cdd0d7} section .tabs li a{display:block;width:100%;height:40px;padding-top:60px;color:#a7aab0;box-sizing:content-box;font-size:1.2em;font-family:'Brandon-Bold';line-height:18px;text-decoration:none} section .tabs li a.active{color:#ff3b41} section .activeLine{display:block;height:1px;background-color:#ff3b41;text-indent:-9999px;position:absolute;left:0;bottom:0} section .tabContent{display:none} section .tabContent.active{display:block} /* Category Tabs */ section .categoryTabs{display:block;height:40px;margin:auto;text-align:center} section .categoryTabs li{display:inline-block;width:118px;height:38px;margin:0 5px;border:1px solid #cdd0d7;text-align:center;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; behavior: url('/js/PIE.htc')} section .categoryTabs li.active{background-color:#ff3b41;border:1px solid #ff3b41} section .categoryTabs li.last{margin-right:0} section .categoryTabs li a{display:block;height:38px;text-align:center;line-height:38px;color:#cdd0d7;font-size:1.8em;font-family:'Brandon-Bold'} section .categoryTabs li.active a{color:#fff} section .categoryContent{display:none} section .categoryContent.active{display:block} section .select-tabs{height:0;overflow:hidden;font-size:11px;line-height:15px;font-weight: bold;} #services .sdSlider .slide,#career .ik-politikasi .sdSlider .slide{cursor:pointer} /* Buttons .btnBack{display:block;width:120px;margin:50px auto 0 auto;background-color:#fff;line-height:40px;color:#2a313c;text-align:center;border-radius:5px;-wekit-border-radius:5px;-moz-border-radius:5px;font-size:14px;font-family:'Brandon-Medium'; } .btnBack:hover{background-color:#ff3b41;color:#fff} */ .btnBack{background:url('/images/kapat-bg.png') no-repeat top left;width:39px; height:39px;position:absolute;top:30px;right:20px;display:block;} .btnBack:hover{background-position:bottom left;} /* kyCarousel */ .px-carousel{overflow:hidden;min-height:480px;min-width:244px} .px-list{position:relative;height:480px;margin-bottom:0} .px-list > li{position:absolute;width:244px;height:440px} .px-list .px-hidden{display:none} .px-list img{max-width:244px;width:100%;pointer-events:none} .px-list-buttons{position:absolute;top:50%;left: -4%;right: -4%;z-index:900} .px-list-buttons > span{display:block;position:absolute;width:30px;height:56px;background:url('../images/icon-sliderBtn.png') no-repeat;opacity:.5;filter:alpha(opacity=50);cursor:pointer} .px-list-buttons > span:hover{opacity:1;filter:alpha(opacity=100)} .px-list-buttons .px-list-button-next{right:0;background-position:right} .px-list-buttons .px-list-button-prev{left:0} .px-list .px-paging-wrapper{position:absolute;bottom:0;left:0;right:0} .px-paging{margin:0;padding:0;text-align:center} .px-paging li{width:20px;height:20px;background:url('../images/icon-sliderBtn2.png') no-repeat;margin:5px 7px;cursor:pointer} .px-paging li.active{background-position:-20px} /* NAVIGATION -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ nav.navbar{color:#fff;background:#181d26} nav.navbar-fixed-bottom{position:absolute;bottom:0} nav.navbar .navbar-header a.logo{display:none} nav.navbar .navbar-header button.navbar-toggle{width:55px;height:50px;margin:0;padding:0 10px !important;background:url('../images/navMobileBar-button.png') no-repeat center center;border-left:1px solid #333;border-radius:0} /* Menu Navigation */ nav .navbar-collapse ul.nav{display:block;width:100%;height:100px} nav .navbar-collapse ul.nav li{width:14.665%;margin:0 1%} nav .navbar-collapse ul.nav li a{display:block;width:100%;height:100px;line-height:100px;padding:0;color:#fff;font-size:16px;text-align:center} @media only screen and (min-width:1025px){ nav .navbar-collapse ul.nav li a:hover, nav .navbar-collapse ul.nav li.active a{color:#ff3b41} nav .navbar-collapse ul.nav li a:hover, nav .navbar-collapse ul.nav li a:focus{background:none !important} } @media only screen and (max-width:1024px){ nav .navbar-collapse ul.nav li a:active, nav .navbar-collapse ul.nav li.active a{color:#ff3b41} nav .navbar-collapse ul.nav li a:active, nav .navbar-collapse ul.nav li a:focus{background:none !important} } nav .navbar-collapse ul.nav li a.logo{margin-right:3%} nav .navbar-collapse ul.nav li.hidden{opacity:0;display:none} nav .navbar-collapse ul.nav li a.logo img{width:100%} .navbar-fixed-top { overflow:hidden;} nav.navbar-fixed-top .navbar-collapse ul.nav li{width:12%} .slider-container{position:relative;} #img-size{height: 31px; width: 32px;} #img-size-nav{height: 31px; width: 32px; text-align: center} /* HEADER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ header{padding-top:100px;/*ul.nav height*/ background:#1c212b no-repeat center top} header h1.logo{display:block;position:relative;left:50%;margin-left:-84px;margin-bottom:80px;top:30px;width:167px;height:58px;background:url('../images/logo.png') no-repeat;opacity:1;filter:alpha(opacity=100)} header h1.logo.before{opacity:0;filter:alpha(opacity=0);top:140px} header p.slogan1, header p.slogan2{margin:30px 0 0 0;color:#ff3b41;font-size:60px;font-family:'Proxima-Bold';opacity:1;filter:alpha(opacity=100)} header p.slogan1.before{opacity:0 !important;filter:alpha(opacity=0) !important;margin:30px 0 0 -300px !important} header p.slogan2.before{opacity:0 !important;filter:alpha(opacity=0) !important;margin:30px 0 0 -500px !important} header a.btn-circle,section a.btn-next{display:block;position:absolute;left:50%;/* half of the width */ text-indent:-9999px;border:none} header a.btn-circle{bottom:150px;width:46px;height:46px;margin-left:-23px;background:url('../images/btn-header.png') no-repeat 0 0;} section a.btn-next{bottom:35px;width:26px;height:26px;margin-left:-13px;background:url('../images/btn-next.png') no-repeat 0 0;} .languages{float: right;} .languages-nav{display: none} .img-language-tr{ margin-top: -10px;} .img-language-tr{ margin-top: 5px;} .img-language-eng {margin-top: 5px;} .img-language-tr-nav{ margin-top: -10px;} .img-language-tr-nav{ margin-top: 5px;} .img-language-eng-nav {margin-top: 5px;} /* ABOUT -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ #about{background:#e5e5e5 no-repeat left bottom;background-size:cover;} #about .tabs ul li, #about .activeLine{width:50%} #about .tabs ul li.left{padding-right:40px} #about .tabs ul li.right{padding-left:40px} /* Sub-Section: Gt-Kimdir */ #about .gt-kimdir{padding-top:6%} #about .gt-kimdir p{margin-bottom:4%;color:#848a94;font-size:23px;text-align:center;} /* Sub-Section: Markalar */ #about .markalar .sdSlider{width:100%;max-width:990px;height:425px} #about .markalar .sdSlider li{width:990px;height:425px;float:left;text-align:center} #about .markalar .markaSlider{position:relative} #about .markalar .markaSlider .marka{background:#FFF;display:inline-block;margin:0 5px;position:relative;margin-bottom:5px;opacity:1;filter:alpha(opacity=100);width:100%} #about .markalar .markaSlider .marka img{width:100%;background:#FFF;padding:0 3%;} #about .markalar .sdSlider .marka img.over{top:0 !important;bottom:auto;z-index:100} #about .markalar .markaSlider .marka:hover img{ } #about .markalar .sdSlider .marka.before{ } /* PRODUCTS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ #products{background:#fff; } #products .container{} #products .px-carousel ul li .img-container{ width:100%;height:100%;max-height:420px;overflow:hidden;} #products .px-carousel ul li img{margin-bottom:10px} #products .px-carousel ul li span{display:block;font-size:17px;font-family:'Proxima-Regular';text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 20px; /* fallback */ height: 65px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;} /* SERVICES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ #services{background:#2a303c no-repeat center top;background-size:cover;overflow:hidden;} #products .sliderTab,#services .sliderTab{height:100px;box-sizing:border-box;border-bottom:1px solid #D7D7D7;margin-bottom:70px;} #products .sliderTab span,#services .sliderTab span{display:block;width:40%;height:40px;margin:0 auto;padding-top:60px;box-sizing:content-box;border-bottom:1px solid #f4f7f8;line-height:40px;color:#f4f7f8;text-align:center;position:relative;bottom:0;font-size:1.2em;font-family:'Brandon-Bold'} #products .sliderTab span{color:#ff3b41;border-color:#ff3b41;height:39px;} #services .sdSlider, #career .ik-politikasi .sdSlider{width:100%;max-width:990px;height:560px;position:absolute;top:100px;left:0;opacity:0;filter:alpha(opacity=0)} #services .sdSlider.close, #career .ik-politikasi .sdSlider.close{position:absolute;top:-400px;left:0;opacity:0!important;filter:alpha(opacity=0)!important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)!important";} #services .sdSlider li, #career .ik-politikasi .sdSlider li{padding-top:70px;float:left} #services .sdSlider li > div, #career .ik-politikasi .sdSlider li > div{display:block;width:95%;height:80px;margin-bottom:50px;float:left} #services .sdSlider li > div.before, #career .ik-politikasi .sdSlider li > div.before{margin-top:20px} #services .sdSlider li > div.after, #career .ik-politikasi .sdSlider li > div.after{margin-top:0;overflow: hidden;} #services .sdSlider li > div img, #career .ik-politikasi .sdSlider li > div img{width:80px;height:80px;margin-right:20px;float:left;vertical-align:middle} .label-item{display:table; color:#f4f7f8; height:80px; font-size:18px;text-align:left; padding-right: 10px;word-wrap: break-word; overflow: hidden;} .label-item span{ vertical-align: middle; display: table-cell; } #services .detailPage, #career .detailPage{padding:30px 20px 0 20px;position:absolute;top:780px;left:0;opacity:0;filter:alpha(opacity=0);width:100%} #services .detailPage.open, #career .detailPage.open{position:absolute;top:100px;left:0;opacity:1;filter:alpha(opacity=100)} #services .detailPage h3, #career .detailPage h3{color:#fff;font-size:22px;text-align:center;margin-bottom:30px} #services .detailContent p, #career .detailPage p{margin-bottom:30px;line-height:22px;color:#fff;text-align:center;font-size:20px} #services .sdSlider .owl-item li { width:100%;} /* TECHNOLOGY -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ #technology{background:#f4f7f8 no-repeat left bottom;background-size:cover;} #technology .tabs{margin-bottom:20px} #technology .tabs ul li, #technology .activeLine{width:33.33%} #technology .tabs ul li.left{padding-right:40px} #technology .tabs ul li.right{padding-left:40px} /* Sub-Section: Sistem */ #technology .sistem{width:100%;max-width:990px;height:500px;position:relative} #technology .sistem .sdSlider{width:100%;max-width:990px;height:500px} #technology .sistem .sdSlider li{width:100%;height:500px;float:left;position:relative} #technology .sistem .owlNav{ margin-top: -26px;} #technology .sistem .sdSlider .object{width:370px;height:350px;margin-top:-175px;background-size:70% !important;position:absolute;top:50%;right:55%;margin-right: 10px;} #technology .sistem .sdSlider p{display:block;width:500px;color:#898e99;font-size:28px !important;position:absolute;top:50%;left:45%; padding-right: 55px;} /* Sub-Section: Yazılım */ #technology .yazilim{width:100%;max-width:990px;height:580px;padding-top:50px} #technology .yazilim .sdSlider{width:100%;max-width:990px;height:530px} #technology .yazilim .sdSlider .yazilim-sub{padding:10px} #technology .yazilim .sdSlider .yazilim-sub.before{margin-top:15px;opacity:0;filter:alpha(opacity=0)} #technology .yazilim .sdSlider .yazilim-sub.after{margin-top:0;opacity:1;filter:alpha(opacity=100)} #technology .yazilim .sdSlider .yazilim-sub:hover{} #technology .yazilim .sdSlider .yazilim-sub img{width:100%;padding:5%} #technology .yazilim .sdSlider .yazilim-sub a.hover{} #technology .yazilim .sdSlider .yazilim-sub:hover img{} #technology .yazilim .sdSlider .yazilim-sub:hover a.hover{opacity:1 !important;filter:alpha(opacity=100) !important} /* Sub-Section: Altyapı */ #technology .altyapi{width:100%;max-width:990px;height:350px;position:relative;padding-top:50px} #technology .altyapi .sdSlider{width:65%;height:185px;margin: 0 auto;} #technology .altyapi .sdSlider .altyapi-sub{padding:10px;text-align:center;} #technology .altyapi .sdSlider .altyapi-sub.before{margin-top:15px;} #technology .altyapi .sdSlider .altyapi-sub.after{margin-top:0;} #technology .altyapi .sdSlider .altyapi-sub:hover{} #technology .altyapi .sdSlider .altyapi-sub img{padding:5%;max-width:160px;} #technology .altyapi .sdSlider .altyapi-sub a.hover{} #technology .altyapi .sdSlider .altyapi-sub:hover > img{} #technology .altyapi .sdSlider .altyapi-sub:hover > a.hover{} /* CAREER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /*#career{height:auto;min-height:auto} firefox, IE'de soruna sebep oluyor */ #career{background:url('../images/bg/section.career.jpg') #7b8390 no-repeat center bottom;background-size:cover;overflow:hidden;} #career .tabs{margin-bottom:0} #career .tabs li{border-bottom:1px solid #a5adba} #career .tabs li, #career .activeLine{width:20% /* 100% / tab count */} #career .tabs li a{color:#a6adba} #career .tabs li a.active{color:#fff} #career .tabs li.left{padding-right:40px} #career .tabs li.right{padding-left:40px} #career .activeLine{background:#fff !important} #career .categoryTabs li a{color:#a5adba} #career .categoryTabs li.active{background-color:#fff} #career .categoryTabs li.active a{color:#8a919c} #career .sdSlider .owl-controls .owl-page span{background:url('../images/icon-sliderBtn2-white.png') no-repeat ;background-position:left 0} /* Sub-Section: GT Kariyer */ #career .gt-kariyer{padding-top:6%;margin-top:50px} #career .gt-kariyer p{margin-bottom:4%;color:#fff;font-size:23px;text-align:center; font-family:'Brandon-Light';} /* Sub-Section: Gt-Kimdir */ #career .acik-pozisyonlar{width:100%; height: 490px; position:absolute;left:0; max-height: 490px;} #career .acik-pozisyonlar li:hover{background:url('../images/transparent-gray-bg.png');background:rgba(220,220,220,0.4)} /* #career .acik-pozisyonlar li:first-child table{border-top:1px dashed #fff}*/ #career .acik-pozisyonlar li table{width:100%;max-width:990px;border:0;border-bottom:1px dashed #fff;border-spacing:0} #career .acik-pozisyonlar li table td{height:96px;color:#fff;text-align:center;line-height:96px;font-size:18px;font-family:'Brandon-Bold';padding:0 5px} #career .acik-pozisyonlar li table td.tarih{width:12%} #career .acik-pozisyonlar li table td.sehir{width:12%} #career .acik-pozisyonlar li table td.pozisyon{font-size:24px;font-family:'Brandon-Light'} #career .acik-pozisyonlar li table td.icon{width:8%} #career .acik-pozisyonlar li table td.icon a{display:block;width:100%;height:100%;background:url('../images/icon-arrow-white.png') no-repeat center center} /* Sub-Section: Gt-Kimdir */ #career .gtde-hayat{height:540px;padding-top:40px} #career .gtde-hayat .categoryTabs li{width:198px;border:1px solid #a5adba} #career .gtde-hayat .categoryContent p{margin-top:40px;color:#fff;text-align:center;line-height:25px; font-family:'Brandon-Light'; font-size: 16px!important; line-height: 20px;} #career .gtde-hayat .sdSlider{width:100%;max-width:990px;padding-top:10px} #career .gtde-hayat .sdSlider .slide{width:100%;height:100%;padding:0 3px;overflow:hidden} #career .gtde-hayat .sdSlider .owl-controls{margin-top:20px !important} #career .gtde-hayat .sdSlider .slide img{width:100%;} .detail-back{width: 160px;border: 1px solid #a5adba;background-color: #fff;height: 38px;text-align: center; border-radius: 20px;margin: auto;} .detail-back-a{font-size: 14px;font-weight: bold;color: #8a919c;font-family: 'Brandon-Medium' !important;line-height: 36px;} .detail-back-ik{font-size: 14px;font-weight: bold;color: #8a919c;font-family: 'Brandon-Medium' !important;line-height: 36px;} /* Sub-Section: Organizasyon Yapısı */ #career .organizasyon-yapisi{padding-top:40px} #career .organizasyon-yapisi .categoryTabs li{width:168px;border:1px solid #a5adba} #career .organizasyon-yapisi .categoryContent{margin-top:50px} #career .organizasyon-yapisi .categoryContent p{color:#fff;text-align:center;min-height:25px;} #career .organizasyon-yapisi .sdSlider{width:100%;max-width:990px;height:350px} #career .organizasyon-yapisi .sdSlider > .pie{display:none} #career .organizasyon-yapisi .sdSlider li{padding-top:80px;text-align:center;float:left} #career .organizasyon-yapisi .sdSlider .pie{display:inline-block;width:180px;height:110px;margin:0 11px;position:relative} #career .organizasyon-yapisi .sdSlider .pie .fill{width:140px;height:140px;border:20px solid #f4f7f8;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; position:absolute;top:0;left:0;z-index:10} #career .organizasyon-yapisi .sdSlider .pie .fill span{width:140px;height:140px;border:20px solid #ff3b41;border-radius:50%;position:absolute;top:-20px;left:-20px} #career .organizasyon-yapisi .sdSlider .pie .fill.left{clip:rect(0,90px,180px,0);z-index:20} #career .organizasyon-yapisi .sdSlider .pie .fill.left span{clip:rect(0,90px,180px,0);transform:rotate(-180deg)} #career .organizasyon-yapisi .sdSlider .pie .fill.right{clip:rect(0,180px,180px,90px);z-index:30} #career .organizasyon-yapisi .sdSlider .pie .fill.right span{clip:rect(0,180px,180px,90px);transform:rotate(-180deg)} #career .organizasyon-yapisi .sdSlider .pie span.value{display:block;color:#fff;width:180px;height:28px;line-height:28px;position:absolute;top:75px} #career .organizasyon-yapisi .sdSlider .pie label{display:block;color:#fff;width:180px;height:22px;line-height:22px;position:absolute;top:107px} #career .organizasyon-yapisi .sdSlider .pie span.title{display:block;width:180px;color:#fff;position:absolute;top:210px} #career .organizasyon-yapisi .sdSlider .owl-item{min-height:280px;text-align:center;} #career .organizasyon-yapisi .mobile .sdSlider .pie{display:inline-block; margin:0 11px;border-radius:50%;-wekit-border-radius:50%;-moz-border-radius:50%;position:relative;} #career .organizasyon-yapisi .mobile .sdSlider .pie canvas{position:absolute;top:0px;left:0px} #career .organizasyon-yapisi .mobile .sdSlider .pie span.value{left:0px} #career .organizasyon-yapisi .mobile .sdSlider .pie label{left:0px} #career .organizasyon-yapisi .mobile .sdSlider .pie span.title{top:190px;left:0px} /* CONTACT -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ #contact{color:#9196a0;background:#2a313c;padding-top:10px} #contact .row-fluid, #map{height:55%} #contact .container{font-size:2.7em;padding-top:20px} #contact .container div{padding:10px 10px;font-size:32px} #contact .container .row span, #contact .container .row a{color:#9196a0;text-decoration:none} #contact .container .row a:hover{color:#fff;text-decoration:none} #contact .container .row .title{color:#ff3b41} #map{position:absolute;bottom:0px;width:100%;height:55% !important;background:#8799A7} #map .pin{width:46px;height:60px;margin-left:-23px;position:absolute;top:-90px;left:50%} #map .pin img{width:100%} #map .arrow{width:22px;height:10px;margin-left:-11px;background:url('../images/arrow-down-darkgray.png') no-repeat 0 0;position:absolute;top:-1px;left:50%;z-index:300} #map_canvas{width:100%;height:100%} #map_canvas .info-box{width:300px;background:#fff;font-size:11px; height: 68px;} #map_canvas .row{margin:0 !important} #map_canvas .info-box span.title{font-family:Arial;font-size:1em;font-weight:bold;color:#dd141b} #map_canvas .info-box b{color:#ed1c24} /* Back to top */ #back-top{ cursor:pointer; position: fixed; bottom: 0; right: 0; background-color: #181D26; background-color: rgba(24, 29, 38, 0.7); background-image: url(../images/btn-up.png); background-position: center center; background-repeat: no-repeat; border-top-left-radius: 6px; font-size: 17px; width:52px; height:52px; font-weight: bold; text-align: center; padding: 12px 55px 3px 15px; color:#ff3b41; } #back-top.ontop{ opacity:0; display:none; } /* FOOTER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ footer{height:150px;background-color:#1c212b} footer .container{position:relative;color:#747983;font-size:1em;font-family:'Brandon-Light'} footer .copyright {float: left; height: 150px;width: 600px;} .footer-copy-text {padding-top: 67px;} footer .logo{display:none;float:left;min-width:120px;height:150px;margin-right:20px;background:url('../images/logo-footer.png') no-repeat left center} footer .right{position:absolute;right:0;top:50%;margin-top:-15px} footer .legal{display: none} footer a.legal{float:left;line-height:30px;margin-right:5px;color:#747983} footer a.legal:hover{text-decoration:none;color:#fff} footer a.social{display:block;float:left;margin-left:10px;width:30px;height:30px;text-indent:-9999px;background:url('../images/icon-social.png') no-repeat} .footer-social{float: right;} footer a.social:hover{opacity:.9;filter:alpha(opacity=90)} footer a.facebook{background-position:0 0} footer a.twitter{background-position:0 -30px} footer a.linkedin{background-position:0 -60px} /*26.10.2015*/ #refresh-page { background:none; padding:0;} #refresh-page #contact { padding-top:0px; background:#fff;} #refresh-page #contact h1.logo{display:block;position:relative;left:50%;margin-left:-84px;margin-bottom:30px;top:30px;width:167px;height:58px;background:url('../images/alternateLogo.png') no-repeat;opacity:1;filter:alpha(opacity=100)} #refresh-page footer { background:#fff;} #refresh-page #contact .container .row .title {} #refresh-page #contact .container .row.head .title { font-size:60px; font-weight:bold;} #refresh-page #contact .container div { padding:10px;} #refresh-page footer .logo { background:url('../images/logo-footer-alternate.png') left center no-repeat;} #refresh-page footer a.social {background-image:url('../images/icon-social-alternate.png');} @media only screen and (max-width: 767px){ #refresh-page #contact .container .row.head .title { font-size:40px;} #technology .altyapi .sdSlider .altyapi-sub img { width: 120%; padding: 0;} } @media only screen and (max-width: 480px){ #refresh-page #contact h1.logo { top:0; margin-bottom:0px;} #refresh-page #contact .container div { padding:5px 10px;} #refresh-page #contact .container .row.head .title { font-size:30px; line-height:34px;} }