@import "hiratuvareset.html"; /* * * 25.06.2016 - Başlangıç * @ Kurumsal v2 - Zel Projem * @ hiratuva * @ hiratuva@outlook.com * @ 0506 565 00 86 * 12.11.2016 - Bitiş * */ /* usage */ /*------------------------------------------------------------------ [Less Zr] -------------------------------------------------------------------*/ /*--------------- Base Color --------------*/ /*--------------- PlaceHolder ---------------*/ /*--------------- Absolute ---------------*/ /*--------------- Relative ---------------*/ /*------------ Rotate -----------------*/ /*--------------- Border Radius ---------------*/ /*--------------- Custom Radius ---------------*/ /*--------------- Transtion---------------*/ /*--------------- Origin Transform ---------------*/ /*--------------- Scale ---------------*/ /*--------------- Linear Grarient ---------------*/ /*--------------- Quick Gradient ---------------*/ /*--------------- Box Shadow 1 ---------------*/ /*--------------- Box Shadow 2 ---------------*/ /*--------------- Box Shadow 3 ---------------*/ .box-shadow-3 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-3:before, .box-shadow-3:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 10px; border-radius: 10px; } body { } .clear { clear: both; } .col-center { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; } .no-padding { padding: 0; } .no-margin { margin: 0!important; } .margin-top-5 { margin-top: 5px; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-25 { margin-top: 20px; } .margin-top-35 { margin-top: 35px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-25 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px!important; } .margin-bottom-35 { margin-bottom: 35px; } .inline-block { display: inline-block; } .img-responsive { width: 100%; } /* Main */ .hiratuva_main { width: 100%; float: left; color: #dc3545; /* Header */ /* Slider */ /*Duyurular */ /* Sectionlar */ /* Tekli Video */ /* Etkinlik */ /** Galeri **/ /** Galeri 2 **/ /*** Blog Ve Takvim ***/ /* Markalar */ /* Footer */ /* Fixed Elements */ /********* * * Alt Sayfalar * *********/ /* Kurumsal */ } .hiratuva_main .hiratuva_fix_header { margin-top: -35px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .hiratuva_main .hiratuva_header_wrap { width: 100%; float: left; position: relative; height: 110px; z-index: 900; } .hiratuva_main .hiratuva_header { width: 100%; float: left; height: 110px; position: fixed; background: #fff; z-index: 99999; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; /* Header Top */ /* Bottom */ } .hiratuva_main .hiratuva_header .hiratuva_header_top { width: 100%; float: left; height: 35px; background-color: #fbfbfb; border-bottom: 1px solid #eee; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; /* left*/ /* Right*/ } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_left { float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_left ul.hd-top-left { float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_left ul.hd-top-left li { float: left; font-size: 14px; margin-top: 8px; margin-right: 9px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_left ul.hd-top-left li i { width: 23px; font-size: 15px; color: #796e6e; margin-top: 2px; float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_left ul.hd-top-left li span { font-size: 13px; color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_left ul.hd-top-left li a { font-size: 13px; color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right { float: right; /* Sepet Box */ /* Üyelik */ /* Search*/ /* Dil */ } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box { float: left; margin-right: 10px; position: relative; /* Ul */ } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box > a { position: relative; float: left; color: #737881; width: 20px; padding: 4px 3px; margin-top: 4px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box > a i { color: #333; font-size: 17px; float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box > a span { position: absolute; padding: 2px; font-size: 10px; right: -12px; top: -1px; min-width: 17px; background: #f7c02d; color: #fff; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box .dropdown-menu { right: 100%; margin: 0; padding: 0; left: -200px; top: 50px; background: #fff; width: 290px; position: absolute; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul { width: 100%; float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul:before { border-bottom: 10px solid #333; border-left: 10px solid transparent; border-right: 10px solid transparent; right: 65px; content: ""; height: 0; margin-right: -3px; pointer-events: none; position: absolute; width: 0; bottom: 100%; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li.border-none { border-bottom: none!important; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li { width: 100%; float: left; border-bottom: solid 1px #e0e0e0; margin: 0; position: relative; padding: 10px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .figure { float: left; margin-right: 10px; border: 1px solid blue; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .figure > a img { float: left; width: 60px; border: 1px solid yellow; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .detail { display: inline-block; color: #333; font-size: 13px; font-weight: 600; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .detail .urun-name { display: block; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .detail .urun-adet { float: left; margin-right: 2px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .detail .urun-fiyat { float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .detail .urun-fiyat span { margin-right: 4px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .remove-sepet { position: absolute; right: 10px; top: 18px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .remove-sepet a { color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .sepet-yok { color: #333; padding: 10px; font-size: 13px; font-weight: 600; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .toplam-fiyat { float: right; padding-right: 4px; color: #000; font-weight: 600; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .toplam-fiyat span { color: #000; font-weight: 600; font-size: 14px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .sepete-git a { background: #f7c02d; color: #fff; font-size: 14px; padding: 5px 15px; font-weight: 700; text-align: center; display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul li .sepete-git a:hover { background: #333; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul .dropdown-title { background: #333; border-bottom: 1px solid #e5e5e5; padding: 9px 0; text-align: left; width: 100%; float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-sepet-box ul.sepet-ul .dropdown-title h2 { color: #fff; width: 100%; float: left; font-size: 13px; font-weight: 600; text-indent: 10px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik { float: left; padding: 0 10px; position: relative; color: #333; /* Down */ } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik > button { border: none; background: none; padding: 8px 8px; font-size: 13px; font-weight: 400; float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik > button:focus { background: #f4f4f4; border: none; outline: none; box-shadow: none; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik > button img { float: left; margin-top: 1px; margin-right: 6px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik > button span { margin-top: 9px; color: #333; float: right!important; padding: 0 !important; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik .uyelik_roles { z-index: 9999999; border: none; top: 100%; left: 0; text-align: left; min-width: 106px!important; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik .uyelik_roles li { width: 100%; float: left; text-align: center; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik .uyelik_roles li a { width: 100%; float: left; text-indent: 7px; text-align: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik .uyelik_roles li a i { float: left; font-size: 14px; width: 20px; margin-top: 3px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik .uyelik_roles li a img { width: 14px; margin-top: 5px; float: left; width: 100%; margin-right: 5px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik .uyelik_roles li a span { font-size: 13px; color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik i { float: left; margin-right: 5px; color: #333; margin-top: 9px; font-size: 16px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik a { font-size: 13px; color: #333; float: left; padding: 8px 5px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik a:hover { text-decoration: underline; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva-uyelik span { padding: 6px 5px; float: left; color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_search { float: left; margin-right: 15px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_search .zr-ara-opened input { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 240px!important; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_search .zr-ara-opened span { background-color: #f7c02d !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_search .zr-ara { float: left; position: relative; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_search .zr-ara input { border: none; border-left: 1px solid #ccc; font-size: 13px; height: 34px; color: #333; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; padding: 6px 5px; font-family: 'Open Sans'; width: 140px; background: #fff; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_search .zr-ara span { background-repeat: no-repeat; width: 33px; height: 34px; float: right; background-color: #ccc; color: #fff; padding-top: 6px; font-size: 15px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; text-align: center; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_lang { float: left; position: relative; color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_lang .ci-language { border: none; background: none; padding: 8px 8px; font-size: 13px; font-weight: 400; float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_lang .ci-language:focus { background: #f4f4f4; border: none; outline: none; box-shadow: none; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_lang .ci-language img { float: left; margin-top: 1px; margin-right: 6px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_lang .ci-language span { margin-top: -2px; color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_lang .zr_dil_menu { z-index: 9999999; border: none; top: 100%; left: -40% !important; min-width: 136px!important; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_lang .zr_dil_menu li a img { width: 14px; margin-top: 5px; float: left; margin-right: 5px; } .hiratuva_main .hiratuva_header .hiratuva_header_top .hiratuva_header_top_right .hiratuva_lang .zr_dil_menu li a span { font-size: 13px; color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom { width: 100%; float: left; } @media screen and (max-width: 720px) { .hiratuva_main .hiratuva_header .hiratuva_header_bottom .container { padding: 0; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .hiratuva_main .hiratuva_header .hiratuva_header_bottom .container { width: 100%!important; } } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content { width: 100%; float: left; position: relative; /* Logo */ /* Mobile Search */ /* Mobile Menu*/ /* Mobile Items */ /* Menü */ } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_logo { float: left; z-index: 300; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_logo a { width: 310px; float: left; } @media screen and (max-width: 720px) { .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_logo a { width: 260px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_logo a { width: 270px; } } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_logo a img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_search_active { opacity: 1!important; visibility: visible!important; -webkit-transition: -webkit-all, 0.5s, ease-in-out; -khtml-transition: all, 0.5s, ease-in-out; -moz-transition: all, 0.5s, ease-in-out; -ms-transition: all, 0.5s, ease-in-out; -o-transition: all, 0.5s, ease-in-out; transition: all, 0.5s, ease-in-out; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_search_menu { padding: 0; position: absolute; top: 70px; z-index: 999; width: 100%; padding: 5px; background: #f7c02d; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; visibility: hidden; opacity: 0; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_search_menu:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f7c02d; top: -9px; right: 25px; -webkit-transition: -webkit-all, 0.5s, ease-in-out; -khtml-transition: all, 0.5s, ease-in-out; -moz-transition: all, 0.5s, ease-in-out; -ms-transition: all, 0.5s, ease-in-out; -o-transition: all, 0.5s, ease-in-out; transition: all, 0.5s, ease-in-out; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_search_menu .group { display: block; position: relative; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_search_menu .group input { display: block; position: relative; background: none; width: 100%; border: none; outline: none; border-radius: 0; box-shadow: none; height: 47px; color: #000; background: #fff; line-height: 32px; font-size: 15px; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva-mb-menu { width: 100%; float: left; position: absolute; left: 0; top: 0; border: 1px solid red; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active { opacity: 1; visibility: visible; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -khtml-transition: transform 0.3s, opacity 0.3s; -moz-transition: transform 0.3s, opacity 0.3s; -ms-transition: transform 0.3s, opacity 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: scale(1, 1); -khtml-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; transform-origin: top left; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container { display: block; position: fixed; width: 100%; height: auto; padding: 0!important; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul { display: block; list-style: none; margin: 0; padding: 0; background: #fff; width: 100%; float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li { position: relative; display: block; width: 100%; float: left; border-bottom: solid 1px rgba(241, 241, 241, 0.81); /* Sub Menu*/ } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li .sub-button { cursor: pointer; position: absolute; right: 0; top: 0; z-index: 1; background: #f7c02d; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li .sub-button i { display: inline-block; font-size: 22px; margin: 12px; border-radius: 24px; height: 16px; width: 15px; line-height: 18px; text-align: center; color: #fff; -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li .sp-active i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu { position: relative; list-style: none; margin: 0; padding: 0; display: none; width: 100%; float: left; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu:before { content: ''; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; top: -6px; right: 12px; z-index: 3; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li { padding: 0; float: left; position: relative; width: 100%; /* SOn Ul*/ } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li .sub-button { background: none; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li .sub-button i { color: #333; height: 11px!important; line-height: 15px!important; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li:last-child { border: none; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li > a { display: block; position: relative; color: #333; padding: 9px 0; font-size: 11px; text-indent: 20px; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li > a span { font-size: 12px; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li > a:hover { background: none; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li > a:hover span { text-decoration: underline; color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li ul { display: none; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li ul li { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > ul.sub-menu > li ul li a { font-size: 12px; color: #333; display: block; padding: 4px 0; text-indent: 23px; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li:hover > a { background: #f7c02d; color: #fff; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > a { color: #333; padding: 9px 0; display: block; text-indent: 10px; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .zr-content-active .container > ul > li > a span { font-size: 14px; text-indent: 15px; font-weight: 600; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item { float: right; position: relative; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu { position: absolute; right: -5px; top: 22px; width: 100px; z-index: 9999; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_mobile-search { float: left; margin-left: 5px; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_mobile-search a { display: block; font-size: 17px; background: #f7c02d; color: #fff; width: 33px; height: 32px; padding-top: 4px; text-align: center; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content { float: left; transition: 0.15s; cursor: pointer; z-index: 8888; background: #f7c02d; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content span.dp-active i.menu-icon i { opacity: 0; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content span.dp-active i.menu-icon:before { -webkit-transform: rotate(45deg) translate3d(6px, 4.5px, 0); -khtml-transform: rotate(45deg) translate3d(6px, 4.5px, 0); -moz-transform: rotate(45deg) translate3d(6px, 4.5px, 0); -ms-transform: rotate(45deg) translate3d(6px, 4.5px, 0); -o-transform: rotate(45deg) translate3d(6px, 4.5px, 0); transform: rotate(45deg) translate3d(6px, 4.5px, 0); } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content span.dp-active i.menu-icon:after { -webkit-transform: rotate(-45deg) translate3d(5px, -4.5px, 0); -khtml-transform: rotate(-45deg) translate3d(5px, -4.5px, 0); -moz-transform: rotate(-45deg) translate3d(5px, -4.5px, 0); -ms-transform: rotate(-45deg) translate3d(5px, -4.5px, 0); -o-transform: rotate(-45deg) translate3d(5px, -4.5px, 0); transform: rotate(-45deg) translate3d(5px, -4.5px, 0); } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content span { display: inline-block; padding: 8px 0 2px 0; position: relative; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content span i.menu-icon { padding: 0 7px; position: relative; display: inline-block; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content span i.menu-icon i { content: ""; display: block; width: 23px; height: 3px; margin: 4px 0; background: #fff; z-index: 0; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content span i.menu-icon:before { content: ""; display: block; width: 23px; height: 3px; background: #fff; z-index: 0; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content span i.menu-icon:after { content: ""; display: block; width: 23px; height: 3px; background: #fff; z-index: 0; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_mobile-item .hiratuva_header-mb-menu .hiratuva_header-mb-menu-content span > i { display: inline-block; font-size: 24px; color: #ffffff; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu { float: right; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu { /* Hover */ } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu li.hiratuva-menu-ac > a:after { content: "\f107"; position: absolute; right: 8px; top: 25px; font-family: 'FontAwesome'; color: #333; font-size: 16px; z-index: 999; } @media screen and (min-width: 1024px) and (max-width: 1199px) { .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu li.hiratuva-menu-ac > a:after { right: 2px!important; top: 23px; } } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu li.hiratuva-menu-ac:hover > ul.hasul { opacity: 1; visibility: visible; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transition: transform 0.6s ease 0s, opacity 0.6s ease 0s; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li { float: left; position: relative; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li:hover > a { background: url('../images/header-shadow.png'); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border-top: 2px solid #f7c02d; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li > a { color: #333; font-weight: 700; font-size: 14px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 2px solid transparent; display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; padding: 25px 10px; } @media screen and (min-width: 1200px) { .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li > a { padding: 26px 23px 26px 16px; } } @media screen and (min-width: 990px) and (max-width: 1199px) { .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li > a { padding: 25px 15px!important; font-size: 13px!important; } } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul { background: #fff; position: absolute; left: 0; top: 100%; opacity: 0; visibility: hidden; transform: translate(0px, 20px); -webkit-transform: translate(0px, 20px); -moz-transform: translate(0px, 20px); -o-transform: translate(0px, 20px); transition: transform 0.6s ease 0s, opacity 0s ease 0s; min-width: 220px; border-top: 1px solid #e9e9e9; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li.hiratuva-menu-ac > a:after { content: "\f105"; position: absolute; right: 6px; top: 7px; font-family: 'FontAwesome'; color: #333; font-size: 16px; z-index: 999; } @media screen and (min-width: 990px) and (max-width: 1199px) { .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li.hiratuva-menu-ac > a:after { right: 9px!important; } } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li { border-bottom: 1px solid #e0eded; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li:before { content: ''; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: #f7c02d; z-index: -1; opacity: 0; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li:hover a:after { color: #fff!important; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li:hover:before { opacity: 1; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li:hover > a { color: #fff; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li a { display: block; font-weight: 700; font-size: 13px; color: #333; padding: 8px 15px!important; } @media screen and (min-width: 990px) and (max-width: 1199px) { .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li a { font-size: 12px; } } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li a i { float: right; font-size: 16px; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li ul { left: 100%; top: 0; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li ul li a { color: #333; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li ul li a:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li ul li a:hover a { color: #fff!important; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li ul > li.hiratuva-menu-ac > a:after { content: "\f105"; position: absolute; right: 6px; top: 7px; font-family: 'FontAwesome'; color: #333!important; font-size: 16px; z-index: 999; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li ul > li.hiratuva-menu-ac:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li ul > li.hiratuva-menu-ac:hover a:after { color: #fff!important; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li ul > li.hiratuva-menu-ac:hover:before { opacity: 1; } .hiratuva_main .hiratuva_header .hiratuva_header_bottom .hiratuva_header_content .hiratuva_menu ul.ci-main-menu > li ul.hasul > li ul > li.hiratuva-menu-ac:hover > a { color: #fff; } .hiratuva_main .hiratuva_slider { width: 100%; float: left; position: relative; z-index: 2; } .hiratuva_main .hiratuva_slider .tp-bannertimer { background: #f7c02d; } .hiratuva_main .hiratuva_main .hiratuva_section_padding { padding: 0 15px!important; } .hiratuva_main .hiratuva_duyurular { width: 100%; float: left; /*Sol */ } .hiratuva_main .hiratuva_duyurular .hiratuva_duyuru-left { width: 100%; float: left; height: 81px; } @media screen and (max-width: 640px) { .hiratuva_main .hiratuva_duyurular .hiratuva_duyuru-left { height: 40px; } } .hiratuva_main .hiratuva_duyurular .hiratuva_duyuru-left:before { content: ''; width: 100%; height: 100%; position: absolute; background: #f7c02d; right: 0; top: 0; z-index: -3; } @media screen and (max-width: 1024px) { .hiratuva_main .hiratuva_duyurular .hiratuva_duyuru-left:after { display: none; } } .hiratuva_main .hiratuva_duyurular .hiratuva_duyuru-left:after { content: ''; width: 50px; height: 100%; position: absolute; background: #f7c02d; -webkit-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); right: -25px; top: 0; z-index: -2; } .hiratuva_main .hiratuva_duyurular .hiratuva_duyuru-title { font-size: 20px; font-weight: 600; color: #fff; letter-spacing: -1px; margin-top: 25px; float: right; margin-right: 30px; } @media screen and (max-width: 640px) { .hiratuva_main .hiratuva_duyurular .hiratuva_duyuru-title { margin-top: 7px; font-size: 17px; } } @media screen and (max-width: 1024px) { .hiratuva_main .hiratuva_duyurular .hiratuva_duyuru-title { width: 100%; text-align: center; float: left; } } .hiratuva_main .hiratuva_duyurular .hiratuva_duyuru-title i { margin-left: 7px; } .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag { padding: 0 5px 0 35px; height: 81px; float: left; width: 100%; position: relative; } @media screen and (max-width: 640px) { .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag { height: 40px; } } .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag:before { content: ''; width: 100%; height: 100%; position: absolute; background: #f5f5f5; right: 0; top: 0; z-index: -3; } .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag .tickercontainer { width: 100%; height: 27px; margin-top: 20px; overflow: hidden; } @media screen and (max-width: 640px) { .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag .tickercontainer { margin-top: 2px; } } .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag .tickercontainer .mask { position: relative; left: 10px; top: 8px; width: 100%; overflow: hidden; } .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag ul.newsticker { position: relative; left: 250px; list-style-type: none; margin: 0; padding: 0; } .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag ul.newsticker li { float: left; margin-right: 30px; padding: 0; } .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag ul.newsticker li a { color: #000; font-weight: 600; font-size: 15px; } @media screen and (max-width: 640px) { .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag ul.newsticker li a { font-size: 13px; } } .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag ul.newsticker li a:hover { text-decoration: underline; } .hiratuva_main .hiratuva_duyurular .hiratuva_duyurusag ul.newsticker li span { color: #000; font-size: 15px; margin-right: 2px; } .hiratuva_main .kelebek_none:after { display: none!important; } .hiratuva_main .kelebek_none:before { display: none!important; } .hiratuva_main .section_hizmetler:after { top: 200px!important; } .hiratuva_main .section_hizmetler:before { top: 200px!important; } .hiratuva_main .section_kurumsal { background: #f5f5f5; margin-top: 25px; border-bottom: 1px solid #e8eaeb; } .hiratuva_main .hiratuva_section { width: 100%; float: left; position: relative; /* Section Header */ /* Cont */ /* Kurumsal */ /* Ürünler */ /* Projeler ve Haberler */ } .hiratuva_main .hiratuva_section:after { background: url('../images/main-left.png'); background-repeat: no-repeat; content: ""; width: 217px; height: 404px; display: block; right: 10px; position: absolute; top: 30px; z-index: 13; } @media screen and (max-width: 1600px) { .hiratuva_main .hiratuva_section:after { display: none; } } .hiratuva_main .hiratuva_section:before { background: url('../images/main-right.png'); background-repeat: no-repeat; content: ""; width: 217px; height: 404px; display: block; left: 10px; position: absolute; top: 30px; z-index: -4; } @media screen and (max-width: 1600px) { .hiratuva_main .hiratuva_section:before { display: none; } } .hiratuva_main .hiratuva_section .page-title-center { width: 100%; float: left; text-align: center; margin-top: 35px; border-bottom: 2px solid #E8E8E8; } .hiratuva_main .hiratuva_section .page-title-center h2 { font-size: 20px; color: #333; display: inline-block; position: relative; font-weight: 700; padding: 0 5px 12px 5px; background: #fff; } .hiratuva_main .hiratuva_section .page-title-center h2:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler { width: 100%; float: left; margin-top: 50px; /* Bölüm 1 */ /* Bölüm 2 */ } .hiratuva_main .hiratuva_section .hiratuva_hizmetler a { width: 100%; float: left; text-align: center; position: relative; padding: 10px 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler a:hover { background: #f7f7f7; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler a .hizmet-icon i { font-size: 43px; width: 61px; height: 61px; color: #f7c02d; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler a .hizmet-icon span { background-repeat: no-repeat; height: 60px; display: block; width: 100%; background-position: center center; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler a .hizmet-title { font-size: 17px; padding: 5px 0; text-align: center; font-weight: 600; color: #333; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler a .hizmet-giris { font-size: 13px; color: #333; padding: 5px 20px; margin-bottom: 30px; text-align: center; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item { width: 100%; float: left; margin-bottom: 25px; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol { width: 100%; float: left; position: relative; min-height: 200px; overflow: hidden; -webkit-transition: all 0.36s linear; -moz-transition: all 0.36s linear; -o-transition: all 0.36s linear; -ms-transition: all 0.36s linear; transition: all 0.36s linear; /* hover*/ } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol:hover .corner { border-left: 800px solid rgba(35, 125, 200, 0.6); border-top: 800px solid transparent; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol:hover h3 { left: -100%; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol:hover .corner-plus { opacity: 1; background: none; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol .corner { content: ''; position: absolute; left: 0; border-left: 10px solid rgba(41, 160, 214, 0.81); border-top: 10px solid transparent; bottom: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; text-align: center; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol .corner-plus { position: absolute; left: 0; width: 100%; height: 100%; top: 0; background: none; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 12; text-align: center; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol .corner-plus i { color: #fff; position: absolute; width: 100%; top: 50%; margin-top: -20px; left: 0; font-size: 40px; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol h3 { background: #f7c02d; display: inline-block; padding: 12px 10px 12px 20px; top: 30px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; left: 0; font-size: 14px; position: absolute; color: #fff; z-index: 6; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol h3:after { content: ""; position: absolute; right: -20px; top: 0; bottom: 0; width: 50px; background: #f7c02d; z-index: -2; -webkit-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item a.hiratuva-efek-sol img { width: 100%; left: 0; top: 0; position: absolute; height: 100%; display: block; } .hiratuva_main .hiratuva_section .hiratuva_hizmetler .hiratuva-hizmet-item p { width: 100%; float: left; font-size: 13px; font-weight: 600; color: #000; margin-top: 12px; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal { width: 100%; float: left; margin-top: 70px; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sol { width: 100%; float: left; } @media screen anad (max-width: 640px) { .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sol { margin-bottom: 25px; } } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sol .k-title { font-size: 22px; font-weight: 700; width: 100%; float: left; color: #333; position: relative; letter-spacing: -1px; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sol .k-title:before { position: absolute; top: 39px; left: 0; display: block; width: 65px; border-top: 2px solid #f7c02d; content: ""; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sol .k-text { font-size: 14px; width: 100%; float: left; color: #333; margin-top: 25px; text-align: justify; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sol .k-link { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sol .k-link a { float: left; padding: 8px 20px; font-size: 14px; font-weight: 700; border: 1px solid #f7c02d; color: inherit; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sol .k-link a:hover { background-color: #f7c02d; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sol .k-link a i { font-size: 17px; margin-left: 5px; margin-top: 3px; display: inline-block; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sag { width: 100%; float: left; margin-bottom: 60px; } .hiratuva_main .hiratuva_section .hiratuva_kurumsal .hiratuva_kurumsal_sag img { width: 100%; display: block; height: auto; } .hiratuva_main .hiratuva_section .hiratuva_urunler { width: 100%; float: left; margin-top: 30px; } .hiratuva_main .hiratuva_section .hiratuva_urunler .page-title-left { width: 100%; float: left; text-align: left; position: relative; margin-top: 35px; border-bottom: 2px solid #E8E8E8; /* Urunler Arrows */ } .hiratuva_main .hiratuva_section .hiratuva_urunler .page-title-left h2 { font-size: 20px; color: #000; display: inline-block; position: relative; font-weight: 700; padding: 0 5px 12px 5px; background: #fff; } .hiratuva_main .hiratuva_section .hiratuva_urunler .page-title-left h2:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva_main .hiratuva_section .hiratuva_urunler .page-title-left .urunler-arrows { position: absolute; right: 0; top: 0; } .hiratuva_main .hiratuva_section .hiratuva_urunler .page-title-left .urunler-arrows a { float: right; font-size: 21px; border: 2px solid #dddddd; border-radius: 2px; color: #999999; width: 27px; height: 27px; padding-top: 1px; text-align: center; margin-left: 4px; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_section .hiratuva_urunler .page-title-left .urunler-arrows a:hover { border: 2px solid #f7c02d; color: #fff; background: #f7c02d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_section .hiratuva_urunler .page-title-left .urunler-arrows a i { display: block; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .owl-controls { margin-top: 40px; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .owl-page span { background: #f7c02d; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item { margin-right: 10px; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content { display: inline-block; position: relative; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); border-radius: 3px; overflow: hidden; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content:hover .urun-image .corner { border-right: 800px solid rgba(35, 125, 200, 0.8); border-top: 800px solid transparent; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 3; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content:hover .urun-image .corner-plus { opacity: 0; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content:hover .urun-image .urun-navigasyon { z-index: 20; opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content:hover .urun-link a span { color: #f7c02d; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-image { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-image .corner { content: ''; position: absolute; right: 0; border-right: 51px solid #f7c02d; border-top: 52px solid transparent; bottom: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; text-align: center; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-image .corner-plus { position: absolute; right: 8px; bottom: 9px; background: url('../images/plus-white.png'); width: 13px; height: 13px; z-index: 2; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-image img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-image .urun-navigasyon { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 12; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); text-align: center; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-image .urun-navigasyon a { display: inline-block; color: #f7c02d; width: 36px; height: 36px; text-align: center; margin: 0 1px; font-size: 15px; border-radius: 50%; border: 1px solid #fff; background: #fff; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-image .urun-navigasyon a i { padding-top: 9px; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-image .urun-navigasyon a i.fa-link { font-size: 16px; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-image .urun-navigasyon a:hover { color: #333; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-link { width: 100%; float: left; padding: 10px 12px; min-height: 55px; text-align: center; display: flex; align-items: center; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee)); background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-link a { width: 100%; float: left; } .hiratuva_main .hiratuva_section .hiratuva_urunler .hiratuva-urunler-slider .item .urun-content .urun-link a span { color: #333; font-weight: 600; display: block; font-size: 13px; } .hiratuva_main .hiratuva_section .hiratuva_inner { width: 100%; float: left; /* Projeler */ /* Haberler */ } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler { width: 100%; float: left; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .page-title-left { width: 100%; float: left; text-align: left; position: relative; margin-top: 35px; border-bottom: 2px solid #E8E8E8; /* Urunler Arrows */ } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .page-title-left .projeler-arrows { position: absolute; right: 0; top: 0; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .page-title-left .projeler-arrows a { float: right; font-size: 21px; border: 2px solid #dddddd; border-radius: 2px; color: #999999; width: 27px; height: 27px; padding-top: 1px; text-align: center; margin-left: 4px; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .page-title-left .projeler-arrows a:hover { border: 2px solid #f7c02d; color: #fff; background: #f7c02d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .page-title-left .projeler-arrows a i { display: block; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .page-title-left h2 { font-size: 20px; color: #000; display: inline-block; position: relative; font-weight: 700; padding: 0 5px 12px 5px; background: #fff; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .page-title-left h2:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item { margin-right: 15px; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content { width: 100%; float: left; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-image { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-image a { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-image a:hover .corner-duz { height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0.6; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-image a:hover .proje-navigasyon { opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-image a .corner-duz { position: absolute; left: 0; width: 100%; bottom: 0; height: 4px; opacity: 1; background: #f7c02d; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 0; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-image a img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-image a .proje-navigasyon { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 12; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); text-align: center; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-image a .proje-navigasyon i { display: inline-block; color: #f7c02d; width: 36px; height: 36px; text-align: center; font-size: 15px; padding-top: 10px; border-radius: 50%; border: 1px solid #fff; background: #fff; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-image a .proje-navigasyon i:hover { color: #333; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-link { width: 100%; float: left; padding: 10px 12px; min-height: 45px; text-align: center; display: flex; align-items: center; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-link a { width: 100%; float: left; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-link a:hover span { color: #f7c02d; text-decoration: underline; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-link a span { color: #333; font-weight: 700; display: block; font-size: 15px; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-text { width: 100%; float: left; font-size: 13px; text-align: justify; color: #333; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-detay { width: 100%; float: left; margin-top: 14px; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-detay a { float: left; padding: 0; font-size: 13px; font-weight: 600; color: inherit; position: relative; line-height: 26px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-detay a:hover { text-decoration: underline; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_projeler .hiratuva_projeler_inner .owl-projeler .item .proje-content .proje-detay a i { font-size: 17px; margin-left: 5px; margin-top: 3px; display: inline-block; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberler { width: 100%; float: left; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberler .page-title-left { width: 100%; float: left; text-align: left; position: relative; margin-top: 35px; border-bottom: 2px solid #E8E8E8; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberler .page-title-left h2 { font-size: 20px; color: #333; display: inline-block; position: relative; font-weight: 700; letter-spacing: -1px; padding: 0 5px 12px 5px; background: #fff; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberler .page-title-left h2:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist .hiratuva_haber-box { width: 100%; float: left; margin-bottom: 15px; display: flex; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist .hiratuva_haber-box .haber_image { width: 100px; float: left; margin-right: 10px; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist .hiratuva_haber-box .haber_image a img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist .hiratuva_haber-box .haber_right { width: calc(70%); position: relative; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist .hiratuva_haber-box .haber_right .haber_tarih { position: absolute; right: 0; top: 0; font-size: 12px; color: #333; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist .hiratuva_haber-box .haber_right .haber_title { font-size: 15px; width: 100%; float: left; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist .hiratuva_haber-box .haber_right .haber_title a { float: left; font-size: 14px; color: #333; font-weight: 700; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist .hiratuva_haber-box .haber_right .haber_title a:hover { color: #f7c02d; text-decoration: underline; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_haberlist .hiratuva_haber-box .haber_right .haber_giris { width: 100%; float: left; margin-top: 3px; font-size: 13px; color: #333; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_tumhaberler { width: 100%; float: left; margin-top: 30px; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_tumhaberler a { float: left; padding: 0 10px; font-size: 13px; font-weight: 600; border: 1px solid transparent; color: #fff; background: #f7c02d; position: relative; line-height: 26px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_tumhaberler a:hover { background: #333!important; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_section .hiratuva_inner .hiratuva_tumhaberler a i { margin-right: 5px; float: left; margin-top: 7px; } .hiratuva_main .hiratuva_anasayfavideo { width: 100%; float: left; padding: 90px 0; background-color: #f7c02d; margin-top: 80px; background-image: url('../images/video-main.jpg'); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; } .hiratuva_main .hiratuva_anasayfavideo .video-title { width: 100%; float: left; font-size: 24px; color: #fff; text-shadow: 0 1px #000; } @media screen and (max-width: 768px) { .hiratuva_main .hiratuva_anasayfavideo .video-title { text-align: center; } } .hiratuva_main .hiratuva_anasayfavideo .video-link { width: 100%; float: left; margin-top: 50px; text-align: center; } .hiratuva_main .hiratuva_anasayfavideo .video-link button { display: inline-block; border: 1px solid #fff; color: #fff; font-size: 22px; background: transparent; padding: 5px 30px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_anasayfavideo .video-link button:hover { background: #f7c02d; color: #fff; border: 1px solid #f7c02d; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_anasayfavideo .video-link button i { margin-right: 15px; } .hiratuva_main .hiratuva_etkinlik { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva_etkinlik .item { padding: 10px; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item { width: 100%; float: left; position: relative; padding: 10px; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); border-bottom: 2px solid #eee; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item:hover .hiratuva_etkinlik-title a { color: inherit; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item:hover .hiratuva_etkinlik-image:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0px, 0px) scale(1.5); -moz-transform: translate(0px, 0px) scale(1.5); -o-transform: translate(0px, 0px) scale(1.5); transform: translate(0px, 0px) scale(1.5); } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item:hover .hiratuva_etkinlik-image i { opacity: 1; -webkit-transform: translate(0px, 0px) scale(1); -moz-transform: translate(0px, 0px) scale(1); -o-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1); border-color: #f7c02d; background: #f7c02d; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-image { width: 100%; float: left; position: relative; overflow: hidden; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-image:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; -webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; background: rgba(0, 0, 0, 0.2); opacity: 0; z-index: 3; filter: alpha(opacity=0); -webkit-transform: translate(0px, 0px) scale(0); -moz-transform: translate(0px, 0px) scale(0); -o-transform: translate(0px, 0px) scale(0); transform: translate(0px, 0px) scale(0); } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-image .hiratuva_etkinlik-tarih { color: #fff; font-size: 13px; font-weight: 600; text-align: center; position: absolute; top: 0; right: 0; z-index: 0%; padding: 10px; background: #f7c02d; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-image .hiratuva_etkinlik-tarih span { display: block; font-size: 14px; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-image .hiratuva_etkinlik-tarih span.gun { font-weight: 600; font-size: 16px; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-image a { width: 100%; float: left; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-image a i { border: 1px solid #fff; border-radius: 50%; color: #fff; display: block; font-size: 14px; width: 32px; height: 32px; left: 0; right: 0; margin: auto; line-height: 32px; opacity: 0; position: absolute; text-align: center; top: 40%; -webkit-transition: all 0.4s ease-in 0s; transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; -webkit-transform: translate(0px, -100px) scale(0); -moz-transform: translate(0px, -100px) scale(0); -o-transform: translate(0px, -100px) scale(0); transform: translate(0px, -100px) scale(0); z-index: 12; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-image a img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-title { width: 100%; float: left; padding: 5px 0; margin-top: 10px; text-align: center; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-title a { display: inline-block; color: #4d4d4d; font-size: 17px; font-weight: 600; position: relative; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-title a:after { content: ''; width: 30px; height: 2px; background: #f7c02d; opacity: 0.7; z-index: 2; left: 0; bottom: -4px; position: absolute; } .hiratuva_main .hiratuva_etkinlik .hiratuva_etkinlik-item .hiratuva_etkinlik-text { width: 100%; float: left; font-size: 13px; padding: 0 10px; text-align: justify; color: #6e6e6e; margin-top: 4px; } .hiratuva_main .hiratuva_etkinlik .hiratuva_tumetkinlikler { width: 100%; float: left; text-align: center; margin-top: 25px; } .hiratuva_main .hiratuva_etkinlik .hiratuva_tumetkinlikler a { background: #f7c02d; color: #fff; font-size: 14px; padding: 6px 20px; display: inline-block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_etkinlik .hiratuva_tumetkinlikler a i { margin-top: 4px; float: left; margin-right: 7px; } .hiratuva_main .hiratuva_etkinlik .hiratuva_tumetkinlikler a:hover { background: #333; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_galeri_content { width: 100%; float: left; margin-top: 50px; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header { width: 100%; float: left; border-bottom: 10px solid #f7c02d; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .hiratuva_galeri-title { width: 100%; float: left; padding: 40px 0; background: #fff; text-align: left; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .hiratuva_galeri-title h2 { font-size: 20px; color: #333; float: left; letter-spacing: -1px; font-weight: 700; position: relative; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .hiratuva_galeri-title h2:after { content: ''; position: absolute; left: 0; bottom: -19px; background: #29a0d6; width: 40%; height: 4px; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter { display: block; background-color: #f5f5f5; border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; text-align: center; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a { display: inline-block; position: relative; color: #666666; cursor: pointer; z-index: 2; padding: 14px 50px; border: none; font-size: 15px; font-weight: 600; font-family: 'Open Sans'; } @media screen and (max-width: 991px) { .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a { width: 100%; float: left; padding: 10px 50px; transform: skewX(0deg) !important; -moz-transform: skewX(0deg) !important; -webkit-transform: skewX(0deg) !important; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a:after { transform: skewX(0deg) !important; -moz-transform: skewX(0deg) important; -webkit-transform: skewX(0deg) !important; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a:hover { background: #f7c02d; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a:hover span { transform: skewX(0deg) !important; -moz-transform: skewX(0deg) !important; -webkit-transform: skewX(0deg) !important; color: #fff; } } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a span { display: inline-block; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); border-bottom: 3px solid transparent; padding-bottom: 3px; padding-top: 6px; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a:after { position: absolute; content: ""; height: 66px; width: 1px; background-color: #ffffff; right: 0; top: -4px; transform: rotate(30deg); -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a:hover { background-color: #f7c02d; transform: skewX(-30deg); -moz-transform: skewX(-30deg); -webkit-transform: skewX(-30deg); } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a:hover span { transform: skewX(30deg); -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg); color: #fff; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a:hover:after { background-color: transparent; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a.current { background-color: #f7c02d; transform: skewX(-30deg); -moz-transform: skewX(-30deg); -webkit-transform: skewX(-30deg); } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a.current:after { background-color: transparent; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a.current span { transform: skewX(30deg); -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg); color: #fff; } @media screen and (max-width: 991px) { .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a.current { transform: skewX(0deg) !important; -moz-transform: skewX(0deg) !important; -webkit-transform: skewX(0deg) !important; } .hiratuva_main .hiratuva_galeri_content .hiratuva_galeri-header .portfolioFilter a.current span { transform: skewX(0deg) !important; -moz-transform: skewX(0deg) !important; -webkit-transform: skewX(0deg) !important; color: #fff; } } .hiratuva_main .hiratuva_galeri { width: 100%; float: left; position: relative; overflow: hidden; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox { padding: 0; overflow: hidden; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image { width: 100%; float: left; overflow: hidden; position: relative; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image:hover .hiratuva_galeri_overlay { opacity: 1; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.3s; transition: all 0.3s; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image:hover .hiratuva_galeri_overlay:after { opacity: 1; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image:hover .hiratuva_galeri_overlay .hiratuva_galeri_desc { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image:hover .hiratuva_galeri_overlay .hiratuva_helper_icons { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; color: #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.3s; transition: all 0.3s; /* Icons */ } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: #f7c02d; content: ""; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; transition: all 0.3s; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_galeri_desc { position: absolute; top: 50%; left: 0; right: 0; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.3s 0.1s; -ms-transition: transform 0.3s 0.1s; transition: transform 0.3s 0.1s; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_galeri_desc h4 { color: #fff; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_galeri_desc h4 a { color: #fff; font-size: 13px; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_helper_icons { position: absolute; margin: -12px 0 0 -12px; width: 100%; left: 0; top: 40%; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s; -ms-transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s; transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_helper_icons a { width: 25px; height: 25px; border: 1px solid #fff; display: inline-block; font-size: 11px; text-align: center; margin: 0 1px!important; border-radius: 50%; color: #fff; line-height: 22px; } .hiratuva_main .hiratuva_galeri .hiratuva_galeribox .hiratuva_galeribox_image img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva_galeri2 { width: 100%; float: left; } .hiratuva_main .hiratuva_galeri2 .hiratuva_galeri-header { width: 100%; float: left; } .hiratuva_main .hiratuva_galeri2 .hiratuva_galeri-header .hiratuva_galeri-title { width: 100%; float: left; padding: 40px 0; background: #fff; text-align: left; } .hiratuva_main .hiratuva_galeri2 .hiratuva_galeri-header .hiratuva_galeri-title h2 { font-size: 20px; color: #333; float: left; letter-spacing: -1px; font-weight: 700; position: relative; } .hiratuva_main .hiratuva_galeri2 .hiratuva_galeri-header .hiratuva_galeri-title h2:after { content: ''; position: absolute; left: 0; bottom: -19px; background: #29a0d6; width: 40%; height: 4px; } .hiratuva_main .hiratuva_galeri2 .hiratuva_resim-slider { width: 100%; float: left; } .hiratuva_main .hiratuva_galeri2 .hiratuva_resim-slider .item { float: left; } .hiratuva_main .hiratuva_galeri2 .hiratuva_resim-slider .item a { width: 100%; float: left; position: relative; overflow: hidden; background-color: #000; } .hiratuva_main .hiratuva_galeri2 .hiratuva_resim-slider .item a:hover img { transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .hiratuva_main .hiratuva_galeri2 .hiratuva_resim-slider .item a:hover i { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .hiratuva_main .hiratuva_galeri2 .hiratuva_resim-slider .item a img { width: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; height: auto; display: block; } .hiratuva_main .hiratuva_galeri2 .hiratuva_resim-slider .item a i { color: #fff; -webkit-border-radius: 3px; border-radius: 3px; font-size: 38px; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: 0; position: absolute; text-align: center; top: 50%; z-index: 4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); width: 60px; } .hiratuva_main .hiratuva_inner { width: 100%; float: left; /* Blog */ /** Tarih **/ } .hiratuva_main .hiratuva_inner .hiratuva_bloglar { width: 100%; float: left; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .page-title-left { width: 100%; float: left; text-align: left; position: relative; margin-top: 35px; border-bottom: 2px solid #E8E8E8; /* Urunler Arrows */ } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .page-title-left .blog-arrows { position: absolute; right: 0; top: 0; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .page-title-left .blog-arrows a { float: right; font-size: 21px; border: 2px solid #dddddd; border-radius: 2px; color: #999999; width: 27px; height: 27px; padding-top: 1px; text-align: center; margin-left: 4px; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .page-title-left .blog-arrows a:hover { border: 2px solid #f7c02d; color: #fff; background: #f7c02d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .page-title-left .blog-arrows a i { display: block; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .page-title-left h2 { font-size: 20px; color: #000; display: inline-block; position: relative; font-weight: 700; padding: 0 5px 12px 5px; background: #fff; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .page-title-left h2:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item { margin-right: 20px; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content { width: 100%; float: left; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-image { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-image a { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-image a:hover .corner-duz { height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0.6; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-image a:hover .proje-navigasyon { opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-image a .corner-duz { position: absolute; left: 0; width: 100%; bottom: 0; height: 4px; opacity: 1; background: #f7c02d; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 0; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-image a img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-image a .proje-navigasyon { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 12; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); text-align: center; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-image a .proje-navigasyon i { display: inline-block; color: #f7c02d; width: 36px; height: 36px; text-align: center; font-size: 15px; padding-top: 10px; border-radius: 50%; border: 1px solid #fff; background: #fff; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-image a .proje-navigasyon i:hover { color: #333; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-link { width: 100%; float: left; padding: 10px 12px; min-height: 25px; text-align: center; display: flex; align-items: center; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-link a { width: 100%; float: left; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-link a:hover span { color: #f7c02d; text-decoration: underline; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-link a span { color: #333; font-weight: 700; display: block; font-size: 15px; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-tarih { width: 100%; float: left; text-align: center; font-size: 13px; margin-bottom: 4px; color: #333; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-tarih i { margin-right: 6px; font-size: 12px; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-text { width: 100%; float: left; font-size: 13px; text-align: justify; color: #333; margin-top: 5px; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-detay { width: 100%; float: left; margin-top: 14px; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-detay a { float: left; font-size: 13px; font-weight: 600; color: inherit; position: relative; line-height: 26px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-detay a:hover { background-color: #f7c02d; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; padding: 0 10px; border-radius: 2px; } .hiratuva_main .hiratuva_inner .hiratuva_bloglar .hiratuva_blog_inner .owl-blog .item .blog-content .blog-detay a i { font-size: 17px; margin-left: 5px; margin-top: 3px; display: inline-block; } .hiratuva_main .hiratuva_inner .hiratuva_takvim { width: 100%; float: left; } .hiratuva_main .hiratuva_inner .hiratuva_takvim .page-title-left { width: 100%; float: left; text-align: left; position: relative; margin-top: 35px; border-bottom: 2px solid #E8E8E8; } .hiratuva_main .hiratuva_inner .hiratuva_takvim .page-title-left h2 { font-size: 20px; color: #333; display: inline-block; position: relative; font-weight: 700; padding: 0 5px 12px 5px; background: #fff; } .hiratuva_main .hiratuva_inner .hiratuva_takvim .page-title-left h2:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva_main .hiratuva_inner .hiratuva_takvim .hiratuva_takvim-body { width: 100%; float: left; margin-top: -30px; min-height: 370px; position: relative; z-index: 1; } @media screen and (max-width: 640px) { .hiratuva_main .hiratuva_inner .hiratuva_takvim .hiratuva_takvim-body { min-height: 420px; } } .hiratuva_main .hiratuva_inner .hiratuva_takvim .hiratuva_takvim-body input { opacity: 0; height: 0; width: 100%; } .hiratuva_main .hiratuva_inner .hiratuva_takvim .hiratuva_takvim_result { width: 100%; float: left; background: #f7c02d; padding: 10px 20px; text-align: center; color: #fff; margin-top: 15px; display: none; font-size: 14px; } .hiratuva_main .hiratuva_markalar { width: 100%; float: left; } .hiratuva_main .hiratuva_markalar .page-title-left { width: 100%; float: left; text-align: left; position: relative; margin-top: 35px; border-bottom: 2px solid #E8E8E8; } .hiratuva_main .hiratuva_markalar .page-title-left h2 { font-size: 20px; color: #333; display: inline-block; position: relative; font-weight: 700; padding: 0 5px 12px 5px; background: #fff; } .hiratuva_main .hiratuva_markalar .page-title-left h2:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva_main .hiratuva_markalar .marka-slider { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva_markalar .marka-slider .item { position: relative; min-height: 170px; margin: 0 10px; } .hiratuva_main .hiratuva_markalar .marka-slider .item:hover img { opacity: 1; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } .hiratuva_main .hiratuva_markalar .marka-slider .item a { width: 100%; float: left; } .hiratuva_main .hiratuva_markalar .marka-slider .item img { width: 100%; position: absolute; top: 50%; left: 50%; opacity: .8; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.1s ease-in-out 0; -moz-transition: all 0.1s ease-in-out 0; -ms-transition: all 0.1s ease-in-out 0; -o-transition: all 0.1s ease-in-out 0; transition: all 0.1s ease-in-out 0; transform: translate(-50%, -50%); } .hiratuva_main .hiratuva_footer { width: 100%; float: left; padding-bottom: 50px; border-top: 1px solid #eee; } .hiratuva_main .hiratuva_footer .hiratuva_footer-top { width: 100%; float: left; height: 120px; background: #f7c02d; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_footer-logo { width: 100%; float: left; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_footer-logo a { width: 100%; float: left; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_footer-logo a img { width: 160px; height: auto; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_footer-logo .foot-logo-aciklama { font-size: 13px; color: #333; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap { width: 100%; float: left; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-title { width: 100%; float: left; } @media screen and (max-width: 768px) { .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-title { margin-top: 15px; } } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-title h4 { font-weight: 600; font-size: 17px; position: relative; color: #333; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-title h4:after { content: ''; position: absolute; left: 0; bottom: -13px; width: 25px; background: #f7c02d; height: 2px; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-social { width: 100%; float: left; margin-top: 16px; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-social a { display: inline-block; margin-right: 5px; width: 28px; height: 28px; padding-top: 3px; text-align: center; background: #eee; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; color: #333; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-social a:hover { background: #f7c02d; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-ebulten-text { width: 100%; float: left; font-size: 13px; color: #333; margin-top: 30px; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-ebulten { width: 100%; float: left; margin-top: 20px; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-ebulten .alert { padding: 3px 5px; margin-top: 15px; font-size: 12px; display: none; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-ebulten .mail-btn { float: right; padding: 7px 13px; display: inline-block; border-radius: 0 3px 3px 0; border: none; color: #fff; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; background: #f7c02d; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-ebulten .input-inline { display: block; border-radius: 3px 0 0 3px; border-right: 0; margin-right: 42px; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-ebulten .input-inline input { font-size: 13px; font-weight: 300; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; background: #fff; border-color: #dde1e1; color: #333; height: 36px; -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03); box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03); } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap .footer-ebulten .input-inline input:focus { border: 1px solid #f7c02d; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap ul.hiratuva_sitemap { width: 100%; float: left; margin-top: 30px; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap ul.hiratuva_sitemap li { width: 100%; float: left; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap ul.hiratuva_sitemap li a { display: block; font-size: 13px; color: #333; position: relative; padding: 0 15px; margin: 2px 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap ul.hiratuva_sitemap li a:hover { text-indent: 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap ul.hiratuva_sitemap li a:before { content: '\f054'; font-size: 10px; font-family: FontAwesome; position: absolute; left: 0; top: 3px; color: #f7c02d; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap ul.hiratuva_adres { width: 100%; float: left; margin-top: 30px; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap ul.hiratuva_adres li { width: 100%; float: left; font-size: 13px; color: #333; margin: 4px 0; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap ul.hiratuva_adres li i { float: left; color: #f7c02d; font-size: 16px; margin-right: 6px; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_sitemap ul.hiratuva_adres li a { font-size: 13px; color: #333; } .hiratuva_main .hiratuva_footer .hiratuva_footer-bottom .hiratuva_copy { width: 100%; float: left; margin-top: 30px; font-size: 13px; color: #333; padding: 0 15px; } .hiratuva_main .hiratuva_sag_fix_mail { position: fixed; right: 10px; bottom: 10px; z-index: 5000; /* Hızlı İletişim */ } .hiratuva_main .hiratuva_sag_fix_mail a.hiratuva_fast-iletisim { background-color: rgba(0, 0, 0, 0.4); padding: 6px 10px; border-radius: 2px; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_sag_fix_mail a.hiratuva_fast-iletisim:hover { background-color: #f7c02d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_sag_fix_mail a.hiratuva_fast-iletisim i { color: #fff; font-size: 19px; } .hiratuva_main .hiratuva_sag_fix_mail a.hiratuva_topsifir { float: right; margin-left: 5px; background-color: rgba(0, 0, 0, 0.4); padding: 6px 10px; display: none; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_sag_fix_mail a.hiratuva_topsifir:hover { background-color: #f7c02d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva_sag_fix_mail a.hiratuva_topsifir i { color: #fff; font-size: 19px; } .hiratuva_main .hiratuva_sag_fix_mail .fast-contact { position: absolute; right: 0; bottom: 70px; z-index: 1000; display: none; padding: 20px; border: 1px solid #dfdfdf; background-color: #f9f9f9; box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.15); border-radius: 2px; } .hiratuva_main .hiratuva_sag_fix_mail .fast-contact .fast-contact-title { margin-bottom: 5px; text-transform: uppercase; font-weight: 700; font-size: 15px; } .hiratuva_main .hiratuva_sag_fix_mail .fast-contact p { font-size: 13px; margin-bottom: 15px; color: #333; font-weight: 300; } .hiratuva_main .hiratuva_sag_fix_mail .fast-contact .zr-contact-form { position: relative; } .hiratuva_main .hiratuva_sag_fix_mail .fast-contact .zr-contact-form input { padding: 9px; width: 240px; margin-bottom: 5px; background-color: #fff; font-size: 13px; color: #767676; border: 1px solid #e3e3e3; outline: none; margin-bottom: 4px; } .hiratuva_main .hiratuva_sag_fix_mail .fast-contact .zr-contact-form textarea { height: 100px; margin-bottom: 10px; width: 240px; padding: 9px; margin-bottom: 5px; font-size: 13px; color: #767676; border: 1px solid #e3e3e3; background-color: #fff; } .hiratuva_main .hiratuva_sag_fix_mail .fast-contact .zr-contact-form .fast-contact-full a { background: #f7c02d; position: relative; float: left; margin: 5px 0 0 0; border-radius: 5px; color: #fff; cursor: pointer; font-size: 12px; padding: 7px 10px; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border: 1px solid rgba(250, 250, 250, 0.15); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .hiratuva_main .hiratuva_sag_fix_mail .fast-contact .footer-error { margin-top: 10px; width: 100%; display: none; float: left; } .hiratuva_main .hiratuva-outer-page { width: 100%; float: left; /* Üst */ /* İletişim */ /* İletişim Sağ */ /* Alt Default */ } .hiratuva_main .hiratuva-outer-page .hiratuva-on-resim { width: 100%; float: left; height: 150px; background-position: center center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; text-align: center; position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-on-resim:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 0; height: 100%; background: rgba(61, 63, 63, 0.75); } .hiratuva_main .hiratuva-outer-page .hiratuva-on-resim h2 { text-align: center; color: #fff; font-size: 24px; position: relative; z-index: 5; display: block; width: 100%; } .hiratuva_main .hiratuva-outer-page .hiratuva_breadcrumbs { width: 100%; float: left; background: #eee; color: #999999; position: relative; z-index: 1; border-top: 3px solid #f7c02d; box-shadow: 0 2px 2px #e6e6e6; background: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva_breadcrumbs ul { width: 100%; float: left; padding: 10px 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva_breadcrumbs ul li { float: left; color: #999999; font-size: 12px; display: inline-block; } .hiratuva_main .hiratuva-outer-page .hiratuva_breadcrumbs ul li a { color: #999999; font-size: 14px; padding-right: 20px; margin-right: 10px; font-size: 12px; position: relative; display: inline-block; } .hiratuva_main .hiratuva-outer-page .hiratuva_breadcrumbs ul li a:hover { color: #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva_breadcrumbs ul li a i { font-size: 15px; margin-right: 5px; } .hiratuva_main .hiratuva-outer-page .hiratuva_breadcrumbs ul li a:before { position: absolute; content: ""; height: 24px; width: 1px; right: 6px; top: -11px; background: #e2e2e2; transform: rotate(-45deg); } .hiratuva_main .hiratuva-outer-page .hiratuva_breadcrumbs ul li a:after { position: absolute; content: ""; height: 24px; width: 1px; right: 7px; bottom: -12px; background: #e2e2e2; transform: rotate(45deg); } .hiratuva_main .hiratuva-outer-page .hiratuva-google-map { width: 100%; float: left; height: 250px; border-top: 1px solid #ccc; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol { width: 100%; float: left; /* Bloklar */ } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-sol-text { background: #fff; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 3px solid #f7c02d; background: #fafafa; margin-top: 18px; margin-bottom: 20px; padding: 25px 20px; font-size: 14px; width: 90%; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok { width: 100%; float: left; margin-bottom: 15px; /* Blog Bilgileri */ } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-tekli-blok-baslik { width: 100%; float: left; margin-bottom: -21px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-tekli-blok-baslik h2 { letter-spacing: -1px; font-weight: 600; color: inherit; display: block; padding-left: 10px; font-size: 18px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-blog-image-padding { width: 100%; float: left; padding: 5px; /* İletişim Img */ } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-blog-image-padding .hiratuva-blog-image { position: relative; border-radius: 5%; color: #fff; border: 3px solid #ccc; margin-bottom: 15px; text-align: center; width: 100%; overflow: hidden; -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5); } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-blog-image-padding .hiratuva-blog-image:before { content: ''; position: absolute; background: inherit; border-radius: 0.1%; top: 10%; bottom: 10%; right: -5%; left: -5%; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-blog-image-padding .hiratuva-blog-image img { width: 100%; max-width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-iletisim-blog-bilgiler { width: 100%; float: left; padding-top: 48px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-iletisim-blog-bilgiler .iletisim-item { float: left; font-size: 14px; width: 100%; margin-bottom: 10px; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-iletisim-blog-bilgiler .iletisim-item i { margin-right: 7px; color: #dc3545; float: left; margin-top: 1px; font-size: 18px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sol .hiratuva-bloklar .hiratuva-tekli-blok .hiratuva-iletisim-blog-bilgiler .iletisim-item a { font-size: 14px; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag { width: 100%; float: left; margin-top: -4px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-title { width: 100%; float: left; margin-bottom: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-title h3 { color: #dc3545; display: block; font-size: 20px; font-weight: 600; border-bottom: 1px solid #eee; padding-bottom: 15px; width: 100%; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body .help-block { font-size: 14px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body label { font-size: 14px; width: 100%; float: left; color: #333; margin-bottom: 8px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body input { border-radius: 0; height: 33px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body input:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body textarea { resize: none; height: 130px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body textarea:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body .cihan-iletisim-send { width: 100%; float: left; margin-top: 35px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body .cihan-iletisim-send button { background: #f7c02d; color: #fff; padding: 6px 30px; border-top: none; border-left: none; font-size: 14px; border-right: none; border-bottom: 4px solid #19629f; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body .cihan-iletisim-send button:hover { background: #19629f; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body .hiratuva-errors { width: 100%; float: left; margin-top: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-iletisim-sag .hiratuva-iletisim-form .iletisim-form-body .hiratuva-errors span { font-size: 14px; width: 100%; float: left; color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1; padding: 15px 20px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page { width: 100%; float: left; min-height: 450px; margin: 20px 0; margin-bottom: 80px; /* Hizmetler */ /* Benzer Ürünler */ /* Ürün Detay Still 1 */ /* Full Page */ /* Left */ /*Right*/ } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content { width: 100%; float: left; margin-top: 20px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content .hiratuva-hizmet-item { width: 100%; float: left; margin-bottom: 25px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content .hiratuva-hizmet-item .hizmet-image { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content .hiratuva-hizmet-item .hizmet-image img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content .hiratuva-hizmet-item .hizmet-baslik { width: 100%; float: left; margin-top: 5px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content .hiratuva-hizmet-item .hizmet-baslik h4 { font-size: 24px; font-weight: 600; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content .hiratuva-hizmet-item .hizmet-icerik { width: 100%; float: left; margin-top: 20px; color: #333; font-size: 14px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content .hiratuva-hizmet-item .hizmet-link { width: 100%; float: left; margin-top: 20px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content .hiratuva-hizmet-item .hizmet-link a { float: left; background: #f7c02d; color: #fff; padding: 5px 20px; font-size: 14px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-hizmetler-content .hiratuva-hizmet-item .hizmet-link a:hover { background: #19629f; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-title { width: 100%; float: left; text-align: center; margin-top: 35px; border-bottom: 2px solid #E8E8E8; position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-title h4 { font-size: 18px; color: #333; display: inline-block; position: relative; font-weight: 700; padding: 0 5px 12px 5px; background: #fff; letter-spacing: -1px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-title h4:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-title .benzer-arrows { position: absolute; right: 0; top: -4px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-title .benzer-arrows a { float: right; font-size: 21px; border: 2px solid #dddddd; border-radius: 2px; color: #999999; width: 27px; height: 27px; margin-bottom: 5px; padding-top: 1px; text-align: center; margin-left: 4px; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-title .benzer-arrows a:hover { border: 2px solid #f7c02d; color: #fff; background: #f7c02d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-title .benzer-arrows a i { display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item { margin: 0 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content { display: inline-block; position: relative; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); border-radius: 3px; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.1); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content:hover .urun-image .corner { border-right: 800px solid rgba(35, 125, 200, 0.8); border-top: 800px solid transparent; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 3; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content:hover .urun-image .corner-plus { opacity: 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content:hover .urun-image .urun-navigasyon { z-index: 20; opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content:hover .urun-link a span { color: #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-image { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-image .corner { content: ''; position: absolute; right: 0; border-right: 51px solid #f7c02d; border-top: 52px solid transparent; bottom: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-image .corner-plus { position: absolute; right: 8px; bottom: 9px; background: url('../images/plus-white.png'); width: 13px; height: 13px; z-index: 2; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-image img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-image .urun-navigasyon { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 12; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-image .urun-navigasyon a { display: inline-block; color: #f7c02d; width: 36px; height: 36px; text-align: center; margin: 0 1px; font-size: 15px; border-radius: 50%; border: 1px solid #fff; background: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-image .urun-navigasyon a i { padding-top: 9px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-image .urun-navigasyon a i.fa-link { font-size: 16px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-image .urun-navigasyon a:hover { color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-link { width: 100%; float: left; padding: 10px 12px; min-height: 55px; text-align: center; display: flex; align-items: center; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee)); background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-link a { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-benzer-urunler-content .hiratuva-benzer-urunler .benzer-slider .item .urun-content .urun-link a span { color: #333; font-weight: 600; display: block; font-size: 13px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay { width: 100%; float: left; /* Proje */ /* Ürün Detay Sol*/ } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-slider { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-slider a { width: 100%; float: left; margin-bottom: 25px; overflow: hidden; background-color: #000; border: 3px solid #ddd; position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-slider a:hover img { transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-slider a:hover i { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-slider a img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-slider a i { color: #fff; -webkit-border-radius: 3px; border-radius: 3px; font-size: 23px; height: 60px; left: 50%; margin: -20px 0 0 -30px; opacity: 0; position: absolute; text-align: center; top: 56%; z-index: 4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); width: 60px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-items { width: 100%; float: left; background: #fbfbfb; margin-top: 10px; padding: 10px 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-items ul { padding: 0 ; margin: 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-items ul li { width: 100%; float: left; font-size: 14px; color: #333; padding: 4px 0; margin-bottom: 5px; border-bottom: 1px solid #eee; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-items ul li i { float: left; color: #f7c02d; margin-right: 5px; width: 15px; text-align: center; margin-top: 2px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-items ul li span { float: left; min-width: 20px; margin-right: 4px; font-size: 13px; min-width: 80px; text-align: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-proje-items ul li strong { font-size: 13px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol { width: 100%; float: left; /* Slider */ /* Inner Sag*/ /* Kataloglar */ /* Extra Text */ /* Tabs */ } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider .hiratuva-sliderdetay-arrows { width: 100%; float: left; margin-bottom: 10px; margin-top: 10px; position: relative; z-index: 100; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider .hiratuva-sliderdetay-arrows a { float: right; font-size: 16px; border: 1px solid #dddddd; border-radius: 2px; color: #999999; width: 20px; height: 20px; padding-top: 1px; text-align: center; margin-left: 4px; position: relative; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider .hiratuva-sliderdetay-arrows a:hover { border: 1px solid #f7c02d; color: #fff; background: #f7c02d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider .hiratuva-sliderdetay-arrows a i { display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-1 { position: relative; overflow: hidden; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-1:hover .detay-animate-zoom { background: rgba(0, 0, 0, 0.31); opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-1:hover .detay-animate-zoom i { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-1 .detay-animate-zoom { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; height: 100%; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-1 .detay-animate-zoom i { color: #fff; -webkit-border-radius: 3px; border-radius: 3px; font-size: 23px; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: 0; position: absolute; text-align: center; top: 53%; z-index: 4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); width: 60px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-1 a { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-1 a img { width: 100%; display: block; border: 1px solid #ccc; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-2 { margin-top: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-2 .synced img { border: 2px solid #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-2 .item { margin: 0 5px; cursor: pointer; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urun-slider #hiratuva-slider-2 .item img { display: block; border: 1px solid #ccc; width: 100%; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag { width: 100%; float: left; /* Ürün */ } @media screen and (max-width: 991px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag { margin-top: 15px; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-detay-title { width: 100%; float: left; margin-bottom: 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-detay-title h1 { display: block; color: inherit; font-size: 20px; font-weight: 600; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-fiyatlar { width: 100%; float: left; font-size: 13px; color: #333; margin-top: 15px; text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-fiyatlar .eski-fiyat { float: left; border: 1px solid #eee; padding: 5px 20px; margin-right: 20px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-fiyatlar .eski-fiyat span { font-weight: 600; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-fiyatlar .eski-fiyat p { display: block; position: relative; font-size: 14px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-fiyatlar .eski-fiyat p:after { content: ''; position: absolute; background: #333; top: 10px; left: 0; width: 100%; height: 1px; z-index: 2; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-fiyatlar .yeni-fiyat { float: left; margin-right: 6px; border: 1px solid #eee; padding: 5px 20px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-fiyatlar .yeni-fiyat span { font-weight: 600; display: block; color: #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-urun-fiyatlar .yeni-fiyat p { font-size: 14px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-sepetekle { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-sepetekle .sepet-adet { float: left; margin-right: 10px; margin-top: -4px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-sepetekle .sepet-adet button { border: 1px solid #ccc; padding: 1px 13px; float: left; font-size: 18px; border-radius: 0!important; -webkit-transition: all 0.2 linear; -moz-transition: all 0.2 linear; -o-transition: all 0.2 linear; -ms-transition: all 0.2 linear; transition: all 0.2 linear; background-color: #f0f0f1; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-sepetekle .sepet-adet button:hover { background-color: #f7c02d; border: 1px solid transparent; color: #ffffff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-sepetekle .sepet-adet input { color: #333; width: 35px; margin: 0; float: left; margin: 0 3px; text-align: center; height: 29px; font-weight: 600; font-size: 14px; vertical-align: top; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-sepetekle .sepet-adet input:focus { border: 1px solid #ccc; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-sepetekle .sepet-ekle { float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-sepetekle .sepet-ekle a { background: #f7c02d; color: #fff; padding: 7px 19px; text-align: center; font-weight: 600; font-size: 14px; -webkit-transition: all 0.2 linear; -moz-transition: all 0.2 linear; -o-transition: all 0.2 linear; -ms-transition: all 0.2 linear; transition: all 0.2 linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-sepetekle .sepet-ekle a:hover { -webkit-transition: all 0.2 linear; -moz-transition: all 0.2 linear; -o-transition: all 0.2 linear; -ms-transition: all 0.2 linear; transition: all 0.2 linear; background: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-helper-header { width: 100%; float: left; border-bottom: 1px solid #eee; margin: 5px 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-helper-header .hiratuva-urun-kod { float: left; font-size: 14px; padding-bottom: 10px; font-weight: 600; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-helper-header .hiratuva-urun-kod span { color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-helper-header .hiratuva-urun-rate { float: right; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-helper-header .hiratuva-urun-rate .zr-field { font-size: 13px; color: #333; margin-bottom: 5px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-urundetay-sag .hiratuva-giris-text { width: 100%; float: left; font-size: 13px; color: #333; text-align: justify; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar { width: 100%; float: left; margin-top: 5px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar .hiratuva_social_media { width: auto; float: right; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar .hiratuva_social_media .hiratuva_page_helpers { float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar .hiratuva_social_media .hiratuva_page_helpers .hiratuva_yazdir { float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar .hiratuva_social_media .hiratuva_page_helpers .hiratuva_yazdir a { color: #333; float: left; position: relative; border: 1px solid #ccc; border-radius: 3px; font-weight: 600; margin-right: 4px; width: 30px; padding-top: 1px; height: 25px; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ffffff)); background-image: -o-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -ms-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 100%); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar .hiratuva_social_media .hiratuva_page_helpers .hiratuva_yazdir a:hover { background: #333; color: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar .hiratuva_social_media .hiratuva_page_helpers .hiratuva_buyutkucut { float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar .hiratuva_social_media .hiratuva_page_helpers .hiratuva_buyutkucut a { color: #333; float: left; margin-right: 5px; font-size: 14px; border-radius: 3px; font-weight: 600; width: 30px; padding-top: 1px; height: 25px; text-align: center; border: 1px solid #ccc; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ffffff)); background-image: -o-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -ms-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 100%); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar .hiratuva_social_media .hiratuva_page_helpers .hiratuva_buyutkucut a:hover { background: #333; color: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar ul { float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar ul li { float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar ul li a { color: #333; float: left; font-weight: 600; padding: 8px 10px; font-size: 12px; text-indent: 30px; border: 1px solid #ccc; border-radius: 3px; margin: 10px 4px; background-color: #fff; background-image: url("../images/cipdf-icon.png"); background-repeat: no-repeat; background-position: 8px 5px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-kataloglar ul li a:hover { border: 1px solid red; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .urun-extra-text { color: #333; width: 100%; float: left; font-size: 13px; text-align: justify; margin: 10px 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs { width: 100%; float: left; margin: 10px 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs ul { border: none; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs ul li.active a { border-bottom: none; margin-bottom: -1px; margin-top: -1px; padding: 7px 20px; background: #FFF; color: #444; border-top: 2px solid #f7c02d; } @media screen and (max-width: 460px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs ul li.active a { padding: 7px 8px; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs ul a { display: inline-block; margin: 0; list-style: none; cursor: pointer; color: #444; background-color: #fdfdfd; background-image: url("../images/ci-tab-menu.png"); background-position: top left; background-repeat: repeat-x; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-right: -1px; padding: 7px 20px 6px; float: left; text-align: center; text-decoration: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; font-size: 13px; font-family: "NovecentowideLightBold", arial, serif; line-height: 21px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } @media screen and (max-width: 460px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs ul a { padding: 7px 10px 6px; font-size: 12px; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs ul a i { margin-right: 4px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content { background: #fff; border: 1px solid #e1e1e1; padding: 20px; z-index: 2; overflow: auto; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-u-ozellikler { font-size: 13px; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form { width: 100%; float: left; position: relative; min-height: 300px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .form-group { margin-bottom: 2px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .form-group label { font-size: 12px; text-indent: 4px; margin: 0; display: block; padding: 3px 0; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .form-group input { margin: 3px 0; border: 1px solid #ebebeb; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: none; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .form-group input:focus { border: 1px solid #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .form-group select { width: 100%; float: left; height: 33px; color: #333; font-size: 13px; padding: 5px 10px; border: 1px solid #ebebeb; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .form-group select:focus { border: 1px solid #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .form-group textarea { margin: 3px 0; border: 1px solid #ebebeb; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; padding: 10px; color: #333; box-shadow: none; width: 100%; min-height: 140px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .form-group textarea:focus { border: 1px solid #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag { float: right; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag .codem { float: left; background: #748595; display: table; text-align: center; font-size: 12px; border-radius: 3px; color: #fff; padding: 4px 9px; margin: 3px 10px 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag .g-input { float: left; width: 110px; margin: 0 10px 0 0; } @media screen and (max-width: 640px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag .g-input { width: 80px; margin: 5px 10px 0 0; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag .g-input input { float: left; border: 1px solid #ebebeb; width: 100%; padding: 3px 5px; color: #333; font-size: 13px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag .g-input input:focus { border: 1px solid #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag .g-send { float: left; margin-top: 1px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag .g-send button { float: left; position: relative; color: #fff; font-size: 13px; font-weight: 600; border: none; padding: 5px 20px; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-repeat: repeat-x; background-color: #f7c02d; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag .g-send button:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } @media screen and (max-width: 640px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag .g-send button { margin-top: 20px; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .hiratuva-form-gonder .form-sag span { float: left; margin-top: 6px; font-weight: 600; font-size: 13px; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-urundetay .hiratuva-urundetay-sol .hiratuva-detay-tabs .hiratuva-urun-tabs .hiratuva-urun-tab-content .hiratuva-urun-form .urun-errors { width: 100%; float: left; margin-top: 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-main-page { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left { width: 100%; float: left; /* Takvim */ /* Haberler */ /* Sertifika */ /* İnsan Kaynakları */ /* Kadro */ /* Galeri */ /* Resim Single */ /* Duyurular */ /* Arama */ /* Marka */ /* Sertifikalar */ /* Duyurular */ /* Sss*/ /* Maske */ /* Açıklama */ /* Social */ /* Galeri */ } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-page-title { width: 100%; float: left; margin-bottom: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-page-title h1 { color: #f7c02d; font-weight: 600; font-size: 21px; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-page-title .hiratuva_page_helpers { float: right; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-page-title .hiratuva_page_helpers .hiratuva_yazdir { float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-page-title .hiratuva_page_helpers .hiratuva_yazdir a { color: #333; float: left; position: relative; border: 1px solid #ccc; border-radius: 3px; font-weight: 600; margin-right: 4px; width: 30px; padding-top: 1px; height: 25px; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ffffff)); background-image: -o-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -ms-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 100%); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-page-title .hiratuva_page_helpers .hiratuva_yazdir a:hover { background: #333; color: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-page-title .hiratuva_page_helpers .hiratuva_buyutkucut { float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-page-title .hiratuva_page_helpers .hiratuva_buyutkucut a { color: #333; float: left; margin-right: 5px; font-size: 14px; border-radius: 3px; font-weight: 600; width: 30px; padding-top: 1px; height: 25px; text-align: center; border: 1px solid #ccc; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ffffff)); background-image: -o-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: -ms-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 100%); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-page-title .hiratuva_page_helpers .hiratuva_buyutkucut a:hover { background: #333; color: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-post-helper { width: 100%; float: left; margin-top: 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-post-helper span { float: left; font-size: 13px; color: #333; margin-right: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-post-helper span i { margin-right: 5px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-takvim-content { width: 100%; float: left; margin-top: 20px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content { width: 100%; float: left; margin-top: 20px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item { width: 100%; float: left; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #eee; /* Sol */ /* Sag */ } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-image { width: 100%; float: left; position: relative; } @media screen and (max-width: 768px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-image { margin-bottom: 15px; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-image:hover .ci-haber-hover { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-image img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-image .ci-haber-hover { position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; z-index: 1; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-image .ci-haber-hover .ci-buttons { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-image .ci-haber-hover .ci-buttons a { display: inline-block; border-radius: 999px; width: 35px; height: 35px; margin: 0 2px; padding-top: 7px; text-align: center; background: #fff; color: #333; font-size: 13px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-image .ci-haber-hover .ci-buttons a:hover { background: #f7c02d; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-sag-title { width: 100%; float: left; margin-top: 1px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-sag-title h4 a { display: block; color: inherit; font-weight: 600; font-size: 17px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-sag-helper { width: 100%; float: left; margin-top: 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-sag-helper span { float: left; font-size: 13px; color: #333; margin-right: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-sag-helper span i { margin-right: 5px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-sag-giris { width: 100%; float: left; font-size: 13px; color: #333; margin-top: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-sag-giris p span { font-size: 13px!important; color: #333!important; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-link { width: 100%; float: left; margin-top: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-link a { color: #333; float: left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 13px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-link a:hover { color: inherit; text-decoration: underline; padding-left: 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-haberler-content .hiratuva-haber-item .hiratuva-haber-sag .hiratuva-haber-link a i { margin-right: 3px; background: #f7c02d; color: #fff; width: 14px; margin-top: 2px; font-size: 12px; height: 14px; text-align: center; float: left; padding-top: 1px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content { width: 100%; float: left; margin-top: 20px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-text { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 3px solid #f7c02d; background: #fafafa; margin-top: 8px; margin-bottom: 20px; padding: 25px 20px; font-size: 14px; width: 100%; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list { width: 100%; float: left; /* Dong İtem */ } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content-outer { width: 100%; float: left; min-height: 220px; margin-bottom: 5px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content { display: inline-block; position: relative; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); border-radius: 3px; overflow: hidden; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content:hover .urun-image .corner { border-right: 800px solid rgba(35, 125, 200, 0.8); border-top: 800px solid transparent; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 3; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content:hover .urun-image .corner-plus { opacity: 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content:hover .urun-image .urun-navigasyon { z-index: 20; opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content:hover .urun-link a span { color: #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-image { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-image .corner { content: ''; position: absolute; right: 0; border-right: 51px solid #f7c02d; border-top: 52px solid transparent; bottom: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-image .corner-plus { position: absolute; right: 8px; bottom: 9px; background: url('../images/plus-white.png'); width: 13px; height: 13px; z-index: 2; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-image img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-image .urun-navigasyon { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 12; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-image .urun-navigasyon a { display: inline-block; color: #f7c02d; width: 36px; height: 36px; text-align: center; margin: 0 1px; font-size: 15px; border-radius: 50%; border: 1px solid #fff; background: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-image .urun-navigasyon a i { padding-top: 9px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-image .urun-navigasyon a i.fa-link { font-size: 16px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-image .urun-navigasyon a:hover { color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-link { width: 100%; float: left; padding: 10px 12px; min-height: 44px; text-align: center; display: flex; align-items: center; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee)); background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-link a { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sertifika-content .hiratuva-sertifika-list .urun-content .urun-link a span { color: #333; font-weight: 600; display: block; font-size: 13px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .all_error { width: 100%; float: left; font-size: 13px; margin-top: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .all_error span { width: 100%; float: left; color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1; border-radius: 4px; padding: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insan-text { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 3px solid #f7c02d; background: #fafafa; margin-top: 8px; margin-bottom: 20px; padding: 25px 20px; font-size: 14px; width: 100%; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content .k-form-float { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content .help-block { font-size: 13px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content label { font-size: 14px; width: 100%; float: left; color: #333; margin-bottom: 8px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content input { border-radius: 0; height: 33px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content input:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content textarea { resize: none; height: 80px; border-radius: 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content textarea:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content .input-group-addon { background: #f7c02d; color: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content .i_check_div { float: left; margin-right: 9px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content .i_check_a { float: left; margin-top: 1px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content .i_check_a a { color: #333; font-size: 13px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content .cihan-insan-send { width: 100%; float: left; margin-top: 35px; padding: 0 30px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content .cihan-insan-send button { background: #f7c02d; color: #fff; padding: 6px 30px; border-top: none; border-left: none; font-size: 14px; border-right: none; border-bottom: 4px solid #19629f; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-insan-content .hiratuva-insankaynaklari-form-content .cihan-insan-send button:hover { background: #19629f; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content { width: 100%; float: left; margin-top: 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-text { background: #fff; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 3px solid #f7c02d; background: #fafafa; margin-top: 8px; margin-bottom: 20px; padding: 25px 20px; font-size: 14px; width: 100%; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item { width: 100%; float: left; margin-bottom: 25px; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item:hover .kadro-img:before { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; left: 20%; z-index: 2; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-img { width: 100%; float: left; position: relative; overflow: hidden; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-img:before { position: absolute; top: 0; left: -120%; z-index: 2; display: block; content: ''; width: 100%; height: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-title { color: #333; font-size: 16px; margin-top: 5px; width: 100%; float: left; text-align: center; font-weight: 600; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-pozisyon { color: inherit; font-size: 13px; width: 100%; float: left; text-align: center; padding-bottom: 5px; font-weight: 600; position: relative; border-bottom: 1px solid rgba(130, 130, 130, 0.14); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-aciklama { color: #333; margin-top: 10px; font-size: 12px; width: 100%; float: left; border-bottom: 1px solid rgba(130, 130, 130, 0.14); padding: 0 15px 10px 15px; text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-tel { width: 100%; float: left; color: #333; margin-top: 8px; font-size: 13px; font-weight: 600; text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-tel i { margin-right: 5px; color: #f7c02d; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-social { width: 100%; float: left; text-align: center; margin-top: 10px; padding-bottom: 10px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee)); background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-social a { display: inline-block; color: #f7c02d; width: 23px; height: 23px; text-align: center; font-size: 13px; margin: 0 3px; padding-top: 2px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-kadro-content .hiratuva-kadro-list .kadro-item .kadro-social a:hover { background: #f7c02d; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope { width: 100%; float: left; min-height: 600px; /* Alt */ } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header { width: 100%; float: left; margin-bottom: 50px; overflow: hidden; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter { display: block; background-color: #f5f5f5; border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a { display: inline-block; position: relative; color: #666666; cursor: pointer; z-index: 2; padding: 10px 40px; border: none; font-size: 14px; font-weight: 600; font-family: 'Open Sans'; } @media screen and (max-width: 991px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a { display: block; padding: 10px 50px; transform: skewX(0deg) !important; -moz-transform: skewX(0deg) !important; -webkit-transform: skewX(0deg) !important; background-color: transparent!important; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a:after { transform: skewX(0deg) !important; -moz-transform: skewX(0deg) important; -webkit-transform: skewX(0deg) !important; background-color: transparent!important; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a:hover { background: #f7c02d !important; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a:hover span { transform: skewX(0deg) !important; -moz-transform: skewX(0deg) !important; -webkit-transform: skewX(0deg) !important; color: #fff; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a span { display: inline-block; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); border-bottom: 3px solid transparent; padding-bottom: 3px; padding-top: 6px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a:after { position: absolute; content: ""; height: 66px; width: 1px; background-color: #ffffff; right: 0; top: -4px; transform: rotate(30deg); -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a:hover { background-color: #f7c02d; transform: skewX(-30deg); -moz-transform: skewX(-30deg); -webkit-transform: skewX(-30deg); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a:hover span { transform: skewX(30deg); -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg); color: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a:hover:after { background-color: transparent; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a.current { background-color: #f7c02d; transform: skewX(-30deg); -moz-transform: skewX(-30deg); -webkit-transform: skewX(-30deg); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a.current:after { background-color: transparent; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a.current span { transform: skewX(30deg); -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg); color: #fff; } @media screen and (max-width: 991px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a.current { transform: skewX(0deg) !important; -moz-transform: skewX(0deg) !important; -webkit-transform: skewX(0deg) !important; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeri-header .portfolioFilter a.current span { transform: skewX(0deg) !important; -moz-transform: skewX(0deg) !important; -webkit-transform: skewX(0deg) !important; color: #fff; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox { padding: 10px; overflow: hidden; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image { width: 100%; float: left; overflow: hidden; position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image:hover .hiratuva_galeri_overlay { opacity: 1; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.3s; transition: all 0.3s; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image:hover .hiratuva_galeri_overlay:after { opacity: 1; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image:hover .hiratuva_galeri_overlay .hiratuva_galeri_desc { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image:hover .hiratuva_galeri_overlay .hiratuva_helper_icons { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; width: 100%; height: 100%; color: #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.3s; transition: all 0.3s; /* Icons */ } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: #f7c02d; content: ""; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; transition: all 0.3s; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_galeri_desc { position: absolute; top: 50%; left: 0; right: 0; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.3s 0.1s; -ms-transition: transform 0.3s 0.1s; transition: transform 0.3s 0.1s; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_galeri_desc h4 { color: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_galeri_desc h4 a { color: #fff; font-size: 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_helper_icons { position: absolute; margin: -12px 0 0 -12px; width: 100%; left: 0; text-align: center; top: 40%; padding-left: 10px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s; -ms-transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s; transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image .hiratuva_galeri_overlay .hiratuva_helper_icons a { width: 22px; height: 22px; border: 1px solid #fff; display: inline-block; font-size: 10px; text-align: center; border-radius: 50%; color: #fff; margin: 0 1px!important; line-height: 19px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-galeri-isotope .hiratuva_galeribox .hiratuva_galeribox_image img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content { width: 100%; float: left; margin-top: 25px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .galeri-helper-desc { width: 100%; float: left; color: #333; text-align: center; margin-top: 15px; font-size: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .galeri-arrows { width: 100%; float: left; text-align: center; } @media screen and (max-width: 991px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .galeri-arrows { margin-bottom: 40px; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .galeri-arrows a { display: inline-block; margin: 0 4px; border-radius: 3px; color: #fff; padding: 8px 16px; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-color: #f7c02d; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .galeri-arrows a:hover { background: #333; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .hiratuva-detay-image { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .hiratuva-detay-image a { width: 100%; float: left; margin-bottom: 25px; overflow: hidden; background-color: #000; border: 2px solid #ccc; position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .hiratuva-detay-image a:hover img { transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .hiratuva-detay-image a:hover i { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .hiratuva-detay-image a img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .hiratuva-detay-image a i { color: #fff; -webkit-border-radius: 3px; border-radius: 3px; font-size: 23px; height: 60px; left: 50%; margin: -20px 0 0 -30px; opacity: 0; position: absolute; text-align: center; top: 56%; z-index: 4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); width: 60px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-resim-content .hiratuva-giris-text { width: 100%; float: left; font-size: 13px; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .etkinlik-item .hiratuva-duyuru-image-right:after { content: ''; position: absolute; width: 2px; height: 100%; background: #dedede; left: -13px; top: 0; z-index: 1; } @media screen and (max-width: 768px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .etkinlik-item .hiratuva-duyuru-image-right:after { display: none; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .etkinlik-item .hiratuva-duyuru-image-right:before { font-family: 'FontAwesome'; position: absolute; content: "\f0d9"; background: #fff; left: -28px; top: 45%; z-index: 3; padding: 0; margin: 0; color: #dedede; height: 13px; width: 20px; text-align: center; line-height: 13px; font-size: 34px; } @media screen and (max-width: 768px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .etkinlik-item .hiratuva-duyuru-image-right:before { display: none; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .etkinlik-item .hiratuva-duyuru-image-left:after { content: ''; position: absolute; width: 2px; height: 100%; background: #dedede; right: -13px; top: 0; z-index: 1; } @media screen and (max-width: 768px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .etkinlik-item .hiratuva-duyuru-image-left:after { display: none; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .etkinlik-item .hiratuva-duyuru-image-left:before { font-family: 'FontAwesome'; position: absolute; content: "\f0da"; background: #fff; right: -28px; top: 45%; z-index: 3; padding: 0; margin: 0; color: #dedede; height: 13px; width: 20px; text-align: center; line-height: 13px; font-size: 34px; } @media screen and (max-width: 768px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .etkinlik-item .hiratuva-duyuru-image-left:before { display: none; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-item { width: 100%; float: left; margin-bottom: 30px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-image { width: 100%; float: left; position: relative; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-image a { width: 100%; position: relative; float: left; overflow: hidden; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-image a:hover .corner { border-left: 800px solid rgba(35, 125, 200, 0.6); border-top: 800px solid transparent; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-image a:hover h3 { left: -100%; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-image a:hover .corner-plus { opacity: 1; background: none; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-image a img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-image a .corner { content: ''; position: absolute; left: 0; border-left: 10px solid rgba(41, 160, 214, 0.81); border-top: 10px solid transparent; bottom: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-image a .corner-plus { position: absolute; left: 0; width: 100%; height: 100%; top: 0; background: none; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 12; text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-image a .corner-plus i { color: #fff; position: absolute; width: 100%; top: 50%; margin-top: -20px; left: 0; font-size: 40px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-title { width: 100%; margin-top: 10px; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-title h4 { width: 100%; float: left; font-size: 16px; font-weight: 600; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-helper { width: 100%; float: left; margin-bottom: 6px; margin-top: 8px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-helper span { float: left; font-size: 13px; color: #333; margin-right: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-helper span i { margin-right: 5px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-text { width: 100%; float: left; font-size: 13px; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-text a { font-size: 13px; color: #333; font-weight: 600; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-duyuru-content .hiratuva-duyuru-text a i { margin-right: 4px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content { width: 100%; float: left; padding: 4px 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content ol li { position: relative; margin: 0 0 15px 25px; padding: 0 20px 5px; list-style: none; border-bottom: 1px solid #eee; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content ol li:before { counter-increment: ara; content: counter(ara); position: absolute; top: -2px; left: -30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 30px; line-height: 19px; font-size: 12px; margin-right: 8px; padding: 4px; color: #555; background: #fafafa; font-weight: 700; border-radius: 50%; text-align: center; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content ol li .ara_item { font-size: 12px; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content ol li .ara_item h3 { margin: 0 0 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content ol li a { color: #444; font-size: 17px; font-weight: 700; text-decoration: none; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -ms-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content ol li a.more-link { font-size: 13px!important; font-weight: 600!important; position: relative; color: #444; margin-top: 8px; display: inline-block; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content ol li a.more-link:hover { text-indent: 7px!important; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content ol li a.more-link:before { content: '\f105'; font-family: 'FontAwesome'; font-weight: 600; line-height: 12px; background: #007ac1; float: left; font-size: 11px; display: inline-block; color: #fff; border-radius: 3px; text-align: center; position: relative; top: 2px; margin-right: 7px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; text-indent: 0; padding: 2px 1px 1px 2px; width: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-arama-content ol li span { font-size: 13px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-text { background: #fff; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 3px solid #f7c02d; background: #fafafa; margin-top: 18px; margin-bottom: 20px; padding: 25px 20px; font-size: 14px; width: 100%; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item { width: 100%; float: left; margin-bottom: 25px; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative { width: 100%; float: left; position: relative; min-height: 190px; display: flex; align-items: center; overflow: hidden; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative:hover .corner { border-right: 800px solid rgba(35, 125, 200, 0.8); border-top: 800px solid transparent; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 3; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative:hover .urun-navigasyon { z-index: 20; opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative img { width: 100%; display: block; height: auto; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative .corner { content: ''; position: absolute; right: 0; border-right: 21px solid #f7c02d; border-top: 22px solid transparent; bottom: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative .urun-navigasyon { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 12; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); text-align: center; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative .urun-navigasyon a { display: inline-block; color: #f7c02d; width: 36px; height: 36px; text-align: center; margin: 0 1px; font-size: 15px; border-radius: 50%; border: 1px solid #fff; background: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative .urun-navigasyon a i { padding-top: 9px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative .urun-navigasyon a i.fa-link { font-size: 16px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-marka-content .hiratuva-marka-list .hiratuva-marka-item .marka-item-relative .urun-navigasyon a:hover { color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sss-content { width: 100%; float: left; margin-top: 15px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sss-content .hiratuva-panel-opened { background-color: #f7c02d; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sss-content .hiratuva-panel-opened h4 a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; color: #fff; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sss-content .hiratuva-panel-opened h4 a:after { position: absolute; right: 0; top: 0; color: #fff!important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; -ms-transform: rotate(90deg) !important; /* IE 9 */ -webkit-transform: rotate(90deg) !important; /* Chrome, Safari, Opera */ transform: rotate(90deg) !important; font-family: fontawesome; content: "\f0da"; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sss-content .panel-heading { cursor: pointer; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sss-content .panel-heading h4 { position: relative; width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sss-content .panel-heading h4 a { font-size: 14px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sss-content .panel-heading h4 a:after { position: absolute; right: 0; top: 0; color: #656565; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); font-family: fontawesome; content: "\f0da"; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-sss-content .panel-body { color: #333; font-size: 13px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .cihan-iriboy-page-maske { width: 100%; float: left; position: relative; margin-bottom: 30px; margin-top: 10px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .cihan-iriboy-page-maske .cihan_iriboy_maske-kapsul { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .cihan-iriboy-page-maske .cihan_iriboy_maske-kapsul img { width: 100%; height: auto; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .cihan-iriboy-page-maske img.mask { display: block; width: 100%; height: auto; position: absolute; z-index: 2; left: 0; bottom: 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva_page-text { width: 100%; float: left; text-align: justify; font-size: 13px; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva_social_media { width: 100%; float: left; margin-top: 30px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva_social_media .hiratuva-social-facebook { float: left; margin-right: 5px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva_social_media .hiratuva-social-twitter { float: left; margin-right: 5px; margin-top: 2px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva_social_media .hiratuva-social-google { float: left; margin-top: 1px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-inner-galeri { width: 100%; float: left; margin-top: 35px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-inner-galeri a { width: 100%; float: left; position: relative; margin-bottom: 25px; overflow: hidden; background-color: #000; border: 3px solid #ddd; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-inner-galeri a:hover img { transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-inner-galeri a:hover i { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-inner-galeri a img { width: 100%; height: auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display: block; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-left .hiratuva-inner-galeri a i { color: #fff; -webkit-border-radius: 3px; border-radius: 3px; font-size: 23px; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: 0; position: absolute; text-align: center; top: 66%; z-index: 4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); width: 60px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right { width: 100%; float: left; padding: 0 20px; position: relative; /* Sağ Widget */ } @media screen and (max-width: 991px) { .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right { padding: 0; } } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget { width: 100%; float: left; margin-top: 15px; /* Katalog */ /* Katalog 2*/ } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-text { width: 100%; float: left; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-text h4 { font-size: 16px; color: #333; display: inline-block; position: relative; font-weight: 700; padding: 0 0 12px 0; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-text h4:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 35px; height: 2px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-text p { width: 100%; float: left; margin-top: 10px; text-align: justify; font-size: 14px; color: #333; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-katalog { width: 100%; float: left; background: #f7c02d; border-bottom: 4px solid #19629f; margin-bottom: 15px; margin-top: 15px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-katalog:hover { background: #19629f; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-katalog a { color: #fff; width: 100%; float: left; font-size: 14px; padding: 15px 20px; font-weight: 600; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-katalog a i { color: #fff; font-size: 18px; float: left; margin-right: 8px; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-katalog-image { width: 100%; float: left; position: relative; border: 1px solid #ccc; } .hiratuva_main .hiratuva-outer-page .hiratuva-inner-page .hiratuva-inner-right .hiratuva-sag-widget .hiratuva-sag-widget-katalog-image img { width: 100%; display: block; } /* Side Bar */ /* Default Side Bar Başlangıç */ .hiratuva-inner-sidebar-blue { /* Kıvrımlar */ } .hiratuva-inner-sidebar-blue .right-kivrim-iletisim { top: -287px !important; } .hiratuva-inner-sidebar-blue .left-kivrim-iletisim { top: -287px !important; } .hiratuva-inner-sidebar-blue .hiratuva-right-kivrim { width: 25px; height: 25px; position: absolute; z-index: 4; right: -29px; top: -57px; } @media screen and (max-width: 991px) { .hiratuva-inner-sidebar-blue .hiratuva-right-kivrim { display: none; } } .hiratuva-inner-sidebar-blue .hiratuva-right-kivrim:before { content: ''; width: 100%; height: 100%; position: absolute; left: -25px; top: -1px; z-index: -20; background: #f7c02d; } .hiratuva-inner-sidebar-blue .hiratuva-right-kivrim:after { content: ''; width: 100%; height: 100%; position: absolute; left: -25px; top: -1px; border-top-left-radius: 30px; z-index: -24px; background: #fff; } .hiratuva-inner-sidebar-blue .hiratuva-left-kivrim { width: 25px; height: 25px; position: absolute; left: 20px; z-index: 4; top: -57px; } @media screen and (max-width: 991px) { .hiratuva-inner-sidebar-blue .hiratuva-left-kivrim { display: none; } } .hiratuva-inner-sidebar-blue .hiratuva-left-kivrim:before { content: ''; width: 100%; height: 100%; position: absolute; left: -25px; top: -1px; z-index: -25; background: #f7c02d; } .hiratuva-inner-sidebar-blue .hiratuva-left-kivrim:after { content: ''; width: 100%; height: 100%; position: absolute; left: -25px; top: -1px; border-top-right-radius: 30px; z-index: -24px; background: #fff; } .hiratuva-inner-sidebar-blue .sidebar-iletisim { margin-top: -287px !important; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar { width: 100%; float: left; padding: 10px; margin-top: -58px; position: relative; z-index: 4; margin-bottom: 50px; } @media screen and (max-width: 991px) { .hiratuva-inner-sidebar-blue .hiratuva-sidebar { margin-top: 5px; } } .hiratuva-inner-sidebar-blue .hiratuva-sidebar:before { content: ''; background: #f7c02d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -64; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar:after { content: ''; position: absolute; left: 0; width: 100%; height: 26px; display: block; z-index: -40; bottom: -17px; background: #f7c02d; opacity: 1; transform: skew(0deg, -3deg); -webkit-transform: skew(0deg, -3deg); -moz-transform: skew(0deg, -3deg); border-bottom-left-radius: 10px; border-bottom: 3px solid #19629f; border-bottom-right-radius: 10px; } @media screen and (max-width: 991px) { .hiratuva-inner-sidebar-blue .hiratuva-sidebar:after { opacity: 0; } } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul { width: 100%; float: left; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul li.hiratuva-sidebar-acıkmavi a { color: #97d9ff; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul li.hiratuva-sidebar-acıkmavi a:before { color: #97d9ff; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul li.li-open a:before { content: "\f0da"; position: absolute; left: 22px; font-family: 'FontAwesome'; top: 43%; z-index: -3; color: #fff; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li { width: 100%; float: left; /* Second Ul */ } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li > a.hiratuva-side-main-active { color: #97d9ff!important; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li > a.hiratuva-side-main-active:before { border-left: 5px solid #97d9ff; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li > a { font-size: 15px; color: #fff; padding: 6px 0 6px 28px; font-weight: 600; width: 100%; float: left; position: relative; border-bottom: 1px solid #007ac1; border-top: 1px solid #008cdd; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li > a:before { content: "\f0da"; position: absolute; left: 10px; top: 6px; width: 0; height: 0; z-index: -3; color: #fff; font-family: 'FontAwesome'; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul-open { display: block!important; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul { padding: 0; width: 100%; float: left; position: relative; display: none; margin-bottom: 50px; } @media screen and (max-width: 991px) { .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul { margin-bottom: 5px; } } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul:before { content: ''; background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -40; border-top-right-radius: 5px; border-top-left-radius: 5px; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul:after { content: ''; position: absolute; left: 0; width: 100%; height: 30px; z-index: -19; bottom: -20px; background: #fff; transform: skew(0deg, -3deg); -webkit-transform: skew(0deg, -3deg); -moz-transform: skew(0deg, -3deg); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: 2px solid #19629f; } @media screen and (max-width: 991px) { .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul:after { opacity: 0; } } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li { width: 100%; float: left; /* Last Ul */ } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li:last-child a { border: none; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li > a { display: block; font-size: 13px; font-weight: 600; position: relative; width: 100%; padding: 10px 0 10px 25px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border-bottom: 1px solid #efefef; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li > a:hover { background: #f7c02d; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li .ci-side-active { color: #fff; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li .ci-side-active:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #6493bb; z-index: -10; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li .ci-side-active:before { content: ''; position: absolute; left: 10px; top: 15px; width: 0; color: #fff; height: 0; opacity: 1; border-bottom: 5px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #fff; z-index: -1; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li .ci-side-urun-active { color: #fff; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li .ci-side-urun-active:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #65a6e9; z-index: -10; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li .ci-side-urun-active:before { content: ''; position: absolute; left: 10px; top: 15px; width: 0; color: #fff; height: 0; opacity: 1; border-bottom: 5px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #fff; z-index: -1; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li > ul { margin-bottom: 5px!important; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li > ul:after { display: none!important; } .hiratuva-inner-sidebar-blue .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul > li > ul li a { padding: 8px 0 8px 35px; } /* Yorum List */ .hiratuva-yorum-list { width: 100%; float: left; margin-bottom: 15px; } .hiratuva-yorum-list .yorum-list-header { width: 100%; float: left; border-bottom: 2px solid #E8E8E8; } .hiratuva-yorum-list .yorum-list-header h3 { font-size: 18px; color: #333; display: inline-block; position: relative; font-weight: 700; letter-spacing: -1px; padding: 0 5px 12px 0; background: #fff; } .hiratuva-yorum-list .yorum-list-header h3:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva-yorum-list .yorum-list-box-content { width: 100%; float: left; padding: 20px 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box-margin { padding-left: 50px; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box { width: 100%; float: left; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box .yorum-image { float: left; width: 60px; margin-right: 30px; margin-bottom: 15px; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box .yorum-image img { width: 60px; height: 60px; border-radius: 50%; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box .yorum-sag { float: none; color: #333; padding: 0 5px; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box .yorum-sag .yorum-yapan { display: block; font-weight: 700; font-size: 16px; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box .yorum-sag .yorum-tarih { font-weight: 400; font-size: 13px; color: #aaaaaa; margin-top: 5px; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box .yorum-sag .yorum-tarih a { font-weight: 400; font-size: 13px; color: #aaaaaa; float: right; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box .yorum-sag .yorum { margin-top: 5px; } .hiratuva-yorum-list .yorum-list-box-content .yorum-list-box .yorum-sag .yorum p { font-size: 13px; font-weight: 400; color: #666; } .hiratuva-yorum-list .hiratuva-yorum-yok { width: 100%; float: left; } .hiratuva-yorum-list .hiratuva-yorum-yok span { color: #222; display: block; font-size: 14px; padding: 25px 20px; border: 1px solid #ccc; } /* Yorumlar */ .hiratuva-yorum-content { width: 100%; float: left; } .hiratuva-yorum-content .hiratuva-success-msg-content { display: none; } .hiratuva-yorum-content .hiratuva-yorum-yap { width: 100%; float: left; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-header { width: 100%; float: left; border-bottom: 2px solid #E8E8E8; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-header h3 { font-size: 18px; color: #333; display: inline-block; position: relative; font-weight: 700; letter-spacing: -1px; padding: 0 5px 12px 0; background: #fff; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-header h3:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form { width: 100%; float: left; margin-top: 5px; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form .help-block { font-size: 14px; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form .form-control-feedback { top: 1px; right: 13px; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form label { font-size: 14px; width: 100%; float: left; color: #333; margin-top: 8px; margin-bottom: 8px; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form label em { color: red; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form input { border-radius: 0; height: 33px; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form input:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form textarea { resize: none; height: 90px; border-radius: 0!important; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form textarea:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form .hiratuva-errors { width: 100%; float: left; margin-top: 15px; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form .hiratuva-errors span { font-size: 14px; width: 100%; float: left; color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1; padding: 15px 20px; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form .form-send { width: 100%; float: left; margin-top: 16px; padding: 0 15px; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form .form-send button { background: #f7c02d; color: #fff; padding: 4px 30px; border-top: none; border-left: none; font-size: 14px; float: left; border-right: none; border-bottom: 4px solid #19629f; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva-yorum-content .hiratuva-yorum-yap .yorum-yap-form .form-send button:hover { background: #19629f; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /* Sayfalama Genel */ .hiratuva-sayfalama { width: 100%; float: left; text-align: center; margin-top: 20px; } .hiratuva-sayfalama .hiratuva_sayfalama_orta { display: inline-block; background: #d6dbdf; border-radius: 6px; overflow: hidden; } .hiratuva-sayfalama .hiratuva_sayfalama_orta span.hiratuva-spanaktif { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-color: #f7c02d; float: left; min-width: 41px; min-height: 41px; padding: 12px 10px; color: #fff; font-weight: 600; } @media screen and (max-width: 991px) { .hiratuva-sayfalama .hiratuva_sayfalama_orta span.hiratuva-spanaktif { padding: 7px 5px; min-width: 31px; min-height: 31px; font-size: 14px; } } .hiratuva-sayfalama .hiratuva_sayfalama_orta a { float: left; min-width: 41px; min-height: 41px; padding: 12px 10px; color: #fff; font-weight: 600; border-left: 2px solid #e4e7ea; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } @media screen and (max-width: 991px) { .hiratuva-sayfalama .hiratuva_sayfalama_orta a { padding: 7px 5px; min-width: 31px; min-height: 31px; font-size: 14px; } } .hiratuva-sayfalama .hiratuva_sayfalama_orta a:hover { background-color: #f7c02d; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /* Side Bar Default Bitti */ /* Side Bar Klasik */ .hiratuva-inner-sidebar-klasik .hiratuva-sidebar { width: 100%; float: left; margin-bottom: 50px; background: #f8f7f7; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul { width: 100%; float: left; padding: 20px 0; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li { width: 100%; float: left; position: relative; padding: 4px 0 4px 17px; border-bottom: 1px solid #eee; /* Second Ul */ } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li:hover:after { width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 25px; height: 2px; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li > a { display: block; color: #333; margin: 4px 0; font-weight: 600; font-size: 17px; position: relative; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li > a:before { content: ''; position: absolute; left: -14px; top: 6px; width: 0; color: #fff; height: 0; opacity: 1; border-bottom: 5px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #333; z-index: -1; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul-open { display: block!important; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul { width: 100%; float: left; padding-left: 5px; margin-top: 15px; display: none; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul li { width: 100%; margin: 3px 0; float: left; border-bottom: 1px solid #eee; position: relative; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul li:last-child { border: none; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul li a { font-size: 14px; color: #333; display: block; margin: 4px 0; } .hiratuva-inner-sidebar-klasik .hiratuva-sidebar ul.hiratuva-sidefirstul > li ul.hiratuva-sideul li a:hover { text-decoration: underline; } /* Side Bar Klasik Bitti */ /********** Plugins *********/ /* Anasayfa sec*/ .bootbox-body { font-size: 13px; } /* Sepet */ .hiratuva-sepet-content { width: 100%; float: left; min-height: 450px; } .hiratuva-sepet-content .sepet-page { width: 100%; float: left; margin-top: 25px; } .hiratuva-sepet-content .sepet-page .sepet-table { width: 100%; float: left; } .hiratuva-sepet-content .sepet-page .sepet-table table { width: 100%; max-width: 100%; border: 1px solid #e9ecef; margin-bottom: 20px; color: #374250; font-size: 15px; } .hiratuva-sepet-content .sepet-page .sepet-table table thead { margin: 4px 0; background-color: #f5f5f5; } .hiratuva-sepet-content .sepet-page .sepet-table table thead tr { border-bottom: none; } .hiratuva-sepet-content .sepet-page .sepet-table table thead tr th { border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; padding-top: 17px; vertical-align: middle !important; padding-bottom: 17px; } .hiratuva-sepet-content .sepet-page .sepet-table table tbody tr td.urun-bilgi a { width: 100px; float: left; } .hiratuva-sepet-content .sepet-page .sepet-table table tbody tr td.urun-bilgi a img { float: left; width: 100%; } .hiratuva-sepet-content .sepet-page .sepet-table table tbody tr td.urun-bilgi .sepet-desc { color: #374250; font-weight: 600; float: left; margin-left: 15px; } .hiratuva-sepet-content .sepet-page .sepet-table table tbody tr td { vertical-align: middle !important; border-top: 1px solid #e9ecef; font-size: 14px; padding: .75rem; } .hiratuva-sepet-content .sepet-page .sepet-alt { width: 100%; float: left; background-color: #f5f5f5; padding: 20px 0; } .hiratuva-sepet-content .sepet-page .sepet-alt .sepet-toplam { float: right; padding-right: 20px; } .hiratuva-sepet-content .sepet-page .sepet-alt .sepet-toplam span { font-weight: 700; font-size: 17px; color: #374250; } .hiratuva-sepet-content .sepet-page .sepet-siparis { width: 100%; float: left; margin: 15px 0; padding: 10px 0; } .hiratuva-sepet-content .sepet-page .sepet-siparis button { font-size: 16px; padding: 15px 50px; float: right; font-weight: 700; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; background: #f7c02d; border: none; } .hiratuva-sepet-content .sepet-page .sepet-siparis button:hover { background: #333; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /*Calendar */ #fullCalModal .modal-image { width: 100%; float: left; } #fullCalModal .modal-image img { width: 100%; height: auto; display: block; } #fullCalModal .modal-text { width: 100%; float: left; margin-top: 10px; } /* File Input */ .btn-file > input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -4; margin: 0; opacity: 0; filter: alpha(opacity=0); transform: translate(-300px, 0) scale(4); font-size: 23px; direction: ltr; cursor: pointer; } .fileinput { margin-bottom: 6px; display: inline-block; position: relative; float: left; width: 100%; overflow: hidden; } .fileinput .uneditable-input { display: inline-block; margin-bottom: 0; vertical-align: middle; cursor: text; } .fileinput i + .fileinput-filename, .fileinput .btn + .fileinput-filename { padding-left: 5px; } .fileinput.fileinput-exists .close { opacity: 1; color: #dee0e4; position: relative; top: 3px; margin-left: 5px; } .fileinput .thumbnail { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle; text-align: center; } .fileinput .thumbnail[data-trigger="fileinput"] { cursor: pointer; } .fileinput .thumbnail:before, .fileinput .thumbnail:after { content: " "; display: table; } .fileinput .thumbnail:after { clear: both; } .fileinput .thumbnail > img { max-height: 100%; display: block; } .fileinput .btn { vertical-align: middle; } .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; } .fileinput-inline .fileinput-controls { display: inline; } .fileinput .uneditable-input { white-space: normal; } .fileinput-new .input-group .btn-file { border-radius: 0 3px 3px 0; } .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-sm { border-radius: 0 2px 2px 0; } .fileinput-new .input-group .btn-file.btn-lg { border-radius: 0 3px 3px 0; } .form-group.has-warning .fileinput .uneditable-input { color: #574802; border-color: #ffd78a; } .form-group.has-warning .fileinput .fileinput-preview { color: #574802; } .form-group.has-warning .fileinput .thumbnail { border-color: #ffd78a; } .form-group.has-error .fileinput .uneditable-input { color: #ac1818; border-color: #ffafbd; } .form-group.has-error .fileinput .fileinput-preview { color: #ac1818; } .form-group.has-error .fileinput .thumbnail { border-color: #ffafbd; } .form-group.has-success .fileinput .uneditable-input { color: #045702; border-color: #b4e8a8; } .form-group.has-success .fileinput .fileinput-preview { color: #045702; } .form-group.has-success .fileinput .thumbnail { border-color: #b4e8a8; } .input-group-addon:not(:first-child) { border-left: 0; } /*Anasayfa Seç */ .hiratuva-anasayfa-sec { position: fixed; top: 50%; right: 0; z-index: 99999; } @media screen and (max-width: 768px) { .hiratuva-anasayfa-sec { display: none; } } .hiratuva-anasayfa-sec a { background: #f7c02d; color: #fff; padding: 5px 20px; float: left; text-align: center; font-size: 25px; } .hiratuva-anasayfa-sagdan { position: fixed; right: 0; top: 50%; background: #fff; z-index: 9999; display: none; font-size: 14px; padding: 30px 40px; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); } .hiratuva-anasayfa-sagdan h4 { display: block; margin: 15px 0; width: 100%; font-size: 16px; } .hiratuva-anasayfa-sagdan select { display: block; width: 100%; margin: 15px 0; border: 1px solid #ccc; color: #333; padding: 5px 5px; } .hiratuva-anasayfa-sagdan select:focus { border: 1px solid #ccc; } .hiratuva-anasayfa-sagdan button { background: #f7c02d; border: none; outline: none; color: #fff; padding: 4px 24px; float: left; } .hiratuva-anasayfa-sagdan button:hover { background: #333; } /* Popup */ .hiratuva-popup-content { position: fixed; width: 100%; overflow-x: hidden; overflow-y: auto; height: 100%; top: 0; left: 0; z-index: 109909; background-color: rgba(0, 0, 0, 0.8); } .hiratuva-popup-content .hiratuva-popup-inner { width: 100%; float: left; position: relative; top: 120px; } .hiratuva-popup-content .hiratuva-popup-inner .hiratuva-pop-kapat { position: absolute; right: 0; top: 0; color: #fff; background: #f7c02d; width: 35px; height: 35px; text-align: center; font-size: 20px; padding-top: 3px; } .hiratuva-popup-content .hiratuva-popup-inner .hiratuva-popup-image { width: 100%; float: left; } .hiratuva-popup-content .hiratuva-popup-inner .hiratuva-popup-image a { width: 100%; float: left; } .hiratuva-popup-content .hiratuva-popup-inner .hiratuva-popup-image a img { width: 100%; height: auto; display: block; } /* 404 */ .hiratuva-404 { width: 100%; float: left; margin-top: 100px; min-height: 500px; text-align: center; } .hiratuva-404 h1 { color: #2e343c; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); font-size: 150px; font-weight: 700; margin: 0; } .hiratuva-404 h2 { color: #2e343c; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); font-size: 30px; margin-bottom: 20px; font-weight: 700; } .hiratuva-404 p { color: #2e343c; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); font-size: 15px; margin-bottom: 60px; } .hiratuva-404 .home a { position: relative; color: #fff; margin-top: 20px; font-size: 15px; font-weight: 600; border: none; padding: 10px 40px; border-radius: 10px; background-color: #f7c02d; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)); background-repeat: repeat-x; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva-404 .home a:hover { background: #333; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /* Dong İtem */ .urun-content-outer { width: 100%; float: left; min-height: 220px; margin-bottom: 25px; } .urun-content { display: inline-block; position: relative; -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); border-radius: 3px; overflow: hidden; } .urun-content:hover .urun-image .corner { border-right: 800px solid rgba(35, 125, 200, 0.8); border-top: 800px solid transparent; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 3; } .urun-content:hover .urun-image .corner-plus { opacity: 0; } .urun-content:hover .urun-image .urun-navigasyon { z-index: 20; opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .urun-content:hover .urun-link a span { color: #f7c02d; } .urun-content .urun-image { width: 100%; float: left; position: relative; } .urun-content .urun-image .corner { content: ''; position: absolute; right: 0; border-right: 51px solid #f7c02d; border-top: 52px solid transparent; bottom: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 1; text-align: center; } .urun-content .urun-image .corner-plus { position: absolute; right: 8px; bottom: 9px; background: url('../images/plus-white.png'); width: 13px; height: 13px; z-index: 2; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); } .urun-content .urun-image img { width: 100%; height: auto; display: block; } .urun-content .urun-image .urun-navigasyon { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 12; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -moz-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -o-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); -ms-transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92); text-align: center; } .urun-content .urun-image .urun-navigasyon a { display: inline-block; color: #f7c02d; width: 36px; height: 36px; text-align: center; margin: 0 1px; font-size: 15px; border-radius: 50%; border: 1px solid #fff; background: #fff; } .urun-content .urun-image .urun-navigasyon a i { padding-top: 9px; } .urun-content .urun-image .urun-navigasyon a i.fa-link { font-size: 16px; } .urun-content .urun-image .urun-navigasyon a:hover { color: #333; } .urun-content .urun-link { width: 100%; float: left; padding: 10px 12px; min-height: 44px; text-align: center; display: flex; align-items: center; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee)); background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); } .urun-content .urun-link a { width: 100%; float: left; } .urun-content .urun-link a span { color: #333; font-weight: 600; display: block; font-size: 13px; } /* Loading */ .hiratuva-loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100000; background: #fff; opacity: 1; } .hiratuva-loading img { width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } /* Anket */ .hiratuvay-anket { width: 100%; float: left; } .hiratuvay-anket .anket-soru { width: 100%; float: left; margin-top: 15px; } .hiratuvay-anket .anket-soru h4 { display: block; color: #333; font-size: 16px; font-weight: 600; } .hiratuvay-anket .anket-cevaplar { width: 100%; float: left; margin-top: 15px; } .hiratuvay-anket .anket-cevaplar .cevap-box { width: 100%; float: left; margin-bottom: 6px; } .hiratuvay-anket .anket-cevaplar .cevap-box label { color: #333; font-weight: normal; } .hiratuvay-anket .anket-cevaplar .cevap-box label input { margin-right: 5px; } .hiratuvay-anket .anket-cevaplar .cevap-box .cevap-yuzde { width: 100%; float: left; display: none; } .hiratuvay-anket .anket-cevaplar .cevap-box .cevap-yuzde span { float: left; height: 6px; margin-top: 7px; margin-right: 3px; background: #f7c02d; } .hiratuvay-anket .anket-cevaplar .cevap-box .cevap-yuzde p { float: left; color: #333; font-size: 14px; } .hiratuvay-anket .oy-ver { width: 100%; float: left; margin-top: 20px; } .hiratuvay-anket .oy-ver a { float: left; padding: 3px 20px; font-size: 14px; color: #fff; background: #f7c02d; } .hiratuvay-anket .sonuc-gor { width: 100%; float: left; font-size: 13px; color: #333; margin-top: 10px; cursor: pointer; } .hiratuvay-anket .sonuc-gor:hover { text-decoration: underline; } .hiratuvay-anket .anket-sonuclar { width: 100%; float: left; color: #333; font-weight: 600; margin-top: 4px; } /* Dosyalar */ .hiratuva-blog-dosyalar { width: 100%; float: left; margin-top: 25px; } .hiratuva-blog-dosyalar .dosya-box { width: 100%; float: left; padding: 5px 10px 10px 5px; margin: 7px 0; border-bottom: 1px solid #eee; } .hiratuva-blog-dosyalar .dosya-box .dosya-title { float: left; font-size: 14px; color: #333; font-weight: 600; } .hiratuva-blog-dosyalar .dosya-box .down { float: right; } .hiratuva-blog-dosyalar .dosya-box .down a { font-size: 13px; background: #f7c02d; color: #fff; padding: 5px 20px; float: left; border-radius: 2px; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva-blog-dosyalar .dosya-box .down a i { margin-left: 3px; } .hiratuva-blog-dosyalar .dosya-box .down a:hover { background: #333; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /* Mesaj */ .hiratuva-success-form-content { width: 100%; float: left; display: none; } .hiratuva-success-form-content .hiratuva-succes-message { width: 100%; float: left; min-height: 200px; margin-top: 40px; text-align: center; } .hiratuva-success-form-content .hiratuva-succes-message .ci-icon-content { display: inline-block; border: 2px solid #f7c02d; border-radius: 50%; padding: 20px; } .hiratuva-success-form-content .hiratuva-succes-message .ci-icon-content i { color: #f7c02d; font-size: 42px; } .hiratuva-success-form-content .hiratuva-succes-message .ci-success-text { color: #f7c02d; font-size: 20px; font-weight: 600; width: 100%; float: left; margin-top: 10px; } /* Modal */ .modal-title { color: #333; font-size: 15px; font-weight: 700; } .modal-text { color: #333; font-size: 14px; } /* Siparişler */ .siparislerim { width: 100%; float: left; } .siparislerim .siparis-detay { width: 100%; float: left; color: #333; font-size: 14px; } .siparislerim .siparis-detay .siparis-ust { width: 100%; float: left; border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 15px; margin-top: 20px; padding-top: 15px; border-top: 1px solid #eee; } .siparislerim .siparis-detay .siparis-ust h3 { font-weight: 600; margin-bottom: 5px; } .siparislerim .siparis-detay .siparis-ust span i { margin-right: 5px; } .siparislerim .siparis-detay .siparis-orta { width: 100%; float: left; } .siparislerim .siparis-detay .siparis-orta .invoice-right { text-align: right; } .siparislerim .siparis-detay .siparis-orta .invoice-left { text-align: left; } .siparislerim .siparis-detay .detay-table { width: 100%; float: left; margin-top: 15px; border-top: 1px solid #eee; } .siparislerim .siparis-detay .detay-table table tbody tr td a { color: inherit; font-size: 13px; } .siparislerim .siparis-detay .detay-table table tbody tr td a img { width: 52px; float: left; margin-right: 5px; } .siparislerim .siparis-detay .detay-table table tbody tr td a span { color: inherit; font-size: 13px; line-height: 33px; } .siparislerim .siparis-detay .detay-footer { width: 100%; float: left; } .siparislerim .siparis-detay .detay-footer .invoice-right { text-align: right; } .siparislerim .siparis-detay .detay-footer a { position: relative; padding: 4px 25px; height: 30px; width: 125px; } .siparislerim .siparis-detay .detay-footer a.siparis-yazdir { background-color: #303641; padding-left: 40px; } .siparislerim .siparis-detay .detay-footer a.siparis-yazdir:hover { background-color: #1f232a; } .siparislerim .siparis-detay .detay-footer a.siparis-yazdir i { font-size: 12px; float: left; position: absolute; left: 0; top: 0; width: 30px; height: 100%; line-height: 29px; background-color: #1f232a; } .siparislerim .siparis-detay .detay-footer a.siparis-list { background-color: #0072bc; padding-left: 40px; } .siparislerim .siparis-detay .detay-footer a.siparis-list:hover { background-color: #005993; } .siparislerim .siparis-detay .detay-footer a.siparis-list i { background-color: #005993; padding: 3px; font-size: 12px; float: left; width: 30px; position: absolute; left: 0; line-height: 22px; top: 0; height: 100%; } .siparislerim .siparis-detay h4 { font-weight: bold; } .siparislerim table { width: 100%; max-width: 100%; border: 1px solid #e9ecef; margin-bottom: 20px; color: #374250; font-size: 15px; margin-top: 15px; } .siparislerim table thead { margin: 4px 0; background-color: #f5f5f5; } .siparislerim table thead tr { border-bottom: none; } .siparislerim table thead tr th { border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; padding-top: 13px; vertical-align: middle !important; padding-bottom: 13px; } .siparislerim table tbody tr:nth-of-type(even) { background-color: #f8f8f8; } .siparislerim table tbody tr td.urun-bilgi a { width: 100px; float: left; } .siparislerim table tbody tr td.urun-bilgi a img { float: left; width: 100%; } .siparislerim table tbody tr td.urun-bilgi .sepet-desc { color: #374250; font-weight: 600; float: left; margin-left: 15px; } .siparislerim table tbody tr td { vertical-align: middle !important; border-top: 1px solid #e9ecef; font-size: 13px; padding: .75rem; } .siparislerim table tbody tr td .btn-green { background: green; color: #fff; } .siparislerim table tbody tr td .btn-green:focus { background: #333; color: #fff; } .siparislerim table tbody tr td .btn-orange { background: orange; color: #fff; } .siparislerim table tbody tr td .btn-orange:focus { background: #333; color: #fff; } .siparislerim table tbody tr td.islem a { color: #f7c02d; font-weight: 600; font-size: 13px; position: relative; background-color: #f0f0f1; color: #333; padding: 5px 40px 5px 20px; } .siparislerim table tbody tr td.islem a:hover { text-decoration: underline; } .siparislerim table tbody tr td.islem a i { float: right; background-color: #dbdbdd; padding: 8px 8px 5px 8px; position: absolute; right: 0; top: 0; height: 100%; font-size: 12px; } .siparislerim .siparis-yok { padding: 20px 20px; color: #333; margin: 10px 0; font-size: 14px; background: #f5f5f5; } /* Uyelik*/ .hiratuva-uyelik-content { width: 100%; float: left; min-height: 500px; } .hiratuva-uyelik-content .hiratuva-uyelik-page { width: 100%; float: left; /* Sol */ /* Sag */ } .hiratuva-uyelik-content .hiratuva-uyelik-page .uyelik-title { width: 100%; float: left; padding: 0 15px; margin: 30px 0; border-bottom: 2px solid #E8E8E8; } .hiratuva-uyelik-content .hiratuva-uyelik-page .uyelik-title h3 { font-size: 20px; color: #333; display: inline-block; position: relative; font-weight: 700; letter-spacing: -1px; padding: 0 5px 12px 5px; background: #fff; } .hiratuva-uyelik-content .hiratuva-uyelik-page .uyelik-title h3:after { content: ''; position: absolute; left: 0; bottom: -2px; background: #29a0d6; width: 100%; height: 2px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sol { width: 100%; float: left; margin-top: 10px; margin-bottom: 20px; border: 1px solid #ececec; padding: 20px; background-image: url("../images/bg-login.gif"); background-repeat: no-repeat; background-position: right bottom; background-color: #fff; min-height: 282px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sol .title { width: 100%; float: left; padding-bottom: 15px; border-bottom: 1px solid #ececec; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sol .title h2 { width: 100%; float: left; font-weight: 700; font-size: 15px; color: #333; margin: 0; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-giris-success { width: 100%; float: left; display: none; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-giris-success .giris-content { width: 100%; float: left; min-height: 200px; margin-top: 40px; text-align: center; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-giris-success .giris-content .ci-icon-content { display: inline-block; border: 2px solid #f7c02d; border-radius: 50%; padding: 20px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-giris-success .giris-content .ci-icon-content i { color: #f7c02d; font-size: 42px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-giris-success .giris-content .ci-success-text { color: #f7c02d; font-size: 20px; font-weight: 600; width: 100%; float: left; margin-top: 10px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag { width: 100%; float: left; margin-top: 10px; margin-bottom: 20px; border: 1px solid #ececec; padding: 20px; background-image: url("../images/bg-login-2.gif"); background-repeat: no-repeat; background-position: right bottom; background-color: #fff; min-height: 282px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .title { width: 100%; float: left; padding-bottom: 15px; border-bottom: 1px solid #ececec; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .title h2 { width: 100%; float: left; font-weight: 700; font-size: 15px; color: #333; margin: 0; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form-errors { width: 70%; float: left; margin-top: 20px; padding: 15px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form-errors span { color: #a94442; background-color: #f2dede; border: 1px solid #a94442!important; padding: 7px 30px; float: left; width: 100%; font-weight: 700; font-size: 13px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 1px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form { width: 100%; float: left; margin-top: 5px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form .help-block { font-size: 14px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form label { font-size: 14px; margin-top: 10px; color: #333; margin-bottom: 10px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form input { border-radius: 0; height: 33px; font-size: 13px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form input:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form textarea { resize: none; height: 130px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form textarea:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form-group a.facebook { background-color: #3b579d; color: #fff; font-size: 14px; padding: 10px 30px; margin: 40px 0; float: left; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .form-group a.facebook i { margin-right: 10px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .submit-items { width: 100%; float: left; margin-top: 20px; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .submit-items button { background: #f7c02d; padding: 5px 30px!important; font-weight: 700; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva-uyelik-content .hiratuva-uyelik-page .hiratuva-uyelik-sag .submit-items button:hover { background: #333; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hiratuva-success-msg-content { width: 100%; float: left; display: none; } .hiratuva-success-msg-content .hiratuva-succes-message { width: 100%; float: left; min-height: 200px; margin-top: 40px; text-align: center; } .hiratuva-success-msg-content .hiratuva-succes-message .ci-icon-content { display: inline-block; border: 2px solid #f7c02d; border-radius: 50%; padding: 20px; } .hiratuva-success-msg-content .hiratuva-succes-message .ci-icon-content i { color: #f7c02d; font-size: 42px; } .hiratuva-success-msg-content .hiratuva-succes-message .ci-success-text { color: #f7c02d; font-size: 20px; font-weight: 600; width: 100%; float: left; margin-top: 10px; } /* Özellikler */ .hiratuva-ozellikler { width: 100%; float: left; margin-top: 10px; background: #fbfbfb; } .hiratuva-ozellikler .ozellik-ana-baslik { font-size: 16px; font-weight: 600; float: left; width: 100%; padding: 5px 5px; } .hiratuva-ozellikler .ozellik-ana-baslik i { margin-right: 5px; } .hiratuva-ozellikler .tekli-ozellik { width: 100%; float: left; border-bottom: 1px solid #eee; padding: 5px 5px; } .hiratuva-ozellikler .tekli-ozellik span { font-size: 14px; color: #333; float: left; } .hiratuva-ozellikler .tekli-ozellik span:first-child { margin-right: 5px; font-weight: 600; } /* Özellikler Tabs */ .hiratuva-ozellikler-tabs { width: 100%; float: left; margin: 10px 0; } .hiratuva-ozellikler-tabs .ozellikler-detay-tabs ul { border: none; } .hiratuva-ozellikler-tabs .ozellikler-detay-tabs ul li.active a { border-bottom: none; margin-bottom: -1px; margin-top: -1px; padding: 7px 20px; background: #FFF; color: #444; border-top: 2px solid #f7c02d; } @media screen and (max-width: 460px) { .hiratuva-ozellikler-tabs .ozellikler-detay-tabs ul li.active a { padding: 7px 8px; } } .hiratuva-ozellikler-tabs .ozellikler-detay-tabs ul a { display: inline-block; margin: 0; list-style: none; cursor: pointer; color: #444; background-color: #fdfdfd; background-image: url("../images/ci-tab-menu.png"); background-position: top left; background-repeat: repeat-x; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-right: -1px; padding: 7px 20px 6px; float: left; text-align: center; text-decoration: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; font-size: 13px; font-family: "NovecentowideLightBold", arial, serif; line-height: 21px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } @media screen and (max-width: 460px) { .hiratuva-ozellikler-tabs .ozellikler-detay-tabs ul a { padding: 7px 10px 6px; font-size: 12px; } } .hiratuva-ozellikler-tabs .ozellikler-detay-tabs ul a i { margin-right: 4px; } .hiratuva-ozellikler-tabs .ozellikler-detay-tabs .ozellik-tab-content { background: #fff; border: 1px solid #e1e1e1; padding: 10px 20px; z-index: 2; overflow: auto; } .hiratuva-ozellikler-tabs .ozellikler-detay-tabs .ozellik-tab-content .hiratuva-u-ozellikler { font-size: 13px; color: #333; } .hiratuva-ozellikler-tabs .ozellikler-detay-tabs .ozellik-tab-content .hiratuva-u-ozellikler .alt-tab-baslik { font-weight: 600; font-size: 17px; color: #333; margin-bottom: 5px; margin-top: 5px; width: 100%; float: left; } .hiratuva-ozellikler-tabs .ozellikler-detay-tabs .ozellik-tab-content .hiratuva-u-ozellikler .alt-tab-aciklama { font-size: 13px; color: #333; width: 100%; float: left; } /* Form */ .form { width: 100%; float: left; margin-top: 15px; } .form .form-control-feedback { top: 1px; right: 15px; } .form .form-group { float: left; width: 100%; } .form .help-block { font-size: 14px; float: left; } .form .password-progress { margin-top: 15px; } .form label { font-size: 14px; color: #333; width: 100% float:left; font-weight: 700; margin-bottom: 10px; margin-top: 10px; } .form label em { color: red; } .form input { border-radius: 0; height: 33px; width: 100%; font-size: 13px; float: left; } .form input:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .form textarea { resize: none; height: 130px; } .form textarea:focus { box-shadow: none; border: 1px solid #f7c02d; background: #fff; } .form .sozlesme { width: 100%; float: left; margin-top: 10px; } .form .sozlesme input { float: left; height: 18px; width: auto!important; margin-right: 4px; margin-top: 0; } .form .sozlesme label { font-size: 13px; color: #333; float: left; } .form .sozlesme a { font-size: 13px; color: #f7c02d; } .form .google-capctha { width: 100%; float: left; } .form .guvenlik-span { width: 100%; float: left; padding: 0 15px; } .form img.cpth { float: left; margin-top: 3px; margin-bottom: 10px; } .form .form-errors { width: 100%; float: left; } .form .form-errors span { color: #a94442; background-color: #f2dede; border: 1px solid #a94442!important; padding: 7px 30px; float: left; width: 100%; font-weight: 700; font-size: 13px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 1px; } .form .send-form { width: 100%; float: left; margin-top: 10px; } .form .send-form button { background: #f7c02d; padding: 5px 30px!important; font-weight: 700; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .form .send-form button:hover { background: #333; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /* Sepet Box */ .sepet-alert-content .close { font-size: 40px; color: #797979; position: absolute; right: 10px; top: 0; opacity: 1; z-index: 9999; } .sepet-alert-content .modal-content { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); border-radius: 0; } .sepet-alert-content .alert-body { width: 100%; float: left; min-height: 200px; margin-top: 40px; text-align: center; } .sepet-alert-content .alert-body .ci-icon-content { display: inline-block; border: 2px solid #f7c02d; border-radius: 50%; padding: 20px; } .sepet-alert-content .alert-body .ci-icon-content i { color: #f7c02d; font-size: 42px; } .sepet-alert-content .alert-body .ci-success-text { color: #333; font-size: 23px; font-weight: 600; width: 100%; float: left; margin-top: 30px; } /* Mobile Menum */ .mm-menu { background: #fff!important; } .mm-menu .mm-panel .mm-navbar { height: 84px !important; padding: 0 20px !important; text-align: left; text-indent: -999999 !important; background-color: #fff!important; } .mm-panels > .mm-panel > .mm-listview { margin: 30px -20px !important; } .mm-menu .mm-panel .mm-navbar a, .mm-menu .mm-panel .mm-navbar * { text-indent: -999999 !important; color: #f7c02d !important; padding: 11px 0 10px 0 !important; } .mm-menu .mm-panel .mm-navbar .mm-btn { width: 20px !important; height: 54px !important; margin-top: 20px; } .mm-menu .mm-panel .mm-navbar .mm-btn:first-child { padding-left: 7px !important; } .mm-menu .mm-panel .mm-navbar .mm-btn:after, .mm-menu .mm-panel .mm-navbar .mm-btn:before { border-color: #f7c02d !important; } .mm-menu .mm-panel .mm-navbar .mm-prev:before { left: 10px !important; } .mm-menu .mm-panel .mm-navbar .mm-title { display: block; margin: 16px 0 15px 20px; width: 170px; height: 52px; font-size: 999999999px; overflow: hidden; white-space: nowrap!important; background: url("../images/footerlogo.png"); background-repeat: no-repeat; } #hiratuva-mobile:not( .mm-menu ) { display: none; } .mm-listview li a, .mm-listview li span { font-family: 'Open Sans' !important; font-weight: 600 !important; } /* Isotope*/ .alert { font-size: 14px; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } @media print { [class*="col-sm-"] { float: left; } .print-1 { width: 33.33333333%; } }