.cerceve{max-width:1100px;position:relative;width:100%;margin:0 auto;padding: 0 15px;box-sizing:border-box;}div[class*="sutun-"],div[class*="bosluk-"]{position:relative;float:left;box-sizing:border-box} @media (min-width: 550px) {div[class*="sutun-"]{margin-left:4%}div[class*="sutun-"]:first-child{margin-left:0}.sutun-1{width:4.66666666667%}.sutun-2{width:13.3333333333%}.sutun-3{width:22%}.sutun-4{width:30.6666666667%}.sutun-5{width:39.3333333333%}.sutun-6{width:48%}.sutun-7{width:56.6666666667%}.sutun-8{width:65.3333333333%}.sutun-9{width:74%}.sutun-10{width:82.6666666667%}.sutun-11{width:91.3333333333%}.sutun-12{width:100%;margin-left:0}.sutun-3-1{width:30.6666666667%}.sutun-3-2{width:65.3333333333%}.sutun-2-1{width:48%}.bosluk-1{margin-left:8.66666666667%}.bosluk-2{margin-left:17.3333333333%}.bosluk-3{margin-left:26%}.bosluk-4{margin-left:34.6666666667%}.bosluk-5{margin-left:43.3333333333%}.bosluk-6{margin-left:52%}.bosluk-7{margin-left:60.6666666667%}.bosluk-8{margin-left:69.3333333333%}.bosluk-9{margin-left:78%}.bosluk-10{margin-left:86.6666666667%}.bosluk-11{margin-left:95.3333333333%}.bosluk-3-1{margin-left:34.6666666667%}.bosluk-3-2{margin-left:69.3333333333%}.bosluk-2-1{margin-left:52%}} @media (max-width: 549px) {div[class*="sutun-"]{width:100%;}.mobil-2-1 div[class*="sutun-"]{width:48%;margin-left:4%;}.mobil-2-1 div[class*="sutun-"]:nth-child(2n+1){margin-left:0;}.mobil-3-1 div[class*="sutun-"]{width:30.6666666667%;margin-left:4%;}.mobil-3-1 div[class*="sutun-"]:nth-child(3n+1){margin-left:0;}} html{font-size:62.5%} body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#222;background-color: #fff;padding: 0;margin: 0;} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;} p{margin-top:0} a{color:#1EAEDB;text-decoration:none;} a:focus,a:hover{color:#0FA0CE} .button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box} .button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{color:#333;border-color:#888;outline:0} .button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0} .button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB} input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{height:38px;padding:6px;background-color:#fff;border:1px solid #D1D1D1;box-shadow:none;box-sizing:border-box;} input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none} textarea{min-height:65px;padding-top:6px;padding-bottom:6px} input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border:1px solid #33C3F0;outline:0} label,legend{display:block;margin-bottom:.5rem;font-weight:600} fieldset{padding:0;border-width:0} input[type="checkbox"],input[type="radio"]{display:inline} label > .label-body{display:inline-block;margin-left:.5rem;font-weight:400} ol,ul{padding-left:0;margin-top:0;list-style:none;} ul ul,ul ol,ol ol,ol ul{} th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1} th:first-child,td:first-child{padding-left:0} th:last-child,td:last-child{padding-right:0} .kgaleri:after, .bilesen .bilesenic:after, .bilesen form:after, .kucukresimler:after, .cerceve:after,.satir:after{content:"";display:table;clear:both} img{max-width:100%;height:auto;} ul{margin:0;} /*Stiller*/ form input, form select, form textarea{ -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } input, textarea, select, .hizliform, .yanbarackapa, .urunlerlistesi .urunkutusu a:after, #ortakisim fieldset, .secilenfiltreler .secilenfiltre, .zamankutusu .cd-timeline-content, .zamankutusu .cd-timeline-content .cd-read-more, .mobilmenuackapa, #uretimlerimiz .altigenkutu, iframe, img, .resimcerceve, #kalitebelgeleri .kalitebel, #ortakisim .yanbar, #ortakisim .yanbar_2, #ustkisim .anamenu ul.gorunenmenu>li>a, #ustkisim .anamenu ul.gorunenmenu>li>ul, #arama form input[type="submit"], .yuvarla_YYYY{border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;} .yuvarla_00YY{border-radius:0 0 1px 1px;-moz-border-radius:0 0 1px 1px;-webkit-border-radius:0 0 1px 1px;} .yuvarla_000Y{border-radius:0 0 0 1px;-moz-border-radius:0 0 0 1px;-webkit-border-radius:0 0 0 1px;} .yuvarla_YY00{border-radius:1px 1px 0 0;-moz-border-radius:1px 1px 0 0;-webkit-border-radius:1px 1px 0 0;} .yuvarla_YY00{border-radius:1px 0 0 0;-moz-border-radius:1px 0 0 0;-webkit-border-radius:1px 0 0 0;} .yuvarla_0YYY{border-radius:0 1px 1px 1px;-moz-border-radius:0 1px 1px 1px;-webkit-border-radius:0 1px 1px 1px;} .yuvarla_Y00Y{border-radius:1px 0 0 1px;-moz-border-radius:1px 0 0 1px;-webkit-border-radius:1px 0 0 1px;} .yuvarla_0YY0{border-radius:0 1px 1px 0;-moz-border-radius:0 1px 1px 0;-webkit-border-radius:0 1px 1px 0;} .yuvarla_YYY0{border-radius:1px 1px 1px 0 ;-moz-border-radius:1px 1px 1px 0 ;-webkit-border-radius:1px 1px 1px 0 ;} .yuvarla_00Y0{border-radius:0 0 1px 0 ;-moz-border-radius:0 0 1px 0 ;-webkit-border-radius:0 0 1px 0 ;} .yuvarla_0000{border-radius:0 ;-moz-border-radius:0 ;-webkit-border-radius:0 ;} #slayt .owl-controls .owl-nav>div, .yuvarla_YYYY_full{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .gecisli_1{ background: -webkit-linear-gradient(0deg, #0095C4 10%, #1eaedb 90%); background: -moz-linear-gradient(0deg, #0095C4 10%, #1eaedb 90%); background: -ms-linear-gradient(0deg, #0095C4 10%, #1eaedb 90%); background: -o-linear-gradient(0deg, #0095C4 10%, #1eaedb 90%); background: linear-gradient(0deg, #0095C4 10%, #1eaedb 90%); } body.icsayfa{padding-top: 140px;} .mobilmenuackapa{display:none;} #anamenu{position: relative;z-index: 9;} #anamenu ul{} #anamenu ul li{display: inline-block;position:relative;} #anamenu ul li a{} #anamenu ul li.altmenulu a{} #anamenu ul li.altmenulu ul{display:none;position:absolute;} #anamenu ul li.altmenulu:hover ul{display:block;} #anamenu ul li.altmenulu:hover ul li{display:block;} #anamenu ul li.altmenulu:hover ul li a{} #anamenu ul li.altmenulu:hover ul li:hover a{} #anamenu ul li.altmenulu:hover ul li.altmenulu ul{display:none;left: 100%;top: 0;} #anamenu ul li.altmenulu:hover ul li.altmenulu:hover ul{display:block;} .mm-menu.mm-theme-mobilmenu{} .mm-menu.mm-theme-mobilmenu .mm-navbar-bottom{} .mm-menu.mm-theme-mobilmenu .mm-navbar-top{} .mm-menu.mm-theme-mobilmenu .mm-navbar-top .mm-btn{} .mm-menu.mm-theme-mobilmenu .mm-navbar-top .mm-title{} .mm-menu.mm-theme-mobilmenu .mm-panels{} .mm-menu.mm-theme-mobilmenu .mm-panels ul.mm-listview{} .mm-menu.mm-theme-mobilmenu .mm-panels ul.mm-listview li{} .mm-menu.mm-theme-mobilmenu .mm-panels ul.mm-listview li a{} .mm-menu.mm-theme-mobilmenu .mm-panels ul.mm-listview li a.mm-next{} .tablar{} .tablar .tablinkler{padding: 5px 5px 0 5px;background: #8C8C8C;} .tablar .tablinkler .tablink{display: inline-block;padding: 5px 10px;font-size: 16px;cursor: pointer;background: #ccc;} .tablar .tablinkler .tablink:hover, .tablar .tablinkler .tablink.aktif{background: #fff;} .tablar .tabicerikler{padding: 13px;border: 1px solid #D8D8D8;border-top: 0;} .tablar .tabicerikler .tabicerik{} .tablar .tabicerikler .tabicerik:hover, .tablar .tabicerikler .tabicerik.aktif{} .filtreler{} .filtreler .filtrelinkler{padding: 5px 5px 0 5px;background: #8C8C8C;} .filtreler .filtrelinkler .filtrelink{display: inline-block;padding: 5px 10px;font-size: 16px;cursor: pointer;background: #ccc;} .filtreler .filtrelinkler .filtrelink:hover, .filtreler .filtrelinkler .filtrelink.aktif{background: #fff;} .filtreler .filtreicerikler{padding: 13px;border: 1px solid #D8D8D8;border-top: 0;} .filtreler .filtreicerikler .filtreicerik{} .filtreler .filtreicerikler .filtreicerik:hover, .filtreler .filtreicerikler .filtreicerik.aktif{} #ustkisim{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: fixed;z-index: 4;width: 100%;top:0;padding: 40px 0px 0px 0px;background: #fff url(../images/ustbg.png)repeat-x top center;background-size: auto 100%; box-shadow: 4px 0px 4px rgba(0,0,0,0.3); } #ustkisim.smaller{ padding: 0px; } #ustkisim .logo{ margin: 0px; padding: 0px; line-height: 0px; } #ustkisim .logo a img{ line-height: 0px !important; margin: 0px !important; padding: 0px !important; } #ustkisim .anamenu{padding: 21px 0;position: relative;z-index: 2;} #ustkisim .anamenu ul.gorunenmenu{text-align: right;margin: 0;} #ustkisim .anamenu ul.gorunenmenu>li{display: inline-block;margin: 0 0 5px 5px;position: relative; cursor: pointer;} #ustkisim .anamenu ul.gorunenmenu>li>a{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 16px;font-weight: bold;display: block;padding: 5px 4px;color:#486078;} #ustkisim .anamenu ul.gorunenmenu>li.aktif>a, #ustkisim .anamenu ul.gorunenmenu>li:hover>a{background: #486078;color: #fff;} #ustkisim .anamenu ul.gorunenmenu>li>ul{display:none;position: absolute;background: #486078;min-width: 160px;text-align: left;padding: 5px 0;} #ustkisim .anamenu ul.gorunenmenu>li.aktif>ul{} #ustkisim .anamenu ul.gorunenmenu>li>ul>li{} #ustkisim .anamenu ul.gorunenmenu>li>ul>li>a{display: block;color: #fff;padding: 5px 10px;} #ustkisim .anamenu ul.gorunenmenu>li>ul>li:hover>a{ background: #ff4800;color: #fff; } #ustkisim .anamenu ul.gorunenmenu li.aktif ul li ul, #ustkisim .anamenu ul.gorunenmenu li ul li ul{position: absolute;left: 100%; margin-top: -34px; display: none; min-width: 160px;} #ustkisim .anamenu ul.gorunenmenu li ul li ul li{} #ustkisim .anamenu ul.gorunenmenu li ul li:hover ul, #ustkisim .anamenu ul.gorunenmenu li ul li.aktif ul{display:block;} #ustkisim .anamenu ul.gorunenmenu li ul li ul li a{display: block;background: #486078; color: #fff;padding: 5px 10px;} #ustkisim .anamenu ul.gorunenmenu li ul li ul li.aktif a, #ustkisim .anamenu ul.gorunenmenu li ul li ul li:hover a{background: #ff4800; color: #fff;} .icsayfa > #ustkisim{ box-shadow: 0px 0px 0px !important; } .ustmenu{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute;right: 25px;top: -30px;z-index: 4;} .smaller .ustmenu{top: -20px; display: none !important;} .ustmenu ul{ float: right; } .ustmenu ul li{color: #18334d;display: inline-block;margin-right: 20px;position: relative;} .ustmenu ul li a{color: #18334d;} .ustmenu ul li a i{ } .ustmenu ul li:hover a{color: #ff4800;} .ustmenu ul li ul{display: none;position: absolute;left: -10px;} .ustmenu ul li:hover ul{display: block;} .ustmenu ul li ul li{margin: 0;} .ustmenu ul li ul li a{color: #fff;} .ustmenu ul li:hover ul li a{color: #fff;} .ustmenu ul li:hover ul li:hover a{color: #ff4800;} .ustmenu ul li.altmenulu ul{background: #18334d;padding: 5px 10px;} .ustmenu ul li.flags{margin: 3px;} .ustmenu .tarihce{padding: 0;background: url(../images/tarihce.png) no-repeat;height: 48px;min-width: 234px;box-sizing: content-box;float: left;text-indent: -999999px;position: relative;margin: 7px 10px 0 0;top: -9px;} .ustmenu .tarihce a{ color: #fff; font-size: 14px; display: block; text-shadow: 1px 1px 0px #780606; height: 48px;min-width: 234px;} #slayt{background: #f6fbff;line-height: 0;position: relative;padding-top: 5%;} #slayt .slaytlar .slayt{} #slayt .slaytlar .slayt .slaytic{} #slayt .slaytlar .slayt .slaytic .baslik{position: absolute;z-index: 1;margin: 0 auto;top: 50px;display: block;padding: 20px 20px 20px 20px;box-sizing: border-box;width: 50%;color: #fff;text-shadow: 2px 1px 1px #000;/* text-align: center; */background: rgba(4, 50, 85, 0.36);} #slayt .slaytlar .slayt .slaytic .baslik h2{margin: 0 auto 0;font-size: 25px;letter-spacing: 0;} #slayt .slaytlar .slayt .slaytic .baslik h4{margin-bottom: 10px;font-size: 16px;letter-spacing: 0;} #slayt .slaytlar .slayt .slaytic .baslik a.link{display: inline-block;background: #ff4800;font-size: 14px;line-height: 18px;padding: 5px 10px;text-shadow: none;color: #fff;} #slayt .slaytlar .slayt img{width:100%;position:relative;} #slayt .owl-controls{margin: 0;} #slayt .owl-controls .owl-nav{} #slayt .owl-controls .owl-nav>div{position: absolute;top: 50%;font-size: 30px;margin: -55px 0 0 0;width: 40px;height: 40px;box-sizing: border-box;background: #486078;line-height: 0;cursor: pointer;} #slayt .owl-controls .owl-nav .owl-prev{left: 15px;} #slayt .owl-controls .owl-nav .owl-next{right: 15px;} #slayt .owl-controls .owl-dots{position: absolute;margin: 0;bottom: 10px;z-index: 1;width: 100%;} #slayt .owl-controls .owl-dots .owl-dot{margin: 5px;} #slayt .owl-controls .owl-dots .owl-dot span{margin: 0;width: 20px;height: 20px;background: #ff4800;} #slayt .owl-controls .owl-dots .owl-dot:hover span, #slayt .owl-controls .owl-dots .owl-dot.active span{background: #486078;} #hakkimizda{background:#fff;padding: 40px 0;} #hakkimizda h4{color: #18334d;font-size: 28px;} #hakkimizda p{font-size: 16px;color: #18334d;line-height: 26px;} #hakkimizda .kgaleri{} #hakkimizda .kgaleri .kresim{float: left;width: 25%;padding: 0 1% 8px 1%;box-sizing: border-box;display: block;line-height: 0;} #hakkimizda .kgaleri .kresim:first-child{width: 50%;} #hakkimizda .kgaleri .kresim img{} #ozet{background:#18334d;padding: 40px 0;} #ozet .ozet{position:relative;width: 290px;height: 100px;box-sizing: border-box;display: table-cell;vertical-align: middle;text-align: center;max-width: 100%;max-height: 100%; border-radius:5px; } #ozet .ozet .baslik{font-size: 32px;color: #fff;line-height: 22px;font-weight: 500;display: block;} #ozet .ozet .baslik span{font-size: 14px;display: block;font-weight: 500; padding-top: 2px; margin-top: 4px; } #ozet .ozet .baslik b{ font-weight: 500; } #ozet .ozet p{margin: 0;color: #fff;font-size: 14px;font-style: italic;} #fefco{background:#ffffff;padding: 80px 0;} #fefco .baslik{text-align: center;margin-bottom: 40px;font-size: 26px;color: #18334d;font-weight: lighter;} #fefco .baslik h3{} #fefco .resimlikutu{text-align: center;} #fefco .resimlikutu a{display: block;line-height: 0;} #fefco .resimlikutu .resimcerceve{border: 1px solid #ebebeb;margin-bottom: 15px;} #fefco .resimlikutu img{} #fefco .resimlikutu h5{font-size: 16px;line-height: 18px;font-weight: normal;color: #18334d;} #uretimlerimiz{background: #ededed;padding: 40px 0;position:relative;z-index:2;} #uretimlerimiz .baslik{text-align: center;margin-bottom: 40px;font-size: 26px;color: #18334d;font-weight: lighter;} #uretimlerimiz .altigenkutu{position: relative;background: #fff;margin-bottom: 20px;text-align: center;padding: 5px 10px;cursor: pointer; border-radius:4px; border:1px solid #ddd;} #uretimlerimiz .altigenkutu .icerik{display:none;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(237, 237, 237, 0.91);box-sizing: border-box;padding: 30% 10%;text-align: center;font-size: 20px;color: #18334d;} #uretimlerimiz .altigenkutu:hover .icerik{display:block;} #uretimlerimiz .altigenkutu .icerik h6{} #uretimlerimiz .altigenkutu img{ padding: 10px 0px; background: #fff; width: 100%; } #uretimlerimiz .altigenkutu h4{ background: #fff; border:1px solid #ddd; display: inline-block; padding: 15px 10px; border-radius: 50%; position: absolute; left: -20px; top: 26%; } #uretimlerimiz .altigenkutu:hover a:after{content:"Detay";z-index:1;position:absolute;top:50%;left:50%;display:block;background: #18334d;color: #fff;font-size: 16px;line-height: 28px;padding: 0 10px;box-sizing: border-box;margin: -10px 0 0 -30px;} #uretimlerimiz .altigenkutu:hover img{ filter: blur(2px) opacity(.7); webkit-filter: blur(2px) opacity(.7); -moz-filter: blur(2px) opacity(.7); -o-filter: blur(2px) opacity(.7); -ms-filter: blur(2px) opacity(.7); } #referanslar{background: #ededed;padding: 40px 0px 50px 0px;position:relative;z-index:2;} #referanslar .baslik{text-align: center;margin-bottom: 40px;font-size: 26px;color: #18334d;font-weight: lighter;} #referanslar img{ background: #fff; width: 100%; padding:0px; border-radius:4px; border:1px solid #ddd; } #referanslar .slaytkontrol{} #referanslar .slaytoklar{position: absolute;top:20%;font-size: 45px;width: 100%;color: #666;} #referanslar .slaytoklar .l{right:-20px;position: absolute;cursor:pointer;} #referanslar .slaytoklar .s{left:-20px;position: absolute;cursor:pointer;} #kalitebelgeleri{background:#4b647e;padding: 80px 0;} #kalitebelgeleri .baslik{text-align: center;margin-bottom: 40px;font-size: 26px;color: #ffffff;font-weight: lighter;} #kalitebelgeleri .kalitebel{padding: 3px;background: #fff;box-shadow: 3px 3px 3px #314f6e;} #kalitebelgeleri .kalitebel a{display: block;line-height: 0;} #kalitebelgeleri .kalitebel a img{} #iletisim{background:#18334d;padding: 40px 0 10px 0;position:relative; } .bilesen{margin-bottom: 20px;} .yanbar .bilesen:last-child{margin-bottom: 0;} #ortakisim .bilesen .baslik{color: #18334d;font-size: 18px;border-bottom: 1px solid #ccc;padding: 0 0 10px 0;margin: 0 0 10px 0;} #iletisim .bilesen .baslik{color: #ffffff;font-size: 15px;margin-bottom: 20px;} .bilesen .bilesenic{} .bilesen .bilesenic iframe{max-width: 100%;width: 100%;height: 130px;margin-bottom: 10px;padding: 5px;box-sizing: border-box;background: #fff;} .bilesen .bilesenic img{} .bilesen .bilesenic p{color: #fff;margin-bottom: 10px;line-height: 18px;font-size: 14px;} .bilesen .bilesenic ul{} .bilesen .bilesenic ul li{color: #000;margin-bottom: 10px;line-height: 18px;font-size: 14px;position: relative;} #iletisim .bilesen .bilesenic ul li a{color: #fff;} #ortakisim .bilesen .bilesenic ul li a{color: #000;display: block;} #ortakisim .bilesen .bilesenic ul li:hover a{padding-left:5px;color: #ff4800;} #iletisim .bilesen .bilesenic ul li{color: #fff;padding-left: 30px;} .bilesen .bilesenic ul li i{position: absolute;left: 0;font-size: 18px;} .bilesen .bilesenic .resimcerceve{text-align: center;background: #fff;padding: 30px;height: 130px;box-sizing: border-box;} .bilesen .bilesenic .gursa{text-align: center;border:5px solid #fff; padding: 10px 20px 30px 20px;height: 130px;box-sizing: border-box;} .bilesen .bilesenic .gursa:hover{ border:5px solid #ff4800; } .bilesen .bilesenic .gursa img{ width: 100%; } .bilesen .bilesenic form{} .bilesen .bilesenic form input[type="text"]{width: 100%;border: 0;margin-bottom: 10px;background: #606e7e;color: #fff;} .bilesen .bilesenic form input[type="text"]:focus{background: #fff;color:#000} .bilesen .bilesenic form input[type="submit"]{border: 0;float: right;background: #ff4800;color: #fff;font-size: 14px;font-weight: bold;} .bilesen .bilesenic form input[type="text"]:focus{background: #606e7e;color:#fff;} .bilesen .bilesenic form select{margin-bottom: 10px;width: 100%;border: 0;background: #606e7e;color: #aaa;} .bilesen .bilesenic form select:focus{background: #606e7e;color:#fff;} .bilesen .bilesenic textarea{margin-bottom: 10px;width: 100%;border: 0;background: #606e7e;color: #fff; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; } .bilesen .bilesenic textarea:focus{background: #606e7e;color:#fff; } .bilesen .kgaleri{} .bilesen .kgaleri .kresim{width: 50%;box-sizing: border-box;float: left;line-height: 0;padding: 3px;} .bilesen .kgaleri .kresim img{} .detayic .kgaleri{} .detayic .kgaleri .kresim{width: 25%;box-sizing: border-box;float: left;line-height: 0;padding: 3px;} .detayic .kgaleri .kresim img{} #ortakisim .bilesen .bilesenic form input[type="text"], #ortakisim .bilesen .bilesenic form input[type="email"], #ortakisim .bilesen .bilesenic form input[type="tel"], #ortakisim .bilesen .bilesenic textarea, #ortakisim .bilesen .bilesenic select, #ortakisim .bilesen .bilesenic select option, #ortakisim .bilesen .bilesenic form select{background: #fff;color:#000; padding: 2px 10px; height: 30px; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;} #ortakisim .bilesen .bilesenic form select{ color:#999; } #ortakisim .bilesen .bilesenic form select option{ color: #000; } #ortakisim .bilesen .bilesenic form input::-webkit-input-placeholder, #ortakisim .bilesen .bilesenic form textarea::-webkit-input-placeholder, #ortakisim .bilesen .bilesenic form select::-webkit-input-placeholder, #ortakisim .bilesen .bilesenic form select option::-webkit-input-placeholder {color: #999 !important; } #copyright{background: #18334d;padding: 10px 0 10px 0;} #copyright .copyright{float:left;color: #fff;font-size: 12px;} #copyright .designer{float:right;} #copyright .designer a{line-height: 0;display: block;} #copyright .designer a img{} #sayfabaslik{background: #18334d;padding: 10px 0; margin-top: 27px !important;} #sayfabaslik h1{color: #fff;font-size: 24px;float: left;} #sayfabaslik ul{float: right;} #sayfabaslik ul li{display: inline-block;} #sayfabaslik ul li a{display: block;color: #fff;padding: 7px 20px 7px 10px;position:relative;} #sayfabaslik ul li a:before {content: "\f105";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;line-height: 0;font-size: 14px;color: #fff;top: 50%;right: 0;z-index: 1;} #ortakisim{padding: 40px 0;} #ortakisim .detayic{} #ortakisim .detayic h2.sayfabaslik{margin-bottom: 15px;color: #18334d;} #ortakisim .yanbar,#ortakisim .yanbar_2{margin-bottom: 30px;width:100%;box-sizing:border-box;padding: 15px 20px 2px 20px;background: #f8f8f8;box-shadow: 0 3px 0 #d7e4ed;} #ortakisim .detayic form{} #ortakisim .detayic form.ik label, #ortakisim .detayic form.ik input, #ortakisim .detayic form.ik textarea, #ortakisim .detayic form.ik select{width: 100%; margin-bottom:5px;} #ortakisim .detayic form.ik label{} #ortakisim .detayic form.ik input[type="text"]{margin-bottom: 15px;} #ortakisim .detayic form.ik input[type="email"]{margin-bottom: 15px;} #ortakisim .detayic form.ik input[type="tel"]{margin-bottom: 15px;} #ortakisim .detayic form.ik input[type="submit"]{margin-top: 20px;min-width: auto;background: #2c3e50;color: #fff;border: 0;font-size: 14px;} #ortakisim .detayic form.ik select{ margin-bottom: 10px;margin-bottom: 15px;} #ortakisim .detayic form.ik textarea{width: 100%;margin-bottom: 10px;display: block;margin-bottom: 15px;} #ortakisim .detayic form.ik select{ color: #999; } #ortakisim iframe{padding: 10px 0px;background: #fff;box-shadow: 0 3px 0 #d7e4ed;border: 1px solid #e1eaf1;margin-bottom:20px;} body.iletisimsayfasi #iletisim{display:none;} .secilenfiltreler{} .secilenfiltreler .secilenfiltre{position:relative;margin: 0 0 5px 0;display: inline-block;padding: 5px 10px 5px 30px;background: #18334d;color: #fff;cursor: pointer;} .secilenfiltreler .secilenfiltre:hover{background: #F44336;} .secilenfiltreler .secilenfiltre:before{content: "\f00d";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;line-height: 0;font-size: 20px;color: #ffffff;top: 50%;left: 10px;z-index: 1;} #ortakisim fieldset{margin-bottom: 30px;background: #f8f8f8;padding: 10px 15px;border: 1px solid #ebebeb;} #ortakisim fieldset legend{padding: 0 5px;} .urunlerlistesi{} .urunlerlistesi .urunkutusu{margin-bottom:30px;width: 100%;text-align: center;position:relative;} .urunlerlistesi .urunkutusu a{display: block;line-height: 0;position:relative;z-index:2;} .urunlerlistesi .urunkutusu .resimcerceve{padding: 20px;border: 1px solid #ebebeb;margin-bottom: 15px;} .urunlerlistesi .urunkutusu img{} .urunlerlistesi .urunkutusu h3{font-size: 16px;line-height: 20px;margin-bottom:5px;font-weight: normal;color: #18334d;} .urunlerlistesi .urunkutusu h4{line-height: 20px;} .urunlerlistesi .urunkutusu:hover a:after{content:"Detay";z-index:1;position:absolute;top:50%;left:50%;display:block;background: #18334d;color: #fff;font-size: 16px;line-height: 28px;padding: 0 10px;box-sizing: border-box;margin: -40px 0 0 -30px;} .urunlerlistesi .urunkutusu:hover img{ filter: blur(2px) opacity(.7); webkit-filter: blur(2px) opacity(.7); -moz-filter: blur(2px) opacity(.7); -o-filter: blur(2px) opacity(.7); -ms-filter: blur(2px) opacity(.7); } .filtreler{} .filtreler .filtre{margin-bottom: 8px;} .filtreler .filtre label{cursor: pointer;margin: 0;} .filtreler .filtre input{width: 18px;height: 18px;margin: 0;position: relative;top: 3px;} .filtreler .filtre input:checked{} .filtreler .filtre b{} .urunlerlistesi h5{ font-size: 16px; display: block; margin: 0px; padding: 0px; clear: both; } .urunlerlistesi .urunkutusu-detay{margin-bottom:30px;width: 100%;text-align: center;position:relative;} .urunlerlistesi .urunkutusu-detay a{display: block;line-height: 0;position:relative;z-index:2;} .urunlerlistesi .urunkutusu-detay .resimcerceve{padding: 20px;border: 1px solid #ebebeb;margin-bottom: 15px;} .urunlerlistesi .urunkutusu-detay img{} .urunlerlistesi .urunkutusu-detay h3{font-size: 16px;line-height: 20px;margin-bottom:5px;font-weight: normal;color: #18334d;} .urunlerlistesi .urunkutusu-detay h4{line-height: 20px;} .urunlerlistesi .urunkutusu-detay:hover a:after{content:"Detay";z-index:1;position:absolute;top:50%;left:50%;display:block;background: #18334d;color: #fff;font-size: 16px;line-height: 28px;padding: 0 10px;box-sizing: border-box;margin: -40px 0 0 -30px;} #sticky.stick {margin-top: 140px !important;position: fixed;top: 0;} .yanbarackapa{z-index: 2;display: none;position: relative;margin: 10px 0;top: 0;right: 0;font-size: 24px;color: #fff;background: #18334d;padding: 0px 10px;line-height: 38px;cursor: pointer;box-sizing: border-box;} .yanbarackapa b{float: right;font-size: 16px;padding: 0 0 0 10px;} #ortakisim .yanbar.talepformu{background: #dddddd;box-shadow: 0 3px 0 #777;} #ortakisim .yanbar.talepformu .bilesen{} #ortakisim .yanbar.talepformu .bilesen .baslik{color: #777;border-color: #777;} #ortakisim .yanbar.talepformu .bilesen form{} #ortakisim .yanbar.talepformu .bilesen form input[type="text"]{} #ortakisim .yanbar.talepformu .bilesen form input[type="email"]{} #ortakisim .yanbar.talepformu .bilesen form input[type="tel"]{} #ortakisim .yanbar.talepformu .bilesen form textarea, #ortakisim .yanbar.talepformu .bilesen form input[type="text"], #ortakisim .yanbar.talepformu .bilesen form input[type="email"], #ortakisim .yanbar.talepformu .bilesen form input[type="tel"]{width: 100%;border: 0;margin-bottom: 10px;background: #fff;color: #000;} #ortakisim .yanbar.talepformu .bilesen form input[type="submit"]{ background: #999; } /* Urun detay istatistik bilgileri */ #ortakisim .istatistik{ display: block; margin:30px 0px; clear: both; } #ortakisim .istatistik ul{ display: block; clear: both; } #ortakisim .istatistik ul li{ list-style: none; clear: both; display: block; border-radius:4px; background-color: #999999; border: 1px solid #777777; border-bottom:3px solid #777777; margin-bottom: 10px; } #ortakisim .istatistik ul li .sayisal{ width: 30%; float: left; box-sizing: border-box; padding: 5px 15px; color: #fff; border-right: 1px solid #777777; text-shadow: 1px 1px 0px #666; } #ortakisim .istatistik ul li .sayisal span{ font-size: 35px; letter-spacing: -2px; font-weight: 600; margin:0px; padding: 0px; display: block; line-height: 100%; text-align: center; } #ortakisim .istatistik ul li .sayisal em{ font-size: 12px; font-weight: 400; margin:0px; padding: 0px; display: block; line-height: 100%; font-style: normal; text-align: center; } #ortakisim .istatistik ul li .sozel{ width: 70%; float: right; box-sizing: border-box; padding: 7px 15px; color: #fff; line-height: 100%; border-left: 1px solid #aaaaaa; text-shadow: 1px 1px 0px #666; } #ortakisim .istatistik ul li .sozel p{ font-size: 19px; display: block; margin:0px; padding: 0px; text-align: left; margin: 0px; padding: 12px 0px; line-height: 100%; text-align: justify; } #ortakisim .istatistik ul li .sozel span{ font-size: 12px; display: block; margin:0px; line-height: 100%; text-align: justify; } .urungalerisi{} .urungalerisi .resimcerceve{padding: 20px;border: 7px solid #ebebeb;text-align: center;} .urungalerisi .resimcerceve:hover{border-color:#ff4800;} .urungalerisi .buyukresimler{text-align: center;} .urungalerisi .buyukresimler .bresim{} .urungalerisi .buyukresimler .bresim a{} .urungalerisi .buyukresimler .bresim a img{ max-width: 400px; margin:50px auto; } .urungalerisi .kucukresimler{} .urungalerisi .kucukresimler .kresim{width: 20%;float: left;box-sizing: border-box;padding: 5px; display: none;} .urungalerisi .kucukresimler .kresim a{} .urungalerisi .kucukresimler .kresim a img{} .urunbilgisi {} .urunbilgisi .baslik{font-size: 18px;font-weight: bold;margin-bottom: 10px; } .urunbilgisi ul{ margin-bottom: 20px; } .urunbilgisi ul li{margin-bottom: 5px;border: 1px solid #ebebeb; box-sizing: border-box; padding-bottom: 5px; width: 33.333%; float: left; display: inline-block; } .urunbilgisi ul li span{display: block;width: 100%; text-align: center; font-size: 16px; font-weight: 600; color: #18334d; border-top: 1px solid #ebebeb; padding: 8px 0px; line-height: 100%; background:#efefef; } .urunbilgisi ul li em{display: block;width: 100%; text-align: center; color: #666; border-top: 1px solid #ebebeb; font-style: normal; padding: 8px 0px; line-height: 100%; } .hizliform{padding: 10px 20px;background: #dddddd; box-shadow: 0 3px 0 #777;} .hizliform .baslik{color: #777;font-size: 20px;margin-bottom: 10px;} .hizliform form{position: relative;} .hizliform form input[type="text"], .hizliform form input[type="tel"]{width: 33%;margin-bottom: 14px;border: 0;} .hizliform form input[type="submit"]{height: 39px;top: 0;position: absolute;right: 0;width: 30%;padding: 0px;background: #999;border: 0; color: #fff;} .kaushan {font-family:'Merriweather Sans', sans-serif!Important;} .pagination{ display: block; clear: both; margin:0px; } .pagination a{ width: 50%; float: left; background: #18334d; box-sizing: border-box; color: #fff; text-shadow: 1px 1px 0px #114575; font-size: 17px; position: relative; padding: 19px 32px 17px 32px; line-height: 100%; font-weight: 600; } .pagination a:nth-child(1){ text-align: left; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination a:nth-child(2){ border-left:1px solid #fff; text-align: right; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination a i{ color: #fff; position: absolute; font-size: 34px; } .pagination a:nth-child(1) i{ top: 10px; left: 10px; } .pagination a:nth-child(2) i{ top: 10px; right: 10px; } #geridonusum{position:relative;padding: 90px 0px 90px 0px;background-image: url(../images/geri-donusum.jpg); background-position: top center;text-align: center; border-top: 1px solid #fff; } #geridonusum:before{position:absolute;z-index:0;width:100%;height:100%;background: rgba(95, 170, 202, 0);content:" ";left:0;top:0;} #geridonusum h2{margin-bottom: 20px;color: #18334d;font-size: 28px;text-shadow: 0px 0px 13px #fff;} #geridonusum h3{color: #18334d; text-shadow: 0px 0px 13px #fff; font-size: 22px; font-weight: 500; margin-bottom: 10px; } #geridonusum h3 a{color: #fff; text-shadow: 1px 1px 0px #333; background: rgba(0,0,0,0.2); font-size: 16px; font-weight: 600; border:2px solid #fff; margin-top: 20px; padding: 10px 20px; border-radius: 5px; display: inline-block; } #kurumsal{position:relative;padding: 90px 0px 90px 0px;background-image: url(../images/karton.jpg);background-repeat: repeat;background-position: bottom center;text-align: center;} #kurumsal:before{position:absolute;z-index:0;width:100%;height:100%; content:" ";left:0;top:0;} #kurumsal h2{margin-bottom: 20px;color: #fff;font-size: 28px;text-shadow: 0px 0px 13px #000;} #kurumsal h3{color: #fff; text-shadow: 0px 0px 13px #000; font-size: 22px; font-weight: 500; margin-bottom: 10px; } #kurumsal h3 a{ color: #fff; text-shadow: 1px 1px 0px #333; background: rgba(0,0,0,0.2); font-size: 16px; font-weight: 600; border:2px solid #fff; margin-top: 20px; padding: 10px 20px; border-radius: 5px; display: inline-block; } #arama{display:none; -webkit-transition: width 3s; -moz-transition: width 3s; -ms-transition: width 3s; -o-transition: width 3s; transition: width 3s;} #arama{text-align:center;width: 250px;position: absolute;top: 40px;right: 0px; } #arama form input[type="text"] {width: 80%;border: 0;background: #eaeaea;color: #333;font-size: 14px;} #arama form input[type="submit"] {border: 0;float: right;background: #ff4800;color: #fff;font-size: 14px;font-weight: normal;width: 18%;padding: 0;} div.pp_default .pp_content_container .pp_left{padding-left: 0!important;} div.pp_default .pp_content_container .pp_right{padding-right: 0!important;} .pp_hoverContainer{width:100% !important;} .pp_content{width: 100%!important;height: auto!important;} .pp_fade{width: 100%!important;height: 100%!important;} a.pp_expand, a.pp_contract, .pp_top, .pp_bottom {display: none!important;} #pp_full_res img{width: 100%!important;height: auto!important;} .pp_details{box-sizing: border-box;width: 100%!important;padding-left: 3%;padding-right: 4%;padding-top: 10px;padding-bottom: 10px;background-color: #fff;margin-top: -2px!important;} a.pp_close{right: 10px!important;top: 10px!important;} .pp_nav .pp_play, .pp_nav .pp_arrow_previous, .pp_nav .pp_arrow_next, .pp_nav .currentTextHolder { display: none !important; } .referanslar img{ border-radius:3px; border:1px solid #ddd; } /*Stiller Bitti*/ @media (min-width: 769px) and (max-width: 1024px) { #slayt {padding-top: 50px;} #uretimlerimiz .altigenkutu {padding: 20px 10px;} #ustkisim .anamenu{ padding: 17px 0px; } #ustkisim .anamenu ul.gorunenmenu>li{margin: 0 0 5px 0;} #ustkisim .anamenu ul.gorunenmenu>li>a {font-size: 14px;font-weight: normal;padding: 3px 0px;} #ortakisim .istatistik ul li .sayisal span{ font-size: 20px;} #ortakisim .istatistik ul li .sayisal em{ font-size: 9px; } #ortakisim .istatistik ul li .sozel{ padding: 2px 15px; } #ortakisim .istatistik ul li .sozel p{ font-size: 13px; text-align: left; } #ortakisim .istatistik ul li .sozel span{ font-size: 9px; text-align: left; } #geridonusum{background-image: url(../images/geri-donusum-mobil.jpg); background-position: top center; padding: 50px 0px 50px 0px;} #geridonusum h2{color: #fff; text-shadow: 0px 0px 13px #333; } #geridonusum h3{color: #fff; text-shadow: 2px 2px 13px #333; } .ustmenu .tarihce{ display: none; } } @media (min-width: 550px) and (max-width: 768px) { .ustmenu .tarihce{display:none;} #slayt {padding-top: 80px;} .ustmenu ul li.tarihce{ display: none; } #ustkisim .anamenu{ padding: 8px 0px; } #ustkisim .anamenu ul.gorunenmenu>li>a {font-size: 11px;font-weight: normal; letter-spacing:-0.6px; padding: 1px;} #ustkisim .anamenu ul.gorunenmenu>li{ margin: 0 0 5px 0px;} #hakkimizda .kgaleri .kresim:first-child {width: 100%;} #ozet .ozet {text-align: center;} #ozet .ozet img {float: none;} #uretimlerimiz .altigenkutu .maske{display: none;} #uretimlerimiz .altigenkutu {padding: 5px;} #ortakisim .istatistik { display: none; } #ozet .ozet .baslik{ font-size: 17px; } #ozet .ozet .baslik span{font-size: 9px; } #geridonusum{background-image: url(../images/geri-donusum-mobil.jpg); background-position: top center; padding: 50px 0px 50px 0px;} #geridonusum h2{color: #fff;text-shadow: 0px 0px 13px #333;} #geridonusum h3{color: #fff; text-shadow: 2px 2px 13px #333;} .filtreler div.filtre { font-size: 12px !important; } } .mobilmenuackapa{display:none;} @media (min-width: 550px) { #ustkisim .anamenu ul.gorunenmenu>li:hover>ul{display:block;} } @media (max-width: 549px) { #sticky.stick {margin-top: 0px !important;position: relative;top: 0;} .ustmenu .tarihce{float: none;background-position: center 5px; top: 0px; margin-top: 0px; padding-top: 5px;} .ustmenu ul {float: none;} #arama { text-align: center; width: 100%; position: relative; top: 0; right: 0; margin-top: 10px; margin-right: 0; } #ustkisim .anamenu ul.gorunenmenu li ul li ul{ margin-top: 0px !important; } #ustkisim .anamenu ul.gorunenmenu li a.submenu{ display: none !important; } .yanbarackapa{display: block;width: 100%;} .yanbarackapa:nth-child(3){ display: none !important; } #ortakisim .yanbar{display:none;} .mobilmenuackapa {display: block;position: absolute;top: 0;right: 0;font-size: 24px;color: #fff;background: #18334d;padding: 0px 10px;margin: 10px -10px 0 0;line-height: 38px;cursor: pointer;} #ustkisim .anamenu {display: none;} .tablar .tablinkler .tablink{width: 100%;box-sizing: border-box;margin-bottom: 5px;} .filtreler .filtrelinkler .filtrelink{width: 100%;box-sizing: border-box;margin-bottom: 5px;} .ustmenu ul li.tarihce{ display: none; } #ustkisim {position: relative;padding: 0;background: url(../images/ustbg.png)repeat-x top center;} #ustkisim .anamenu ul.gorunenmenu {text-align: center;} #ustkisim .anamenu ul.gorunenmenu>li {display: block;margin: 0 0 5px 0;} #ustkisim .anamenu ul.gorunenmenu li.aktif ul li ul, #ustkisim .anamenu ul.gorunenmenu li ul li ul{position: relative;left: 0px; display: block; min-width: 160px;} #ustkisim .anamenu ul.gorunenmenu>li:first-child>a:after{ content: "\f078";font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 14px; position: absolute; top: 6px; padding-left: 5px; } #geridonusum{background-image: url(../images/geri-donusum-mobil.jpg); background-position: top center; padding: 30px 0px 30px 0px;} #geridonusum h2{color: #fff;text-shadow: 0px 0px 13px #333;} #geridonusum h3{color: #fff; text-shadow: 0px 0px 13px #333;font-size: 18px; text-align: center;} #iletisim, #kalitebelgeleri, #uretimlerimiz, #ozet, #fefco{padding:40px 0;} #fefco .resimlikutu {width: 100%;margin-bottom: 30px;} #uretimlerimiz .altigenkutu .maske {display: none;} #uretimlerimiz .altigenkutu {padding: 5px;width: 100%;} #kalitebelgeleri .kalitebel {width: 100%;margin-bottom: 10px;text-align: center;} #iletisim {text-align: center; position: relative; z-index: 1;} .bilesen .bilesenic form input[type="submit"] {float: none;} #ustkisim .logo {padding-right: 40px;} body.icsayfa {padding-top: 0!important;} .ustmenu {position: relative;right: 0;top: 0;text-align: center;} .ustmenu ul li {margin-left: 3px;margin-right: 3px;font-size: 12px;} #ustkisim .anamenu ul.gorunenmenu>li>ul {display: none;position: relative;text-align: center;} #ozet { padding: 40px 0px 20px 0px; } #ozet .ozet {width: 100%; display: block; height: auto; padding: 14px 0px; margin-bottom: 20px;} .secilenfiltreler .secilenfiltre{display:block;} .detayic .kgaleri .kresim {width: 50%;} #sayfabaslik h1 {font-size: 18px;float: none;} #sayfabaslik ul {float: none;} #sayfabaslik ul li a {padding: 7px 15px 7px 5px;font-size: 12px;} .urungalerisi {margin-bottom: 20px;} .hizliform form input[type="text"], .hizliform form input[type="tel"] {width: 100%;} .hizliform form input[type="submit"] {height: auto;position: relative;width: 100%;} .pp_pic_holder.pp_default{width: 90%!important;margin-top:-100px !important;left: 5%!important;overflow: hidden;} div.pp_default .pp_content_container .pp_left{padding-left: 0!important;} div.pp_default .pp_content_container .pp_right{padding-right: 0!important;} .pp_content{width: 100%!important;height: auto!important;} .pp_fade{width: 100%!important;height: 100%!important;} a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {display: none!important;} #pp_full_res img{width: 100%!important;height: auto!important;} .pp_details{box-sizing: border-box;width: 100%!important;padding-left: 3%;padding-right: 4%;padding-top: 10px;padding-bottom: 10px;background-color: #fff;margin-top: -2px!important;} a.pp_close{right: 10px!important;top: 10px!important;} .ustmenu ul li.flags { margin: 0; display: inline-block; text-align: left; position: relative; top: 4px; } .pp_nav .pp_play, .pp_nav .pp_arrow_previous, .pp_nav .pp_arrow_next, .pp_nav .currentTextHolder { display: block !important; } #kurumsal h3{font-size: 18px; line-height: 150%; margin-bottom: 0px; } } .yonetim{} .yonetim img{ margin: 20px auto 0px auto; display: block; width: 85%; border-radius:4px; border:1px solid #bbb; padding:3px; background: #fff; } .yonetim h3, .yonetim h4{ font-size: 16px; text-align: center; display: block; font-weight: 600; color: #18334d; line-height: 100%; padding: 4px 0px; } .yonetim h4{ font-size: 14px; color: #999999; margin-bottom: 35px; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity:.5; } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 15px; right: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(255, 255, 255, 1) url(../images/top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index: 9999; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .5; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } #tasinacakyer{ display: block; margin-top:120px; } /* IMAGE LIGHTBOX SELECTOR */ html { /* killing 300ms touch delay in IE */ -ms-touch-action: manipulation; touch-action: manipulation; } #imagelightbox { cursor: pointer; position: fixed; z-index: 10000; -ms-touch-action: none; touch-action: none; -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */ box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */ } /* ACTIVITY INDICATION */ #imagelightbox-loading, #imagelightbox-loading div { border-radius: 50%; } #imagelightbox-loading { width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ background-color: #444; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; /* 10 */ margin: -1.25em 0 0 -1.25em; /* 20 */ -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ } #imagelightbox-loading div { width: 1.25em; /* 20 */ height: 1.25em; /* 20 */ background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; } @-webkit-keyframes imagelightbox-loading { from { opacity: .5; -webkit-transform: scale( .75 ); } 50% { opacity: 1; -webkit-transform: scale( 1 ); } to { opacity: .5; -webkit-transform: scale( .75 ); } } @keyframes imagelightbox-loading { from { opacity: .5; transform: scale( .75 ); } 50% { opacity: 1; transform: scale( 1 ); } to { opacity: .5; transform: scale( .75 ); } } /* OVERLAY */ #imagelightbox-overlay { background-color: #fff; background-color: rgba( 255, 255, 255, .9 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; } /* "CLOSE" BUTTON */ #imagelightbox-close { width: 3.5em; /* 40 */ height: 3.5em; /* 40 */ text-align: left; background-color: #666; border-radius: 50%; position: fixed; z-index: 10002; top: 3.5em; /* 40 */ right: 3.5em; /* 40 */ line-height: 100%; padding: 0px; -webkit-transition: color .3s ease; transition: color .3s ease; } #imagelightbox-close:hover, #imagelightbox-close:focus { background-color: #111; } #imagelightbox-close:before, #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; } #imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); } #imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); } /* CAPTION */ #imagelightbox-caption { text-align: center; color: #fff; background-color: #666; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.625em; /* 10 */ } /* NAVIGATION */ #imagelightbox-nav { background-color: #444; background-color: rgba( 0, 0, 0, .5 ); border-radius: 20px; position: fixed; z-index: 10001; left: 50%; bottom: 3.75em; /* 60 */ padding: 0.313em; /* 5 */ -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); transform: translateX( -50% ); } #imagelightbox-nav button { width: 1em; /* 20 */ height: 1em; /* 20 */ background-color: transparent; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin: 0 0.313em; /* 5 */ } #imagelightbox-nav button.active { background-color: #fff; } /* ARROWS */ .imagelightbox-arrow { width: 3.75em; /* 60 */ height: 7.5em; /* 120 */ background-color: #444; background-color: rgba( 0, 0, 0, .5 ); vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -3.75em; /* 60 */ line-height: 100%; padding: 0px; } .imagelightbox-arrow:hover, .imagelightbox-arrow:focus { background-color: rgba( 0, 0, 0, .75 ); } .imagelightbox-arrow:active { background-color: #111; } .imagelightbox-arrow-left { left: 2.5em; /* 40 */ } .imagelightbox-arrow-right { right: 2.5em; /* 40 */ } .imagelightbox-arrow:before { width: 0; height: 0; border: 1em solid transparent; content: ''; display: inline-block; margin-bottom: -0.125em; /* 2 */ } .imagelightbox-arrow-left:before { border-left: none; border-right-color: #fff; margin-left: -0.313em; /* 5 */ } .imagelightbox-arrow-right:before { border-right: none; border-left-color: #fff; margin-right: -0.313em; /* 5 */ } #imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow { -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear; } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @media only screen and (max-width: 41.250em) /* 660 */ { #imagelightbox-close { top: 1.25em; /* 20 */ right: 1.25em; /* 20 */ } #imagelightbox-nav { bottom: 1.25em; /* 20 */ } .imagelightbox-arrow { width: 2.5em; /* 40 */ height: 3.75em; /* 60 */ margin-top: -2.75em; /* 30 */ } .imagelightbox-arrow-left { left: 1.25em; /* 20 */ } .imagelightbox-arrow-right { right: 1.25em; /* 20 */ } } @media only screen and (max-width: 20em) /* 320 */ { .imagelightbox-arrow-left { left: 0; } .imagelightbox-arrow-right { right: 0; } }