/* Kodlama : Oktay Uslu Tarih: 28.10.2016 */ /*-----------------------------------------------------------------------------------*/ /* 0. STANDART /*-----------------------------------------------------------------------------------*/ @charset "utf-8"; body{ margin:0; padding:0; background:#f4f4f4} /*---Header---*/ .top{width:100%;height:180px;background:url(../images/top.png)repeat-x;float:left;position:relative;z-index:2} .header{width:1100px;height:180px;margin:0px auto} .logo a{width:399px;height:180px;background:url(../images/logos.png)no-repeat;float:left} .logo a img{display:block;margin:10px auto 0px auto;padding:0px;width:230px;height:auto} .mobil-main{width:696px;height:80px;float:left;margin:20px 0px 0px 0px;padding:0px;display:none} .main{width:696px;height:80px;float:left;margin:20px 0px 0px 0px;padding:0px} .main ul{display:block;margin:0px;padding:0px;} .main ul li{display:block;margin:0px;padding:0px;float:left;position:relative;z-index:111} .main >ul >li >a{display:block;margin:0px;padding:0px;float:left;font-size:16px;color:#555;height:80px;line-height:80px;font-weight:500;padding:0px 16px;border-right:1px solid #ddd;text-decoration:none} .main >ul> li> a:hover{border-bottom:2px solid #1A4877;color:#1A4877} .main ul li ul:before{content:""; width:19px; height:6px; position:relative; z-index:666; display:none; background:url(../images/arrow.png) no-repeat; margin:-8px 0px 0px 30px;} .main ul li:hover ul:before{display:block;float:left} .main ul> li> ul {display:none; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); min-width:210px; width:auto; position:absolute; z-index:2; top:78px; left:0px;padding:0px; background:#eee;float:left;margin:0px;border-top:2px solid #1A4977;border-bottom:2px solid #1A4977} .main> ul> li:hover ul{display:block;} .main> ul>li>ul>li{width:100%; list-style:none;height:40px;display:block;margin:0px;padding:0px} .main> ul> li> ul> li> a{display:block; height:40px; line-height:40px; padding-left:10px; color:#666; font-size:13px;width:100%} .main> ul> li> ul> li> a:before{content:""; width:4px; height:4px; border-radius:50px; margin:20px 6px 0px 6px; float:left; border:1px solid #333333;} .main> ul> li> ul> li> a:hover{color:#333;background:#ddd} .main-bottom{width:690px;height:40px;float:left;margin:12px 0px 0px 0px} .social-media{width:270px;float:left;height:40px} .social-media h1{display:block;margin:0px;padding:0px;font-size:14px;color:#fff;line-height:40px;float:left;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);} .social-media ul{display:block;margin:0px 10px;padding:0px;width:150px;float:left;height:40px} .social-media ul li a{display:block;margin:8px 5px 0px 5px;padding:0px;width:26px;height:26px;float:left;transition-duration:0.3s;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);} .social-media ul li a:hover{margin-top:4px} .mobil-hizmet_content{display:none} .facebook a{width:26px;height:26px;background:url(../images/icon/face.png)no-repeat;text-indent:-9999px;display:block;margin:0px;padding:0px} .twitter a{width:26px;height:26px;background:url(../images/icon/twit.png)no-repeat;text-indent:-9999px;display:block;margin:0px;padding:0px} .instagram a{width:26px;height:26px;background:url(../images/icon/instagram.png)no-repeat;text-indent:-9999px;display:block;margin:0px;padding:0px} .phone{width:250px;height:40px;float:left} .phone h1{display:block;margin:0px;padding:0px;font-size:14px;color:#fff;line-height:40px;float:left;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);} .phone h2{display:block;margin:0px 10px;padding:0px;font-size:18px;color:#fff;line-height:40px;float:left;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);} .phone h2 strong{color:#ccc} .language{width:150px;height:auto;float:right} .language ul{display:block;margin:0px;padding:0px} .language ul li{display:block;margin:10px 0px 0px 10px;padding:0px;width:35px;height:23px;float:left} .tr a:hover{border-bottom:2px solid #fff} .en a:hover{border-bottom:2px solid #fff} .de a:hover{border-bottom:2px solid #fff} .tr a{width:35px;height:23px;background:url(../images/icon/tr.jpg)no-repeat;display:block;text-indent:-9999px;transition-duration:0.3s} .en a{width:35px;height:23px;background:url(../images/icon/en.jpg)no-repeat;display:block;text-indent:-9999px;transition-duration:0.3s} .de a{width:35px;height:23px;background:url(../images/icon/de.jpg)no-repeat;display:block;text-indent:-9999px;transition-duration:0.3s} /*---Slider---*/ .slider{width:100%; height:auto; padding-top:0px; margin:-30px 0px 20px 0px ; position:relative;z-index:1 ;float:left} .carousel-inner{background:#DFE1E7;;} .carousel-control.left, .carousel-control.right {background:none;z-index:54;width:8%} .left span{background:url(../images/icon/sprite.png) 0px 0px no-repeat; width:40px; height:40px; position:absolute; left:30px; top:40%; z-index:555; } .right span{background:url(../images/icon/sprite.png) -40px 0px no-repeat; width:40px; height:40px; position:absolute; right:30px; top:40%; z-index:555;} .item img {height:340px;} .carousel-caption {top:50%; height:70px; left:0;right:0;margin:0px auto;padding:0; background:url(../images/opac.png) repeat; width:1024px; position:absolute; z-index:999; } .carousel-caption h1{ overflow:hidden; width:auto; font-size:22px; color:#fff; padding:20px 30px; text-shadow:none; margin:12px 0px 0px 10px; text-align:left; float:left; clear:both;background:#222;opacity:0.8} .carousel-caption p{ overflow:hidden; width:650px; font-size:16px; color:#444; padding:20px 20px; text-shadow:none; margin:3px 0px 0px 10px; text-align:left; float:left; clear:both;background:#fff;opacity:0.9} .slider-bottom{width:100%;height:118px;background:url(../images/bottom.png)repeat-x center center;position:absolute;bottom:0px} /*--------------------İndex---*/ .container{width:1100px;height:auto;margin:0px auto 0px auto;overflow:hidden} .tittle{width:724px;height:auto;margin:20px auto 20px auto} .tittle:after{width:724px;height:5px;margin:0px;background:url(../images/shadow.png)no-repeat;content:"";float:left;overflow:hidden} .tittle img{width:80px;height:80px;margin:0px auto;display:block;padding:0px} .tittle h1{margin:10px auto;display:block;padding:0px;color:#1A4877;font-size:26px;text-align:center} .tittle p{margin:10px auto;display:block;padding:0px;color:#777;font-size:13px;text-align:center} /*---Carousel---*/ .hizmet{width:100%;height:auto} .hizmet ul{display:block;margin:0px 0px;padding:0px 0px 0px 0px} .hizmet ul li{display:block;margin:0px 25px;padding:0px;width:304px;height:207px;float:left;background:url(../images/image-bg.png)no-repeat} .hizmet ul li img{display:block;margin:5px;padding:0px;width:294px;height:197px;float:left;} .hizmet{width:100%; float:left; margin:10px 0px; overflow:hidden;} .hizmet_content ul li {width:304px; height:207px; margin:20px 25px; float:left; position:relative;background:url(../images/image-bg.png)no-repeat} .hizmet_content ul> li> span> a{ display:none;} .hizmet_content ul> li:hover> span> a{width:100%;cursor:pointer; font-size:20px; color:#fff; line-height:30px;text-align:center; height:100%; display:block; position:absolute;z-index:555; left:0; top:0;background:url(../images/blue.png) repeat;font-weight:600;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);padding:80px 0px 0px 0px} .hizmet_content ul .last{ margin-right:0px; } .hizmet_content ul li img {width:294px; height:197px;margin:5px} .hizmet_content ul li h4{width:100%; font-size:15px;} .hizmet_content ul li h4 a{color:#000; text-decoration:none;} .hizmet_content ul li:hover h4 a{color:#2B7DB5;} .yon-tus{width:180px;height:auto;margin:0px auto;overflow:hidden} .solok{width:88px;height:41px;background:url(../images/sol.jpg)no-repeat;float:left;transition-duration:0.3s;cursor:pointer} .solok:hover{background:url(../images/sol.jpg) 0px -41px no-repeat;} .sagok{width:88px;height:41px;background:url(../images/sag.jpg)no-repeat;float:right;transition-duration:0.3s;cursor:pointer} .sagok:hover{background:url(../images/sag.jpg) 0px -41px no-repeat;} /*---Kurumsal---*/ .abouts{width:100%;height:566px;background:url(../images/about.jpg)no-repeat center center;margin:40px 0px 10px 0px;float:left} .about{width:1100px;margin:10px auto 0px auto;overflow:hidden} .about p{font-size:15px;color:#fff;display:block;margin:20px auto;padding:0px;width:80%;text-align:center;} .about li{font-size:15px;color:#fff;display:block;margin:0px 0px;padding:0px;width:100%;float:left;text-align:center;float:left;overflow:hidden} .tittle-white{width:724px;height:auto;margin:30px auto 20px auto} .tittle-white:after{width:724px;height:5px;margin:0px;background:url(../images/shadows.png)no-repeat;content:"";float:left;overflow:hidden} .tittle-white img{width:87px;height:51px;margin:0px auto 0px auto;display:block;padding:0px} .tittle-white h1{margin:20px auto 10px auto;display:block;padding:0px;color:#fff;font-size:26px;text-align:center} .tittle-white p{margin:10px auto;display:block;padding:0px;color:#fff;font-size:13px;text-align:center;font-weight:400} /*---Galeri---*/ .index-galeri{width:1100px;height:auto;margin:20px auto;overflow:hidden;padding:0px} /*---Footer---*/ .footers{width:100%;height:362px;background:url(../images/footer.png)no-repeat center center;overflow:hidden} .footer{width:1100px;height:auto;margin:0px auto} .f-logo{width:280px;height:330px;float:left;margin:0px 20px 0px 0px } .f-logo img{display:block;margin:120px 0px 0px 0px ;padding:0px;width:250px;height:auto} .menu1{width:210px;height:auto;float:left;margin:80px 0px 0px 40px} .menu1 ul{display:block;margin:0px;padding:0px} .menu1 ul h1{display:block;margin:10px 0px;padding:0px;width:100%;text-align:left;font-size:14px;color:#ddd;font-weight:700;text-align:center;} .menu1 ul li{display:block;margin:0px;padding:0px;float:left;width:100%;border-bottom:1px solid #00648A} .menu1 ul li a{display:block;margin:10px 0px;padding:0px;color:#CCD8E3;font-weight:300;text-align:center} .menu1 ul li a:hover{text-decoration:underline} .menu2{width:210px;height:auto;float:left;margin:80px 0px 0px 40px} .menu2 ul{display:block;margin:0px;padding:0px} .menu2 ul h1{display:block;margin:10px 0px;padding:0px;width:100%;text-align:left;font-size:14px;color:#ddd;font-weight:700;text-align:center;} .menu2 ul li{display:block;margin:0px;padding:0px;float:left;width:100%;border-bottom:1px solid #00648A} .menu2 ul li a{display:block;margin:10px 0px;padding:0px;color:#CCD8E3;font-weight:300;text-align:center;} .menu2 ul li a:hover{text-decoration:underline} .f-contact{width:210px;height:10px;float:right;margin:40px 0px 0px 0px;} .social-medias{width:100%;height:auto;float:left;} .social-medias h1{display:block;margin:10px 0px;padding:0px;width:100%;text-align:left;font-size:14px;color:#ddd;font-weight:700} .social-medias p{display:block;margin:10px 0px;padding:0px;width:100%;text-align:left;font-size:13px;color:#AFC1D3;font-weight:300} .contacts{width:100%;height:auto;float:left;margin:20px 0px 0px 0px} .contacts h1{display:block;margin:10px 0px;padding:0px;width:100%;text-align:left;font-size:14px;color:#ddd;font-weight:700} .contacts p{display:block;margin:10px 0px;padding:0px;width:100%;text-align:left;font-size:13px;color:#AFC1D3;font-weight:300} .contacts h2{display:block;margin:10px 0px;padding:0px;width:100%;float:left;font-size:18px;color:#fff;font-weight:300} .contacts h2:before{display:block;margin:0px 10px 0px 0px;padding:0px;width:20px;height:20px;float:left;background:url(../images/icon/icon4.png)no-repeat;content:""} .contacts h3{display:block;margin:10px 0px;padding:0px;width:100%;float:left;font-size:14px;color:#fff;font-weight:300;line-height:24px} .footer-bottom{width:100%;height:40px;background:#133659} .footer-bottom p{display:block;margin:0px;padding:0px;color:#fff;font-size:14px;height:40px;line-height:40px} .footer-bottom span a{display:block;margin:-26px 0px 0px 0px;padding:0px;float:right;background:url(../images/mornet.png)no-repeat;width:111px;height:17px;transition-duration:0.3s;text-indent:-9999px} .footer-bottom span a:hover{background:url(../images/mornet.png)0px -17px no-repeat} .m-click{display:none} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--İÇ SAYFALAR--*/ .subheader{width:100%;height:218px;background:url(../images/subheader.jpg)no-repeat center center;float:left;margin:-26px 0px 0px 0px;border-bottom:6px solid #1A4877} .subheader h1{width:1100px;height:auto;margin:0px auto 0px auto;display:block;padding:0px;line-height:218px;color:#fff;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);} /*--Side Bar--*/ .right-bar{Width:300px;height:auto;float:right;background:#1A4877;margin:0px 0px 20px 0px} .right-bar:after{Width:300px;height:43px;float:left;background:url(../images/right-bottom.png)no-repeat;content:"";display:block} .right-hizmet{width:100%;height:auto} .right-hizmet h1{display:block;margin:10px auto;padding:0px;color:#fff;width:270px;height:50px;background:#102F4E;font-size:18px;line-height:50px;border-radius:6px} .right-hizmet h1:before{width:26px;height:26px;float:left;content:"";display:block;background:url(../images/icon/icon5.png)no-repeat;margin:12px 10px 0px 10px} .right-hizmet ul{display:block;margin:10px 0px;padding:0px;} .right-hizmet ul li a{display:block;margin:2px auto;padding:0px;width:270px;height:40px;background:#153D64;color:#fff;line-height:40px} .right-hizmet ul li :before{width:13px;height:13px;float:left;content:"";display:block;background:url(../images/icon/icon6.png)no-repeat;margin:14px 10px 0px 10px} .right-hizmet ul li a:hover{background:#102F4E;cursor:pointer;text-decoration:none} .right-video{width:270px;height:auto;margin:0px auto} .right-video h1{display:block;margin:10px auto;padding:0px;color:#fff;width:270px;height:50px;background:#102F4E;font-size:18px;line-height:50px;border-radius:6px} .right-video h1:before{width:34px;height:25px;float:left;content:"";display:block;background:url(../images/icon/icon7.png)no-repeat;margin:14px 10px 0px 10px} .left-bar{Width:750px;height:auto;float:left;margin:20px 0px} .left-bar p{display:block;margin:10px 0px;padding:0px} .left-bar>img{display:block;margin:10px 0px;padding:0px;width:100%;height:auto;float:left} .left-bar>h5{display:block;margin:10px 0px;padding:10px 10px;width:100%;height:auto;float:left;font-size:16px;color:#333;font-weight:600;border-bottom:2px solid #1A4877} .left-bar>h5:before{display:block;margin:5px 10px 0px 0px;padding:0px;width:8px;height:8px;border-radius:50px;background:#1A4877;float:left;content:""} .left-bar>h4{display:block;margin:10px 0px;padding:20px 10px;width:100%;height:auto;float:left;font-size:20px;color:#1A4877;font-weight:600;border:1px solid #ddd;background:#E9E9E9} .left-bar li{margin:10px 0px ;height:auto;width:100%} .uretim-ic{width:100%;height:auto;float:left;margin:30px 0px 60px 0px} .uretim-ic ul{display:block;margin:0px;padding:0px;} .uretim-ic ul li{display:block;margin:0px;padding:0px;} .uretim-ic ul li a{display:block;margin:10px 10px;padding:0px;width:246px;height:216px;float:left;background:#1A4877;transition-duration:0.3s} .uretim-ic ul li a:hover{background:#133659} .uretim-ic ul li a img{display:block;margin:0px;padding:0px;width:246px;height:170px;float:left} .uretim-ic ul li a h5{display:block;margin:0px;padding:0px;width:100%;height:46px;float:left;line-height:46px;text-align:center;color:#fff;font-size:15px} .geri a{display:block;width:100%;height:auto;margin:20px 0px 40px 0px} /*--Hizmetlerimiz--*/ .hizmetler ul li {width:304px; height:207px; margin:20px 32px; float:left; position:relative;background:url(../images/image-bg.png)no-repeat;} .hizmetler ul> li> span> a{width:100%;cursor:pointer; font-size:20px; color:#fff; line-height:30px;text-align:center; height:100%; display:block; position:absolute;z-index:555; left:0; top:0;background:url(../images/black.png) repeat;font-weight:600;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);transition-duration:0.5s;padding:80px 0px 0px 0px} .hizmetler ul> li:hover> span> a{display:none} .hizmetler ul .last{ margin-right:0px; } .hizmetler ul li img {width:294px; height:197px;margin:5px} .hizmetler ul li h4{width:100%; font-size:15px;} .hizmetler ul li h4 a{color:#000; text-decoration:none;} .hizmetler ul li:hover h4 a{color:#2B7DB5;} /*--Referanslar--*/ .referanslar{width:100%;height:auto;float:left;margin:10px 0px} .referanslar ul{display:block;margin:0px auto;padding:0px;width:760px} .referanslar ul li{display:block;margin:9px 8px;padding:0px;width:170px;height:220px;float:left;border:1px solid #ccc;border-radius:6px} .referanslar ul li img{display:block;padding:0px;width:168px;height:170px;margin:2px 0px;float:left;} .referanslar ul li strong{display:block;margin:0px auto;padding:0px;text-align:center;font-size:14px;color:#fff;background:#00749F;width:158px;height:32px;border-radius:4px;line-height:32px;transition-duration:0.3s;font-weight:600;overflow:hidden} .referanslar ul li strong:hover{background:#006388;cursor:pointer} /*---Galeri---*/ .galeri{width:100%;height:auto;margin:0px auto;overflow:hidden;padding:0px;} /*---Kalite---*/ .kalite{width:100%;height:auto;float:left} .kalite img{display:block;margin:20px 0px 0px 0px;padding:0px} /*---Hizmet İç Sayfası ---*/ .hizmet-ic{width:100%;height:auto;margin:0px auto;overflow:hidden;padding:0px;} .hizmet-ic img{width:100%;height:auto;float:left;display:block;margin:0px;padding:0px} /*---İletişim---*/ .tittle-contact{width:100%;height:70px;background:#1C4879;margin:10px 0px;float:left} .tittle-contact h1{display:block;margin:0px;padding:0px;color:#fff;font-size:21px;font-weight:600;line-height:70px} .tittle-contact h1:before{width:57px;height:43px;background:url(../images/icon/contact1.png)no-repeat;display:block;content:"";float:left;margin:14px 10px 0px 20px} .tittle-contact h2{display:block;margin:0px;padding:0px;color:#fff;font-size:21px;font-weight:600;line-height:70px} .tittle-contact h2:before{width:57px;height:43px;background:url(../images/icon/contact2.png)no-repeat;display:block;content:"";float:left;margin:14px 10px 0px 20px} .tittle-contact h3{display:block;margin:0px;padding:0px;color:#fff;font-size:21px;font-weight:600;line-height:70px} .tittle-contact h3:before{width:57px;height:43px;background:url(../images/icon/contact3.png)no-repeat;display:block;content:"";float:left;margin:14px 10px 0px 20px} .contact_text{width:100%; overflow:hidden;float:left} .contact_text ul{display:block;margin:0px;padding:0px 20px} .contact_text ul li {width:100%; overflow:hidden; border-bottom:1px dotted #ccc; padding-bottom:5px; padding-top:15px;display:block;float:left} .contact_text ul li span{width:150px; color:#253241; font-weight:600; font-size:15px;} .contact_text ul li .adres:before{width:20px; height:18px; display:block; float:left; margin:3px 6px 0px 0px; content:""; background:url(../images/icon/icons1.png)no-repeat;} .contact_text ul li .tel:before{width:20px; height:18px; display:block; float:left; margin:3px 6px 0px 0px; content:""; background:url(../images/icon/icons2.png)no-repeat;} .contact_text ul li .fax:before{width:18px; height:18px; display:block; float:left; margin:3px 6px 0px 0px; content:""; background:url(../images/icon/icons3.png)no-repeat;} .contact_text ul li .mail:before{width:18px; height:12px; display:block; float:left; margin:7px 6px 0px 0px; content:""; background:url(../images/icon/icons4.png)no-repeat;} .contact_text ul li p{color:#2D3E50; font-weight:300; font-size:14px;} .iform{width:100%; overflow:hidden; padding:10px; margin-top:10px; border:1px solid #EEE;} .iform h4 {width:100%; height:48px; margin:0; font-weight:600; background:#1E3F75; color:#fff; line-height:48px; font-size:17px;} .iform h4:before{width:48px; height:48px; background:#162F56 url(../images/icon/nico.png)center center no-repeat; float:left; margin-right:10px; content:"";} .fbox_head h4{width:100%; height:68px; border-bottom:3px solid #F65F13; margin-bottom:10px; line-height:66px; color:#F65F13; font-size:23px; background:url(../images/cbline.jpg) no-repeat bottom left;} .fbox p {width:100%; font-size:14px; color:#333; line-height:24px; margin-top:15px;} .fbox input{width:100%;padding-left:10px; height:38px; outline:none; color:#97ACB9; border:1px solid #8AA3B0; margin-top:15px; background:#fff;} .fbox textarea{width:100%;padding-left:10px; padding-top:5px; outline:none; height:100px; max-height:150px; max-height:100%; color:#97ACB9; border:1px solid #8AA3B0; margin-top:15px; background:#fff;} .fbox select{width:100%;padding-left:10px; padding-top:5px; outline:none; height:38px; max-height:150px; max-height:100%; color:#97ACB9; border:1px solid #8AA3B0; margin-top:15px; background:#fff;} .fbox button{float:right; margin-bottom:20px;height:42px; color:#fff; outline:none; line-height:42px; background:#006388; margin-top:20px; padding:0px 14px;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- Dropdown----*/ .dropdown {height:26px; float:right; position:relative; z-index:99999; right:0px; top:8px; margin-left:30px; } .desc { color:#6b6b6b;} .desc a {color:#0092dd;} .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; } .dropdown dd { position:relative; z-index:99999; } .dropdown a, .dropdown a:visited { color:#1E3F74; text-decoration:none; outline:none;font-weight:500} .dropdown a:hover { color:#fff;} .dropdown dt a:hover { color:#fff; background:#1E3F75 url(../images/icon/arrows.png) no-repeat scroll right center;} .dropdown dt a {background:#fff url(../images/icon/arrow.png) no-repeat scroll right center; color:#1E3F74; position:relative; z-index:9999; height:30px;display:block; padding-right:20px; border:1px solid #CDCDCD; width:150px;} .dropdown dt a span {cursor:pointer; display:block; padding:5px;} .dropdown dd ul { background:#ECECEC none repeat scroll 0 0; border:1px solid #cdcdcd; color:#fff; display:none;left:0px; padding:5px 0px; position:relative; z-index:99999; top:2px; width:auto; min-width:130px; list-style:none;} .dropdown span.value { display:none;} .dropdown dd ul li a { padding:5px; display:block;} .dropdown dd ul li a:hover { background-color:#fff; color:#4A9DD5;} .dropdown img.flag { border:none; vertical-align:middle; margin-right:10px; } /*--- FooterSosyal Medya ----*/ .social-medias span a{display:block; margin:4px 10px 0px 0px; width:22px; height:22px; float:left; text-indent:-999999px; } .social-medias .ffacebook a {background:url(../images/icon/sprite2.png) -1px -41px no-repeat;} .social-medias .ftwitter a {background:url(../images/icon/sprite2.png) -26px -41px no-repeat;} .social-medias .fyoutube a {background:url(../images/icon/sprite2.png) -51px -41px no-repeat;} .social-medias .fgplus a {background:url(../images/icon/sprite2.png) -76px -41px no-repeat;} .social-medias .frss a {background:url(../images/icon/sprite2.png) -101px -41px no-repeat;} .social-medias .flinkedn a {background:url(../images/icon/sprite2.png) -126px -41px no-repeat;} .social-medias .finstagram a {background:url(../images/icon/sprite2.png) -151px -41px no-repeat;} /*--- LightBox----*/ .demo-gallery { margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;float:left;display:block;width:100%;overflow:hidden } .demo-gallery > ul { margin-bottom: 0; margin:20px 0px 0px 0px; padding:0;display:block;width:100%;float:left } .demo-gallery > ul > li { float: left; margin:2px 3px 6px 3px; width: 210px; height:157px;position:relative } .demo-gallery > ul > li a { border: 3px solid #FFF; border-radius: 3px; display: block; overflow: hidden; position: relative; float: left; height:157px; } .demo-gallery ul> li> span> a{ display:none} .demo-gallery ul> li:hover>span> a{width:100%;cursor:pointer; font-size:20px; color:#fff; line-height:157px;text-align:center; height:100%; display:block; position:absolute;z-index:555; left:0; top:0;background:url(../images/blue.png) repeat;font-weight:600;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);} .demo-gallery > ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; flex-shrink:0;height:100%; object-fit: cover } .demo-gallery > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-gallery > ul > li a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallery > ul > li a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .demo-gallery > ul > li a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-gallery > ul > li a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-gallery .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .demo-gallery .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallery .justified-gallery > a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .demo-gallery .justified-gallery > a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-gallery .justified-gallery > a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-gallery .video .demo-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; } .demo-gallery.dark > ul > li a { border: 3px solid #04070a; } .home .demo-gallery { padding-bottom: 80px; } /*--- LightBox----*/ .demo-gallerys { margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;float:left;display:block;width:100% } .demo-gallerys > ul { margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;display:block } .demo-gallerys > ul > li { float: left; margin:2px 3px 6px 3px; width: 180px; height:140px;position:relative } .demo-gallerys > ul > li a { border: 3px solid #FFF; border-radius: 3px; display: block; overflow: hidden; position: relative; float: left; height:140px; } .demo-gallerys ul> li> span> a{ display:none} .demo-gallerys ul> li:hover>span> a{width:100%;cursor:pointer; font-size:20px; color:#fff; line-height:140px;text-align:center; height:100%; display:block; position:absolute;z-index:555; left:0; top:0;background:url(../images/blue.png) repeat;font-weight:600;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);} .demo-gallerys > ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; flex-shrink:0;height:100%; object-fit: cover } .demo-gallerys > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-gallerys > ul > li a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallerys > ul > li a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .demo-gallerys > ul > li a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-gallerys > ul > li a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-gallerys .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .demo-gallerys .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-gallerys .justified-gallery > a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallerys .justified-gallery > a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .demo-gallerys .justified-gallery > a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-gallerys .justified-gallery > a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-gallerys .video .demo-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; } .demo-gallerys.dark > ul > li a { border: 3px solid #04070a; } .home .demo-gallerys { padding-bottom: 80px; } /*--- LightBox KALİTE----*/ .demo-galleryk { margin-bottom: 0; margin:20px 0px 20px 0px; padding:0;float:left;display:block;width:100%;float:left } .demo-galleryk > ul { margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;display:block } .demo-galleryk > ul > li { float: left; margin:2px 3px 6px 3px; width: 180px; height:244px;position:relative } .demo-galleryk > ul > li a { border-radius: 3px; display: block; overflow: hidden; position: relative; float: left; height:244px;border:none } .demo-galleryk ul> li> span> a{ display:none} .demo-galleryk ul> li:hover>span> a{width:100%;cursor:pointer; font-size:20px; color:#fff; line-height:250px;text-align:center; height:100%; display:block; position:absolute;z-index:555; left:0; top:0;background:url(../images/blue.png) repeat;font-weight:600;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);} .demo-galleryk > ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .demo-galleryk > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-galleryk > ul > li a:hover .demo-gallery-poster > img { opacity: 1; } .demo-galleryk > ul > li a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .demo-galleryk > ul > li a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-galleryk > ul > li a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-galleryk .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .demo-galleryk .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-galleryk .justified-gallery > a:hover .demo-gallery-poster > img { opacity: 1; } .demo-galleryk .justified-gallery > a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .demo-galleryk .justified-gallery > a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-galleryk .justified-gallery > a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-galleryk .video .demo-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; } .demo-galleryk.dark > ul > li a { border: 3px solid #04070a; } .home .demo-galleryk { padding-bottom: 80px; }