a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol,ul{list-style:none;}blockquote,q{quotes:none;}table,table td{padding:0;border:none;border-collapse:collapse;}img{vertical-align:top;}embed{vertical-align:top;}*{border:none}input,textarea{outline:none!important}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block;}mark,rp,rt,ruby,summary,time{display:inline} @charset "utf-8"; /* CSS Document */ html{min-height:100%;min-width:1200px;} body{min-height:100%;min-width:1200px; height:100%; overflow:auto; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-y: scroll; margin:0; font-size: 14px; font-family: "Arial"; background:#fff;} p{ margin:0px;} table,div{color: #666; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal; line-height:150%} a { color: #666; text-decoration: none; font-size:14px; font-family: Arial; font-weight: normal } h1{ font-family: 'Arial', sans-serif; font-weight:400; font-style:normal; font-size:24px; line-height:24px; color:#444; padding:0 0 10px 0; margin:0;} h2{ font-family: 'Arial', sans-serif; font-weight:300; font-size:18px; line-height:18px; color:#444; padding:20px 0 10px 0; margin:0;} button{ color:#fff; margin:5px; background:#000; cursor:pointer; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal; font-size:16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:7px 15px;} .button_01{ background:#c46df2; font-size:18px; padding:10px 20px;} .button_02{ background:#4bbeea; font-size:18px; padding:10px 20px;} .button_03{ background:#f65aa1; font-size:18px; padding:10px 20px;} .button_04{ background:#f6a62d; font-size:18px; padding:10px 20px;} .button_05{ background:#44cf52; font-size:18px; padding:10px 20px;} .button_06{ background:#f65aa1; font-size:15px; padding:4px 10px;} .sifremiunuttum{ color:#365418;} #page_container{ position:relative; width:100%;} #main_container{ position:relative; clear:both; width:100%; display:block; margin:0; padding:0px 0} .orta_container{ position:relative; width:1200px; margin:0 auto; display:table; height:100%; background:none;} .header{ position:relative; background:#FFF} .menu_container{ position:relative; background:#668448; height:55px;} .header_reklam{ position:relative; background:#dcdcdc;overflow:hidden; text-align:center; margin-bottom:7px;} .orta_container_ic { position:relative; clear:both; float:left; margin:0px; padding:0px; display:block;} .orta_container .orta_sol{ float:left; margin:10px; width:224px; } .orta_container .orta_sag{ float:left; margin:10px; width:956px; } .wide_1200{ display:block;} .wide_768{ display:block;} .wide_768_2{ display:block;} .wide_480{ display:block;} .wide_480_2{ display:block;} .satir_container{ clear:both; margin:0 -10px;} .slider_container{ float:left; margin:0px;} .reklam_container{ float:left; margin:10px;} .banner_reklam_container{ display:table; margin:0px; } .banner_reklam{ float:left; display:table-cell; margin:10px;} .tablo_container{ float:left; margin:10px; background:#fff; border:1px solid #d4d4d4;} .tablo_container2{ float:left; margin:0 10px;} .tablo_ic_container{ float:left; width:100%; margin:10px; background:#F90;} .tablo_yarim_container{ float:left; width:calc(50% - 20px); margin:10px; background:#FF0;} .orta_sol .tablo_baslik{ margin:10px 10px 0; color:#333; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal; font-size:20px;} .tablo_baslik{ margin:20px 20px 0; color:#333; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal; font-size:20px;} .tablo_icerik{ margin:20px; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:150%;} .w_100{ width:calc(100% - 22px);} .w_100_2{ width:calc(100% - 20px);} .w_75{ width:calc(75% - 22px);} .w_60{ width:calc(60% - 22px);} .w_50{ width:calc(50% - 22px);} .w_33{ width:calc(33.3333% - 22px);} .w_25{ width:calc(25% - 22px);} .w_20{ width:calc(20% - 22px);} .banner_reklam_container .w_100{ width:calc(100% - 20px);} .banner_reklam_container .w_50{ width:calc(50% - 20px);} .banner_reklam_container .w_25{ width:calc(25% - 20px);} /*::::: ARAMA :::::*/ #arama {float:right;position:relative;margin :0 0 0;padding:0px 10px 0 0px;height:44px;z-index: 2001;} #arama_gurup{position:relative;margin :0px;padding:0 0 0 35px;background:url(images/theme/arama_sol.png) no-repeat;height:44px;} #arama_gurup .txbSearch{position:relative;float:left;text-align:left;font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:20px;border:none;background:url(images/theme/arama_inbut_bg.png) repeat-x; height:30px; line-height:30px;width:400px;padding:8px 10px;margin:0;} #arama_gurup .txbSearch:focus{outline: none; color:#365418;} #arama_gurup .btnSearch{float:left;border:none;background:url(images/theme/arama_btn.png) no-repeat;height:44px;width:77px;padding:0;margin:0; outline:none;} #arama .arama_content{ position:absolute; left:0; width:calc(100% - 14px); top:50px; display:none;} #arama .arama_content .arama_content_container{ float:left; width:calc(100% - 2px); padding:5px; margin-top:10px; background-color:#FFF; border:1px solid #d4d4d4;} #arama .arama_content .arama_urun_container{ float:left; width:calc(50% - 10px); height:62px; padding:5px; border-bottom:1px solid #d4d4d4; } #arama .arama_content .arama_urun_container a{ display:inline-block;padding:5px;} #arama .arama_content .arama_urun_container a:hover{ background:#f9f9f9;} #arama .arama_content .arama_urun_img{ float:left; margin-right:10px; width:50px;height:50px; border:1px solid #d4d4d4;} #arama .arama_content .arama_urun_img img{ max-width:50px; max-height:50px;} #arama .arama_content .arama_urun_ad{float:left; width:calc(100% - 62px);} #logo{ float:left; width:230px; margin-top:12px;} .header_orta{ float:left;} /*::::: USER MENÜ ÜST :::::*/ .ust_menu_container{ position:relative; height:40px; margin:10px -10px;} .ust_menu_container a{ position:relative; color:#555; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:10px; display:inline-block;} .ust_menu_container a:hover{ text-decoration:underline;} .uye_menu_container{ float:right;} .uye_menu_container a .uye_menu{ position:relative; width:120px; height:75px; display:inline-block; padding-top:55px; text-align:center;} .uye_menu_container a .uye_menu>div{ border-right:1px solid #d4d4d4;} .uye_menu_container a .uye_menu .baslik{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#555;} .uye_menu_container a .uye_menu .yazi{ font-size:12px; font-weight:normal; color:#333;} .uye_menu_container a .uye_menu_01 { background:url(images/theme/uye_menu_01.png) no-repeat center 15px;} .uye_menu_container a .uye_menu_02 { background:url(images/theme/uye_menu_02.png) no-repeat center 15px;} .uye_menu_container a .uye_menu_03 { background:url(images/theme/uye_menu_03.png) no-repeat center 15px;} .uye_menu_container a .uye_menu_04 { background:url(images/theme/uye_menu_04.png) no-repeat center 15px;} .uye_menu_container a .uye_menu_05 { background:url(images/theme/uye_menu_05.png) no-repeat center 15px;} .uye_menu_container a .sepet_sayisi{ position:absolute; top:15px; right:35px; text-align:center; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal; font-size:12px; color:#fff; background:#e30000; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; width:18px; height:18px;text-align:center; line-height:18px;} .uye_menu_container a#mobil_menu {display:none;} .uye_menu_container a#mobil_kategori {display:none;} .uye_menu_container a .uye_menu_03>div{ border:none;} .uye_menu_container a .uye_menu_04>div{ border:none; border-left:1px solid #d4d4d4;} /*::::: AÇILIR ÜST MENÜ :::::*/ .nav_bg{ position:absolute; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index: 999; display:none;} #nav { position:relative; height:55px; margin:0 0 0px 0; padding:0px 0 0 0px; position: relative; z-index: 1000;} #nav .logo{ margin-top:-40px;} #nav ul {position:relative; margin:0 auto; padding:0; height:55px; float:right;} #nav li {list-style:none;float:left;margin:0;padding:0 0px 0 0; line-height:55px; height:55px; background:url(images/theme/menu_seperator.png) no-repeat left 0;} #nav li.son {background:none;} #nav span {float:left;padding:0 0px;line-height:55px;height:55px; background:none top center;} #nav li a {display: table-cell; vertical-align: middle; text-align:center; width:133px; text-transform:none;font-family: 'arial', sans-serif; font-weight:bold; font-style:normal;font-size:12px; height:auto;color:#fff;line-height:14px;height:55px;margin:0;padding:0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav span:hover, #nav span.aktif {/*background: #f6f6f6 url(images/theme/menu_hover.png) no-repeat top center;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav span:hover > a, #nav span.aktif > a{ background: #f6f6f6; color:#333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav li:hover {background: #f6f6f6;} #nav li:hover a{ color:#333;} /* First level dropdown */ #nav li ul {margin:0 0 0 0px;background:#f6f6f6;padding:10px;list-style:none;position:absolute; display:none;left:-999em;top:55px;width:230px;z-index:10;height:auto;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li li {z-index:20;position:relative;margin:0;padding:0px;width:230px;height:auto;line-height:12px; background:none;} #nav li li a { text-align:left; width:auto; display:block; text-indent:0;border-bottom:1px solid rgba(150,150,150,0.1); font-weight:bold;padding:10px 7px;text-transform:none; font-family: 'arial', sans-serif; font-weight:bold; font-style:normal;font-size:12px;height:auto;line-height:18px;color:#555;text-decoration:none;} #nav li:hover li a, #nav li.sfhover li a {color:#444;} #nav li li a:hover { background:#efefef; color:#365418; text-decoration:none;} #nav li ul li ul {margin:0 0 0 0px;background:#f6f6f6;padding:0px;list-style:none;position:absolute; display:none;left:-999em;top:0px;width:250px;z-index:10;height:auto;} #nav li li:hover ul, #nav li li.sfhover ul {left:230px;} #nav li li li {z-index:20;position:relative;margin:0;padding:0px;width:250px;height:auto;line-height:12px;} .menu_alt_bar{ background:#ccc; height:50px; margin-bottom:7px;} /*::::: ÜST BUTON MENÜ :::::*/ .ust_menu_buton_container{ background:#ccc; width:100%; margin:0px auto 0px; height:100px;} .menu_buton_container{width:1200px; margin:0px auto 0; } .menu_buton a{ display:block; height:100%;} .menu_buton{ width:25%; height:100px; float:left;} .menu_buton a.buton_01{ background:url(images/theme/buton_alt_01_bg.png) 0px 20px no-repeat;} .menu_buton a.buton_02{ background:url(images/theme/buton_alt_02_bg.png) 0px 20px no-repeat;} .menu_buton a.buton_03{ background:url(images/theme/buton_alt_03_bg.png) 0px 20px no-repeat;} .menu_buton a.buton_04{ background:url(images/theme/buton_alt_04_bg.png) 0px 20px no-repeat;} .menu_buton_baslik{font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-size:18px; font-style:italic; text-transform:none; float:left; height:auto;color:#333; margin:10px 0 0 80px; padding:0px;line-height:33px; vertical-align:middle} .menu_buton_yazi{font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:12px; text-transform:none; float:left; height:auto;color:rgba(255,255,255,0.9); margin:0px 10px 0 80px; padding:0px;line-height:14px; vertical-align:middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} .menu_buton a:hover{ background-color:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} .menu_buton a:hover> .menu_buton_baslik{ color:#FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} .menu_buton a:hover> .menu_buton_yazi{ color:#FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} /*::::: USER MENÜ SOL:::::*/ .musteri_menu{ margin:0px; padding:10px;} .musteri_satir{ height:40px; line-height:40px; border-bottom:1px solid #dfdfdf;} .musteri_satir a{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal; font-size:16px; padding:0 0 0 35px; display:block;} .musteri_ico_1{ background:url(images/theme/musteri_01.png) no-repeat left center;} .musteri_ico_2{ background:url(images/theme/musteri_02.png) no-repeat left center;} .musteri_ico_3{ background:url(images/theme/musteri_03.png) no-repeat left center;} /*::::: AÇILIR YAN MENÜ :::::*/ .nav_bg_2{ position:absolute; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index: 998; display:none;} .tablo_menu{ margin-bottom:10px;} #menu_yan { position:relative; display:inline-block; width:calc(100% - 0px); height:auto;margin:0; padding:0px; border:0px solid #dfdfdf; border-top:none;} #menu_yan .baslik{ position:relative; width:215px; height:55px; color:#fff; background:#4ca5e8; line-height:55px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; line-height: 55px; font-size: 16px; padding:0 0 0 20px; margin:0px; text-decoration:none; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin:0; padding:0; list-style: none;} .sf-menu { line-height: 1.0; } .sf-menu ul { position:relative; top:-999em; width:222px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width:100%; } .sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float:left; position:relative;} .sf-menu a { display:block; position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.5em; /* match top ul list item height */ z-index:99; } ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top:-999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:200px; /* match ul width */ top:0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:190px; /* match ul width */ top:0; } /*** SKIN ***/ .sf-menu { position:relative; float:left; margin-bottom:0em; } .sf-menu ul { display:block; } .sf-menu a { font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height: 50px; color: #fff; font-size: 18px; padding:0px; margin:0 0 0 20px; text-decoration:none; height:100%; position:relative; overflow:hidden;} .sf-menu ._last { border: none;} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ } .sf-menu li {} .sf-menu li li { } .sf-menu li li li { } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { outline:0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; } .sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em;width:10px; height:10px; text-indent:-999em; overflow:hidden; background:none; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { top:.8em; background-position: 0 -100px;} /*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/ .sf-vertical a { font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height: 50px; color: #666; border-bottom:1px solid #dfdfdf; font-size: 18px; padding:0px; margin:0 10px 0 10px; text-decoration:none; height:100%; position:relative; overflow:hidden;} .sf-vertical a.son{ border:none;border-bottom:1px solid #fff;} .sf-vertical, .sf-vertical li {width:222px;} .sf-vertical li:hover { background:#668448; color:#fff;} .sf-vertical li:hover a{ color:#fff;border-bottom:1px solid #668448;} .sf-vertical li:hover ul,.sf-vertical li.sfHover ul {left:222px; top:0px;} .sf-vertical .sf-sub-indicator { background-position: -10px 0; } .sf-vertical a > .sf-sub-indicator { background-position: 0 0; } .sf-vertical a:focus > .sf-sub-indicator,.sf-vertical a:hover > .sf-sub-indicator,.sf-vertical a:active > .sf-sub-indicator,.sf-vertical li:hover > a > .sf-sub-indicator,.sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0;} .sf-menu .submenu_1{ position:absolute; z-index:3; display: block; width: 200px; background:#668448; padding:10px; margin-right:10px;border: 0px solid rgba(222, 222, 222, 0.35);} .sf-menu .submenu_1 li{ position:relative; display:inline-block; float: left; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.15); height: 39px; background:none; } .sf-menu .submenu_1 li a{ border:none; margin:0px; padding:0 15px; line-height: 39px; color: #ede5e5; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; display:inline-block; width:170px;text-align: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-menu .submenu_1 li:hover,.sf-menu .submenu_1 li > a:hover, .submenu_1.sfHover > a{text-decoration:none; color:#fff; background:#365418; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-menu .submenu_1 .last{border: none;} .sf-menu .submenu_2{position:absolute; z-index:2; top: 0px; margin:0px 0 0 0; display: block; width: 200px; background:#365418; padding:10px; border: 0px solid rgba(222, 222, 222, 0.35);} .sf-menu .submenu_2 li{ position:relative; display:inline-block; float: left; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); height: 39px; background:none; } .sf-menu .submenu_2 a{ border:none; margin:0px; padding:0 15px; line-height: 39px; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; display:inline-block; width: 100%; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-menu .submenu_2 li:hover,.sf-menu .submenu_2 li > a:hover, .submenu_2.sfHover > a{text-decoration:none; color:#fff; background:#668448; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-menu .submenu_2 .last{border: none;} /*::::: BANNER SLIDER :::::::::*/ .slider_container{ margin:10px 0;} #slider-wrapper{ position:relative;width:100%;} .nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;border: none;} .nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;} .nivo-main-image {display: block !important;position: relative !important; width: 100% !important;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; filter:alpha(opacity=0); opacity:0;} /* The slices and boxes in the Slider */ .nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;} .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;} .nivo-box img { display:block; } /* Caption styles */ .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;width:100%;z-index:8;padding: 5px 10px;opacity: 0.8;overflow: hidden;display: none;-moz-opacity: 0.8;filter:alpha(opacity=8);-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */} .nivo-caption p {padding:5px;margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer; display:block; width:30px; height:30px; background:url(images/theme/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 1; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;} .nivoSlider:hover .nivo-directionNav a { opacity: 1; } a.nivo-nextNav { background-position:-30px 0; right:15px;} a.nivo-prevNav { left:15px;} /* .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} */ /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {text-align:center;padding: 0px 0; z-index:9;position:absolute;right:10px;bottom:10px; overflow:hidden;} .nivo-controlNav a {color:#d99502;display:block;font-weight:bold;width:25px;height:25px;background:url(images/theme/bullets.png) no-repeat;text-align:center; text-indent:-2000px; line-height:25px;border:0;margin-right:3px;float:left;cursor:pointer; cursor:pointer;} .nivo-controlNav a.active {color:#fff;font-weight:bold;background-position:0 -25px;} /*::::: SLİCK Slider :::::::::*/ .slides_container {width:100%;float:left;position:relative;border:0px solid #EFEFEF;} .slides_container a {width:100%;height:auto;display:block; margin:0 auto;outline:none;} .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus{ outline: none;} .slick-list.dragging{ cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-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); } .slick-track{ position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after{ display: table; content: ''; } .slick-track:after{ clear: both; } .slick-loading .slick-track{ visibility: hidden; } .slick-slide{ display: none; float: left; height: 100%; min-height: 1px; border:0px solid #EFEFEF; outline:none;} [dir='rtl'] .slick-slide{ float: right; } .slick-slide img{ display: block; } .slick-slide.slick-loading img{ display: none; } .slick-slide.dragging img{ pointer-events: none; } .slick-initialized .slick-slide{ display: block; } .slick-loading .slick-slide{ visibility: hidden; } .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list{background: #fff url('images/theme/ajax-loader.gif') center center no-repeat;} .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; /*background: transparent;*/ } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0px; background:url(images/theme/arrow-prev.png) no-repeat; width:28px; height:43px; z-index:9; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: ''; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: 0px; background:url(images/theme/arrow-next.png) no-repeat; width:25px; height:43px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: ''; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 20px; } .slick-dots { position: relative; top: 0px; display: block; width: auto; padding: 0; margin:10px -5px 0; list-style: none; text-align: left;} .slick-dots li { position: relative; display:inline-block; width:calc(25% - 10px); height: auto; margin: 5px; padding: 0; cursor: pointer; list-style:none;} .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .slick-dots li a{ display:inline-block; width:calc(100% - 2px); height: auto; background:#f9f9f9; border:1px solid #EFEFEF;} .slick-dots li a:hover,.slick-dots li.slick-active a{border:1px solid #6699ff;} .slick-dots li img{ width:100%;} /*::::: AKORDİYON ÖZELLİKLER :::::::::*/ .filtre_grup{margin:0px auto; padding:0 10px;} .filtre_grup .son{ border-bottom:none;} .iptal {color: #000; text-decoration:none ; font-size: 14px; font-family: 'Arial', sans-serif; font-weight: normal; padding-left:18px; background:url(images/theme/iptal.png) no-repeat center left;} .arama_secenek .st-accordion{ margin:10px 0 0;} .arama_secenek .st-accordion ul li{height: 34px; border:none; overflow: hidden;} .arama_secenek .st-accordion ul li> a div{font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px 1px #fff;font-size: 16px;;display: block;position: relative; padding:0 15px; border:1px solid #ccc; line-height: 32px;outline:none;-webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;} .arama_secenek .st-accordion .st-content{padding: 10px 0px 0px 0px;} .urun_ozellikler{width:100%;margin:0px auto;} .urun_ozellikler .urun_ozellik{ position:relative; float:left; width:100%; margin:0; padding:0; border-bottom: 1px #ddd solid;} .urun_ozellikler .urun_ozellik .ozellik_baslik{ position:relative; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight:bold; line-height:125%; float:left; width:180px; padding:7px;} .urun_ozellikler .urun_ozellik .ozellik_aciklama{ position:relative; font-family: 'Arial', sans-serif; font-size: 14px; font-weight:normal; line-height:125%; float:left; width:calc(100% - 208px); padding:7px;} .st-accordion{width:100%;min-width:215px;margin: 0 auto;padding:0px;} .st-accordion ul{ list-style:none; margin:0px; padding:0px;} .st-accordion ul li{height: 50px;border-bottom: 1px solid #dcdcdc;border-top:1px solid #fff;overflow: hidden;} .st-accordion ul li:first-child{border-top:none;} .st-accordion ul li > a{font-family: 'Roboto Condensed', sans-serif;text-shadow: 1px 1px 1px #fff;font-size: 18px; font-weight:300;display: block;position: relative;line-height: 50px;outline:none;-webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;} .st-accordion ul li > a span{background: transparent url(images/theme/ac.png) no-repeat center top;text-indent:-9000px;width: 18px;height: 18px;position: absolute;top: 50%;right: 10px;margin-top: -9px;opacity:1;-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;} .st-accordion ul li > a:hover{color:#365418;} .st-accordion ul li > a:hover span{background-position:bottom;opacity:1;right: 10px;} .st-accordion ul li.st-open > a{color:#365418;} .st-accordion ul li.st-open > a span{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);background: transparent url(images/theme/kapat.png) no-repeat center top;right:10px;opacity:1;} .st-accordion ul li.st-open > a:hover span{background-position:bottom;opacity:1;right: 10px;} .st-content{padding: 0px 0px 10px 0px; float:left; width:100%;} .firsat_container{ position:relative; float:left; height:416px; border:1px solid#d4d4d4; background:#fff; margin:10px; overflow:hidden;/* -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/} .firsat_baslik{ position:relative; background:#668448; padding:0 10px; color:#fff; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;line-height:32px; } .firsat_baslik_container{ float:left; margin:auto; width:100%; text-align:center;} .firsat_urunu{ position:relative; height:380px;} .firsat_urunu .firsat_sayac{ text-align:center;} .sayac_container{ text-align:center; display:inline-block; margin:10px auto;} .sayac_container .sayi{ position:relative; float:left; width: 40px; height:35px; margin:3px; padding-top:4px; border:1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#FFF; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;line-height:20px; text-align:center;} .sayac_container .sayi div{ position:relative; text-align:center; color:#666; font-size:11px;} .firsat_urunu .urun_container{position:relative; height:100%; } .firsat_urunu .urun_resim{position:relative; width:100%; height:210px; padding:0px; margin:0px auto; margin-bottom:10px; text-align:center; overflow:hidden;} .firsat_urunu .urun_resim img{ width:100%; margin:0px;} .firsat_urunu .urun_baslik{ position:relative; display:inline-block; font-size:11px; font-weight:normal; overflow:hidden; height:45px; margin:0px 10px 0;} .firsat_urunu .urun_baslik span{ color:#000; font-weight:bold; } .firsat_urunu .urun_baslik span.hediye_urun{ color:#f00f93; font-weight:bold; } .firsat_urunu .urun_fiyat{position:absolute; bottom:0px; left:0px; width:100%; height:40px; padding:0 10px; vertical-align:bottom; display:inline-block;} .firsat_urunu .urun_fiyatlar{ position:relative; float:left;} .firsat_urunu .urun_fiyat_1 { clear:both; position:relative; float:left; color:#365418; text-decoration: none; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;line-height:100%;} .firsat_urunu .urun_fiyat_2 { clear:both;position:relative; display:block; color: #666; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; line-height:16px; text-decoration:line-through;} .firsat_urunu .urun_fiyat_5 { float:left; padding-left:3px; color: #666; text-decoration: none; font-size: 8px; font-family: Arial; font-weight:normal;line-height:8px;} .firsat_urunu .urun_indirim{ position:relative; float:left; color: #fff; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; background:#F00; width:45px; height:30px; text-align:center; line-height:30px; margin:3px 10px 0 0;} .firsat_urunu .urun_indirim span{ font-size:14px; font-weight:normal;} /*::::: ÜRÜN LİSTELEME :::::*/ .urun_liste_baslik{margin:8px 15px; color:#333; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal; font-size:20px;} .urun_liste_baslik a{font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:16px;} .urun_liste_baslik a:hover{ color:#365418;} .urun_liste_stok{ position:relative ; float:right; margin:-9px ; font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; padding:11px 15px 11px; font-size:16px; color:#666;} .urun_liste_stok label{ cursor:pointer;} .urun_liste_siralama{ position:relative ; float:right; min-width:150px; margin:-9px -16px -9px 0;} .urun_liste_siralama .siralama_tipi{ position:relative; border:1px #d4d4d4 solid; background:#f9f9f9 url(images/theme/select_down.png) no-repeat calc(100% - 10px) center ; padding:11px 15px 11px; font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:16px; color:#666;} .urun_liste_siralama .siralama_tipi:hover{ color:#333; background:#f3f3f3 url(images/theme/select_down.png) no-repeat calc(100% - 10px) center ;} .urun_liste_siralama .siralama_tipi_liste{ position:absolute; display:none; top:46px; width:100%; border:1px #e4e4e4 solid; background:#f9f9f9; margin:auto -16px;z-index:10;} .urun_liste_siralama .siralama_tipi_liste a{ display:block; padding:7px 15px; color:#999; font-size:14px; font-weight:300;} .urun_liste_siralama .siralama_tipi_liste a:hover{ background:#f6f6f6; color:#666;} .urun_liste_siralama .siralama_tipi_liste a.selected{ color:#666; font-weight:400;} .urun_liste_container{position:relative; clear:both;} .urun_liste_container .urun_liste_baslik{ font-family:'Roboto Condensed', sans-serif; font-size:30px; color:#673301; text-align:center; padding:20px 0px 10px; margin:10px; border-bottom:1px solid #cdcdcd;} .urun_liste_container .urun_liste_baslik span{ color:#666;} .urun_liste_container .liste_urun{position:relative; float:left; margin:10px; width:224px; padding:0px;} .urun_liste_container .urun{position:relative; width:auto; height:auto; padding:0px; border:1px solid #cdcdcd; background:#fff; overflow:hidden;box-shadow: 0 1px 0px rgba(45, 45, 45, 0.1);} .urun_liste_container .urun:hover{border:1px solid #adadad;} .urun_liste_container .urun_resim{position:relative; width:100%; height:224px; padding:0px; margin:0 auto; text-align:center; overflow:hidden;} .urun_liste_container .urun_resim img{} .urun_liste_container .urun_baslik{ color:#333; font-weight:normal; font-size:12px; position:relative; display:inline-block; overflow:hidden; height:auto; margin:10px; height:55px;} .urun_liste_container .urun_baslik span{ color:#333; font-weight:bold; } .urun_liste_container .urun_baslik span.hediye_urun{ color:#f00f93; font-weight:bold;} .urun_liste_container .urun_altsatir{ position:relative; bottom:0px; left:0px; width:calc(100% - 20px); background:#fff; padding:0 10px;} .urun_liste_container .urun_fiyat{position:relative; padding:0px; vertical-align:bottom; display:block; border-bottom:1px solid #cdcdcd; width:100%; height:45px;} .urun_liste_container .urun_fiyat_sol{ float:left; width:55%; height:35px; border-right:1px solid #cdcdcd;} .urun_liste_container .urun_fiyat_sag{ float:right; width:calc(45% - 16px); padding: 0 0 0 15px;} .urun_liste_container .urun_fiyat_1 {position:relative; float:left; color: #333; text-decoration: none; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;line-height:100%; margin-right:5px; } .urun_liste_container .urun_fiyat_2 {position:relative; clear:both; display:block; color: #666; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; line-height:16px; text-decoration:line-through;} .urun_liste_container .urun_fiyat_3 {position:relative; color: #5f9122; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;line-height:16px; padding-bottom:2px;} .urun_liste_container .urun_fiyat_4 {position:relative; color: #5f9122; text-decoration: none; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal;line-height:14px; padding-bottom:2px;} .urun_liste_container .urun_fiyat_5 { float:left; padding-left:3px; color: #666; text-decoration: none; font-size: 8px; font-family: Arial; font-weight:normal;line-height:10px;} .urun_liste_container .urun_sepet{position:relative; clear:both; line-height:26px; padding:10px;} .urun_liste_container .urun_sepet a{ display:inline-block; background:#668448; color:#FFF; text-align:center; font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight:normal; padding:0 15px;} .urun_liste_container .urun_stok {position:relative; background: #666; margin:0 ; width:90px; height:26px; line-height:26px;text-align:center; color: #fff; text-decoration: none; font-size: 12px; font-family: Arial; font-weight:bold;} .urun_liste_container .urun_indirim{ position:absolute; top:0px; left:0px; color: #fff; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; background:url(images/theme/indirim.png) no-repeat; width:45px; height:45px; text-align:center; line-height:40px; margin:15px;} .urun_liste_container .urun_hediye{ position:absolute; top:0px; right:0px; color: #fff; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; background:url(images/theme/hediye_urun.png) no-repeat; width:64px; height:64px; text-align:center; line-height:40px; margin:15px;} .urun_liste_container .urun_indirim span{ font-size:14px; font-weight:normal;} .urun_liste_container .urun_yeni{ position:absolute; top:-21px; left:145px; color: #fff; text-decoration: none; font-size: 14px; font-family: Arial; font-weight:bold; background:url(images/theme/kargo.png) no-repeat; width:64px; height:68px; text-align:center; line-height:45px; margin:15px;} .urun_liste_container .urun_ozel{ position:absolute; top:0px; left:100px; color: #fff; text-decoration: none; font-size: 14px; font-family: Arial; font-weight:bold; background:url(images/theme/indirim.png) no-repeat; width:45px; height:45px; text-align:center; line-height:45px; margin:15px;} .ilgili_urun_container_2 .ilgili_urun_baslik{ padding-bottom:0;} .urun_liste_container_2{position:relative; clear:both; padding:0 15px;} .urun_liste_container_2 .urun{ position:relative; display:table; width:100%; border-bottom:none; padding:15px 0; border-bottom:1px solid #d4d4d4;} .urun_liste_container_2 .urun_resim_container{ position:relative; display:table-cell; vertical-align:middle; width:100px;} .urun_liste_container_2 .urun_resim{ position:relative; display:block; width:100px; height:100px; overflow:hidden;} .urun_liste_container_2 .urun_resim img{ width:100%;} .urun_liste_container_2 .urun_baslik{ position:relative; display:table-cell; vertical-align:middle; padding:0 15px;} .urun_liste_container_2 .urun_fiyat{ position:relative; display:table-cell; vertical-align:middle; width:120px;} .urun_liste_container_2 .urun_son { border-bottom:0;} .urun_liste_container_2 .urun_fiyat_satir {position:relative; text-align:right; padding:3px 0;} .urun_liste_container_2 .urun_fiyat_1 {position:relative; display:inline; color: #333; text-decoration: none; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;line-height:100%; margin-right:5px; } .urun_liste_container_2 .urun_fiyat_2 {position:relative; clear:both; display:inline; color: #666; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; line-height:16px; text-decoration:line-through; clear:both;} .urun_liste_container_2 .urun_fiyat_3 {position:relative; color: #5f9122; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;line-height:16px; padding-bottom:2px; display:inline;} .urun_liste_container_2 .urun_fiyat_4 {position:relative; color: #5f9122; text-decoration: none; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal;line-height:16px; padding-bottom:2px; padding-left:5px; display:inline;} .urun_liste_container_2 .urun_fiyat_5 { display:inline-block; padding-left:3px; color: #666; text-decoration: none; font-size: 8px; font-family: Arial; font-weight:normal;line-height:10px;} .urun_liste_container_2 .urun_stok {position:relative; background: #666; margin:0 ; width:90px; height:26px; line-height:26px;text-align:center; color: #fff; text-decoration: none; font-size: 12px; font-family: Arial; font-weight:bold;} .urun_liste_container_2 .urun_indirim{ position:absolute; top:0px; left:0px; color: #fff; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; background:url(images/theme/indirim.png) no-repeat; width:45px; height:45px; text-align:center; line-height:40px; margin:15px;} .urun_liste_container_2 .urun_indirim span{ font-size:14px; font-weight:normal;} .urun_liste_container_2 .urun_hediye{ position:absolute; top:0px; right:0px; color: #fff; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; background:url(images/theme/hediye_urun.png) no-repeat; width:64px; height:64px; text-align:center; line-height:40px; margin:15px;} .urun_liste_container_2 .urun_yeni{ position:absolute; top:-21px; left:145px; color: #fff; text-decoration: none; font-size: 14px; font-family: Arial; font-weight:bold; background:url(images/theme/kargo.png) no-repeat; width:64px; height:68px; text-align:center; line-height:45px; margin:15px;} .urun_liste_container_2 .urun_ozel{ position:absolute; top:0px; left:100px; color: #fff; text-decoration: none; font-size: 14px; font-family: Arial; font-weight:bold; background:url(images/theme/indirim.png) no-repeat; width:45px; height:45px; text-align:center; line-height:45px; margin:15px;} .urun_liste_container_3{ width:calc(75%);} .urun_galeri_container{ position:relative; float:left; width:calc(75% - 22px); height:auto; background:#fff; border:1px solid #d4d4d4; margin:10px;} .urun_galeri_container .urun_baslik{ position:relative; font:'Roboto Condensed', sans-serif; font-weight:bold; font-size:18px; color:#000; margin:10px;} .urun_galeri_container .urun_baslik span{ color:#365418;} .urun_galeri{ position:relative; margin:0 0px;} .urun_galeri .urun_resim{ position:relative; margin:10px; width:calc(100% - 20px);} .urun_galeri .urun_resim img{ width:100%;} .urun_fiyat_container{ position:relative; float:left; width:calc(25% - 22px); height:auto; background:#fff; border:1px solid #d4d4d4; margin:10px; line-height:100%;} .indirim_satir{ padding:15px; border-bottom:1px solid #d4d4d4;} .fiyat_indirim{ color:#ff0066; font:'Roboto Condensed', sans-serif; font-weight:bold; font-size:18px;} .fiyat_indirimli{ color:#999; font:'Roboto Condensed'; font-weight:normal; font-size:24px;text-decoration:line-through;} .fiyat_satir{ padding:15px 15px 5px;} .fiyat_kdv{ color:#999; font:'Arial'; font-weight:normal; font-size:12px; line-height:100%;} .fiyat_satis{ color:#666; font:'Arial'; font-weight:bold; font-size:35px; line-height:100%;} .taksit_satir{ color:#999; font:'Arial'; font-weight:normal; font-size:12px; padding:0px 15px;} .fiyat_taksit{ color:#5f9122; font:'Arial'; font-weight:bold; font-size:16px; padding:0px 0px;} .fiyat_taksit span{ color:#5f9122} .adet_satir{ color:#333; font:'Arial'; font-weight:bold; font-size:18px; padding:30px 15px 15px;} .adet_satir span{margin-right:15px;} .adet_uyari{color:#ff0066; padding-top:15px; font:'Arial'; font-weight:bold;} .sepet_button{ border-top:1px solid #d4d4d4; padding:15px;} .sepet_button button{ background:#222; width:100%; height:100%; text-align:center; padding:15px; color:#fff; font-size:18px; font-weight:bold; border-radius: 8px 8px 8px 8px;} .ilgili_urun_container{ float:left; width:calc(25% - 22px); margin:10px; background:#fff; border:1px solid #d4d4d4;} .ilgili_urun_container_2{ float:left; width:calc(75% - 22px); margin:10px; background:#fff; border:1px solid #d4d4d4;} .ilgili_urun_container .ilgili_urun_baslik{color:#c94f7c; font:'Roboto Condensed', sans-serif; font-weight:bold; font-size:18px; margin:15px 15px; padding-bottom:15px; border-bottom:1px solid #d4d4d4; } .ilgili_urun_container_2 .ilgili_urun_baslik{color:#c94f7c; font:'Roboto Condensed', sans-serif; font-weight:bold; font-size:18px; margin:15px 15px; padding-bottom:0; } .ilgili_urun_container .urun_liste_container{} .ilgili_urun_container .urun_liste_container .urun,.ilgili_urun_container_2 .urun_liste_container .urun{border:none; box-shadow:none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:10px;} .ilgili_urun_container .urun_liste_container .urun_resim{ margin:0 10px; width:auto;} .ilgili_urun_container .urun_liste_container .urun_fiyat{ border-bottom:none;} .urun_hediye_container{ position:relative; float:left; width:calc(75% - 22px); height:auto; background:#fff; border:1px solid #d4d4d4; margin:10px;} .urun_hediye_baslik{color:#333; font:'Roboto Condensed', sans-serif; font-weight:bold; font-size:24px; margin:15px 15px 0} .urun_hediye_container .urun_hediye_urunler{ padding:0 10px;} .urun_aciklama_container{ position:relative; float:left; width:calc(75% - 22px); height:auto; background:#fff; border:1px solid #d4d4d4; margin:10px;} .urun_aciklama_baslik{color:#333; font:'Roboto Condensed', sans-serif; font-weight:bold; font-size:24px; margin:15px 15px 0} .urun_aciklama{ margin:15px;} .urun_aciklama .video_container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .urun_aciklama .video_container iframe,.video_container object,.video_container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .urun_paylas_container{ position:relative; float:left; width:calc(75% - 22px); height:auto; background:#fff; border:1px solid #d4d4d4; margin:10px;} .urun_paylas_container .paylas_icerik{ position:relative; float:left; width:calc(100% - 30px);color:#333; font:'arial', sans-serif; font-weight:normal; font-size:12px; margin:15px} .urun_paylas_container .paylas_yazi{ float:left; color:#333; font:'arial', sans-serif; font-weight:normal; font-size:12px; line-height:150%; padding:0px 0 8px;} .urun_paylas_container .paylas_buttons{ float:right; display:inline;} .urun_paylas_container .paylas_object{ float:left; display:inline; margin:0 5px;} .urun_paylas_container .googlebtn{margin-top:-11px;} .urun_paylas_container div > div{ margin:0; padding:0;} /*::::: KREDİ KARTI FORRMU ::::::::*/ .kart_form{ margin:30px auto;} .kart_form .form_baslik{ font-weight:normal;} .kart_form .form-text { color: #2a4f78; text-decoration: none; font-size: 18px; font-family: arial; font-weight:normal; border:1px #ccc solid; background:#fff; padding:6px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; max-width:none;} .kart_form .form-select{color: #2a4f78; text-decoration: none; font-size: 18px; font-family: arial; font-weight:normal; border:1px #ccc solid; background:#fff; padding:6px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .card_container {margin:30px auto;width: 225px;height: 140px;position: relative;border: none; -webkit-perspective: 800px;-moz-perspective: 800px;-o-perspective: 800px;perspective: 800px;} .card {width: 100%;height: 100%;position: absolute;-webkit-transition: -webkit-transform 1s;-moz-transition: -moz-transform 1s;-o-transition: -o-transform 1s;transition: transform 1s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 50% 50%;} .card div {display: block;height: 100%;width: 100%;line-height: 140px;color: white;text-align: center;font-weight: bold;font-size: 40px;position: absolute;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;} .card .front {background:url(images/theme/kredi_karti_on.png);} .card .back {background:url(images/theme/kredi_karti_arka.png);-webkit-transform: rotateY( 180deg );-moz-transform: rotateY( 180deg );-o-transform: rotateY( 180deg );transform: rotateY( 180deg );} .card.flipped {-webkit-transform: rotateY( 180deg );-moz-transform: rotateY( 180deg );-o-transform: rotateY( 180deg );transform: rotateY( 180deg );} /*::::: ADRES LİSTESİ :::::*/ .adresler_container{ clear:both; margin:20px -7px;} .adres_container{ float:left; margin:7px;} .adres{ margin:15px;} .adres_cerceve_01{ border:1px solid #ed7ea7;} .adres_cerceve_02{ border:1px solid #d4d4d4;} .adres_baslik{ font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size:20px;} .adres_adres{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:10px 0;} .adres_button{ text-align:right;} .siparis_baslik{ font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size:16px;} /*::::: SEPET YENI ::::::::*/ .sepet_main_container{ position:relative; clear:both; width:1200px; margin:0 auto; padding:0; font-family:"arial"; font-size:14px; line-height:150%; color:#333;} .sepet_ust_adimlar{ position:relative;} .sepet_adim{ position:relative; float:left; width:calc(16.666% - 20px); margin:10px;} .sepet_adim > a{ position:relative; height:100%; width:100%; display:block;} .sepet_adim > a img{ position:relative; width:100%;} .sepet_ust_adimlar .anasayfa{ background:url(images/theme/sepet_anasayfa.png) no-repeat; background-size: 100%;} .sepet_tablo{ position:relative; display:block; clear:both; margin:0;} .sepet_tablo .simge_1{ background:url(images/theme/sepet_simge_1.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo .simge_2{ background:url(images/theme/sepet_simge_2.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo .simge_3{ background:url(images/theme/sepet_simge_3.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo .simge_4{ background:url(images/theme/sepet_simge_4.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo .simge_5{ background:url(images/theme/sepet_simge_5.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo .simge_6{ background:url(images/theme/sepet_simge_6.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo .simge_7{ background:url(images/theme/sepet_simge_7.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo .simge_8{ background:url(images/theme/sepet_simge_8.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo .simge_9{ background:url(images/theme/sepet_simge_9.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo .simge_hata{ background:url(images/theme/sepet_simge_hata.png) no-repeat 35px top; min-height:105px; margin-bottom:20px;} .sepet_tablo_icerik{ padding-left:150px; margin-bottom:15px;} .sepet_tablo_icerik2{ float:left; width:50%; margin-bottom:15px;} .sepet_tablo_icerik h2{ color:#365418; padding:0; margin:0 0 15px; padding:10px 0 0 ;} .sepet_tablo_icerik h2 span{ color:#cc0000;} .sepet_tablo_icerik h3{ color:#f07ba6; font-size:24px; padding:0; margin:0 0 15px; padding:10px 0 0 ;} .sepet_tablo .teslimat_form{ padding:20px 0 0 0;} .sepet_tablo .odeme_secenek_container{ display:block; margin:-7px; background:#F90} .sepet_tablo .odeme_secenek{ position:relative; width:calc(25% - 16px); height:180px; float:left; margin:7px; border:1px solid #ccc;} .sepet_tablo .odeme_secenek .odeme_baslik{ position:absolute; bottom:0; width:100%; height:40px; line-height:40px; text-align:center;} .sepet_tablo .odeme_secenek input[type=radio ]{ width:0;} .sepet_tablo .secenek_7{ background:url(images/theme/sepet_simge_6.png) no-repeat 50% 15%;} .sepet_tablo .secenek_8{ background:url(images/theme/sepet_simge_7.png) no-repeat 50% 15%;} .sepet_tablo .secenek_1{ background:url(images/theme/sepet_simge_8.png) no-repeat 50% 15%;} .sepet_tablo .secenek_9{ background:url(images/theme/sepet_simge_6.png) no-repeat 50% 15%;} .sepet_tablo .secenek_10{ background:url(images/theme/sepet_simge_6.png) no-repeat 50% 15%;} .sepet_tablo .secenek_10_taksit{ background:url(images/theme/sepet_simge_7.png) no-repeat 50% 15%;} .sepet_tablo .secenek_11{ background:url(images/theme/sepet_simge_6.png) no-repeat 50% 15%;} .sepet_tablo .secenek_11_taksit{ background:url(images/theme/sepet_simge_7.png) no-repeat 50% 15%;} .sepet_tablo .odeme_secenek .baslik_7{ background:#EBFEDE; color:#008000; font-size:18px;} .sepet_tablo .odeme_secenek .baslik_8{ background:#fff2c6; color:#ff9900; font-size:18px;} .sepet_tablo .odeme_secenek .baslik_1{ background:#d9f0ff; color:#3366ff; font-size:18px;} .sepet_tablo .odeme_secenek .baslik_9{ background:#EBFEDE; color:#008000; font-size:18px;} .sepet_tablo .odeme_secenek .baslik_10{ background:#EBFEDE; color:#008000; font-size:18px;} .sepet_tablo .odeme_secenek .baslik_10_taksit{ background:#fff2c6; color:#ff9900; font-size:18px;} .sepet_tablo .odeme_secenek .baslik_11{ background:#EBFEDE; color:#008000; font-size:18px;} .sepet_tablo .odeme_secenek .baslik_11_taksit{ background:#fff2c6; color:#ff9900; font-size:18px;} .sepet_tablo .puan_container{ background:#efefef; color:#3366ff; font-size:14px; border:1px solid #CCC; padding:10px; margin:10px 0;} .sepet_button_container{ position:relative; clear:both; display:block; width:100%; text-align:left; margin:0;} .sepet_toplam{ color:#e40000; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;} .sepet_puan{ color:#3366ff; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;} .taksit_tablo{ position:relative; float:left; margin:-10px;} .taksit_tablo .taksit_sutun{ position:relative; display:block; float:left; margin:10px;border: 1px solid #efefef; width:calc(33.333% - 22px) } .taksit_tablo .taksit_sutun .taksit_kart{ height:25px; line-height:25px; text-align:center; border-bottom: 1px solid #efefef; padding:10px;} .taksit_tablo .taksit_sutun .taksit_satiri{ display:inline-block; width:100%; line-height:30px; border-bottom: 1px solid #efefef; color:#333; font-weight:bold; padding:5px 0;} .taksit_tablo .taksit_sutun .taksit_satir_baslik{ display:inline-block; width:100%; line-height:30px; border-bottom: 1px solid #efefef; color:#333; font-weight:bold; padding:5px 0;} .taksit_tablo .taksit_sutun .taksit_satir_baslik div{ font-weight:bold;} .taksit_tablo .taksit_sutun .taksit_ay{ display:block; float:left; width:30%; text-align:center; font-size:12px; font-weight:bold;} .taksit_tablo .taksit_sutun .taksit_tutar{ display:block; float:left; width:30%; text-align:center; font-size:12px; font-weight:bold;} .taksit_tablo .taksit_sutun .taksit_toplam{ display:block; float:left; width:40%; text-align:center; font-size:12px;} .uyari_container{ position:relative; margin:10px; float:left;} .uyari_container .uyari{ float:left; margin:0 0 15px 0; padding:0; width:100%;} .baslik_container{ position:relative; padding-top:0px;} .baslik_container .uyari{ float:left; margin:0 0 0px 0; padding:0; width:100%;} .uyari_numara{ float:left;font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:60px; color:#FFF; min-height:110px; line-height:110px; width:100px; text-align:center;} .uyari_numara_baslik{ float:left;font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:24px; color:#FFF; min-height:40px; line-height:40px; width:40px; text-align:center; margin-right:15px;} .uyari_baslik{ font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:18px; color:#333;} .baslik_container .uyari .uyari_baslik{line-height:40px;} .uyari_text{ float:left; width:calc( 100% - 210px); color:#333; padding:15px; background:none;} .uyari_simge{ float:left; width:64px; height:100px; background:url(images/theme/uyari.png) center center no-repeat; opacity:0.6;} .uyari_1{float:left; background:#ffde00;} .uyari_2{float:left; background:#ffce00;} .uyari_3{float:left; background:#ffbe00;} .uyari_4{float:left; background:#ffae00;} .uyari_5{float:left; background:#ff9e00;} .uyari_6{float:left; background:#ff8e00;} .uyari_7{float:left; background:#ff7e00;} .uyari_8{float:left; background:#ff6e00;} .uyari_9{float:left; background:#ff5e00;} .uyari_10{float:left; background:#ff4e00;} .uyari_11{float:left; background:#ff003c;} .uyari_12{float:left; background:#f2023a;} .uyari_13{float:left; background:#e50137;} .uyari_14{float:left; background:#d70335;} .uyari_15{float:left; background:#ca0433;} .uyari_1 .uyari_numara,.uyari_1 .uyari_numara_baslik{ background:#ffce00;} .uyari_2 .uyari_numara,.uyari_2 .uyari_numara_baslik{ background:#ffbe00;} .uyari_3 .uyari_numara,.uyari_3 .uyari_numara_baslik{ background:#ffae00;} .uyari_4 .uyari_numara,.uyari_4 .uyari_numara_baslik{ background:#ff9e00;} .uyari_5 .uyari_numara,.uyari_5 .uyari_numara_baslik{ background:#ff8e00;} .uyari_6 .uyari_numara,.uyari_6 .uyari_numara_baslik{ background:#ff7e00;} .uyari_7 .uyari_numara,.uyari_7 .uyari_numara_baslik{ background:#ff6e00;} .uyari_8 .uyari_numara,.uyari_8 .uyari_numara_baslik{ background:#ff5e00;} .uyari_9 .uyari_numara,.uyari_9 .uyari_numara_baslik{ background:#ff4e00;} .uyari_10 .uyari_numara,.uyari_10 .uyari_numara_baslik{ background:#ff3e00;} .uyari_11 .uyari_numara{ background:#f2023a;} .uyari_12 .uyari_numara{ background:#e50137;} .uyari_13 .uyari_numara{ background:#d70335;} .uyari_14 .uyari_numara{ background:#ca0433;} .uyari_15 .uyari_numara{ background:#bb042f;} .uyari_11 .uyari_text,.uyari_12 .uyari_text,.uyari_13 .uyari_text,.uyari_14 .uyari_text,.uyari_15 .uyari_text{color:#fff;} .secenek_container{ position:relative; clear:both; margin: 0px 0 0 0; padding:0px; border:1px solid #ccc;} .secenek_container .secenek_baslik{ height:auto; font-size:18px; margin:0; padding:10px 20px;} .secenek_container .odeme_secenek_1{ background:#d9f0ff; color:#3366ff;} .secenek_container .odeme_secenek_7{ background:#EBFEDE; color:#008000;} .secenek_container .odeme_secenek_8{ background:#fff2c6; color:#ff9900;} .secenek_container .odeme_secenek_9{ background:#EBFEDE; color:#008000;} .secenek_container .secenek_icerik{ padding:20px;} .secenek_container .havale_secenek{ font-size:16px; position:relative; display:block; margin:20px 0 0 ; padding:0 0 0 40px; line-height:30px;} .secenek_container .havale_secenek input{ position:absolute; left:5px; top:5px;} .siparis_container{ display:table; width:100%; margin:20px 0;} .siparis_satir{ position:relative; display:table; width:100%; border-bottom:1px solid #efefef; padding:5px 0;} .siparis_satir_baslik{ font-size: 14px; font-family: 'arial', sans-serif; font-weight:bold;} .siparis_button_satir{ position:relative; display:table; width:100%; border-bottom:none; padding:15px 0;} .siparis_sutun_1{ position:relative; display:table-cell; vertical-align:middle; width:30px;} .siparis_sutun_2{ position:relative; display:table-cell; vertical-align:middle; width:100px;} .siparis_sutun_3{ position:relative; display:table-cell; vertical-align:middle; } .siparis_sutun_4{ position:relative; display:table-cell; vertical-align:middle; width:80px; text-align:right;} .siparis_sutun_5{ position:relative; display:table-cell; vertical-align:middle; width:80px; text-align:center;} .siparis_sutun_6{ position:relative; display:table-cell; vertical-align:middle; width:80px; text-align:right;} .siparis_sutun_7{ position:relative; display:table-cell; vertical-align:middle; width:150px; text-align:right;} .siparis_sutun_8{ position:relative; display:table-cell; vertical-align:middle; width:130px;} .siparis_satir .menu_02{ line-height:24px;} .siparis_satir_bolum{ float:left; width:33%; margin-bottom:10px; font-family:arial; font-size:14px; color:#666;} .siparis_satir_bolum .siparis_baslik{ color:#365418;} .a_l{ text-align:left;} .a_r{ text-align:right;} .a_c{ text-align:center;} .mesaj_container{ margin:10px 0; padding:0; display:table; width:100%;} .mesaj_mesaj{ background:#faf4fa; border:1px solid #f3caf3; font-size:12px; padding:5px 12px; -webkit-border-radius:0 8px 8px; -moz-border-radius:0 8px 8px; border-radius:0 8px 8px;} .mesaj_baslik{ background:#f3caf3; border:1px solid #f3caf3;color:#000; position:relative; height:20px; border-bottom:none; padding:5px 13px; margin:-10px -13px 5px -13px; -webkit-border-radius: 0px 8px 0 0; -moz-border-radius: 0px 8px 0 0; border-radius: 0px 8px 0 0; } .mesaj_user{ position:relative; font-size:12px; line-height:150%; font-weight:bold; float:left;} .mesaj_tarih{ position:relative; display:block; font-size:12px; line-height:150%; float:right;} .mesaj{ font-size:12px; line-height:150%; color:#333;} .sepet_odeme_icon{ float:right; text-align:right;} .odeme_icon_satir1{ margin-bottom:10px;} .odeme_icon_satir2{ color:#333; line-height:21px;} /*::::: FORM YAPISI :::::*/ .form_container{ position:relative; float:left; width:100%; margin:20px auto; color:#666; font-family:'arial', sans-serif; font-weight:normal; font-size:14px;} .form_satir{ position:relative; clear: both; float:left; width:100%; padding:7px 0; color:#666; font-family:'arial', sans-serif; font-weight:normal; font-size:14px;} .form_baslik { float:left; width:180px; color:#666; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size:16px;} .form_alan{ float:left; width:calc(100% - 190px)} .form_text_container{float:left; width:calc(100% - 130px); padding-right:10px;} .form_button_container{float:left; width:100%; margin:0; padding:10px 0;} .mesaj_tema02 .mesaj-btn{ background:url(images/admin/mesaj_btn.png) #bbe5e8 no-repeat center 20px; display:block; width:100%; height:90px; border:1px solid #ccc; font-size:14px; font-weight:bold; color:#fff; vertical-align:text-bottom; padding-top:55px;} .form_container .form-text,.urun_fiyat_container .form-text,.siparis_container .form-text{ width:calc(100% - 12px); max-width:250px; color: #333; text-decoration: none; font-size: 12px; font-family: arial; font-weight:normal; border:1px #ccc solid; padding:5px 6px;} .form_container .form-sayi,.urun_fiyat_container .form-sayi,.siparis_container .form-sayi{ width:calc(100% - 12px); max-width:100px; color: #333; text-decoration: none; font-size: 12px; font-family: arial; font-weight:normal; border:1px #ccc solid; padding:5px 6px;} .form_container .form-select,.urun_fiyat_container .form-select{ max-width:calc(100% - 10px); color: #333; width:auto; text-decoration: none; font-size: 12px; font-family: arial; font-weight:normal; border:1px #ccc solid; padding:4px 6px;} .form_container .form-textarea,.urun_fiyat_container .form-textarea{ width:calc(100% - 10px); max-width:400px; color: #333; text-decoration: none; font-size: 12px; font-family: arial; font-weight:normal; border:1px #ccc solid; padding:4px 6px; line-height:150%; } .form_container .form-textarea2,.urun_fiyat_container .form-textarea2{ width:calc(100% - 20px); margin-top:20px; color: #333; text-decoration: none; font-size: 12px; font-family: arial; font-weight:normal; border:1px #ccc solid; padding:4px 6px; line-height:150%; } .urun_fiyat_container .form-select{ width:100%; font-size: 14px;} /* */ input[type=checkbox]:not(old){ width : 28px; margin : 0; padding : 0; opacity : 0; } input[type=radio ]:not(old){ width : 28px; margin : 0; padding : 0; opacity : 0; } input[type=checkbox]:not(old) + label span{ display : block; display : inline-block; margin-left : 0px; margin-right : 4px; padding-left : 0px; background : url('images/theme/checks.png') no-repeat -24px -48px; line-height : 24px; width:24px; height:24px; } input[type=radio]:not(old) + label span{ display : block; display : inline-block; margin-left : 0px; margin-right : 4px; padding-left : 0px; background : url('images/theme/checks.png') no-repeat 0 -48px; line-height : 24px; width:24px; height:24px; } input[type=checkbox]:not(old) + label{ line-height:24px; margin-left : -28px;} input[type=radio]:not(old) + label{ line-height:24px; margin-left : -28px;} input[type=checkbox]:not(old):checked + label span{ background-position : -24px -72px; } input[type=radio]:not(old):checked + label span{ background-position : 0 -73px; } #ziyaretci_container .mesaj_container{ clear:both; border-bottom:1px solid #dddddd; padding:7px 0; width:100%;} #ziyaretci_container .mesaj_ad{ float:left;color: #d9618d;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; margin:10px 0;} #ziyaretci_container .mesaj_tarih{ float:right;color: #d9618d;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; margin:10px 0;} #ziyaretci_container .mesaj { clear:both;} .havale_container .havale_secenek{ position:relative; display:block; margin:10px 0 0 ; padding:0 0 0 10px; line-height:30px; border-bottom:1px solid #efefef;} .uyari { padding:0 15px; margin:0px; border:none; background:url(images/theme/hata.png) no-repeat 10px center; color: #e00b83; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%} .yazi_hata { padding:10px 15px 10px 35px; margin-bottom:10px; border:1px solid #e00b83; background:#fedaef url(images/theme/hata.png) no-repeat 10px center; color: #e00b83; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%} .yazi_tamam { padding:10px 15px 10px 35px; margin-bottom:10px; border:1px solid #399919; background:#dffcca url(images/theme/tamam.png) no-repeat 10px center; color: #399919; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%} /*:::::İLETİŞİM HARİTA :::::*/ #harita{ min-height:300px;} /*::::: MÜŞTERİ HİZMETLERİ :::::::::*/ .musteri_hizmetleri_container{ margin:-5px;} .musteri_hizmetleri{ position:relative; float:left; width:calc(50% - 10px); min-height:170px; margin:5px;} .musteri_hizmetleri_ico{ float:left; width:100px; margin:0px;} .musteri_hizmetleri_bilgi{ float:left; width:calc(100% - 130px); margin:10px; font-family:"Arial"; font-size:12px; line-heigh:150%;} .musteri_hizmetleri_bilgi h1{ color: #365418; text-decoration: none; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; margin:0; padding:0;} /*::::: ESKİ SİPARİŞLER :::::::::*/ .siparis_list_satir{ position:relative; float:left; width:calc(100%); display:table; border-bottom:1px solid #efefef; padding:5px 0;} .siparis_list_satir2,.siparis_list_satir4{ position:relative; float:left; display:table; width:33%;} .siparis_list_satir3{ position:relative; float:left; width:calc(100% - 10px); display:table; padding:5px 0; margin-bottom:20px;} .siparis_list_baslik{ position:relative; display:table-cell; width:120px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size:16px;color:#668448; height:100%;} .siparis_no,.siparis_tarih,.siparis_durum,.siparis_adres strong,.siparis_bilgi{ position:relative; display:table-cell; color:#666; padding-left:10px; font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-size:14px;} .siparis_no,.siparis_tutar{ position:relative; display:table-cell; color:#fc0000; padding-left:0px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size:24px;} /*::::: SAYFALAMA ::::::::*/ .sayfalama_container{ float:left; margin:10px; background:none; border:0;} .sayfalama_satir{position:relative; clear:both; height:auto; width:auto; margin:0; padding:0px; border:none; vertical-align:middle;} .sayfalama_bilgi{ float:right; line-height:30px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:14px; color:#666;} .sayfa_container{position:relative; width:auto; margin:0 -4px; padding:0px; float:left;} .sayfa_container .sayfa ul{ list-style:none; float:left; margin:0px; padding:0px;} .sayfa_container .sayfa ul li{list-style:none; float:left; margin:4px; padding:0px; width:30px; height:30px; line-height:30px; vertical-align:middle; text-align:center; background:#cccccc; color:#FFF; font-family:"Roboto Condensed"; font-weight:bold;} .sayfa_container .sayfa ul li:hover{background:#999 } .sayfa_container .sayfa ul li.selected{background:#668448;} .sayfa_container .sayfa ul li.ilk_sayfa{ background:#ccc url(images/theme/first.png) center bottom no-repeat;} .sayfa_container .sayfa ul li.ilk_sayfa:hover{ background:#999 url(images/theme/first.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.onceki_sayfa{ background:#ccc url(images/theme/left.png) center bottom no-repeat;} .sayfa_container .sayfa ul li.onceki_sayfa:hover{ background:#999 url(images/theme/left.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.son_sayfa{ background:#ccc url(images/theme/last.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.son_sayfa:hover{ background:#999 url(images/theme/last.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.sonraki_sayfa{ background:#ccc url(images/theme/right.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.sonraki_sayfa:hover{ background:#999 url(images/theme/right.png) no-repeat center bottom;} /*::::: TOOLTİP :::::*/ #powerTip { position: absolute; display: none; z-index: 50000; border:2px solid #ccc; background:#fff; color:#666; margin:0; padding:10px 10px; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5); /* for Firefox 3.5+ */ -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5); /* for Safari and Chrome */ box-shadow: 2px 2px 3px rgba(0,0,0,0.5); /* for Safari and Chrome */ bottom:0;} #powerTip .secenek_container{ padding:0; border:none;} #powerTip .secenek_adi{ margin:5px 0 0; border:none; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:14px; line-height:100%; color:#666; text-align:center;} /*::::: AYRINTI :::::*/ .urun_bilgi_container{ padding:0 10px;} .urun_bilgi_container .bilgi_satir{ clear:both; position:relative; padding:10px 0; border-bottom:1px solid #EFEFEF;} .urun_bilgi_container .bilgi_baslik{ position:relative; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-size:14px; line-height:150%; color:#666;} .urun_bilgi_container .bilgi_alan{ position:relative; padding:0 0px;font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-size:14px; line-height:150%; color:#666;} /*::::: AYRINTI ÜRÜN PARAMETRE SİMGELERİ ::::::::*/ .parametre_simge_container{ clear:both; display:inline-block; margin:0px -5px;} .parametre_simge_container .parametre_simge{ float:left; margin:5px; padding:2px; border:1px solid #efefef; cursor:pointer;} .parametre_simge_container .selected{ border:1px solid #6699ff;} .parametre_simge_container .parametre_simge img{ width:37px; margin:0; padding:0;} /*::::: OYLAMA YILDIZLAR ::::::::*/ .oy_yildiz_1{ width:20px; height:20px; float:left; background:url(images/theme/oy_yildiz_1.png) no-repeat center;} .oy_yildiz_2{ width:20px; height:20px; float:left; background:url(images/theme/oy_yildiz_2.png) no-repeat center;} .oy_yildiz_3{ width:20px; height:20px; float:left; background:url(images/theme/oy_yildiz_3.png) no-repeat center;} /*::::: YUKARI DÜĞMESİ ::::::::*/ #back-top {z-index:10;position: fixed;bottom: 40px;margin-left: 1220px;} #back-top a { width: 51px;display: block;text-align:center; font: 12px/100% Arial, Helvetica, sans-serif; line-height:30px; font-weight:bold; text-transform: uppercase;text-decoration: none;color: #333;/* background color transition */-webkit-transition: 0.3s;-moz-transition: 0.3s; -o-transition: all 0.3s ease; transition: 0.3s;} #back-top a:hover {color:#365418;} /* arrow icon (span tag) */ #back-top span {width: 51px;height: 51px;display: block; padding:0px; margin-bottom: 7px;background:url(images/theme/icon_top.png) no-repeat center top;/* rounded corners -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;/* background color transition -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;*/} #back-top a:hover span {background:url(images/theme/icon_top.png) no-repeat center bottom; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} /*::::: POPUP ::::::::*/ #backgroundPopup { z-index:10000;position: fixed;display:none;height:100%;width:100%;background:#000000; top:0px; left:0px;} #toPopup {display: none; left: 50%;margin-left: -50%;position: fixed;top: 20%;width: 100%;z-index: 10001; text-align:center;} .toPopup{position:absolute;width:100%; height:100%;} div.loader {background: url("images/theme/loader.gif") no-repeat scroll 0 0 transparent;height: 32px;width: 32px;display: none;z-index: 10002;top: 40%;left: 50%;position: absolute;margin-left: -10px;} div.close {background: url("images/theme/close_btn.png") no-repeat scroll 0 0 transparent;cursor: pointer;float: right;height: 30px;width: 30px;position: absolute;right: -30px;top: -30px;} span.ecs_tooltip {background: none repeat scroll 0 0 #000000;border-radius: 2px 2px 2px 2px;color: #FFFFFF;display: none;font-size: 11px;height: 32px;opacity: 0.7;padding: 4px 3px 2px 5px;position: absolute;right: -70px; text-align: center; top: -70px;width: 93px; line-height:150%;} span.arrow {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #000000;display: block;height: 1px;left: 40px;position: relative;top: 3px;width: 1px;} div#popup_container { position:relative; display:inline-block; font-family: "Roboto Condensed",tahoma,verdana,arial,sans-serif;background: none repeat scroll 0 0 #fff;border: 10px solid #ccc;border-radius: 3px 3px 3px 3px;color: #333333; font-size: 14px;} div#popup_content { margin:0;padding:0px;line-height:150%; text-align:left;} .popup_content_button{margin: 0px 0px;padding:10px 0px 20px;line-height:150%; } /*::::: POPUP SEPET ::::::::*/ .sepet_container { margin:0;padding:20px;line-height:150%;} .sepet_popup{ max-height:247px; overflow:auto; margin-right:0; } .sepet_satir{ position:relative; height:30px; border-bottom:1px solid #efefef;overflow:hidden;} .sepet_urun{ float:left; line-height:30px; width:430px; margin:0 10px 0 0; overflow:hidden; white-space:nowrap;} .sepet_adet{ float:left; line-height:30px; width:50px; text-align:center;} .sepet_fiyat{ float:left; line-height:30px; width:80px; text-align:right;} .sepet_tutar{ line-height:30px;text-align:right; color:#F00; font-size:16px; font-weight:bold; border-bottom:none;} .sepet_vergi{ float:left; line-height:30px; width:480px; margin:0 10px 0 0; overflow:hidden; white-space:nowrap; font-weight:bold;} /*::::: ALBANNER ::::::::*/ #altbanner_container{ position:relative; clear:both; width:100%; background:#fff; margin:0px; padding:20px 0;} #turkuaz_container{ position:relative; clear:both; width:100%; background:#f2f2f2; margin-top:0px;} .alt_logo_container{ position:relative; display:inline-block; width:100%; border-bottom:1px solid #e4e4e4; margin:0 0 20px;} .alt_logo_container .alt_logo{ position:relative; float:left; width:calc(16.666% - 40px); font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size:18px;line-height:20px; text-align:center; padding: 80px 20px 20px; margin:20px 0;} .alt_logo_container .logo_1{ background:url(images/theme/alt_logo_01.png) no-repeat center 0px;} .alt_logo_container .logo_2{ background:url(images/theme/alt_logo_02.png) no-repeat center 0px;} .alt_logo_container .logo_3{ background:url(images/theme/alt_logo_03.png) no-repeat center 0px;} .alt_logo_container .logo_4{ background:url(images/theme/alt_logo_04.png) no-repeat center 0px;} .alt_logo_container .logo_5{ background:url(images/theme/alt_logo_05.png) no-repeat center 0px;} .alt_logo_container .logo_6{ background:url(images/theme/alt_logo_06.png) no-repeat center 0px;} .alt_bolum_container{ margin:-15px;} .alt_banner_bolum{ float:left; width:14%; margin:30px 15px 0;} .alt_banner_baslik{ color:#333; font-family:'arial', sans-serif; font-weight:700; font-style:normal; font-size:12px; line-height:20px; margin:10px 0 5px; } .alt_banner_icerik{ color:#777; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:150%;} .alt_banner_icerik a{ padding-left:0px; display:block; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:100%; padding: 5px 0;} .alt_banner_icerik a:hover{ text-decoration:underline;} #alt_banner_turkuaz{ position:relative; font-family:arial; font-size:12px; font-weight:normal; color:#333; text-decoration: none; line-height:150%; margin:0px auto; padding:20px 0;} #alt_banner_turkuaz a{ font-size:12px; color:#333;} #alt_banner_turkuaz a:hover{color:#ccc; text-decoration:underline;} .alt_sol{ float:left; width:40%;} .alt_sag{ float:right; width:60%; text-align:right;} .alt_social_container a {text-indent:40px; line-height:32px; padding:0; margin:5px 0;} .alt_social_container .social_facebook{ background:url(images/theme/social_facebook.png) no-repeat; } .alt_social_container .social_google{ background:url(images/theme/social_google.png) no-repeat; } .alt_social_container .social_instagram{ background:url(images/theme/social_instagram.png) no-repeat; } .alt_social_container .social_pinterest{ background:url(images/theme/social_pinterest.png) no-repeat; } .alt_social_container .social_youtube{ background:url(images/theme/social_youtube.png) no-repeat; } @media only screen and ( max-width: 1024px ) /* 1024 */ { html { min-width:100%;} body {min-width:100%;} #main_container{ padding:0px;} .wide_1200{ display:none;} .banner_reklam img{ width:100%; height:auto;} .banner_reklam_container .w_50{ width:calc(50% - 20px);} .banner_reklam_container .w_25{ width:calc(25% - 20px);} .orta_container{ display:block; clear:both; float:none; margin:0 auto; padding:0; width:980px; } .orta_container .orta_sag{ float:left; margin:10px; width:732px;} #logo{ width:180px;} #arama_gurup .txbSearch{ width:300px;} .uye_menu_container a .uye_menu{ width:100px; height:75px; display:inline-block; padding-top:55px; text-align:center;} .uye_menu_container a .sepet_sayisi{top:10px; right:25px;} .header{ float:left; width:100%;} #nav li a {width:103px; font-weight:bold; font-style:normal;font-size:12px; height:auto;color:#fff;line-height:14px;height:55px;} .menu_buton_container{width:980px; } .slider_container{ display:block; float:none;} .feature_list1 { width:100%;} .feature_list1 ul#output,.feature_list1 ul#output li,ul#output li,ul#output li a img{ width:100%;} .urun_liste_container .liste_urun{position:relative; float:left; margin:10px; width:calc(33.3333% - 20px); padding:0px;} .tema_sepet_container{ margin:0;} .urun_fiyat_container{ width:calc(25% - 22px); } .urun_galeri_container{ width:calc(75% - 22px);} .ilgili_urun_container{ width:calc(25% - 22px);} .urun_aciklama_container{ width:calc(75% - 22px);} .urun_hediye_container{ width:calc(75% - 22px);} .urun_paylas_container{ width:calc(75% - 22px);} .ilgili_urun_container_2{ width:calc(75% - 22px);} .alt_logo_container .alt_logo{ font-size:14px;} .alt_bolum_container{ display:inline-block; width:100%;} .alt_banner_bolum{ width:calc(25% - 30px);} .alt_bolum_container_2{ clear:both; display:inline-block; width:100%;} } @media only screen and ( max-width: 1000px ) /* 768 */ { .wide_768{ display:none;} .wide_768_2{ display:none;} .w_100{ width:calc(100% - 22px);} .w_50{ width:calc(100% - 22px);} .w_33{ width:calc(50% - 22px);} .banner_reklam img{ width:100%; height:auto;} .banner_reklam_container .w_50{ width:calc(50% - 20px);} .banner_reklam_container .w_25{ width:calc(25% - 20px);} .header_reklam{ display:none;} .orta_container,.orta_container_ic,.orta_container .orta_sol,.orta_container .orta_sag,.ust_menu_buton_container,.alt_banner_tasiyici,.altbanner,.menu_buton_container,.menu_buton_container_2 { position:relative; display:block; width: 100%; min-width:auto; height:auto; float:none; margin:0;} .orta_container {margin:10px; padding:0px; width:auto; } .orta_container .orta_sag{ margin:10px; width:auto;} .orta_container .orta_sol{ position:absolute; left:-100%; top:0; min-height:100%; z-index:1002; padding:0 10px; width:calc(100% - 20px); height:100%; background:none;} #logo{ float:left; width:130px; margin:15px 0;} #logo img{ width:100%;} .header_orta{ clear:both; float:none; display:block;} .ust_menu_container{ display:none;} #arama{ clear:both; float:none; width:100%; margin:15px 0;} #arama_gurup .txbSearch{ width:calc(100% - 97px);} .uye_menu_container{ position:absolute; top:0; right:0;} .uye_menu_container a .uye_menu{ width:80px; height:75px; display:inline-block; padding-top:55px; text-align:center;} .uye_menu_container a .uye_menu .baslik{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#555;} .uye_menu_container a .sepet_sayisi{top:10px; right:15px;} .menu_container{ height:0;} .uye_menu_container a#mobil_menu {display:inline-block;} .uye_menu_container a#mobil_kategori {display:inline-block;} .menu_container .orta_container{ margin:0; padding:0 10px;} .ust_menu_buton_container{ display:inline-block;} .ust_menu_buton_container .menu_buton_container_2{ display:inline-block; width:100%; } .ust_menu_buton_container .menu_buton{ width:calc(50% - 20px);margin:10px; height:50px; overflow:hidden;} .ust_menu_buton_container .menu_buton_yazi{ display:none;} .ust_menu_buton_container a.buton_01{ background:url(images/theme/buton_alt_01_bg.png) 10px 10px no-repeat; background-size:40px;} .ust_menu_buton_container a.buton_02{ background:url(images/theme/buton_alt_02_bg.png) 10px 10px no-repeat; background-size:40px;} .ust_menu_buton_container a.buton_03{ background:url(images/theme/buton_alt_03_bg.png) 10px 10px no-repeat; background-size:40px;} .ust_menu_buton_container a.buton_04{ background:url(images/theme/buton_alt_04_bg.png) 10px 10px no-repeat; background-size:40px;} .ust_menu_buton_container .menu_buton_baslik{margin:10px 0 0 60px; font-size:18px; font-style:italic;} #nav { position:relative; top:0; clear:both; float:none; width:100%; height:auto; font-family: 'Arial', sans-serif; font-weight:400; font-style:normal;font-size:24px; color:#fff;} #nav ul { clear:both; float:none; height:auto;display:none;} #nav li { clear:both; float:none; line-height:40px;height:auto; padding:0px;} #nav li li:hover {background:none;} #nav span {clear:both; float:none; display:block; padding:0 0px 0 0px; line-height:40px; height:auto; background:#668448; border-bottom:1px solid #759654; width:auto;} #nav span:hover {} #nav li:hover span a{ background:#365418; color:#fff;} #nav li a{font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal;font-size:16px; } #nav li a,#nav li li a {display:block; text-align:left; width:auto; line-height:40px; height:40px; margin:0; padding:0px 10px; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav li ul{ position:relative; top:auto; left:auto; width:auto; margin:0px; padding:15px; background:#eee;} #nav li ul li ul { position:relative; top:auto; left:auto; width:auto; margin:0 -15px; padding:0 15px 0 25px;} #nav li li a { background:none; border-bottom:1px solid rgba(150,150,150,0.2);} #nav li li a:hover{ background:#ddd;} #nav li li,#nav li li li{ width:auto;} #nav li:hover li a, #nav li.sfhover li a {color:#666;} #nav li:hover li a:hover, #nav li.sfhover li a:hover {color:#666;} #nav li li:hover ul, #nav li li.sfhover ul{ left:0;} #menu_yan { position:relative; display:inline-block; width:calc(100% - 2px); height:auto;margin:0; padding:0px; border:none; border-top:none;} .sf-vertical, .sf-vertical li, .sf-vertical li li{width:100%;} .sf-vertical li:hover ul,.sf-vertical li.sfHover ul,ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:0; top:0px;} .sf-menu .submenu_1{ position:relative; z-index:3; display: none; width: auto; background:#668448; padding:0 10px 10px; margin-right:0; border: 0px solid rgba(222, 222, 222, 0.35);} .sf-menu .submenu_1 li{ position:relative; display:block; float: none; width: auto; border-bottom: 1px solid rgba(255, 255, 255, 0.15); height: 39px; background:none; } .sf-menu .submenu_1 li a{ border:none; margin:0px; padding:0 10px; line-height: 39px; color: #e3dbdb; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; display:block; width:auto; text-align: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-menu .submenu_2{position:relative; z-index:2; display:none; width: auto; float:none; background:#365418; padding:0 10px 10px; margin-right:0; border: 0px solid rgba(222, 222, 222, 0.35);} .sf-menu .submenu_2 li{ position:relative; display:block; float: none; width: auto; border-bottom: 1px solid rgba(255, 255, 255, 0.25); height: 39px; background:none; } .sf-menu .submenu_2 li a{ border:none; margin:0px; padding:0 10px; line-height: 39px; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; display:block; width: auto; text-align: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .urun_liste_container{ display:block; float:none; width:auto;} .urun_liste_container .liste_urun{width:calc(33.333% - 20px);} .urun_liste_container .urun_resim { width:100%;} .urun_liste_container .urun_resim img{ width:100%;} .urun_liste_container .urun_liste_baslik{ font-family:'Roboto Condensed', sans-serif; font-size:30px; color:#673301; text-align:center; padding:20px 0px 10px; margin:10px; border-bottom:1px solid #cdcdcd;} .urun_liste_container .urun_liste_baslik span{ color:#666;} .urun_liste_container .urun{position:relative; width:auto; height:auto; padding:0px; border:1px solid #cdcdcd; background:#fff; overflow:hidden;box-shadow: 0 1px 0px rgba(45, 45, 45, 0.1);} .urun_liste_container .urun:hover{border:1px solid #adadad;} .urun_liste_container .urun_resim{position:relative; width:100%; height:224px; padding:0px; margin:0 auto; text-align:center; overflow:hidden;} .urun_liste_container .urun_resim img{} .urun_liste_container .urun_baslik{ color:#333; font-weight:normal; font-size:12px; position:relative; display:inline-block; overflow:hidden; height:auto; margin:10px; height:55px;} .urun_liste_container .urun_baslik span{ color:#333; font-weight:bold; } .urun_liste_container .urun_baslik span.hediye_urun{ color:#f00f93; font-weight:bold;} .urun_liste_container .urun_altsatir{ position:relative; bottom:0px; left:0px; width:calc(100% - 20px); background:#fff; padding:0 10px;} .urun_liste_container .urun_fiyat{position:relative; padding:0px; vertical-align:bottom; display:block; border-bottom:1px solid #cdcdcd; width:100%; height:45px;} .urun_liste_container .urun_fiyat_sol{ float:left; width:55%; height:35px; border-right:1px solid #cdcdcd;} .urun_liste_container .urun_fiyat_sag{ float:right; width:calc(45% - 16px); padding: 0 0 0 15px;} .urun_liste_container .urun_fiyat_1 {position:relative; float:left; color: #333; text-decoration: none; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;line-height:100%; margin-right:5px; } .urun_liste_container .urun_fiyat_2 {position:relative; clear:both; display:block; color: #666; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; line-height:16px; text-decoration:line-through;} .urun_liste_container .urun_fiyat_3 {position:relative; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;line-height:16px; padding-bottom:2px;} .urun_liste_container .urun_fiyat_4 {position:relative; text-decoration: none; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal;line-height:14px; padding-bottom:2px;} .urun_liste_container .urun_fiyat_5 { float:left; padding-left:3px; color: #666; text-decoration: none; font-size: 8px; font-family: Arial; font-weight:normal;line-height:10px;} .urun_liste_container .urun_sepet{position:relative; clear:both; line-height:26px; padding:10px;} .urun_liste_container .urun_sepet a{ display:inline-block; background:#668448; color:#FFF; text-align:center; font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight:normal; padding:0 15px;} .urun_liste_container .urun_stok {position:relative; background: #666; margin:0 ; width:90px; height:26px; line-height:26px;text-align:center; color: #fff; text-decoration: none; font-size: 12px; font-family: Arial; font-weight:bold;} .urun_liste_container .urun_indirim{ position:absolute; top:0px; left:0px; color: #fff; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; background:url(images/theme/indirim.png) no-repeat; width:45px; height:45px; text-align:center; line-height:40px; margin:15px;} .urun_liste_container .urun_hediye{ position:absolute; top:0px; right:0px; color: #fff; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; background:url(images/theme/hediye_urun.png) no-repeat; width:64px; height:64px; text-align:center; line-height:40px; margin:15px;} .urun_liste_container .urun_indirim span{ font-size:14px; font-weight:normal;} .urun_liste_container .urun_yeni{ position:absolute; top:-21px; left:145px; color: #fff; text-decoration: none; font-size: 14px; font-family: Arial; font-weight:bold; background:url(images/theme/kargo.png) no-repeat; width:64px; height:68px; text-align:center; line-height:45px; margin:15px;} .urun_liste_container .urun_ozel{ position:absolute; top:0px; left:100px; color: #fff; text-decoration: none; font-size: 14px; font-family: Arial; font-weight:bold; background:url(images/theme/indirim.png) no-repeat; width:45px; height:45px; text-align:center; line-height:45px; margin:15px;} .firsat_container{ height:220px;} .firsat_baslik_container{ float:left; width:100%; background:#ffaf00; text-align:center;} .firsat_urunu{ position:relative; float:left; width:calc(100% - 190px); height:100%; padding:5px;} .firsat_baslik{ background:none; color:#333;} .firsat_urunu .firsat_sayac{} .firsat_urunu .urun_container{position:relative; float:none; width:100%; padding:10px;} .firsat_urunu .urun_resim{position:relative; float:left; width:150px; padding:0px; margin:-50px 0 0 0;} .firsat_urunu .urun_resim img{ width:100%;} .firsat_urunu .urun_baslik{ position:relative; float:left; width:calc(100% - 220px); font-size:12px; height:50px;} .firsat_urunu .urun_fiyat{position:relative; float:left; bottom:0px; left:0px; width:auto; height:40px; padding:0 10px;} .firsat_urunu .urun_fiyatlar{ position:relative; float:left;} ul#tabs_ { position:absolute; bottom:5px; height:15px;} ul#tabs_ li{ width:15px; height:15px; margin:3px;} ul#tabs_ li a{ width:15px; height:15px;text-indent:999999px; background:url(images/theme/banner_bullets_small.png) top center no-repeat;} ul#tabs_ li a.current { background:url(images/theme/banner_bullets_small.png) bottom center no-repeat;} ul#tabs_ li a span,ul#tabs_ li a.current span{ background:none;} .urun_fiyat_container{ width:calc(33.333% - 22px); } .urun_galeri_container{ width:calc(66.666% - 22px);} .ilgili_urun_container{ width:calc(33.333% - 22px);} .urun_aciklama_container{ width:calc(66.666% - 22px);} .urun_liste_container_3{ width:calc(66.666%);} .urun_hediye_container{ width:calc(66.666% - 22px);} .urun_paylas_container{ width:calc(66.666% - 22px);} .ilgili_urun_container_2{ width:calc(66.666% - 22px);} .sepet_tablo .odeme_secenek{ width:calc(33.333% - 22px);} .taksit_tablo .taksit_sutun{width:calc(50% - 22px) } .urun_paylas_container .paylas_buttons{ clear:both; float:none; display:block;} .sepet_odeme_icon{ float:none; text-align:left; margin-top:10px} .odeme_icon_satir1 img{ width:100%;} .odeme_icon_satir2{ color:#333; line-height:21px;} #turkuaz_container .orta_container{ margin-bottom:0px;} .alt_banner_bolum{ width:calc(33.333% - 30px); } .alt_social_container { width:100%; text-align:center;} .alt_social_container a{ display:inline-block; width:32px; height:32px; overflow:hidden; text-indent:-9999px; margin:0 5px;} .alt_sol{ float:none; width:auto;} .alt_sag{ float:none; width:auto; text-align:left;} } @media only screen and ( max-width: 650px ) /* 640 */ { .tema_1 .wide_1200{ display:block;} .tema_1 .wide_768{ display:block;} .tema_2 .wide_768{ display:block;} .wide_480_2{ display:none;} .banner_ad_container { bottom:25px;} .banner_ad_container .orta_container .banner_ad{ font-size:18px;} .banner_aciklama{ display:none;} .tema .liste_urun{ width:33.3333%;} .alt_logo_container .alt_logo{ width:calc(33.3333% - 20px); padding-left:10px; padding-right:10px;} .form_baslik { float:left; width:180px; color:#666; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size:16px;} .form_alan{ float:left; width:calc(100% - 200px)} .urun_liste_container .urun_fiyat{ clear:both; height:auto; border:none;} .urun_liste_container .urun_sepet{ clear:both;} .urun_liste_container .liste_urun .urun_fiyat_sol{ float:none; width:100%; border:none; height:auto; padding-bottom:5px;} .urun_liste_container .liste_urun .urun_fiyat_sag{ float:none; width:100%; padding: 5px 0;} .urun_liste_container .liste_urun .urun_fiyat_2 { clear:both;} .urun_liste_container .liste_urun .urun_fiyat_3 { float:left;} .urun_liste_container .liste_urun .urun_fiyat_4 { float:left; padding-left:5px;} #alt_banner_turkuaz .bankalar img{ width:100%; padding-bottom:20px;} div#popup_container { width:85%; height:auto;} div#popup_content img{ width:100%; height:auto;} } @media only screen and ( max-width: 500px ) /* 500 */ { .tema_1 .wide_1200{ display:none;} .tema_1 .wide_768{ display:none;} .wide_480{ display:none;} .wide_480_2{ display:block;} .wide_768{ display:none;} .wide_768_2{ display:block;} .w_33{ width:calc(100% - 22px);} .banner_reklam_container .w_50{ width:calc(100% - 20px);} .banner_reklam_container .w_25{ width:calc(50% - 20px);} #logo{ float:left; width:100px; height:auto; margin:5px;} .uye_menu_container a .uye_menu{ width:40px; height:40px; display:inline-block; padding-top:0px; text-align:center; background-position: center 5px;} .uye_menu_container a .uye_menu .uye_menu_text{display:none;} .uye_menu_container a .sepet_sayisi{top:0px; right:0px;} .ust_menu_buton_container .menu_buton{ width:calc(25% - 10px); height:auto; float:left; margin:5px; padding:0;} .menu_buton menu_buton_baslik{ display:inline-block; background:#FC0} .menu_buton_baslik{position:relative; float:none; display:block; text-align:center; font-size:14px; padding:0px 0 0; line-height:100%;} .menu_buton a.buton_01{ background:url(images/theme/buton_alt_01_bg.png) center 10px no-repeat;} .menu_buton a.buton_02{ background:url(images/theme/buton_alt_02_bg.png) center 10px no-repeat;} .menu_buton a.buton_03{ background:url(images/theme/buton_alt_03_bg.png) center 10px no-repeat;} .menu_buton a.buton_04{ background:url(images/theme/buton_alt_04_bg.png) center 10px no-repeat;} .ust_menu_buton_container{ display:inline-block;} .ust_menu_buton_container .menu_buton{ width:calc(25% - 10px);margin:5px; height:auto; overflow:hidden;} .ust_menu_buton_container a.buton_01{ background:url(images/theme/buton_alt_01_bg.png) center 0px no-repeat; background-size:30px;} .ust_menu_buton_container a.buton_02{ background:url(images/theme/buton_alt_02_bg.png) center 0px no-repeat; background-size:30px;} .ust_menu_buton_container a.buton_03{ background:url(images/theme/buton_alt_03_bg.png) center 0px no-repeat; background-size:30px;} .ust_menu_buton_container a.buton_04{ background:url(images/theme/buton_alt_04_bg.png) center 0px no-repeat; background-size:30px;} .ust_menu_buton_container .menu_buton_baslik{margin:0; padding:30px 0 0 0px; font-size:14px; font-style:italic;} .urun_liste_stok{ position:relative ; float:none; width:auto; margin:9px -16px -9px -16px;} .urun_liste_siralama{ position:relative ; float:none; width:auto; margin:9px -16px -9px -16px;} .urun_liste_container { margin:5px;} .urun_liste_container .liste_urun{width:calc(50% - 10px); margin:5px;} .firsat_container{ height:210px;} .firsat_baslik_container{ float:none; width:100%; height:30px; background:#fff; text-align:center;} .firsat_baslik{ background:#668448; color:#fff;} .firsat_urunu{ position:relative; height:180px; } .firsat_urunu .urun_container{position:relative; float:none; width:100%; padding:10px;} .firsat_urunu .urun_resim{position:relative; float:left; width:100px; height:90px; padding:0px; margin:0px;} .firsat_urunu .urun_resim img{ width:100%;} .firsat_urunu .urun_baslik{ position:relative; float:left; width:calc(100% - 170px); font-size:12px; height:50px;} .firsat_urunu .urun_fiyat{position:relative; float:left; bottom:0px; left:0px; width:auto; height:40px; padding:0 10px;} .firsat_urunu .urun_fiyatlar{ position:relative; float:left;} .sepet_tablo .odeme_secenek{ width:calc(100% - 22px);} .urun_galeri_container{width:calc(100% - 22px);} .urun_fiyat_container{width:calc(100% - 22px);} .ilgili_urun_container{ width:calc(100% - 22px);} .urun_aciklama_container{ width:calc(100% - 22px);} .urun_liste_container_3{ width:calc(100%);} .urun_paylas_container{ width:calc(100% - 22px);} .urun_hediye_container{ width:calc(100% - 22px);} .ilgili_urun_container_2{ width:calc(100% - 22px);} .taksit_tablo .taksit_sutun{width:calc(100% - 22px) } .musteri_hizmetleri{ width:calc(100% - 10px);} .indirim_satir{ position:relative;float:left; width:calc(35% - 30px); border:none;} .fiyat_indirimli{font-size:18px;} .urun_fiyat_bolum1{ position:relative; float:left; border-bottom:1px solid #d4d4d4; width:100%; display:block;} .fiyat_satir{ position:relative; float:left; width:calc(65% - 30px); border:none;} .fiyat_satis{ font-size:30px;} .taksit_satir{ position:relative; float:left; width:calc(65% - 30px); } .fiyat_taksit{ color:#3466cc; font:'Arial'; font-weight:bold; font-size:16px; padding:0px 0px;} .fiyat_taksit span{ color:#ff0066} .adet_satir{ position:relative; clear:both; position:relative;float:left; width:calc(35% - 30px); font-size:14px; text-align:center; padding:5px 15px;} .adet_satir span{margin-right:15px; width:} .adet_uyari{ width:100%;color:#ff0066; padding-top:15px; font:'Arial'; font-weight:bold;} .form-text { color: #333; text-decoration: none; font-size: 14px; font-family: arial; font-weight:normal; border:1px #ccc solid; background:#f6f6f6; padding:4px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .form-sayi { color: #333; text-decoration: none; font-size: 14px; font-family: arial; font-weight:normal; border:1px #ccc solid; background:#f6f6f6; text-align:right; padding:4px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .sepet_button{ position:relative;float:left; width:calc(65% - 30px); border:none; padding:5px 15px;} .sepet_button button{ background:#222; width:100%; height:100%; text-align:center; padding:10px; color:#fff; font-size:18px; font-weight:bold; border-radius: 8px 8px 8px 8px;} .form_baslik { width:120px;} .form_alan{width:calc(100% - 130px)} .sepet_tablo .simge_1{ background:url(images/theme/sepet_simge_1.png) no-repeat 10px top; background-size:50px;} .sepet_tablo .simge_2{ background:url(images/theme/sepet_simge_2.png) no-repeat 10px top; background-size:50px;} .sepet_tablo .simge_3{ background:url(images/theme/sepet_simge_3.png) no-repeat 10px top; background-size:50px;} .sepet_tablo .simge_4{ background:url(images/theme/sepet_simge_4.png) no-repeat 10px top; background-size:50px;} .sepet_tablo .simge_5{ background:url(images/theme/sepet_simge_5.png) no-repeat 10px top; background-size:50px;} .sepet_tablo .simge_6{ background:url(images/theme/sepet_simge_6.png) no-repeat 10px top; background-size:50px;} .sepet_tablo .simge_7{ background:url(images/theme/sepet_simge_7.png) no-repeat 10px top; background-size:50px;} .sepet_tablo .simge_8{ background:url(images/theme/sepet_simge_8.png) no-repeat 10px top; background-size:50px;} .sepet_tablo .simge_9{ background:url(images/theme/sepet_simge_9.png) no-repeat 10px top; background-size:50px;} .sepet_tablo .simge_hata{ background:url(images/theme/sepet_simge_hata.png) no-repeat 10px top; background-size:50px;} .sepet_tablo_icerik{ padding-left:75px; margin-bottom:15px;} .sepet_tablo_icerik2{ float:left; width:50%; margin-bottom:15px;} .siparis_list_satir2{ position:relative; float:left; display:table; width:100%; padding:5px 0; border-bottom:1px solid #efefef;} .siparis_list_satir4{ position:relative; float:left; display:table; width:100%; padding:5px 0 0;} .alt_banner_bolum{ width:calc(100% - 30px); } .alt_social_container { text-align:center;} .alt_social_container a{ display:inline-block; width:32px; height:32px; overflow:hidden; text-indent:-9999px; margin:0 5px;} } @media only screen and ( max-width: 320px ) /* 320 */{ .urun_liste_container .liste_urun{width:calc(100% - 20px);} .urun_liste_container .urun_resim img{ width:auto;} } /* cyrillic-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(images/fonts/roboto_condensed_300_cyrillic_ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(images/fonts/roboto_condensed_300_cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(images/fonts/roboto_condensed_300_greek_ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(images/fonts/roboto_condensed_300_greek.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(images/fonts/roboto_condensed_300_vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(images/fonts/roboto_condensed_300_latin_ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(images/fonts/roboto_condensed_300_latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(images/fonts/roboto_condensed_400_cyrillic_ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(images/fonts/roboto_condensed_400_cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(images/fonts/roboto_condensed_400_greek_ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(images/fonts/roboto_condensed_400_greek.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(images/fonts/roboto_condensed_400_vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(images/fonts/roboto_condensed_400_latin_ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(images/fonts/roboto_condensed_400_latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(images/fonts/roboto_condensed_700_cyrillic_ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(images/fonts/roboto_condensed_700_cyrillic.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(images/fonts/roboto_condensed_700_greek_ext.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(images/fonts/roboto_condensed_700_greek.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese * / @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(images/fonts/roboto_condensed_700_vietnamese.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(images/fonts/roboto_condensed_700_latin_ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(images/fonts/roboto_condensed_700_latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(images/fonts/roboto_condensed_300_cyrillic_ext_it.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(images/fonts/roboto_condensed_300_cyrillic_it.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(images/fonts/roboto_condensed_300_greek_ext_it.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(images/fonts/roboto_condensed_300_greek_it.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(images/fonts/roboto_condensed_300_vietnamese_it.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(images/fonts/roboto_condensed_300_latin_ext_it.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(images/fonts/roboto_condensed_300_latin_it.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(images/fonts/roboto_condensed_400_cyrillic_ext_it.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(images/fonts/roboto_condensed_400_cyrillic_it.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(images/fonts/roboto_condensed_400_greek_ext_it.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(images/fonts/roboto_condensed_400_greek_it.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(images/fonts/roboto_condensed_400_vietnamese_it.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(images/fonts/roboto_condensed_400_latin_ext_it.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(images/fonts/roboto_condensed_400_latin_it.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(images/fonts/roboto_condensed_700_cyrillic_ext_it.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(images/fonts/roboto_condensed_700_cyrillic_it.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(images/fonts/roboto_condensed_700_greek_ext_it.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(images/fonts/roboto_condensed_700_greek_it.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese * / @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(images/fonts/roboto_condensed_700_vietnamese_it.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(images/fonts/roboto_condensed_700_latin_ext_it.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(images/fonts/roboto_condensed_700_latin_it.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }