/* Minification failed. Returning unminified contents. (207,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (231,23): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (249,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (485,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (509,15): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (533,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (536,15): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (788,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (805,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (827,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (904,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (953,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (976,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (1028,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1031,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1154,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1171,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1192,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1269,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1318,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (1341,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (1410,22): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (1497,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1514,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1535,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1616,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1665,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (1688,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (1789,85): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1829,22): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1879,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1973,17): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (1996,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2020,161): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2021,143): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2023,23): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2041,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2059,20): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2083,14): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2125,14): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2130,15): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2164,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2194,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2210,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2223,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2270,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2276,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2287,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2288,23): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2296,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2376,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2413,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2447,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2450,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2539,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2577,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2594,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2600,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2644,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2671,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2684,22): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2690,107): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2691,105): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2702,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2709,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2721,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2727,32): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2767,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2780,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2790,73): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2800,50): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2802,108): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2803,100): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2803,126): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2805,58): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2820,60): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2825,64): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2827,89): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2827,124): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2829,120): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (2859,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (2974,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3001,23): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (3010,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3038,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3050,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3077,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3207,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3236,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3264,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3276,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3303,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3421,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3450,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3478,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3490,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3517,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3549,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3648,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3681,23): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (3694,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3741,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3822,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3850,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3862,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3889,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3942,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3969,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3982,22): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3988,115): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (3989,113): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4000,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4007,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4019,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4025,32): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4065,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4078,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4109,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4158,28): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4195,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4254,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4258,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4324,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4343,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4373,28): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4426,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4429,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4435,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4460,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4509,28): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4546,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4658,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4676,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4689,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4696,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4708,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4714,32): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4739,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4760,28): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4786,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4793,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4824,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4859,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4885,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (4906,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5040,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5073,23): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (5091,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5147,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5186,23): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5207,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5262,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5318,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5367,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5391,22): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5451,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5491,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5522,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5524,23): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5555,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5612,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5690,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5711,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5754,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5767,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5799,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5849,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5871,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5882,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (5893,22): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5917,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (5927,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (5974,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (5980,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (5991,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (5992,23): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6000,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6073,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6091,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6099,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6100,32): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6117,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6142,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6192,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6214,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6225,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6236,22): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6245,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6246,27): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6272,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6293,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6321,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6334,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6364,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6414,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6436,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6447,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6458,22): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6482,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6488,28): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6523,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6526,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6532,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6542,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6574,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6623,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6643,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6759,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6776,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6798,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6875,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (6924,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (6947,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7022,28): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7100,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7203,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7211,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7229,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7233,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7256,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7332,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7348,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7352,27): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7377,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7389,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7533,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7580,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7586,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7597,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7598,23): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7606,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7679,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7697,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7705,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7706,32): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7723,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (7751,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7787,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7821,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7880,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (7911,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8030,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8057,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8065,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8104,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8119,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8160,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8187,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8206,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8223,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8232,21): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8258,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8264,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8265,27): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8282,16): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8283,27): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8341,47): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8343,102): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8344,97): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8344,123): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8346,55): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8361,57): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8366,61): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8368,86): run-time error CSS1039: Token not allowed after unary operator: '-renk1' (8373,115): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,860): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,952): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,1062): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,1179): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,1268): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,2379): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,2522): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,2766): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,2851): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,2934): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,3035): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,3143): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8373,3223): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8375,21): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8378,16): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8381,34): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8384,37): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8387,46): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8390,26): run-time error CSS1039: Token not allowed after unary operator: '-renk2' (8396,17): run-time error CSS1039: Token not allowed after unary operator: '-renk2' */ *{ -webkit-tap-highlight-color:transparent } *,html,body,div,input,textarea,select,span,a,button,table,tr,td,th,ul,ol,li,button{ outline:none; outline-color:transparent; outline-width:0; outline-style:none; outline-offset:initial; font-family:"Ubuntu",sans-serif; margin:0; padding:0 } a,a:focus,a:hover,a:active,a:visited{ text-decoration:none } ul,ol,li{ list-style:none; list-style-type:none; padding:0; margin:0 } body{ overflow-x:hidden; background:#eef0f5 } body.white{ background:#fff } .container{ width:1300px; max-width:100%; margin:0 auto; padding:0 16px; box-sizing:border-box } button:focus{ outline:none !important } .form-group{ position:relative; } .form-alert-one{ position:absolute; background:#fff; border:1px solid #da0000; padding:2px 5px; font-size:13px; border-radius:4px; margin-bottom:3px; color:#da0000; right:0; top:-35px; } .form-alert-one:before{ content:""; position:absolute; left:30px; top:100%; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #da0000 } .form-alert{ position:absolute; background:#fff; border:1px solid #da0000; padding:2px 5px; font-size:13px; border-radius:4px; margin-bottom:3px; color:#da0000; right:0; top:-10px; } .form-alert:before{ content:""; position:absolute; left:30px; top:100%; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #da0000 } .sureAna { position: absolute; text-align: center; width: 100%; display: flex; margin-left: 0; margin-top: 10px; align-items: center; justify-content: center; } .sureitem { height: 40px; width: 40px; border: 1px solid #ccc; border-radius: 5px; text-align: center; font-size: 15px; font-weight: 500; color: #fff; padding-top: 8px; background: rgba(146, 146, 146, 0.8); } .sureAyrac { height: 40px; width: 5px; text-align: center; font-size: 15px; font-weight: 500; color: rgba(204, 204, 204, 1); padding-top: 8px; margin: 0 5px; } .favoriWhtie{ fill:white; } .favoriActive{ fill: #f7941d; } .ucretsizKargo{ fill: #f7941d; } .product-item{ display:block; transition:.4s; height:400px; box-sizing:border-box; padding:20px; border:1px solid #fff; background:#fff; border-radius:10px; box-shadow:0 0 32px rgba(0,0,0,0.1) } .product-item .img{ margin-bottom:10px; height:220px } .product-item .img img{ display:block; width:100%; height:100%; object-fit:contain } .product-item .name{ font-size:13px; font-weight:500; color:#868686; line-height:15px; margin-bottom:8px } .product-item .desc{ font-size:12px; font-weight:300; color:#868686; line-height:12px; margin-bottom:4px } .product-item .price{ font-size:24px; line-height:26px; font-weight:700; color:#878787; margin-bottom:12px } .product-item .price.discount{ font-size:20px; line-height:24px } .product-item .price.discount span{ font-size:13px; font-weight:400; position:relative } .product-item .price.discount span:before{ content:""; position:absolute; top:50%; margin-top:-1px; background:rgba(65,120,188,0.52); height:2px; width:100% } .product-item .end{ display:flex; justify-content:space-between } .product-item .end .basket{ background:var(--renk2); position:relative; border-radius:10px; padding:8px 10px; display:inline-block } .product-item .end .basket svg{ width:14px; height:14px; position:absolute; top:50%; margin-top:-8px } .product-item .end .basket svg path{ fill:#fff } .product-item .end .basket span{ font-size:9px; font-weight:700; color:#fff; display:block; padding-left:20px } .product-item:hover{ border-color:var(--renk1) } .product-item .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .product-item .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .product-item .stars .item svg{ width:20px; display:block; margin-right:-3px } .product-item .stars .item.active{ color:var(--renk2) } .box-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .box-row > .col, .box-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .boxBuyult a:hover .img img { transform: scale(1.1); } .box a { display: block; position: relative; overflow: hidden; border-radius: 10px; } .box a .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: .4s; transform: scale(1); } @media (max-width:992px) { .box .img {margin-bottom: 10px;} } .ucluslayt { position:relative; padding:30px 0 } .ucluslayt :before{ content:""; position:absolute; left:0; top:0; right:0; bottom:110px; /*background:#fff*/ } .ucluslayt .left-side{ overflow:hidden; position:relative; flex:1 1 0; height:100% } .ucluslayt .left-side .img img{ transition:.4s; transform:scale(1); display:block; width:100%; height:100%; object-fit:cover } .ucluslayt .left-side .text{ position:absolute; left:50px; top:40px; width:200px } .ucluslayt .left-side .text .name{ font-size:50px; line-height:40px; font-weight:700; color:#fff } .ucluslayt .left-side .text .desc{ font-size:16px; color:#fff } .ucluslayt .left-side .button{ background:#00aba6; padding:5px 20px; position:absolute; bottom:30px; left:40px; font-size:16px; color:#fff; border-radius:10px } .ucluslayt .left-side a{ display:block; height:100% } .ucluslayt .left-side a:hover .img img{ transform:scale(1.05) } .ucluslayt .right-side{ flex:1 1 0; max-width:575px; height:100% } .ucluslayt .right-side-top{ overflow:hidden; position:relative; margin-bottom:10px; height:calc(50% - 5px) } .ucluslayt .right-side-top .img{ height:100% } .ucluslayt .right-side-top .img img{ transition:.4s; transform:scale(1); display:block; width:100%; height:100%; object-fit:cover } .ucluslayt .right-side-top .text{ position:absolute; left:40px; top:30px; width:200px } .ucluslayt .right-side-top .text .name{ font-size:45px; line-height:37px; font-weight:700; color:#774c09 } .ucluslayt .right-side-top .text .desc{ font-size:14px; color:#774c09 } .ucluslayt .right-side-top .button{ background:#7a4f0d; padding:5px 20px; position:absolute; bottom:30px; left:40px; font-size:16px; color:#fff; border-radius:10px } .ucluslayt .right-side-top a{ display:block; height:100% } .ucluslayt .right-side-top a:hover .img img{ transform:scale(1.05) } .ucluslayt .right-side-bottom{ overflow:hidden; position:relative; height:calc(50% - 5px) } .ucluslayt .right-side-bottom .img{ height:100% } .ucluslayt .right-side-bottom .img img{ transition:.4s; transform:scale(1); display:block; width:100%; height:100%; object-fit:cover } .ucluslayt .right-side-bottom .text{ position:absolute; left:40px; top:30px; width:200px } .ucluslayt .right-side-bottom .text .name{ font-size:30px; line-height:26px; font-weight:700; color:#fff } .ucluslayt .right-side-bottom .text .desc{ font-size:14px; color:#fff } .ucluslayt .right-side-bottom .button{ background:#632c43; padding:5px 20px; position:absolute; bottom:30px; left:40px; font-size:16px; color:#fff; border-radius:10px } .ucluslayt .right-side-bottom a{ display:block; height:100% } .ucluslayt .right-side-bottom a:hover .img img{ transform:scale(1.05) } .slider{ max-width:100% } .slider .swiper-container{ margin-bottom:10px } .slider .swiper-container .swiper-slide .img{ overflow:hidden; border-radius:10px } .slider .swiper-container .swiper-slide .img img{ display:block; width:100% } .slider .swiper-container .swiper-slide .text{ position:absolute; left:70px; top:40px; bottom:40px; width:280px } .slider .swiper-container .swiper-slide .text h2{ font-size:36px; font-weight:700; color:#fff; line-height:36px } .slider .swiper-container .swiper-slide .text p{ font-size:16px; color:#fff; line-height:16px } .slider .swiper-container .swiper-slide .text a{ display:inline-block; background:#fff; padding:10px 20px; border-radius:10px; font-size:20px; color:var(--renk1) } .slider .swiper-container .swiper-slide .text a svg{ display:inline-block; margin-left:10px; width:30px } .slider .swiper-container .swiper-slide .text-color-type-1 h2{ color:#236cc7 } .slider .swiper-container .swiper-slide .text-color-type-1 p{ font-size:16px; color:#fff } .slider .swiper-container .swiper-slide .text-color-type-1 a{ color:#382c27 } .slider .swiper-container .swiper-slide .text-color-type-1 a svg path{ fill:#382c27 } .slider .swiper-container .swiper-slide .text-color-type-2 h2{ color:#ffba15 } .slider .swiper-container .swiper-slide .text-color-type-2 a svg path{ fill:var(--renk1) } .slider .swiper-container .swiper-slide .text-color-type-3 h2{ color:#236cc7 } .slider .swiper-container .swiper-slide .text-color-type-3 a{ color:#382c27 } .slider .swiper-container .swiper-slide .text-color-type-3 a svg path{ fill:#382c27 } .slider .swiper-container .swiper-slide .text-color-type-4{ padding:50px 0 } .slider .swiper-container .swiper-slide .text-color-type-4 h2{ color:#fff; font-size:56px; line-height:60px } .slider .swiper-container .swiper-slide .text-color-type-4 h2.lower-1{ font-size:40px; line-height:46px } .slider .swiper-container .swiper-slide .text-color-type-4 a{ color:var(--renk2) } .slider .swiper-container .swiper-slide .text-color-type-4 a svg path{ fill:var(--renk2) } .slider .swiper-container .swiper-slide .text-color-type-5{ padding:50px 0 } .slider .swiper-container .swiper-slide .text-color-type-5 h2{ color:#fff; font-size:56px; line-height:60px } .slider .swiper-container .swiper-slide .text-color-type-5 a{ color:#315bad } .slider .swiper-container .swiper-slide .text-color-type-5 a svg path{ fill:#315bad } .slider .swiper-container .swiper-pagination{ width:auto; left:70px; bottom:30px } .slider .swiper-container .swiper-pagination-bullet{ width:15px; heighT:15px; background:#fff; opacity:1; transition:.4s } .slider .swiper-container .swiper-pagination-bullet-active{ background:#1d74e0 } .slider .breadcrumb-container{ height:64px; display:flex; align-items:center } .slider .breadcrumb-container .breadcrumb{ margin:0 } .slider-list a{ position:relative; display:block } .slider-list a .img{ overflow:hidden; border-radius:10px } .slider-list a .img img{ transition:.4s; transform:scale(1); display:block; width:100%; height:100%; object-fit:cover } .slider-list a .text{ position:absolute; right:20px; top:20px; text-align:right } .slider-list a .text .big{ font-size:33px; line-height:38px; font-weight:700; color:#fff } .slider-list a .text .big span{ display:block } .slider-list a .text .small{ font-size:16px; line-height:14px; color:#fff } .slider-list a .text .small span{ display:block } .slider-list a .detail{ font-size:16px; padding-right:15px; background:url(/assets/img/detail-arrow.png) right center no-repeat; font-weight:700; color:#fff; position:absolute; right:20px; bottom:20px } .slider-list a:hover .img img{ transform:scale(1.1) } .slider-list ul{ display:flex; flex-wrap:wrap } .slider-list ul li{ flex:1 1 0; max-width:33%; min-width:30% } .slider-list ul li+li{ margin-left:15px } .slider-list.slider-list-home a .text .big{ line-height:26px } .slayt .slider .swiper-container .swiper-wrapper .slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; text-align: center; margin: 0 0 10px; padding: 0; } .slayt .slider .swiper-container .swiper-wrapper .slick-dots li { list-style: none; width: 15px; height: 15px; border-radius: 50%; background: gray; display: inline-block; margin: 5px; } .slayt .slider .swiper-container .swiper-wrapper .slick-dots li.slick-active { background: #000; } .slayt .slider .swiper-container .swiper-wrapper .slick-dots li button { display: none; } @media (max-width:479px) { .slider .swiper-container .swiper-pagination { left: 24px; bottom: 0px; } } .menublok .head{ border-radius:12px } .menublok{ box-shadow:0 0 40px rgba(0,0,0,0.05) } .menublok .head{ padding:20px; display:flex; align-items:center; border-radius:12px 12px 0 0; background:#d0d7e6 } .menublok .head .icon{ margin-right:15px } .menublok .head .icon img{ display:block } .menublok .head .text{ font-size:16px; font-weight:700; color:#717378 } .menublok .list{ background:#fff; border-radius:0 0 12px 12px; height:calc(100% - 64px); box-sizing:border-box } .menublok .list>ul{ background:#fff; border-radius:0 0 12px 12px; padding:28px 0 } .menublok .list>ul>li{ padding:0 24px; background:#fff; transition:.4s } .menublok .list>ul>li>a{ position:relative; font-size:16px; font-weight:300; color:#8d9096; display:flex; align-items:center; padding:12px 0 } .menublok .list>ul>li>a .icon{ flex:0 0 34px; display:flex; justify-content:center; align-items:center; height:100% } .menublok .list>ul>li>a .icon img{ display:block } .menublok .list>ul>li>a .icon svg{ display:block; width:24px; height:24px } .menublok .list>ul>li>a .text{ padding-left:10px } .menublok .list>ul>li:hover{ background:#d0d7e6 } .menublok .list>ul>li:hover .sub-content{ opacity:1; pointer-events:all } .menublok .list>ul>li+li>a{ border-top:1px solid #e8e9ea } .menublok .list .sub-content{ opacity:0; pointer-events:none; transition:.4s; position:absolute; left:314px; width:974px; top:0; bottom:0; z-index:30; border-left:15px solid transparent; padding:40px 60px; border-radius:10px; } .menublok .list .sub-content:before{ content:""; position:absolute; z-index:-1; background:#fff; border-radius:10px; top:0; right:0; bottom:0; left:0 } .menublok .list .sub-content .row{ height:100% } .menublok .list .sub-content .left-side{ flex:1 1 0; max-width:54%; margin-right:10px } .menublok .list .sub-content .left-side .centered{ flex:0 0 100% } .menublok .list .sub-content .left-side h2{ color:var(--renk2); display:flex; align-items:center; transform:translateY(-12px); margin-bottom:10px } .menublok .list .sub-content .left-side h2 .icon{ margin-right:10px } .menublok .list .sub-content .left-side h2 .icon svg{ width:24px; height:24px; display:block } .menublok .list .sub-content .left-side h2 .text{ font-size:16px; font-weight:bold; color:var(--renk2) } .menublok .list .sub-content .left-side h2 .arrow{ margin-left:10px } .menublok .list .sub-content .left-side h2 .arrow svg{ display:block; width:15px; height:15px } .menublok .list .sub-content .left-side .items{ display:flex; flex-wrap:wrap } .menublok .list .sub-content .left-side .items .item{ /*flex:0 0 50%;*/ position:relative; /*margin:0 20px;*/ } .menublok .list .sub-content .left-side .items .item h3{ font-size:15px; font-weight:700; color:var(--renk2); margin-bottom:6px } .menublok .list .sub-content .left-side .items .item ul li a{ display:block; font-size:13px; line-height:17px; color:#a4a5a6 } .menublok .list .sub-content .left-side .items .item ul li.gizle{ display:none } .menublok .list .sub-content .left-side .items .item ul li.gizle.goster{ display:block } .menublok .list .sub-content .left-side .items .item .btn-open{ border:none; display:block; font-size:13px; line-height:17px; /*color:#a4a5a6;*/ background:transparent; margin-bottom:20px } .menublok .list .sub-content .left-side .items .item .btn-ul{ position:absolute; display:none; background:#fff; border:1px solid #a4a5a6; padding:10px 15px; border-radius:5px; width:90%; margin-top:-15px } .menublok .list .sub-content .left-side .items .item .btn-ul.goster{ display:block } .menublok .list .sub-content .left-side .items .item .btn-ul li:nth-child(1){ position:relative } .menublok .list .sub-content .left-side .items .item .btn-ul li:nth-child(1):before{ content:""; position:absolute; left:10px; bottom:100%; margin-bottom:10px; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #a4a5a6 } .menublok .list .sub-content .right-side{ flex:1 1 0; min-height:100%; max-width:46%; display:flex; align-items:center } .menublok .list .sub-content .right-side .centered{ flex:0 0 100% } .menublok .list .sub-content .right-side .top-side{ margin-bottom:10px; width:100% } .menublok .list .sub-content .right-side .top-side .img a{ display:block } .menublok .list .sub-content .right-side .top-side .img a img{ display:block; width:100% } .menublok .list .sub-content .right-side .top-side .special h3{ font-size:15px; font-weight:700; color:var(--renk2); margin-bottom:6px } .menublok .list .sub-content .right-side .top-side .special ul{ margin-bottom:20px } .menublok .list .sub-content .right-side .top-side .special ul li a{ display:block; font-size:13px; line-height:17px; color:#a4a5a6 } .menublok .list .sub-content .right-side .top-side.top-side-special{ display:flex; align-items:center } .menublok .list .sub-content .right-side .top-side.top-side-special .special{ margin-left:-15px } .menublok .list .sub-content .right-side .top-side.top-side-special .img{ margin-left:40px; flex:1 1 0; height:100% } .menublok .list .sub-content .right-side .top-side.top-side-special-2 a{ min-height:280px } .menublok .list .sub-content .right-side .top-side.top-side-special-2 a .text{ top:28% } .menublok .list .sub-content .right-side .bottom-side{ width:100% } .menublok .list .sub-content .right-side .bottom-side .img a{ display:block; min-height:230px; width:100%; border-radius:10px; background:#edeff4; overflow:hidden; position:relative } .menublok .list .sub-content .right-side .bottom-side .img a:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:30%; background:var(--renk1) } .menublok .list .sub-content .right-side .bottom-side .img a img{ display:block; position:absolute; width:100%; height:100%; object-fit:contain; right:30%; top:50%; transform:translate(50%, -50%) } .menublok .list .sub-content .right-side .bottom-side .img a .text{ position:absolute; width:37%; top:50%; left:63px; transform:translate(0, -50%) } .menublok .list .sub-content .right-side .bottom-side .img a .text .bold{ font-size:16px; line-height:16px; font-weight:700; color:var(--renk1); padding-bottom:5px; display:block } .menublok .list .sub-content .right-side .bottom-side .img a .text .thin{ font-size:13px; color:#a4a5a6; display:flex; align-items:center } .menublok .list .sub-content .right-side .bottom-side .img a .text .thin svg{ display:block; width:10px; height:10px } .menublok .list .sub-content.open{ opacity:1; pointer-events:all } @media (max-width:992px) { .menublok{ display: none; } } @media (max-width:767px) { .menublok .list .sub-content{ top: initial; bottom: initial; width: 100%; } } .bread.main-breadcrumb{ background:#fff; margin-bottom:15px; padding:15px 0 } .bread.main-breadcrumb .breadcrumb-container{ display:flex; align-items:center } .bread.main-breadcrumb .breadcrumb-container .breadcrumb{ margin:0 } .breadcrumb-container .breadcrumb{ background:transparent; margin:-20px 0 20px } .breadcrumb-container .breadcrumb .breadcrumb-item{ font-size:14px; font-weight:300; color:#aaaaaa; transition:.4s } .breadcrumb-container .breadcrumb .breadcrumb-item a{ color:#aaaaaa } .breadcrumb-container .breadcrumb .breadcrumb-item.active{ color:var(--renk2) } .breadcrumb-container .breadcrumb .breadcrumb-item.active a{ color:var(--renk2) } .breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item:before{ content:">" } .breadmenu .head{ border-radius:12px; cursor:pointer; } .breadmenu .list{ display:none } .breadmenu{ box-shadow:0 0 40px rgba(0,0,0,0.05) } .breadmenu .head{ padding:20px; display:flex; align-items:center; background:#d0d7e6 } .breadmenu .head .icon{ margin-right:15px } .breadmenu .head .icon img{ display:block } .breadmenu .head .text{ font-size:16px; font-weight:700; color:#717378 } .breadmenu .list{ background:#fff; border-radius:0 0 12px 12px; height:calc(100% - 64px); box-sizing:border-box } .breadmenu .list>ul{ background:#fff; border-radius:0 0 12px 12px; padding:28px 0 } .breadmenu .list>ul>li{ padding:0 24px; background:#fff; transition:.4s } .breadmenu .list>ul>li>a{ position:relative; font-size:16px; font-weight:300; color:#8d9096; display:flex; align-items:center; padding:12px 0 } .breadmenu .list>ul>li>a .icon{ flex:0 0 34px; display:flex; justify-content:center; align-items:center; height:100% } .breadmenu .list>ul>li>a .icon img{ display:block } .breadmenu .list>ul>li>a .icon svg{ display:block; width:24px; height:24px } .breadmenu .list>ul>li>a .text{ padding-left:10px } .breadmenu .list>ul>li:hover{ background:#d0d7e6 } .breadmenu .list>ul>li:hover .sub-content{ opacity:1; pointer-events:all } .breadmenu .list>ul>li+li>a{ border-top:1px solid #e8e9ea } .breadmenu .list .sub-content{ opacity:0; pointer-events:none; transition:.4s; position:absolute; left:314px; width:974px; top:0; bottom:0; z-index:30; border-left:15px solid transparent; padding:40px 60px; border-radius:10px } .breadmenu .list .sub-content:before{ content:""; position:absolute; z-index:-1; background:#fff; border-radius:10px; top:0; right:0; bottom:0; left:0 } .breadmenu .list .sub-content .row{ height:100% } .breadmenu .list .sub-content .left-side{ flex:1 1 0; max-width:54%; margin-right:10px } .breadmenu .list .sub-content .left-side .centered{ flex:0 0 100% } .breadmenu .list .sub-content .left-side h2{ color:var(--renk2); display:flex; align-items:center; transform:translateY(-12px); margin-bottom:10px } .breadmenu .list .sub-content .left-side h2 .icon{ margin-right:10px } .breadmenu .list .sub-content .left-side h2 .icon svg{ width:24px; height:24px; display:block } .breadmenu .list .sub-content .left-side h2 .text{ font-size:16px; font-weight:bold; color:var(--renk2) } .breadmenu .list .sub-content .left-side h2 .arrow{ margin-left:10px } .breadmenu .list .sub-content .left-side h2 .arrow svg{ display:block; width:15px; height:15px } .breadmenu .list .sub-content .left-side .items{ display:flex; flex-wrap:wrap } .breadmenu .list .sub-content .left-side .items .item{ flex:0 0 50%; position:relative } .breadmenu .list .sub-content .left-side .items .item h3{ font-size:15px; font-weight:700; color:var(--renk2); margin-bottom:6px } .breadmenu .list .sub-content .left-side .items .item ul li a{ display:block; font-size:13px; line-height:17px; color:#a4a5a6 } .breadmenu .list .sub-content .left-side .items .item ul li.gizle{ display:none } .breadmenu .list .sub-content .left-side .items .item ul li.gizle.goster{ display:block } .breadmenu .list .sub-content .left-side .items .item .btn-open{ border:none; display:block; font-size:13px; line-height:17px; /*color:#a4a5a6;*/ background:transparent; margin-bottom:20px } .breadmenu .list .sub-content .left-side .items .item .btn-ul{ position:absolute; display:none; background:#fff; border:1px solid #a4a5a6; padding:10px 15px; border-radius:5px; width:90%; margin-top:-15px } .breadmenu .list .sub-content .left-side .items .item .btn-ul.goster{ display:block } .breadmenu .list .sub-content .left-side .items .item .btn-ul li:nth-child(1){ position:relative } .breadmenu .list .sub-content .left-side .items .item .btn-ul li:nth-child(1):before{ content:""; position:absolute; left:10px; bottom:100%; margin-bottom:10px; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #a4a5a6 } .breadmenu .list .sub-content .right-side{ flex:1 1 0; min-height:100%; max-width:46%; display:flex; align-items:center } .breadmenu .list .sub-content .right-side .centered{ flex:0 0 100% } .breadmenu .list .sub-content .right-side .top-side{ margin-bottom:10px; width:100% } .breadmenu .list .sub-content .right-side .top-side .img a{ display:block } .breadmenu .list .sub-content .right-side .top-side .img a img{ display:block; width:100% } .breadmenu .list .sub-content .right-side .top-side .special h3{ font-size:15px; font-weight:700; color:var(--renk2); margin-bottom:6px } .breadmenu .list .sub-content .right-side .top-side .special ul{ margin-bottom:20px } .breadmenu .list .sub-content .right-side .top-side .special ul li a{ display:block; font-size:13px; line-height:17px; color:#a4a5a6 } .breadmenu .list .sub-content .right-side .top-side.top-side-special{ display:flex; align-items:center } .breadmenu .list .sub-content .right-side .top-side.top-side-special .special{ margin-left:-15px } .breadmenu .list .sub-content .right-side .top-side.top-side-special .img{ margin-left:40px; flex:1 1 0; height:100% } .breadmenu .list .sub-content .right-side .top-side.top-side-special-2 a{ min-height:280px } .breadmenu .list .sub-content .right-side .top-side.top-side-special-2 a .text{ top:28% } .breadmenu .list .sub-content .right-side .bottom-side{ width:100% } .breadmenu .list .sub-content .right-side .bottom-side .img a{ display:block; min-height:230px; width:100%; border-radius:10px; background:#edeff4; overflow:hidden; position:relative } .breadmenu .list .sub-content .right-side .bottom-side .img a:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:30%; background:var(--renk1) } .breadmenu .list .sub-content .right-side .bottom-side .img a img{ display:block; position:absolute; width:100%; height:100%; object-fit:contain; right:30%; top:50%; transform:translate(50%, -50%) } .breadmenu .list .sub-content .right-side .bottom-side .img a .text{ position:absolute; width:37%; top:50%; left:63px; transform:translate(0, -50%) } .breadmenu .list .sub-content .right-side .bottom-side .img a .text .bold{ font-size:16px; line-height:16px; font-weight:700; color:var(--renk1); padding-bottom:5px; display:block } .breadmenu .list .sub-content .right-side .bottom-side .img a .text .thin{ font-size:13px; color:#a4a5a6; display:flex; align-items:center } .breadmenu .list .sub-content .right-side .bottom-side .img a .text .thin svg{ display:block; width:10px; height:10px } .breadmenu .list .sub-content.open{ opacity:1; pointer-events:all } .breadmenu-2{ margin-left:15px } .breadmenu-2 .ac2-overlay{ pointer-events:none; opacity:0; transition:.4s; position:fixed; z-index:54; background:rgba(0,0,0,0.1); top:0; right:0; bottom:0; left:0 } .breadmenu-2.open .ac2-overlay{ pointer-events:all; opacity:1 } .breadmenu-2 .list{ position:absolute; width:240px; z-index:55 } .breadmenu-2 .list.open{ display:block !important } .breadmenu-2 .list .sub-content{ left:225px; height:600px; width:1060px } @media (max-width:992px) { .breadmenu{ display: none; } } @media (max-width:767px) { .breadmenu .list .sub-content{ top: initial; bottom: initial; width: 100%; } } .ustmenu{ background:#fff; border-radius:0 0 12px 12px; height:calc(100% - 64px); box-sizing:border-box; margin-bottom:20px; padding: 15px 0; } .ustmenu .container{ position:relative } .ustmenu ul.header-menu-list{ background: var(--renk1); display:flex; flex-wrap:wrap; justify-content:center; border-radius: 10px; } .ustmenu ul.header-menu-list>li{ transition:.4s; } .ustmenu ul.header-menu-list>li>a{ display:block; position:relative; font-size: 16px; font-weight:300; color: #ffffff; padding: 20px 12px; } .ustmenu ul.header-menu-list > li + li > a:before { content: ""; position: absolute; width: 1px; height: 24px; margin-left: -14px; } .ustmenu ul.header-menu-list>li>a .icon{ flex:0 0 34px; display:flex; justify-content:center; align-items:center; height:100%; display: none; } .ustmenu ul.header-menu-list>li>a .icon img{ display:block; max-width:24px; max-height:24px } .ustmenu ul.header-menu-list>li>a .icon svg{ display:block; width:24px; height:24px } .ustmenu ul.header-menu-list>li>a .text{ white-space:nowrap } .ustmenu ul.header-menu-list>li:hover .sub-content{ opacity:1; pointer-events:all } .ustmenu .sub-content{ opacity:0; pointer-events:none; transition:.4s; position:absolute; left:0; right:0; top:100%; min-height:630px; z-index:30; border-left:15px solid transparent; padding:40px 60px; border-radius:10px } .ustmenu .sub-content:before{ content:""; position:absolute; z-index:-1; background:#fff; border-radius:10px; top:0; right:0; bottom:0; left:0 } .ustmenu .sub-content .row{ height:100% } .ustmenu .sub-content .left-side{ flex:1 1 0; max-width:54%; margin-right:10px } .ustmenu .sub-content .left-side .centered{ flex:0 0 100% } .ustmenu .sub-content .left-side h2{ color:var(--renk2); display:flex; align-items:center; transform:translateY(-12px); margin-bottom:10px } .ustmenu .sub-content .left-side h2 .icon{ margin-right:10px } .ustmenu .sub-content .left-side h2 .icon svg{ width:24px; height:24px; display:block } .ustmenu .sub-content .left-side h2 .text{ font-size:16px; font-weight:bold; color:var(--renk2) } .ustmenu .sub-content .left-side h2 .arrow{ margin-left:10px } .ustmenu .sub-content .left-side h2 .arrow svg{ display:block; width:15px; height:15px } .ustmenu .sub-content .left-side .items{ display:flex; flex-wrap:wrap } .ustmenu .sub-content .left-side .items .item{ /*flex:0 0 50%*/ /*margin:0 20px;*/ } .ustmenu .sub-content .left-side .items .item h3{ font-size:15px; font-weight:700; color:var(--renk2); margin-bottom:6px } .ustmenu .sub-content .left-side .items .item ul{ margin-bottom:20px } .ustmenu .sub-content .left-side .items .item ul li a{ display:block; font-size:13px; line-height:22px; color:#a4a5a6; font-weight:500; } .ustmenu .sub-content .left-side .items .item ul li.gizle{ display:none } .ustmenu .sub-content .left-side .items .item ul li.gizle.goster{ display:block } .ustmenu .sub-content .left-side .items .item .btn-open{ border:none; display:block; font-size:13px; line-height:17px; color:#a4a5a6; background:transparent; margin-bottom:20px } .ustmenu .sub-content .left-side .items .item .btn-ul{ position:absolute; display:none; background:#fff; border:1px solid #a4a5a6; padding:10px 15px; border-radius:5px; width:90%; margin-top:-15px } .ustmenu .sub-content .left-side .items .item .btn-ul.goster{ display:block } .ustmenu .sub-content .left-side .items .item .btn-ul li:nth-child(1){ position:relative } .ustmenu .sub-content .left-side .items .item .btn-ul li:nth-child(1):before{ content:""; position:absolute; left:10px; bottom:100%; margin-bottom:10px; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #a4a5a6 } .ustmenu .sub-content .right-side{ flex:1 1 0; min-height:100%; max-width:46%; display:flex; align-items:center } .ustmenu .sub-content .right-side .centered{ flex:0 0 100% } .ustmenu .sub-content .right-side .top-side{ margin-bottom:10px; width:100% } .ustmenu .sub-content .right-side .top-side .img a{ display:block } .ustmenu .sub-content .right-side .top-side .img a img{ display:block; width:100% } .ustmenu .sub-content .right-side .top-side .special h3{ font-size:15px; font-weight:700; color:var(--renk2); margin-bottom:6px } .ustmenu .sub-content .right-side .top-side .special ul{ margin-bottom:20px } .ustmenu .sub-content .right-side .top-side .special ul li a{ display:block; font-size:13px; line-height:17px; color:#a4a5a6 } .ustmenu .sub-content .right-side .top-side.top-side-special{ display:flex; align-items:center } .ustmenu .sub-content .right-side .top-side.top-side-special .special{ margin-left:-15px } .ustmenu .sub-content .right-side .top-side.top-side-special .img{ margin-left:40px; flex:1 1 0; height:100% } .ustmenu .sub-content .right-side .top-side.top-side-special-2 a{ min-height:280px } .ustmenu .sub-content .right-side .top-side.top-side-special-2 a .text{ top:28% } .ustmenu .sub-content .right-side .bottom-side{ width:100% } .ustmenu .sub-content .right-side .bottom-side .img a{ display:block; min-height:230px; width:100%; border-radius:10px; background:#edeff4; overflow:hidden; position:relative } .ustmenu .sub-content .right-side .bottom-side .img a:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:30%; background:var(--renk1) } .ustmenu .sub-content .right-side .bottom-side .img a img{ display:block; position:absolute; width:100%; height:100%; object-fit:contain; right:30%; top:50%; transform:translate(50%, -50%) } .ustmenu .sub-content .right-side .bottom-side .img a .text{ position:absolute; width:37%; top:50%; left:63px; transform:translate(0, -50%) } .ustmenu .sub-content .right-side .bottom-side .img a .text .bold{ font-size:16px; line-height:16px; font-weight:700; color:var(--renk1); padding-bottom:5px; display:block } .ustmenu .sub-content .right-side .bottom-side .img a .text .thin{ font-size:13px; color:#a4a5a6; display:flex; align-items:center } .ustmenu .sub-content .right-side .bottom-side .img a .text .thin svg{ display:block; width:10px; height:10px } .ustmenu .sub-content.open{ opacity:1; pointer-events:all } @media (max-width:992px) { .ustmenu{ display: none; } } .solfiltre{ flex:0 0 280px; max-width:280px; margin-right:15px } .solfiltre .items{ margin-bottom:20px; border-radius:10px; background:#fff; padding:20px; box-sizing:border-box; border:2px solid #e0e3ea } .solfiltre .category-list ul li h3{ font-size:14px; font-weight:700; color:#989899 } .solfiltre .category-list ul li a{ font-size:14px; font-weight:300; color:#989899 } .solfiltre .item{ border-bottom:2px solid #e0e3ea } .solfiltre .item .head{ position:relative; padding:10px 10px 10px 10px; cursor:pointer; font-size:16px; font-weight:700; color:#999999 } .solfiltre .item .head img{ display:block; position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(0deg); transition:.4s } .solfiltre .item .head.open img{ transform:translateY(-50%) rotate(-180deg) } .solfiltre .item .body{ padding:10px; display:none } .solfiltre .item .body .form-group{ margin:0 -10px 15px } .solfiltre .item .body .form-group .form-control{ border:2px solid #e0e3ea; border-radius:10px; background:url( /assets/img/filter-search-glass.png) 95% center no-repeat; padding-right:40px } .solfiltre .item .body .button-set{ display:flex; justify-content:space-between; margin:0 -10px 15px } .solfiltre .item .body .button-set button{ font-size:14px; margin-right:13px; font-weight:300; background:transparent; color:#aaaaaa; border:2px solid #e0e3ea; border-radius:10px; padding:6px 10px; flex:1 1 0 } .solfiltre .item .body .button-set button.play{ margin-right:0; border:none; flex:0 0 37px; height:37px; background:url( /assets/img/filter-play-arrow.png) center center no-repeat var(--renk2) } .solfiltre .item .body .form-check .form-check-input { opacity: 0; } .solfiltre .item .body .form-check .form-check-label { cursor: pointer; font-size: 14px; font-weight: 300; color: #aaaaaa; } .solfiltre .item .body .form-check .form-check-label:before { content: ""; position: absolute; width: 13px; height: 13px; left: 0; top: 50%; transform: translateY(-50%); border-radius: 2px; background: transparent; opacity: 1; transition: .4s; border: 1px solid #c8ccd5; } .solfiltre .item .body .form-check .form-check-label:after { content: ""; opacity: 0; position: absolute; width: 13px; height: 13px; border-radius: 2px; left: 0; top: 50%; transform: translateY(-50%); background: var(--renk2); transition: .4s; } .solfiltre .item .body .form-check .form-check-input:checked ~ .form-check-label:before { opacity: 0; } .solfiltre .item .body .form-check .form-check-input:checked ~ .form-check-label:after { opacity: 1; } .solfiltre .item .body.check-type-1 .form-check{ padding-left:0; position:relative } .solfiltre .item .body.check-type-1 .form-check .form-check-input{ opacity:0 } .solfiltre .item .body.check-type-1 .form-check .form-check-label:before{ border:none; border-radius:0; left:initial; right:0; /*background:url( /assets/img/filter-check-x.png) center center no-repeat*/ } .solfiltre .item .body.check-type-1 .form-check .form-check-label:after{ left:initial; right:0 } .solfiltre .item:nth-last-child(1){ border-bottom:0 } .solfiltre .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .solfiltre .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .solfiltre .stars .item svg{ width:20px; display:block; margin-right:-3px } .solfiltre .stars .item.active{ color:var(--renk2) } .solfiltre .item .markalar { max-height: 300px; overflow: auto; } .solfiltre .item .markalar::-webkit-scrollbar { width: 6px; } .solfiltre .item .markalar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } .solfiltre .item .markalar::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ​ .blokurunslide{ margin-bottom:15px; position:relative } .blokurunslide .close{ position:absolute; right:10px; top:10px; color:#000; cursor:pointer } .blokurunslide .close img{ display:block } .blokurunslide a{ background:#fff; padding:10px; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:10px; display:flex } .blokurunslide a .img{ margin-bottom:10px; flex:0 0 120px; height:120px; margin-right:15px } .blokurunslide a .img img{ display:block; width:100%; height:100%; object-fit:contain } .blokurunslide a .text{ flex:1 1 0; max-width:calc(100% - 135px) } .blokurunslide a .name{ font-size:14px; font-weight:700; color:#868686; line-height:16px; margin-bottom:2px } .blokurunslide a .desc{ font-size:11px; font-weight:300; color:#868686; line-height:12px; margin-bottom:4px } .blokurunslide a .price{ font-size:26px; line-height:30px; font-weight:700; color:#878787; margin-bottom:12px } .blokurunslide a .price.discount{ font-size:24px; line-height:24px } .blokurunslide a .price.discount span{ font-size:14px; font-weight:400; position:relative } .blokurunslide a .price.discount span.price-span{ display: block; font-size: 20px; line-height: 20px; font-weight: 700; position:relative; color: var(--renk2); } .blokurunslide a .price.discount span.discount-span{ display: inline-block; font-size:14px; line-height: 14px; font-weight:400; position:relative; } .blokurunslide a .price.discount span.discount-span:before{ content:""; position:absolute; top:50%; margin-top:-1px; background:rgba(65,120,188,0.52); height:2px; width:100% } .blokurunslide a .end{ display:flex; justify-content:space-between } .blokurunslide a .end .basket{ background:var(--renk2); position:relative; border-radius:10px; padding:8px 10px; display:inline-block } .blokurunslide a .end .basket svg{ width:14px; height:14px; position:absolute; top:50%; margin-top:-8px } .blokurunslide a .end .basket svg path{ fill:#fff } .blokurunslide a .end .basket span{ font-size:9px; font-weight:700; color:#fff; display:block; padding-left:20px } .blokurunslide a .btn-set{ display: flex; } .blokurunslide a .btn-set .heart-o{ margin-right: 10px; flex: 0 0 43px; height: 25px; background: url( /assets/img/heart-copy.png) center center no-repeat var(--renk2); border-radius: 9px; } .blokurunslide a .btn-set .basket-o{ flex: 0 0 43px; height: 25px; background: url( /assets/img/basket-copy.png) center center no-repeat var(--renk2); border-radius: 9px; } .blokurunslide:hover a{ border-color:var(--renk1) } .blokurunslide .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .blokurunslide .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .blokurunslide .stars .item svg{ width:20px; display:block; margin-right:-3px } .blokurunslide .stars .item.active{ color:var(--renk2) } @media only screen and (max-width: 960px) { .blokurunslide a{ display:block } .blokurunslide a .img{ flex:none; display:table; } .blokurunslide a .text{ flex:none; display:table; } } .mobileStaticBlue{ display:none; background: var(--renk1); padding: 10px; position: fixed; bottom: 0; z-index: 999; /*box-shadow: rgb(0 0 0 / 35%) 0px 5px 50px;*/ width: 100%; /*border-top-left-radius:40px; border-top-right-radius:40px;*/ border-radius:40px; } .mobileStaticBlue .container{ width: 100%; max-width: 100%; } .mobileStaticBlue .container .row{ justify-content: center; align-items: center; font-size: 19px; border-radius: 25px; border:1px solid #FFF; } .mobileStaticBlue .container .row a{ text-decoration:none!important; color:var(--renk1); } .mobileStaticBlue .container .row p{ font-weight: 500!important; color: #FFF; margin-bottom:0px; font-size:14px!important; } .mobileStaticBlue .container .row .mobileTwoContent{ font-family: 'Ubuntu',sans-serif; font-weight: 700; color: #FFF; text-align: center; display: flex; justify-content: left; align-items: center; padding-left:0; padding-right:0; } .mobileStaticBlue .container .row .mobileThreeContent{ font-family: 'Ubuntu',sans-serif; font-weight: 700; color: #FFF; text-align: center; font-size: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .mobileStaticBlue .container .row .mobileTwoContent .mobileCartContainer{ border-radius: 25px; border: 4px solid #FFF; background: #FFF; display: flex; justify-content: center; align-items: center; /*box-shadow: rgb(0 0 0 / 35%) 0px 5px 50px;*/ /*padding:5px;*/ width:100%; } .mobileStaticBlue .container .row .mobileTwoContent .mobileCartContainer p{ color:var(--renk1); } .mobileStaticBlue .container .row .mobileTwoContent .mobileCartContainer svg{ width: 30px; height: 30px; color: var(--renk1); } /*@media (max-width:992px) { .mobileStaticBlue{ display:block } }*/ #girisYapDiv .modal-dialog{ max-width:970px } #girisYapDiv .modal-body{ padding:0 15px } #girisYapDiv .close{ position:absolute; top:20px; right:20px; z-index:1 } #girisYapDiv .col-xs-12{ padding:0 !important } #girisYapDiv .left-side{ padding:40px 65px; height:100% } #girisYapDiv .left-side .line{ margin:0 -30px 20px } #girisYapDiv .right-side{ background:var(--renk2); padding:40px 45px; height:100%; border-radius:0 11px 11px 0 } #girisYapDiv .right-side h1{ font-size:24px; font-weight:700; color:#fff; margin-bottom:0 } #girisYapDiv .right-side p{ font-size:16px; color:#fff; margin-bottom:30px } #girisYapDiv .right-side ul{ display:flex; flex-wrap:wrap } #girisYapDiv .right-side ul li{ flex:1 1 0; min-width:45%; max-width:50%; margin-bottom:20px } #girisYapDiv .right-side ul li .icon{ display:flex; justify-content:center; align-items:center; background:var(--renk1); border-radius:10px; height:90px } #girisYapDiv .right-side ul li .icon img{ display:block } #girisYapDiv .right-side ul li:nth-child(2n){ margin-left:20px } #girisYapDiv .right-side .btn-set{ display:flex; justify-content:center; margin-top:53px } #girisYapDiv .right-side .btn-set .btn.btn-primary{ background:var(--renk1); padding:5px 70px; font-size:16px; font-weight:700; color:#fff; height:52px; border:none; display:flex; align-items:center } #girisYapDiv .left-side h1{ font-size:24px; font-weight:700; color:var(--renk1); margin-bottom:0 } #girisYapDiv .left-side p{ font-size:16px; color:#7b7b7b; margin-bottom:30px } #girisYapDiv .form .form-group label{ font-size:14px; color:#939393; margin-bottom:0 } #girisYapDiv .form .form-group input,#girisYapDiv .form .form-group select,#girisYapDiv .form .form-group textarea{ color:#939393; background:#f6f6f6; height:55px; border-radius:5px; border:1px solid #e2e3e8 } #girisYapDiv .form .form-group input::placeholder,#girisYapDiv .form .form-group select::placeholder,#girisYapDiv .form .form-group textarea::placeholder{ color:#939393 } #girisYapDiv .form .form-group select{ cursor:pointer; width:100%; padding-left:10px; appearance:none; background:url( /assets/img/select-down-arrow2.png) right center no-repeat #f6f6f6 } #girisYapDiv .form .form-group textarea{ height:220px } #girisYapDiv .form .form-group.fg-gsm input{ padding-left:45px; background:url( /assets/img/user.png) 20px center no-repeat #f6f6f6 } #girisYapDiv .form .form-group.fg-pw input{ padding-left:45px; background:url( /assets/img/lock.png) 20px center no-repeat #f6f6f6 } #girisYapDiv .form .form-group p{ font-size:12px; color:#9e9e9f; text-align:left } #girisYapDiv .form .form-group p a{ color:var(--renk1) } #girisYapDiv .form .btn-set{ margin-bottom:15px } #girisYapDiv .form .btn-set .btn.btn-login,#girisYapDiv .form .btn-set .btn.btn-sign{ background:var(--renk1); display:block; border-radius:5px; height:55px; color:#fff; width:100%; font-size:16px; font-weight:700; box-sizing:border-box } #girisYapDiv .form .custom-control-input:checked ~ .custom-control-label:before{ background:var(--renk1); border-color:var(--renk1) } #girisYapDiv .form .custom-control-label{ font-size:12px; color:#9e9e9f; padding:3px 0 } #girisYapDiv .form .custom-control-label a{ color:var(--renk1) } #girisYapDiv .form .custom-control-label:before{ border-radius:0; border:2px solid #caced7 } #girisYapDiv .form .forgot-password{ font-size:12px; color:#9e9e9f; display:block; padding:3px } #girisYapDiv .button-set{ display:flex } #girisYapDiv .button-set a{ flex:1 1 0; border:2px solid #eef0f5; border-radius:5px; display:flex } #girisYapDiv .button-set a .icon{ border-right:2px solid #eef0f5; flex:0 0 46px; width:46px; height:48px; display:flex; justify-content:center; align-items:center } #girisYapDiv .button-set a .icon img{ display:block; pointer-events:none } #girisYapDiv .button-set a .text{ padding:11px 20px 9px; display:flex; flex-wrap:wrap } #girisYapDiv .button-set a .text span.bold{ flex:0 0 100%; display:block; font-size:16px; font-weight:700; color:#9b9b9b; line-height:14px } #girisYapDiv .button-set a .text span.thin{ flex:0 0 100%; display:block; font-size:12px; color:#c5c6c7; line-height:14px } #girisYapDiv .button-set a+a{ margin-left:8px } .user-sidebar{ flex:1 1 0; max-width:280px; margin-right:15px } .user-sidebar .user-contact{ width:100%; padding:20px; margin-bottom:15px; border-radius:10px; background:#eef0f5; display:flex; justify-content:center; align-items:center } .user-sidebar .user-contact .img{ display:flex; margin-right:15px; justify-content:center; align-items:center; width:60px; height:60px; border-radius:60px; background:var(--renk2); color:#fff } .user-sidebar .user-contact .img svg{ display:block; width:35px; height:35px } .user-sidebar .user-contact .name{ font-size:16px; font-weight:700; color:#7c7c7c } .user-sidebar .user-menu{ padding:15px 0; border-radius:10px; background:#eef0f5 } .user-sidebar .user-menu ul li a{ display:flex; transition:.4s; font-size:14px; color:#7d7f81; align-items:center; padding:5px 20px } .user-sidebar .user-menu ul li a .icon{ flex:0 0 20px; margin-right:5px } .user-sidebar .user-menu ul li a .icon img{ display:block } .user-sidebar .user-menu ul li a span{ display:block } .user-sidebar .user-menu ul li.active a,.user-sidebar .user-menu ul li:hover a{ color:var(--renk2) } @media (max-width:992px) { .user-sidebar{ margin-bottom: 20px; margin-right: 0; } } .uyelikbilgilerim{ flex:1 1 0; max-width:calc(100% - 285px); border:1px solid #eef0f5; border-radius:10px; padding:40px 30px } .uyelikbilgilerim h1{ font-size:16px; font-weight:700; color:#7c7c7c; text-align:center; margin-bottom:20px } .uyelikbilgilerim .form{ width:650px; margin:0 auto; max-width: 100%; } .uyelikbilgilerim .form .form-group label{ font-size:11px; color:#a2a2a2; margin-bottom:0 } .uyelikbilgilerim .form .form-group .form-control{ background:#eef0f5; border:none; padding:15px; font-size:12px; color:var(--renk2) } .uyelikbilgilerim .form .form-group .form-control::placeholder{ color:var(--renk2) } .uyelikbilgilerim .form .form-group select.form-control{ -webkit-appearance:none; cursor:pointer; appearance:none; background:url( /assets/img/select-down-arrow.png) right center no-repeat #fff; font-size:12px; color:#a2a2a2; padding:2px 8px } .uyelikbilgilerim .form .form-group .gender-area{ display:flex } .uyelikbilgilerim .form .form-group .gender-area .gender-box{ padding:5px 10px; background:#eef0f5; border-radius:5px; flex:0 0 auto; display:flex } .uyelikbilgilerim .form .form-group .date-area{ display:flex } .uyelikbilgilerim .form .form-group .date-area .date-box{ flex:0 0 100%; padding:5px 10px; background:#eef0f5; border-radius:5px; display:flex } .uyelikbilgilerim .form .form-group .date-area .date-box .form-control{ height:25px; border:1px solid #d1d1d1 } .uyelikbilgilerim .form .form-group .date-area .date-box .form-control:nth-child(1){ flex:3 3 0; margin-right:10px } .uyelikbilgilerim .form .form-group .date-area .date-box .form-control:nth-child(2){ flex:5 5 0; margin-right:10px } .uyelikbilgilerim .form .form-group .date-area .date-box .form-control:nth-child(3){ flex:4 4 0 } .uyelikbilgilerim .form .form-group .form-check{ padding-left:0; margin-right:10px } .uyelikbilgilerim .form .form-group .form-check .form-check-input{ opacity:0 } .uyelikbilgilerim .form .form-group .form-check .form-check-label{ cursor:pointer; font-size:14px; font-weight:300; color:#aaaaaa; padding-left:0; padding-right:20px } .uyelikbilgilerim .form .form-group .form-check .form-check-label:before{ content:""; position:absolute; width:13px; height:13px; border:none; border-radius:0; left:initial; right:0; top:50%; transform:translateY(-50%); border-radius:2px; background:transparent; opacity:1; transition:.4s; border:1px solid #c8ccd5 } .uyelikbilgilerim .form .form-group .form-check .form-check-label:after{ content:""; opacity:0; position:absolute; width:13px; height:13px; border-radius:2px; left:initial; right:0; top:50%; transform:translateY(-50%); background:var(--renk2); transition:.4s } .uyelikbilgilerim .form .form-group .form-check .form-check-input:checked ~ .form-check-label:before{ opacity:0 } .uyelikbilgilerim .form .form-group .form-check .form-check-input:checked ~ .form-check-label:after{ opacity:1 } .uyelikbilgilerim .form .form-group .custom-control{ padding-left:1.25rem } .uyelikbilgilerim .form .form-group .custom-control-label:before{ content:""; position:absolute; width:13px; height:13px; border:none; border-radius:0; left:-1.25rem; top:50%; transform:translateY(-50%); border-radius:2px; background:transparent; opacity:1; transition:.4s; border:1px solid #c8ccd5 } .uyelikbilgilerim .form .form-group .custom-control-label:after{ content:""; opacity:0; position:absolute; width:13px; height:13px; border-radius:2px; left:-1.25rem; top:50%; transform:translateY(-50%); background:var(--renk2); transition:.4s } .uyelikbilgilerim .form .form-group .custom-control-input:checked ~ .custom-control-label:before{ opacity:0 } .uyelikbilgilerim .form .form-group .custom-control-input:checked ~ .custom-control-label:after{ opacity:1 } .uyelikbilgilerim .form .form-group .contract{ font-size:12px; color:#a2a2a2; margin-top:-5px; display:block } .uyelikbilgilerim .form .form-group .contract span{ display:inline-block; color:var(--renk2) } .uyelikbilgilerim .form .form-group button{ font-size:12px; font-weight:700; color:#fff; background:var(--renk2); border:none; padding:10px 40px; border-radius:5px } .kartlarim{ flex:1 1 0; max-width:calc(100% - 285px); border:1px solid #eef0f5; border-radius:10px; padding:40px 30px } .kartlarim .locations-list .list{ display:flex; flex-wrap:wrap } .kartlarim .locations-list .list .left-side{ flex:0 0 200px; margin-right:20px } .kartlarim .locations-list .list .left-side .img{ margin-bottom:5px; position:relative; display:inline-block } .kartlarim .locations-list .list .left-side .img img{ display:block; margin:0 auto; max-width:100% } .kartlarim .locations-list .list .left-side .img .img-text{ position:absolute; left:15px; top:50%; transform:translateY(-50%); font-size:14px; font-weight:700; color:#fff } .kartlarim .locations-list .list .left-side a,.kartlarim .locations-list .list .left-side button{ border:none; width:100%; display:block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .kartlarim .locations-list .list ul{ flex:1 1 0; max-width:calc(100% - 220px); display:flex; flex-wrap:wrap; justify-content:flex-end } .kartlarim .locations-list .list ul li{ margin-left:25px; margin-bottom:25px; position:relative; border:1px solid #babcc0; border-radius:10px; padding:25px; box-sizing:border-box; flex:0 0 290px; max-width:290px; height:135px } .kartlarim .locations-list .list ul li .name{ font-size:14px; font-weight:700; color:var(--renk2); margin-bottom:5px } .kartlarim .locations-list.card-list .list ul li{ height: 120px; padding: 20px 20px 10px 20px; } .kartlarim .locations-list.card-list .list ul li .edit{ bottom: 18px; } .kartlarim .locations-list.card-list .list ul li .name{ margin-bottom: 15px; display: flex; align-items: center; } .kartlarim .locations-list.card-list .list ul li .name span{ display: block; } .kartlarim .locations-list.card-list .list ul li .name span:nth-child(1){ padding-right: 10px; } .kartlarim .locations-list.card-list .list ul li .name span img{ display: block; max-width: 100%; } .kartlarim .locations-list .list ul li .aktifet{ float: left; } .kartlarim .locations-list .list ul li .aktifet button{ font-size:13px; color:#fff; background: var(--renk2); margin-bottom:5px; border: none; padding: 8px 25px; border-radius: 10px; } .kartlarim .locations-list .list ul li .aktifet .bakiye{ display: flex; background: #eef0f5; border-radius: 5px; padding: 8px 10px; } .kartlarim .locations-list .list ul li .aktifet .bakiye span{ display: block; padding: 0 6px; color: var(--renk2); font-size: 14px; } .kartlarim .locations-list .list ul li .aktifet .bakiye span:nth-child(1){ border-right: 1px solid var(--renk2); } .kartlarim .locations-list .list ul li .desc{ font-size:11px; color:#a2a2a2; line-height:14px } .kartlarim .locations-list .list ul li .bill{ font-size:11px; color:#a2a2a2 } .kartlarim .locations-list .list ul li .bill span{ color:var(--renk2) } .kartlarim .locations-list .list ul li .phone{ font-size:11px; color:#a2a2a2 } .kartlarim .locations-list .list ul li .phone span{ color:var(--renk2) } .kartlarim .locations-list .list ul li .edit{ position:absolute; right:10px; bottom:8px; display:flex; justify-content:flex-end; align-items:center } .kartlarim .locations-list .list ul li .edit button{ font-size:10px; color:var(--renk2); border:none; background:transparent; padding:0 5px } .kartlarim .locations-list .list ul li .edit button+button{ border-left:1px solid var(--renk2) } .kartlarim .locations-list .empty-container{ display:none } .kartlarim .locations-list.empty .empty-container{ margin:20px 0; display:block; text-align:center } .kartlarim .locations-list.empty .empty-container .img{ margin-bottom:20px; position:relative; display:inline-block } .kartlarim .locations-list.empty .empty-container .img img{ display:block; margin:0 auto } .kartlarim .locations-list.empty .empty-container .img .img-text{ position:absolute; left:15px; top:50%; transform:translateY(-50%); font-size:22px; font-weight:700; color:#fff } .kartlarim .locations-list.empty .empty-container .text{ text-align:center; padding:0 50px } .kartlarim .locations-list.empty .empty-container .text p{ font-size:18px; line-height:22px; margin-bottom:0; font-weight:500; color:#6c6c6c } .kartlarim .locations-list.empty .empty-container .text p span{ color:var(--renk2); display:block } .kartlarim .locations-list.empty .empty-container .text p.thin{ font-size:16px; color:#6c6c6c; font-weight:300 } .kartlarim .locations-list.empty .empty-container .text a,.kartlarim .locations-list.empty .empty-container .text button{ border:none; margin-top:20px; display:inline-block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .kartlarim .locations-list.empty .list{ display:none } .kartlarimmodal .modal-content{border-radius:12px;border:none} .kartlarimmodal .left-side h1{font-size:24px;font-weight:700;color:var(--renk1);margin-bottom:0} .kartlarimmodal .left-side p{font-size:16px;color:#7b7b7b;margin-bottom:30px} .kartlarimmodal .form .form-group label{font-size:14px;color:#939393;margin-bottom:0} .kartlarimmodal .form .form-group input,.kartlarimmodal .form .form-group select,.kartlarimmodal .form .form-group textarea{color:#939393;background:#f6f6f6;height:55px;border-radius:5px;border:1px solid #e2e3e8} .kartlarimmodal .form .form-group input::placeholder,.kartlarimmodal .form .form-group select::placeholder,.kartlarimmodal .form .form-group textarea::placeholder{color:#939393} .kartlarimmodal .form .form-group select{cursor:pointer;width:100%;padding-left:10px;appearance:none;background:url( /assets/img//select-down-arrow2.png) right center no-repeat #f6f6f6} .kartlarimmodal .form .form-group textarea{height:220px} .kartlarimmodal .form .form-group.fg-gsm input{padding-left:45px;background:url( /assets/img//user.png) 20px center no-repeat #f6f6f6} .kartlarimmodal .form .form-group.fg-pw input{padding-left:45px;background:url( /assets/img//lock.png) 20px center no-repeat #f6f6f6} .kartlarimmodal .form .form-group p{font-size:12px;color:#9e9e9f;text-align:left} .kartlarimmodal .form .form-group p a{color:var(--renk1)} .kartlarimmodal .form .btn-set{margin-bottom:15px} .kartlarimmodal .form .btn-set .btn.btn-login,.kartlarimmodal .form .btn-set .btn.btn-sign{background:var(--renk1);display:block;border-radius:5px;height:55px;color:#fff;width:100%;font-size:16px;font-weight:700;box-sizing:border-box} .kartlarimmodal .form .custom-control-input:checked ~ .custom-control-label:before{background:var(--renk1);border-color:var(--renk1)} .kartlarimmodal .form .custom-control-label{font-size:12px;color:#9e9e9f;padding:3px 0} .kartlarimmodal .form .custom-control-label a{color:var(--renk1)} .kartlarimmodal .form .custom-control-label:before{border-radius:0;border:2px solid #caced7} .kartlarimmodal .form .forgot-password{font-size:12px;color:#9e9e9f;display:block;padding:3px} .kartlarimmodal .button-set{display:flex} .kartlarimmodal .button-set a{flex:1 1 0;border:2px solid #eef0f5;border-radius:5px;display:flex} .kartlarimmodal .button-set a .icon{border-right:2px solid #eef0f5;flex:0 0 46px;width:46px;height:48px;display:flex;justify-content:center;align-items:center} .kartlarimmodal .button-set a .icon img{display:block;pointer-events:none} .kartlarimmodal .button-set a .text{padding:11px 20px 9px;display:flex;flex-wrap:wrap} .kartlarimmodal .button-set a .text span.bold{flex:0 0 100%;display:block;font-size:16px;font-weight:700;color:#9b9b9b;line-height:14px} .kartlarimmodal .button-set a .text span.thin{flex:0 0 100%;display:block;font-size:12px;color:#c5c6c7;line-height:14px} .kartlarimmodal .button-set a+a{margin-left:8px} .kartlarimmodal .modal-dialog{max-width:540px} .kartlarimmodal .modal-body{padding:0} .kartlarimmodal .close{position:absolute;top:20px;right:20px} .kartlarimmodal .left-side{padding:40px 85px} .kartlarimmodal .left-side h1{text-align:center;color:var(--renk2)} .kartlarimmodal .left-side p{text-align:center} .kartlarimmodal .check-line{display:flex;justify-content:center} .kartlarimmodal .check-line .custom-control{padding:0 20px} .kartlarimmodal .check-line .custom-control-label{font-size:12px;color:#9e9e9f;padding:3px 0} .kartlarimmodal .check-line .custom-control-label a{color:var(--renk1)} .kartlarimmodal .check-line .custom-control-label:before{border-radius:10px !important} .kartlarimmodal .end-line{padding:40px 20px;border-radius:0 0 11px 11px;background:var(--renk1);border-top:10px solid var(--renk1);display:flex;justify-content:center;align-items:center} .kartlarimmodal .end-line p{font-size:16px;font-weight:700;color:#fff;margin-bottom:0} .kartlarimmodal .end-line .btn{border-radius:5px;height:55px;background:#fff;font-size:16px;font-weight:700;color:var(--renk1);margin-left:40px;padding:10px 60px;border:none} @media (max-width:767px) { .kartlarim .locations-list .list{ justify-content: center; } .kartlarim .locations-list .list .left-side{ margin-bottom: 20px; } .kartlarim .locations-list .list ul{ flex: 0 0 100%; max-width: 100%; justify-content: center; } .kartlarim .locations-list .list ul li{ margin-left: 0; flex: 0 0 100%; margin-bottom: 20px; max-width: 100%; } } .favorilerim{ flex:1 1 0; max-width:calc(100% - 285px); border:1px solid #eef0f5; border-radius:10px; padding:40px 30px } .favorilerim .favorilerim-top{ margin-bottom:50px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center } .favorilerim .left-side h1{ font-size:16px; font-weight:700; color:#7c7c7c } .favorilerim .left-side .btn-set button{ font-size:14px; color:#fff; background:var(--renk2); padding:8px 24px; border-radius:10px; border:none } .favorilerim .filter{ display:flex; align-items:center } .favorilerim .filter span{ font-size:14px; color:#a2a4a7; display:block; margin-right:15px } .favorilerim .filter .form-control{ -webkit-appearance:none; appearance:none; background:url( /assets/img/select-down-arrow.png) right center no-repeat; cursor:pointer; width:150px; border:1px solid #a2a4a7; border-radius:10px } .favorilerim .favorite-list ul.list{ display:flex; flex-wrap:wrap; width:750px; margin:0 auto; max-width:100% } .favorilerim .favorite-list ul.list li{ flex:1 1 0; min-width:45%; max-width:50%; margin-bottom:15px; position:relative } .favorilerim .favorite-list ul.list li .close{ position:absolute; right:10px; top:10px; color:#000; cursor:pointer } .favorilerim .favorite-list ul.list li .close img{ display:block } .favorilerim .favorite-list ul.list li a{ background:#fff; padding:10px; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:10px; display:flex } .favorilerim .favorite-list ul.list li a .img{ margin-bottom:10px; flex:0 0 120px; height:120px; margin-right:15px } .favorilerim .favorite-list ul.list li a .img img{ display:block; width:100%; height:100%; object-fit:contain } .favorilerim .favorite-list ul.list li a .text{ flex:1 1 0; max-width:calc(100% - 135px) } .favorilerim .favorite-list ul.list li a .name{ font-size:14px; font-weight:700; color:#868686; line-height:16px; margin-bottom:2px } .favorilerim .favorite-list ul.list li a .desc{ font-size:11px; font-weight:300; color:#868686; line-height:12px; margin-bottom:4px } .favorilerim .favorite-list ul.list li a .price{ font-size:26px; line-height:30px; font-weight:700; color:#878787; margin-bottom:12px } .favorilerim .favorite-list ul.list li a .price.discount{ font-size:24px; line-height:24px } .favorilerim .favorite-list ul.list li a .price.discount span{ font-size:14px; font-weight:400; position:relative } .favorilerim .favorite-list ul.list li a .price.discount span:before{ content:""; position:absolute; top:50%; margin-top:-1px; background:rgba(65,120,188,0.52); height:2px; width:100% } .favorilerim .favorite-list ul.list li a .end{ display:flex; justify-content:space-between } .favorilerim .favorite-list ul.list li a .end .basket{ background:var(--renk2); position:relative; border-radius:10px; padding:8px 10px; display:inline-block } .favorilerim .favorite-list ul.list li a .end .basket svg{ width:14px; height:14px; position:absolute; top:50%; margin-top:-8px } .favorilerim .favorite-list ul.list li a .end .basket svg path{ fill:#fff } .favorilerim .favorite-list ul.list li a .end .basket span{ font-size:9px; font-weight:700; color:#fff; display:block; padding-left:20px } .favorilerim .favorite-list ul.list li:nth-child(2n-1){ margin-right:30px } .favorilerim .favorite-list ul.list li:hover a{ border-color:var(--renk1) } .favorilerim .favorite-list .pagination-container{ padding-bottom:0 } .favorilerim .favorite-list .pagination-container .pagination .page-item .page-link{ background:#eef0f5 } .favorilerim .favorite-list .pagination-container .pagination .page-item.active .page-link,.favorilerim .favorite-list .pagination-container .pagination .page-item:hover .page-link{ background:var(--renk2) } .favorilerim .favorite-list .empty-container{ display:none } .favorilerim .favorite-list.empty .empty-container{ margin:200px 0; display:block } .favorilerim .favorite-list.empty .empty-container .img{ margin-bottom:20px } .favorilerim .favorite-list.empty .empty-container .img img{ display:block; margin:0 auto } .favorilerim .favorite-list.empty .empty-container .text{ text-align:center; padding:0 50px } .favorilerim .favorite-list.empty .empty-container .text p{ font-size:18px; line-height:22px; margin-bottom:0; font-weight:500; color:#6c6c6c } .favorilerim .favorite-list.empty .empty-container .text p span{ color:var(--renk2); display:block } .favorilerim .favorite-list.empty .empty-container .text p.thin{ font-size:16px; color:#6c6c6c; font-weight:300 } .favorilerim .favorite-list.empty .empty-container .text a{ margin-top:20px; display:inline-block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .favorilerim .favorite-list.empty ul.list{ display:none } .favorilerim .favorite-list.empty .pagination-container{ display:none } .favorilerim .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .favorilerim .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .favorilerim .stars .item svg{ width:20px; display:block; margin-right:-3px } .favorilerim .stars .item.active{ color:var(--renk2) } @media (max-width:767px) { .favorilerim .favorite-list ul.list li{ flex: 0 0 100%; max-width: 100%;} .favorilerim .favorite-list ul.list li:nth-child(2n-1){ margin-right: 0; } } @media (max-width:479px) { .favorilerim{ padding: 20px; } .favorilerim .favorite-list ul.list li a{ flex-wrap: wrap; justify-content: center; } .favorilerim .favorite-list ul.list li a .img{} .favorilerim .favorite-list ul.list li a .text{ flex: 0 0 100%; max-width: 100%; text-align: center; } .favorilerim .favorite-list ul.list li a .end{ justify-content: center; } } .yorumlarim{ flex:1 1 0; max-width:calc(100% - 285px); border:1px solid #eef0f5; border-radius:10px; padding:40px 30px } .yorumlarim .yorumlarim-top{ margin-bottom:50px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center } .yorumlarim h1{ font-size:16px; font-weight:700; color:#7c7c7c } .yorumlarim .filter{ display:flex; align-items:center } .yorumlarim .filter span{ font-size:14px; color:#a2a4a7; display:block; margin-right:15px } .yorumlarim .filter .form-control{ -webkit-appearance:none; appearance:none; background:url( /assets/img/select-down-arrow.png) right center no-repeat; cursor:pointer; width:150px; border:1px solid #a2a4a7; border-radius:10px } .yorumlarim .comment-list ul.list li{ box-shadow:0 0 32px rgba(0,0,0,0.1); padding:40px 45px; margin-bottom:20px } .yorumlarim .comment-list ul.list li .product{ display:flex; flex-wrap:wrap } .yorumlarim .comment-list ul.list li .product .img{ width:120px; height:120px; flex:1 1 0; margin-right:15px; max-width:120px } .yorumlarim .comment-list ul.list li .product .img img{ display:block; width:100%; height:100%; object-fit:cover } .yorumlarim .comment-list ul.list li .product .body{ flex:1 1 0; max-width:calc(100% - 135px); display:flex } .yorumlarim .comment-list ul.list li .product .body .text{ flex:1 1 0; max-width:180px; margin-right:30px } .yorumlarim .comment-list ul.list li .product .body .text .name{ font-size:13px; font-weight:600; color:#868686; line-height:16px } .yorumlarim .comment-list ul.list li .product .body .text .desc{ font-size:11px; font-weight:300; color:#868686; line-height:12px } .yorumlarim .comment-list ul.list li .product .body .text .end{ border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; margin:8px 0; padding:8px 0 } .yorumlarim .comment-list ul.list li .product .body .text .end .store{ font-size:10px; font-weight:300; color:#868686 } .yorumlarim .comment-list ul.list li .product .body .text .date{ font-size:10px; font-weight:300; color:#868686 } .yorumlarim .comment-list ul.list li .product .body .product-comment{ flex:1 1 0; max-width:calc(100% - 210px); padding:15px 20px; border:1px solid #babcc0; border-radius:10px } .yorumlarim .comment-list ul.list li .product .body .product-comment .head{ display:flex } .yorumlarim .comment-list ul.list li .product .body .product-comment .head h2{ font-size:12px; font-weight:700; margin-right:15px; color:#000; transition:.4s } .yorumlarim .comment-list ul.list li .product .body .product-comment .head h2.active{ color:var(--renk2) } .yorumlarim .comment-list ul.list li .product .body .product-comment p{ font-size:9px; font-weight:300; color:#868686 } .yorumlarim .comment-list ul.list li .product .body .product-comment .pro-comment{ display:none } .yorumlarim .comment-list ul.list li .product .body .product-comment .pro-comment.open{ display:block } .yorumlarim .comment-list ul.list li .product .body .product-comment .store-comment{ display:none } .yorumlarim .comment-list ul.list li .product .body .product-comment .store-comment.open{ display:block } .yorumlarim .comment-list ul.list li:nth-last-child(1){ margin-bottom:0 } .yorumlarim .comment-list .pagination-container{ padding-bottom:0 } .yorumlarim .comment-list .pagination-container .pagination .page-item .page-link{ background:#eef0f5 } .yorumlarim .comment-list .pagination-container .pagination .page-item.active .page-link,.yorumlarim .comment-list .pagination-container .pagination .page-item:hover .page-link{ background:var(--renk2) } .yorumlarim .comment-list .empty-container{ display:none } .yorumlarim .comment-list.empty .empty-container{ margin:200px 0; display:block } .yorumlarim .comment-list.empty .empty-container .img{ margin-bottom:20px } .yorumlarim .comment-list.empty .empty-container .img img{ display:block; margin:0 auto } .yorumlarim .comment-list.empty .empty-container .text{ text-align:center; padding:0 50px } .yorumlarim .comment-list.empty .empty-container .text p{ font-size:18px; line-height:22px; margin-bottom:0; font-weight:500; color:#6c6c6c } .yorumlarim .comment-list.empty .empty-container .text p span{ color:var(--renk2); display:block } .yorumlarim .comment-list.empty .empty-container .text p.thin{ font-size:16px; color:#6c6c6c; font-weight:300 } .yorumlarim .comment-list.empty .empty-container .text a{ margin-top:20px; display:inline-block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .yorumlarim .comment-list.empty ul.list{ display:none } .yorumlarim .comment-list.empty .pagination-container{ display:none } .yorumlarim .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .yorumlarim .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .yorumlarim .stars .item svg{ width:20px; display:block; margin-right:-3px } .yorumlarim .stars .item.active{ color:var(--renk2) } .hesabimsorucevap{ flex:1 1 0; max-width:calc(100% - 285px); border:1px solid #eef0f5; border-radius:10px; padding:40px 30px } .hesabimsorucevap .hesabimsorucevap-top{ margin-bottom:50px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center } .hesabimsorucevap h1{ font-size:16px; font-weight:700; color:#7c7c7c } .hesabimsorucevap .filter{ display:flex; align-items:center } .hesabimsorucevap .filter span{ font-size:14px; color:#a2a4a7; display:block; margin-right:15px } .hesabimsorucevap .filter .form-control{ -webkit-appearance:none; appearance:none; background:url( /assets/img/select-down-arrow.png) right center no-repeat; cursor:pointer; width:150px; border:1px solid #a2a4a7; border-radius:10px } .hesabimsorucevap .comment-list ul.list li{ box-shadow:0 0 32px rgba(0,0,0,0.1); padding:40px 45px; margin-bottom:20px } .hesabimsorucevap .comment-list ul.list li .product{ display:flex; flex-wrap:wrap } .hesabimsorucevap .comment-list ul.list li .product .img{ width:120px; height:120px; flex:1 1 0; margin-right:15px; max-width:120px } .hesabimsorucevap .comment-list ul.list li .product .img img{ display:block; width:100%; height:100%; object-fit:cover } .hesabimsorucevap .comment-list ul.list li .product .body{ flex:1 1 0; max-width:calc(100% - 135px); display:flex } .hesabimsorucevap .comment-list ul.list li .product .body .text{ flex:1 1 0; max-width:180px; margin-right:30px } .hesabimsorucevap .comment-list ul.list li .product .body .text .name{ font-size:13px; font-weight:600; color:#868686; line-height:16px } .hesabimsorucevap .comment-list ul.list li .product .body .text .desc{ font-size:11px; font-weight:300; color:#868686; line-height:12px } .hesabimsorucevap .comment-list ul.list li .product .body .text .end{ border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; margin:8px 0; padding:8px 0 } .hesabimsorucevap .comment-list ul.list li .product .body .text .end .store{ font-size:10px; font-weight:300; color:#868686 } .hesabimsorucevap .comment-list ul.list li .product .body .text .date{ font-size:10px; font-weight:300; color:#868686 } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment{ flex:1 1 0; max-width:calc(100% - 210px); padding:15px 20px; border:1px solid #babcc0; border-radius:10px } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment .head{ display:flex } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment .head h2{ font-size:12px; font-weight:700; margin-right:15px; color:#000; transition:.4s } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment .head h2.active{ color:var(--renk2) } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment p{ font-size:9px; font-weight:300; color:#868686 } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment .pro-comment{ display:none } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment .pro-comment.open{ display:block } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment .store-comment{ display:none } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment .store-comment.open{ display:block } .hesabimsorucevap .comment-list ul.list li:nth-last-child(1){ margin-bottom:0 } .hesabimsorucevap .comment-list .pagination-container{ padding-bottom:0 } .hesabimsorucevap .comment-list .pagination-container .pagination .page-item .page-link{ background:#eef0f5 } .hesabimsorucevap .comment-list .pagination-container .pagination .page-item.active .page-link,.hesabimsorucevap .comment-list .pagination-container .pagination .page-item:hover .page-link{ background:var(--renk2) } .hesabimsorucevap .comment-list .empty-container{ display:none } .hesabimsorucevap .comment-list.empty .empty-container{ margin:200px 0; display:block } .hesabimsorucevap .comment-list.empty .empty-container .img{ margin-bottom:20px } .hesabimsorucevap .comment-list.empty .empty-container .img img{ display:block; margin:0 auto } .hesabimsorucevap .comment-list.empty .empty-container .text{ text-align:center; padding:0 50px } .hesabimsorucevap .comment-list.empty .empty-container .text p{ font-size:18px; line-height:22px; margin-bottom:0; font-weight:500; color:#6c6c6c } .hesabimsorucevap .comment-list.empty .empty-container .text p span{ color:var(--renk2); display:block } .hesabimsorucevap .comment-list.empty .empty-container .text p.thin{ font-size:16px; color:#6c6c6c; font-weight:300 } .hesabimsorucevap .comment-list.empty .empty-container .text a{ margin-top:20px; display:inline-block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .hesabimsorucevap .comment-list.empty ul.list{ display:none } .hesabimsorucevap .comment-list.empty .pagination-container{ display:none } .hesabimsorucevap .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .hesabimsorucevap .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .hesabimsorucevap .stars .item svg{ width:20px; display:block; margin-right:-3px } .hesabimsorucevap .stars .item.active{ color:var(--renk2) } @media (max-width:767px) { .hesabimsorucevap .comment-list ul.list li .product .body{ flex-wrap: wrap; } .hesabimsorucevap .comment-list ul.list li .product .body .text{ flex: 0 0 100%; margin-bottom: 15px; max-width: 100%; margin-right: 0; } .hesabimsorucevap .comment-list ul.list li .product .body .product-comment{ flex: 0 0 100%; max-width: 100%; } .hesabimsorucevap .comment-list ul.list li .close{ transform: translate(30px,-30px);} } @media (max-width:479px) { .hesabimsorucevap{ padding: 20px; } .hesabimsorucevap .comment-list ul.list li{ padding: 20px; } .hesabimsorucevap .comment-list ul.list li .product{ justify-content: center; } .hesabimsorucevap .comment-list ul.list li .product .img{ margin-bottom: 20px; } .hesabimsorucevap .comment-list ul.list li .product .body{ flex: 0 0 100%; max-width: 100%; } .hesabimsorucevap .comment-list ul.list li .close{ transform: translate(10px,-10px);} } .hesaimsiparislerim .hesaimsiparislerim-top{ margin-bottom:50px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center } .hesaimsiparislerim .left-side h1{ font-size:16px; font-weight:700; color:#7c7c7c } .hesaimsiparislerim .left-side .btn-set button{ font-size:14px; color:#fff; background:var(--renk2); padding:8px 24px; border-radius:10px; border:none } .hesaimsiparislerim .filter{ display:flex; align-items:center } .hesaimsiparislerim .filter span{ font-size:14px; color:#a2a4a7; display:block; margin-right:15px } .hesaimsiparislerim .filter .form-control{ -webkit-appearance:none; appearance:none; background:url( /assets/img/select-down-arrow.png) right center no-repeat; cursor:pointer; width:150px; border:1px solid #a2a4a7; border-radius:10px } .hesaimsiparislerim .order-list ul.list{ display:flex; flex-wrap:wrap } .hesaimsiparislerim .order-list ul.list li{ flex:1 1 0; min-width:22%; max-width:24%; margin-bottom:15px } .hesaimsiparislerim .order-list ul.list li a{ display:block; transition:.4s; height:400px; box-sizing:border-box; padding:15px; border:1px solid #fff; background:#fff; border-radius:10px; box-shadow:0 0 32px rgba(0,0,0,0.1) } .hesaimsiparislerim .order-list ul.list li a .img{ margin-bottom:10px; height:220px } .hesaimsiparislerim .order-list ul.list li a .img img{ display:block; width:100%; height:100%; object-fit:contain } .hesaimsiparislerim .order-list ul.list li a .name{ font-size:16px; font-weight:700; color:#868686; line-height:16px; margin-bottom:2px } .hesaimsiparislerim .order-list ul.list li a .desc{ font-size:12px; font-weight:300; color:#868686; line-height:12px; margin-bottom:4px } .hesaimsiparislerim .order-list ul.list li a .price{ font-size:30px; line-height:30px; font-weight:700; color:#878787; margin-bottom:12px } .hesaimsiparislerim .order-list ul.list li a .price.discount{ font-size:24px; line-height:24px } .hesaimsiparislerim .order-list ul.list li a .price.discount span{ font-size:14px; font-weight:400; position:relative } .hesaimsiparislerim .order-list ul.list li a .price.discount span:before{ content:""; position:absolute; top:50%; margin-top:-1px; background:rgba(65,120,188,0.52); height:2px; width:100% } .hesaimsiparislerim .order-list ul.list li a .end{ display:flex; justify-content:space-between } .hesaimsiparislerim .order-list ul.list li a .end .basket{ background:var(--renk2); position:relative; border-radius:10px; padding:8px 10px; display:inline-block } .hesaimsiparislerim .order-list ul.list li a .end .basket svg{ width:14px; height:14px; position:absolute; top:50%; margin-top:-8px } .hesaimsiparislerim .order-list ul.list li a .end .basket svg path{ fill:#fff } .hesaimsiparislerim .order-list ul.list li a .end .basket span{ font-size:9px; font-weight:700; color:#fff; display:block; padding-left:20px } .hesaimsiparislerim .order-list ul.list li:nth-child(4n-2){ margin-left:15px } .hesaimsiparislerim .order-list ul.list li:nth-child(4n-1){ margin-left:15px } .hesaimsiparislerim .order-list ul.list li:nth-child(4n){ margin-left:15px } .hesaimsiparislerim .order-list ul.list li:hover a{ border-color:var(--renk1) } .hesaimsiparislerim .order-list .new-list .list-container{ background:#fff; box-sizing:border-box; padding:20px; border-radius:15px; box-shadow:0 0 30px rgba(0,0,0,0.16) } .hesaimsiparislerim .order-list .new-list .list-container .head{ font-size:18px; padding:10px 15px; border-radius:15px; color:var(--renk2); font-weight:700; background:#ebedf2; margin-bottom:20px } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item{ display:flex; flex-wrap:wrap; margin-bottom:20px } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .img{ width:160px; flex:0 0 160px; height:160px; overflow:hidden; border-radius:10px } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .img img{ display:block; width:100%; height:100%; object-fit:cover } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text{ flex:0 0 calc(100% - 160px); box-sizing:border-box; padding-left:15px } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .up{ display:flex; align-items:center; justify-content:space-between } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .up .stars{ margin-right:20px; align-items:center } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .up .stars .item{ margin-bottom:0 } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .up button{ margin-left:10px; font-size:16px; padding:5px 10px; border:none; font-weight:700; border-radius:15px; color:var(--renk2) } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .in{ padding:10px 0 } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .in .name{ font-size:18px; font-weight:bold; color:#868686; margin-bottom:5px } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .in a{ color:#868686 } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .in .desc{ font-size:14px; font-weight:300; color:#868686; margin-bottom:5px } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .in .piece-price{ display:flex; align-items:center } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .in .piece{ display:block; margin-right:15px; font-size:16px; color:#878787; font-weight:bold; padding:5px 10px; background:#ebedf2; border-radius:10px } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .in .price{ display:block; font-size:28px; color:#878787; font-weight:bold } .hesaimsiparislerim .order-list .new-list .list-container .lower-info{ padding:10px 0; border-top:1px solid #868686 } .hesaimsiparislerim .order-list .new-list .list-container .lower-info .links{ display:flex; justify-content:flex-end; margin-bottom:10px } .hesaimsiparislerim .order-list .new-list .list-container .lower-info .links a{ font-size:14px; display:block; padding:5px 10px; margin-left:10px; color:#9f9f9f; background:#ebedf2; border-radius:10px } .hesaimsiparislerim .order-list .new-list .list-container .lower-info .left-info p{ font-size:14px; color:#868686; margin-bottom:0 } .hesaimsiparislerim .order-list .new-list .list-container .lower-info .left-info p strong{ font-weight:bold } .hesaimsiparislerim .order-list .new-list .list-container .lower-info .right-info{ text-align:right } .hesaimsiparislerim .order-list .new-list .list-container .lower-info .right-info p{ font-size:14px; color:#868686; margin-bottom:0 } .hesaimsiparislerim .order-list .pagination-container{ padding-bottom:0 } .hesaimsiparislerim .order-list .pagination-container .pagination .page-item .page-link{ background:#eef0f5 } .hesaimsiparislerim .order-list .pagination-container .pagination .page-item.active .page-link,.hesaimsiparislerim .order-list .pagination-container .pagination .page-item:hover .page-link{ background:var(--renk2) } .hesaimsiparislerim .order-list .empty-container{ display:none } .hesaimsiparislerim .order-list.empty .empty-container{ margin:200px 0; display:block } .hesaimsiparislerim .order-list.empty .empty-container .img{ margin-bottom:20px } .hesaimsiparislerim .order-list.empty .empty-container .img img{ display:block; margin:0 auto } .hesaimsiparislerim .order-list.empty .empty-container .text{ text-align:center; padding:0 50px } .hesaimsiparislerim .order-list.empty .empty-container .text p{ font-size:18px; line-height:22px; margin-bottom:0; font-weight:500; color:#6c6c6c } .hesaimsiparislerim .order-list.empty .empty-container .text p span{ color:var(--renk2); display:block } .hesaimsiparislerim .order-list.empty .empty-container .text p.thin{ font-size:16px; color:#6c6c6c; font-weight:300 } .hesaimsiparislerim .order-list.empty .empty-container .text a{ margin-top:20px; display:inline-block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .hesaimsiparislerim .order-list.empty ul.list{ display:none } .hesaimsiparislerim .order-list.empty .pagination-container{ display:none } .hesaimsiparislerim .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .hesaimsiparislerim .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .hesaimsiparislerim .stars .item svg{ width:20px; display:block; margin-right:-3px } .hesaimsiparislerim .stars .item.active{ color:var(--renk2) } @media (max-width:479px) { .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .img{ margin-bottom: 20px; flex: 0 0 100%; max-width: 100%; width: 100%; } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text{ flex: 0 0 100%; max-width: 100%; padding-left: 0; } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .up{ justify-content: center; flex-wrap: wrap; } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .up .star{ margin-bottom: 0; } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .up .btn-set{ flex: 0 0 100%; display: flex; flex-wrap: wrap; justify-content: center; } .hesaimsiparislerim .order-list .new-list .list-container .repeat-container .item .text .up .btn-set button{ margin-left: 0; margin-bottom: 10px; } .hesaimsiparislerim .order-list .new-list .list-container .lower-info .links{ flex-wrap: wrap; justify-content: center; } .hesaimsiparislerim .order-list .new-list .list-container .lower-info .links a{ margin-bottom: 15px; margin-left: 0; } } .hesabimadreslerim{ flex:1 1 0; max-width:calc(100% - 285px); border:1px solid #eef0f5; border-radius:10px; padding:40px 30px } .hesabimadreslerim .locations-list .list{ display:flex; flex-wrap:wrap } .hesabimadreslerim .locations-list .list .left-side{ flex:0 0 200px; margin-right:20px } .hesabimadreslerim .locations-list .list .left-side .img{ margin-bottom:5px; position:relative; display:inline-block } .hesabimadreslerim .locations-list .list .left-side .img img{ display:block; margin:0 auto; max-width:100% } .hesabimadreslerim .locations-list .list .left-side .img .img-text{ position:absolute; left:15px; top:50%; transform:translateY(-50%); font-size:14px; font-weight:700; color:#fff } .hesabimadreslerim .locations-list .list .left-side a,.hesabimadreslerim .locations-list .list .left-side button{ border:none; width:100%; display:block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .hesabimadreslerim .locations-list .list ul{ flex:1 1 0; max-width:calc(100% - 220px); display:flex; flex-wrap:wrap; justify-content:flex-end } .hesabimadreslerim .locations-list .list ul li{ margin-left:25px; margin-bottom:25px; position:relative; border:1px solid #babcc0; border-radius:10px; padding:25px; box-sizing:border-box; flex:0 0 290px; max-width:290px; height:135px } .hesabimadreslerim .locations-list .list ul li .name{ font-size:14px; font-weight:700; color:var(--renk2); margin-bottom:5px } .hesabimadreslerim .locations-list.card-list .list ul li{ height: 110px; padding: 20px 20px 10px 20px; } .hesabimadreslerim .locations-list.card-list .list ul li .edit{ bottom: 18px; } .hesabimadreslerim .locations-list.card-list .list ul li .name{ margin-bottom: 15px; display: flex; align-items: center; } .hesabimadreslerim .locations-list.card-list .list ul li .name span{ display: block; } .hesabimadreslerim .locations-list.card-list .list ul li .name span:nth-child(1){ padding-right: 10px; } .hesabimadreslerim .locations-list.card-list .list ul li .name span img{ display: block; max-width: 100%; } .hesabimadreslerim .locations-list .list ul li .aktifet{ float: left; } .hesabimadreslerim .locations-list .list ul li .aktifet button{ font-size:13px; color:#fff; background: var(--renk2); margin-bottom:5px; border: none; padding: 8px 25px; border-radius: 10px; } .hesabimadreslerim .locations-list .list ul li .aktifet .bakiye{ display: flex; background: #eef0f5; border-radius: 5px; padding: 8px 10px; } .hesabimadreslerim .locations-list .list ul li .aktifet .bakiye span{ display: block; padding: 0 6px; color: var(--renk2); font-size: 14px; } .hesabimadreslerim .locations-list .list ul li .aktifet .bakiye span:nth-child(1){ border-right: 1px solid var(--renk2); } .hesabimadreslerim .locations-list .list ul li .desc{ font-size:11px; color:#a2a2a2; line-height:14px } .hesabimadreslerim .locations-list .list ul li .bill{ font-size:11px; color:#a2a2a2 } .hesabimadreslerim .locations-list .list ul li .bill span{ color:var(--renk2) } .hesabimadreslerim .locations-list .list ul li .phone{ font-size:11px; color:#a2a2a2 } .hesabimadreslerim .locations-list .list ul li .phone span{ color:var(--renk2) } .hesabimadreslerim .locations-list .list ul li .edit{ position:absolute; right:10px; bottom:8px; display:flex; justify-content:flex-end; align-items:center } .hesabimadreslerim .locations-list .list ul li .edit button{ font-size:10px; color:var(--renk2); border:none; background:transparent; padding:0 5px } .hesabimadreslerim .locations-list .list ul li .edit button+button{ border-left:1px solid var(--renk2) } .hesabimadreslerim .locations-list .empty-container{ display:none } .hesabimadreslerim .locations-list.empty .empty-container{ margin:20px 0; display:block; text-align:center } .hesabimadreslerim .locations-list.empty .empty-container .img{ margin-bottom:20px; position:relative; display:inline-block } .hesabimadreslerim .locations-list.empty .empty-container .img img{ display:block; margin:0 auto } .hesabimadreslerim .locations-list.empty .empty-container .img .img-text{ position:absolute; left:15px; top:50%; transform:translateY(-50%); font-size:22px; font-weight:700; color:#fff } .hesabimadreslerim .locations-list.empty .empty-container .text{ text-align:center; padding:0 50px } .hesabimadreslerim .locations-list.empty .empty-container .text p{ font-size:18px; line-height:22px; margin-bottom:0; font-weight:500; color:#6c6c6c } .hesabimadreslerim .locations-list.empty .empty-container .text p span{ color:var(--renk2); display:block } .hesabimadreslerim .locations-list.empty .empty-container .text p.thin{ font-size:16px; color:#6c6c6c; font-weight:300 } .hesabimadreslerim .locations-list.empty .empty-container .text a,.hesabimadreslerim .locations-list.empty .empty-container .text button{ border:none; margin-top:20px; display:inline-block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .hesabimadreslerim .locations-list.empty .list{ display:none } .adreslerim{ padding:30px 0 } .adreslerim .hesabimadreslerim{ max-width:calc(100% - 350px); padding:0 30px } .adreslerim .hesabimadreslerim .list .left-side{ flex:0 0 100%; margin-bottom:20px } .adreslerim .hesabimadreslerim .list .left-side button{ width:200px } .adreslerim .hesabimadreslerim .list .left-side .head-2{ text-align:center; border:none; width:100%; display:block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .adreslerim .hesabimadreslerim .list ul{ max-width:100%; justify-content:flex-start } .adreslerim .hesabimadreslerim .list ul li{ margin-left:0; height:auto; margin-right:25px; flex:0 0 calc(50% - 25px); max-width:calc(50% - 25px); position:relative } .adreslerim .hesabimadreslerim .list ul li .checked-box{ position:absolute; right:12px; top:12px } .adreslerim .hesabimadreslerim .list ul li .checked-box input{ position:absolute; visibility:hidden; opacity:0; width:0; height:0; pointer-events:none } .adreslerim .hesabimadreslerim .list ul li .checked-box input:checked ~ label:after{ opacity:1 } .adreslerim .hesabimadreslerim .list ul li .checked-box label{ display:block; width:38px; height:38px; cursor:pointer } .adreslerim .hesabimadreslerim .list ul li .checked-box label:before{ content:""; position:absolute; top:0; right:0; display:block; width:25px; height:25px; /*background:var(--renk2);*/ border-radius:10px; border: 2px solid var(--renk2); } .adreslerim .hesabimadreslerim .list ul li .checked-box label:after{ content:""; position:absolute; top:0; right:0; display:block; width:25px; height:25px; background:url(/assets/img/adres-check.png) center center no-repeat; background-size:14px; opacity:0 } .adreslerim .hesabimadreslerim .list ul li .name{ font-size:20px; line-height:22px } .adreslerim .hesabimadreslerim .list ul li .desc{ font-size:16px; line-height:18px } .adreslerim .hesabimadreslerim .list ul li .bill{ font-size:16px; line-height:18px } .adreslerim .hesabimadreslerim .list ul li .phone{ font-size:16px; line-height:18px } .adreslerim .hesabimadreslerim .list .standings{ flex:0 0 100%; text-align:center; margin-bottom:20px } .adreslerim .hesabimadreslerim .list .standings .head{ font-size:20px; color:var(--renk2); font-weight:700 } .adreslerim .hesabimadreslerim .list .standings p{ font-size:16px; color:#a2a2a2 } .adreslerim .hesabimadreslerim .list .standings .points{ font-size:16px; color:#b5b5b5; font-weight:300; background:#fff; border-radius:10px; padding:10px; text-align:center } .adreslerim .hesabimadreslerim .list .standings input,.adreslerim .hesabimadreslerim .list .standings select{ border:none; margin-bottom:20px; display:block; background:#fff; border-radius:10px; height:38px; width:100%; box-sizing:border-box; padding:10px } .adreslerim .hesabimadreslerim .list .standings select{ cursor:pointer; appearance:none; background:url( /assets/img/select-down-arrow.png) right center no-repeat #fff } .modal#adreslerimModal .modal-dialog{ max-width:810px } .modal#adreslerimModal .modal-content{ border-radius:10px } .modal#adreslerimModal .modal-body{ padding:60px 85px } .modal#adreslerimModal h2{ text-align:center; font-size:16px; font-weight:700; color:#7c7c7c } .modal#adreslerimModal .form .form-group label{ font-size:11px; color:#a2a2a2; margin-bottom:0 } .modal#adreslerimModal .form .form-group .form-control{ background:#eef0f5; border-radius:5px; height:35px; font-size:11px; color:var(--renk2); border:none } .modal#adreslerimModal .form .form-group .form-control::placeholder{ color:var(--renk2) } .modal#adreslerimModal .form .form-group select.form-control{ -webkit-appearance:none; appearance:none; background:url( /assets/img/select-down-arrow.png) right center no-repeat; cursor:pointer; border:1px solid #a2a2a2 } .modal#adreslerimModal .form .form-group textarea.form-control{ background:#fff; padding:16px; color:#a2a2a2; border:1px solid #babcc0; height:115px } .modal#adreslerimModal .form .individual-corporate-area{ display:flex } .modal#adreslerimModal .form .individual-corporate-area .individual-corporate-box{ padding:5px 25px; background:#eef0f5; border-radius:5px; flex:0 0 auto; display:flex } .modal#adreslerimModal .form .individual-corporate-area .individual-corporate-box .form-check{ padding-left:20px; margin-right:20px } .modal#adreslerimModal .form .individual-corporate-area .individual-corporate-box .form-check .form-check-input{ opacity:0 } .modal#adreslerimModal .form .individual-corporate-area .individual-corporate-box .form-check .form-check-label{ cursor:pointer; font-size:14px; font-weight:300; color:#aaaaaa; padding-left:0 } .modal#adreslerimModal .form .individual-corporate-area .individual-corporate-box .form-check .form-check-label:before{ content:""; position:absolute; width:13px; height:13px; border:none; border-radius:0; left:0; top:50%; transform:translateY(-50%); border-radius:2px; background:transparent; opacity:1; transition:.4s; border:1px solid #c8ccd5 } .modal#adreslerimModal .form .individual-corporate-area .individual-corporate-box .form-check .form-check-label:after{ content:""; opacity:0; position:absolute; width:13px; height:13px; border-radius:2px; left:0; top:50%; transform:translateY(-50%); background:var(--renk2); transition:.4s } .modal#adreslerimModal .form .individual-corporate-area .individual-corporate-box .form-check .form-check-input:checked ~ .form-check-label:before{ opacity:0 } .modal#adreslerimModal .form .individual-corporate-area .individual-corporate-box .form-check .form-check-input:checked ~ .form-check-label:after{ opacity:1 } .modal#adreslerimModal .form .individual-corporate-area .individual-corporate-box .form-check+.form-check{ margin-right:0 } .modal#adreslerimModal .form .submit-btn{ border:none; font-size:12px; font-weight:700; color:#fff; height:35px; padding:0 50px; background:var(--renk2); border-radius:5px } #faturaBilgi{ pointer-events:none; opacity:0; width:0; height:0 } #faturaBilgi ~ label{ display:block; cursor:pointer; padding-left:30px; padding-top:2px; position:relative; font-size:14px; color:#a2a2a2 } #faturaBilgi ~ label:before{ content:""; position:absolute; top:0; left:0; display:block; width:25px; height:25px; /*background:var(--renk2);*/ border-radius:10px; border: 2px solid var(--renk2); } #faturaBilgi ~ label:after{ content:""; position:absolute; top:0; left:0; display:block; width:25px; height:25px; background:url( /assets/img/adres-check.png) center center no-repeat; background-size:14px; opacity:0 } #faturaBilgi:checked ~ label:after{ opacity:1 } @media (max-width:767px) { .hesabimadreslerim .locations-list .list{ justify-content: center; } .hesabimadreslerim .locations-list .list .left-side{ margin-bottom: 20px; } .hesabimadreslerim .locations-list .list ul{ flex: 0 0 100%; max-width: 100%; justify-content: center; } .hesabimadreslerim .locations-list .list ul li{ margin-left: 0; flex: 0 0 100%; margin-bottom: 20px; max-width: 100%; } } .hesabimsifredegis{ flex:1 1 0; max-width:calc(100% - 285px); border:1px solid #eef0f5; border-radius:10px; padding:40px 30px } .hesabimsifredegis h1{ font-size:16px; font-weight:700; color:#7c7c7c; text-align:center; margin-bottom:20px } .hesabimsifredegis .form{ width:300px; margin:0 auto; max-width: 100%; } .hesabimsifredegis .form .form-group label{ font-size:11px; color:#a2a2a2; margin-bottom:0 } .hesabimsifredegis .form .form-group .form-control{ background:#eef0f5; border:none; padding:15px; font-size:12px; color:var(--renk2) } .hesabimsifredegis .form .form-group .form-control::placeholder{ color:var(--renk2) } .hesabimsifredegis .form .form-group button{ font-size:12px; font-weight:700; color:#fff; background:var(--renk2); border:none; padding:10px 40px; border-radius:5px } .sepetimodeme{ padding:30px 0 } .sepetimodeme .locations-content{ max-width:calc(100% - 350px); padding:0 30px } .sepetimodeme .locations-content .list .left-side{ flex:0 0 100%; margin-bottom:20px } .sepetimodeme .locations-content .list .left-side button{ width:200px } .sepetimodeme .locations-content .list .left-side .head-2{ text-align:center; border:none; width:100%; display:block; padding:10px 40px; background:var(--renk2); border-radius:10px; color:#fff; font-size:14px } .sepetimodeme .locations-content .list ul{ max-width:100%; justify-content:flex-start } .sepetimodeme .locations-content .list ul li{ margin-left:0; height:auto; margin-right:25px; flex:0 0 calc(50% - 25px); max-width:calc(50% - 25px); position:relative } .sepetimodeme .locations-content .list ul li .checked-box{ position:absolute; right:12px; top:12px } .sepetimodeme .locations-content .list ul li .checked-box input{ position:absolute; visibility:hidden; opacity:0; width:0; height:0; pointer-events:none } .sepetimodeme .locations-content .list ul li .checked-box input:checked ~ label:after{ opacity:1 } .sepetimodeme .locations-content .list ul li .checked-box label{ display:block; width:38px; height:38px; cursor:pointer } .sepetimodeme .locations-content .list ul li .checked-box label:before{ content:""; position:absolute; top:0; right:0; display:block; width:25px; height:25px; /*background:var(--renk2);*/ border-radius:10px; border: 2px solid var(--renk2); } .sepetimodeme .locations-content .list ul li .checked-box label:after{ content:""; position:absolute; top:0; right:0; display:block; width:25px; height:25px; background:url(/assets/img/adres-check.png) center center no-repeat; background-size:14px; opacity:0 } .sepetimodeme .locations-content .list ul li .name{ font-size:20px; line-height:22px } .sepetimodeme .locations-content .list ul li .desc{ font-size:16px; line-height:18px } .sepetimodeme .locations-content .list ul li .bill{ font-size:16px; line-height:18px } .sepetimodeme .locations-content .list ul li .phone{ font-size:16px; line-height:18px } .sepetimodeme .locations-content .list .standings{ flex:0 0 100%; text-align:center; margin-bottom:20px } .sepetimodeme .locations-content .list .standings .head{ font-size:20px; color:var(--renk2); font-weight:700 } .sepetimodeme .locations-content .list .standings p{ font-size:16px; color:#a2a2a2 } .sepetimodeme .locations-content .list .standings .points{ font-size:16px; color:#b5b5b5; font-weight:300; background:#fff; border-radius:10px; padding:10px; text-align:center } .sepetimodeme .locations-content .list .standings input,.sepetimodeme .locations-content .list .standings select{ border:none; margin-bottom:20px; display:block; background:#fff; border-radius:10px; height:38px; width:100%; box-sizing:border-box; padding:10px } .sepetimodeme .locations-content .list .standings select{ cursor:pointer; appearance:none; background:url( /assets/img/select-down-arrow.png) right center no-repeat #fff } .sepetimodemeurunler{ flex:1 1 0; max-width:350px; box-sizing:border-box } .sepetimodemeurunler .list{ background:#fff; padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:15px } .sepetimodemeurunler .list .head{ font-size:18px; font-weight:700; color:#777777; text-align:center; margin-bottom:10px } .sepetimodemeurunler .list ul li{ position:relative; display:flex; padding:10px 0; flex-wrap:wrap; border-bottom:1px solid #ccc } .sepetimodemeurunler .list ul li .close{ position:absolute; right:-15px; top:-5px; color:#467bbe; opacity:1; font-size:14px; font-weight:bold; padding:5px; cursor:pointer } .sepetimodemeurunler .list ul li .img{ flex:0 0 90px; height:90px; border-radius:15px; overflow:hidden } .sepetimodemeurunler .list ul li .img img{ display:block; width:100%; height:100%; object-fit:cover } .sepetimodemeurunler .list ul li .text-artic{ flex:0 0 calc(100% - 90px); display:flex; align-items:center; box-sizing:border-box; padding:0 0 0 10px } .sepetimodemeurunler .list ul li .text-artic .centered{ width:100% } .sepetimodemeurunler .list ul li .text-artic p{ font-size:13px; line-height:18px; color:#868686; font-weight:500; display:block; margin:0 } .sepetimodemeurunler .list ul li .text-artic p.discount{ font-size:14px; color:#bcbdbd; text-decoration:line-through } .sepetimodemeurunler .list ul li .text-artic .price .piece{ background:#fff; border-radius:10px; color:#474747; font-weight:bold; font-size:14px } .sepetimodemeurunler .list ul li .text-artic .price .money{ font-size:14px; color:var(--renk2); font-weight:bold } .sepetimodemeurunler .list ul li:nth-last-child(1){ margin-bottom:0; border-bottom:0 } .sepetimodemeurunler .adres-info{ position:relative; padding:25px 0; box-sizing:border-box; flex:0 0 100%; max-width:100%; height:135px } .sepetimodemeurunler .adres-info .name{ font-size:14px; font-weight:700; color:var(--renk2); margin-bottom:5px } .sepetimodemeurunler .adres-info .desc{ font-size:11px; color:#a2a2a2; line-height:14px } .sepetimodemeurunler .adres-info .bill{ font-size:11px; color:#a2a2a2 } .sepetimodemeurunler .adres-info .bill span{ color:var(--renk2) } .sepetimodemeurunler .adres-info .phone{ font-size:11px; color:#a2a2a2 } .sepetimodemeurunler .adres-info .phone span{ color:var(--renk2) } .sepetimodemeurunler .adres-info .edit{ position:absolute; right:10px; bottom:8px; display:flex; justify-content:flex-end; align-items:center } .sepetimodemeurunler .adres-info .edit button{ font-size:10px; color:var(--renk2); border:none; background:transparent; padding:0 5px } .sepetimodemeurunler .adres-info .edit button+button{ border-left:1px solid var(--renk2) } .sepetimodemeurunler .contract-information input{ position:absolute; visibility:hidden; opacity:0; width:0; height:0; pointer-events:none } .sepetimodemeurunler .contract-information input:checked ~ label:after{ opacity:1 } .sepetimodemeurunler .contract-information label{ display:block; width:100%; cursor:pointer; position:relative } .sepetimodemeurunler .contract-information label span,.sepetimodemeurunler .contract-information label b{ display:block; color:#a2a2a2; font-size:12px } .sepetimodemeurunler .contract-information label span:nth-child(1),.sepetimodemeurunler .contract-information label b:nth-child(1){ color:var(--renk2); font-weight:bold; position:absolute; z-index:9; display:inline-block } .sepetimodemeurunler .contract-information label span:nth-child(2),.sepetimodemeurunler .contract-information label b:nth-child(2){ padding-top:18px; position:relative; z-index:5 } .sepetimodemeurunler .contract-information label:before{ content:""; position:absolute; top:0; right:0; display:block; width:24px; height:24px; /*background:var(--renk2);*/ border-radius:10px; border: 2px solid var(--renk2); } .sepetimodemeurunler .contract-information label:after{ content:""; position:absolute; top:0; right:0; display:block; width:24px; height:24px; background:url( /assets/img/adres-check.png) center center no-repeat; background-size:12px; opacity:0 } .sepetimodemeurunler .total{ padding:10px 0 0 0 } .sepetimodemeurunler .total p{ font-size:22px; margin:0; font-weight:bold; color:#727272; display:flex; justify-content:space-between } .sepetimodemeurunler .total p span.piece{ color:var(--renk2) } .sepetimodemeurunler .basket{ padding-top:20px } .sepetimodemeurunler .basket a{ display:block; background:var(--renk2); border-radius:15px; color:#fff; text-align:center; font-size:20px; font-weight:bold; padding:10px } .payment-success-container .head .img,.odemesonuc .head .img{ margin-bottom:10px } .payment-success-container .head .img img,.odemesonuc .head .img img{ display:block; margin:0 auto } .payment-success-container .head h2,.odemesonuc .head h2{ font-size:24px; font-weight:700; margin-bottom:10px; color:#8b8b8b; text-align:center } .payment-success-container .order-number,.odemesonuc .order-number{ display:flex; justify-content:center; margin-bottom:15px } .payment-success-container .order-number p,.odemesonuc .order-number p{ margin-bottom:0; box-shadow:0 0 32px rgba(0,0,0,0.1); font-size:14px; color:var(--renk2); padding:10px 50px; border-radius:10px; background:#fff } .payment-success-container .products,.odemesonuc .products{ box-shadow:0 0 32px rgba(0,0,0,0.1); border-radius:10px; background:#fff; padding:30px 65px; width:720px; box-sizing:border-box; margin:0 auto 20px; max-width:100% } .payment-success-container .products h3,.odemesonuc .products h3{ font-size:20px; font-weight:700; color:#777777; margin-bottom:20px } .payment-success-container .products ul li,.odemesonuc .products ul li{ display:flex; text-align:center; padding:10px; align-items:center } .payment-success-container .products ul li .bold,.odemesonuc .products ul li .bold{ flex:1 1 0; font-size:20px; font-weight:700; margin-bottom:10px; color:#777777 } .payment-success-container .products ul li .bold.colored,.odemesonuc .products ul li .bold.colored{ color:var(--renk2); margin-bottom:0 } .payment-success-container .products ul li span,.odemesonuc .products ul li span{ display:block } .payment-success-container .products ul li .img,.odemesonuc .products ul li .img{ flex:1 1 0; max-width:107px; height:111px; padding:10px } .payment-success-container .products ul li .img img,.odemesonuc .products ul li .img img{ display:block; width:100%; height:100%; object-fit:contain } .payment-success-container .products ul li .name,.odemesonuc .products ul li .name{ flex:1 1 0; padding:10px } .payment-success-container .products ul li .name .thin,.odemesonuc .products ul li .name .thin{ font-size:14px; line-height:16px; font-weight:300; color:var(--renk2) } .payment-success-container .products ul li .piece,.odemesonuc .products ul li .piece{ flex:1 1 0; padding:10px } .payment-success-container .products ul li .amount,.odemesonuc .products ul li .amount{ flex:1 1 0; padding:10px } .payment-success-container .products ul li+li,.odemesonuc .products ul li+li{ border-top:1px solid #eef0f5 } .payment-success-container .total-amount,.odemesonuc .total-amount{ display:flex; justify-content:center; margin-bottom:65px } .payment-success-container .total-amount .btn,.odemesonuc .total-amount .btn{ display:block; border:none; background:var(--renk2); color:#fff; border-radius:10px; padding:10px 25px; text-align:center } .payment-success-container .total-amount .btn .thin,.odemesonuc .total-amount .btn .thin{ font-size:16px; font-weight:700; padding:0 5px; border-bottom:1px solid #fff; display:inline-block } .payment-success-container .total-amount .btn .bold,.odemesonuc .total-amount .btn .bold{ font-size:35px; font-weight:700; display:block } .odemesonuc .head h2{ color:#ea0d0d } .odemesonuc .order-number p{ color:#777777 } .odemesonuc .order-number p span{ color:#ea0d0d } @media (max-width:767px) { .payment-success-container .products, .odemesonuc .products{ padding: 20px; } .payment-success-container .products ul li, .odemesonuc .products ul li{ flex-wrap: wrap; } .odemesonuc .products ul li .img{ } .odemesonuc .products ul li .name{} .odemesonuc .products ul li .min-amount{} .odemesonuc .products ul li .piece{} .odemesonuc .products ul li .amount{} } @media (max-width:479px) { .odemesonuc .products h3{ text-align: center; } .payment-success-container .products ul li+li .odemesonuc .products ul li+li{ border-top: 1px solid #aaa; } .payment-success-container .products ul li .img, .odemesonuc .products ul li .img{flex: 0 0 100%;max-width: 100%; height: 140px; } .payment-success-container .products ul li .name, .odemesonuc .products ul li .name{ flex: 0 0 100%; } .payment-success-container .products ul li .min-amount, .odemesonuc .products ul li .min-amount{ flex: 0 0 100%; } .payment-success-container .products ul li .piece, .odemesonuc .products ul li .piece{ flex: 0 0 100%; } .payment-success-container .products ul li .amount, .odemesonuc .products ul li .amount{ flex: 0 0 100%; } } .urunliste .list{ flex:0 0 calc(100% - 295px); max-width:calc(100% - 295px); margin-bottom:15px } .urunliste .list ul.product-set{ display:flex; flex-wrap:wrap } .urunliste .list ul.product-set li{ flex:1 1 0; min-width:22%; max-width:24%; margin-bottom:15px } .urunliste .list ul.product-set li a{ display:block; transition:.4s; height:430px; box-sizing:border-box; padding:15px; border:1px solid #fff; background:#fff; border-radius:10px; box-shadow:0 0 32px rgba(0,0,0,0.1) } .urunliste .list ul.product-set li a .img{ margin-bottom:10px; height:220px } .urunliste .list ul.product-set li a .img img{ display:block; width:100%; height:100%; object-fit:contain } .urunliste .list ul.product-set li a .name{ font-size:16px; font-weight:700; color:#868686; line-height:16px; margin-bottom:2px } .urunliste .list ul.product-set li a .desc{ font-size:12px; font-weight:300; color:#868686; line-height:12px; margin-bottom:4px } .urunliste .list ul.product-set li a .price{ font-size:30px; line-height:30px; font-weight:700; color:#878787; margin-bottom:12px } .urunliste .list ul.product-set li a .price.discount{ font-size:24px; line-height:24px } .urunliste .list ul.product-set li a .price.discount span{ font-size:14px; font-weight:400; position:relative } .urunliste .list ul.product-set li a .price.discount span:before{ content:""; position:absolute; top:50%; margin-top:-1px; background:rgba(65,120,188,0.52); height:2px; width:100% } .urunliste .list ul.product-set li a .end{ display:flex; justify-content:space-between } .urunliste .list ul.product-set li a .end .basket{ background:var(--renk2); position:relative; border-radius:10px; padding:8px 10px; display:inline-block } .urunliste .list ul.product-set li a .end .basket svg{ width:14px; height:14px; position:absolute; top:50%; margin-top:-8px } .urunliste .list ul.product-set li a .end .basket svg path{ fill:#fff } .urunliste .list ul.product-set li a .end .basket span{ font-size:9px; font-weight:700; color:#fff; display:block; padding-left:20px } .urunliste .list ul.product-set li:nth-child(4n-2){ margin-left:15px } .urunliste .list ul.product-set li:nth-child(4n-1){ margin-left:15px } .urunliste .list ul.product-set li:nth-child(4n){ margin-left:15px } .urunliste .list ul.product-set li:hover a{ border-color:var(--renk1) } .urunliste .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .urunliste .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .urunliste .stars .item svg{ width:20px; display:block; margin-right:-3px } .urunliste .stars .item.active{ color:var(--renk2) } @media (max-width:992px) { .urunliste .list ul.product-set{ padding: 15px; } .urunliste .list ul.product-set li:nth-child(4n-2), .urunliste .list ul.product-set li:nth-child(4n-1), .urunliste .list ul.product-set li:nth-child(4n){ margin-left: 0; } .urunliste .list ul.product-set li{ min-width: 31%; max-width: 32%; } .urunliste .list ul.product-set li:nth-child(3n-1){ margin-left: 15px; } .urunliste .list ul.product-set li:nth-child(3n){ margin-left: 15px; } } @media (max-width:767px) { .urunliste .list ul.product-set li:nth-child(3n-1){ margin-left: 0px; } .urunliste .list ul.product-set li:nth-child(3n){ margin-left: 0px; } .urunliste .list ul.product-set li{ min-width: 47%; max-width: 50%; } .urunliste .list ul.product-set li:nth-child(2n){ margin-left: 15px; } } @media (max-width:479px) { .urunliste .list ul.product-set li:nth-child(2n){ margin-left: 0px; } .urunliste .list ul.product-set li{ flex: 0 0 100%; max-width: 100%; margin-left: 0; } } .sayfanumara{ padding:20px 0 } .sayfanumara .pagination{ justify-content:center } .sayfanumara .pagination .page-item{ font-size:18px; color:#868686 } .sayfanumara .pagination .page-item .page-link{ transition:.4s; border:none; color:#868686; background:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center; width:50px; height:50px } .sayfanumara .pagination .page-item .page-link svg{ width:13px; height:13px } .sayfanumara .pagination .page-item:nth-child(1) .page-link{ transform:rotate(180deg) } .sayfanumara .pagination .page-item+.page-item{ margin-left:15px } .sayfanumara .pagination .page-item:hover .page-link,.sayfanumara .pagination .page-item.active .page-link{ background:var(--renk2); color:#fff } .urundetay{ background:#fff; border-radius:10px; padding:35px 50px; margin:30px -15px 20px } .urundetay .product-gallery{ flex:1 1 0; max-width:45%; margin-right:45px } .urundetay .product-gallery .gallery-top{ border-radius:10px; margin-bottom:25px } .urundetay .product-gallery .gallery-top .swiper-slide a{ display:block } .urundetay .product-gallery .gallery-top .swiper-slide a img{ display:block; width:100%; height:100%; object-fit:cover } .urundetay .product-gallery .gallery-thumbs .swiper-slide{ cursor:pointer; border:1px solid #cacdd2; border-radius:3px } .urundetay .product-gallery .gallery-thumbs .swiper-slide img{ display:block; width:100%; height:100%; object-fit:cover } .urundetay .product-gallery .gallery-thumbs .swiper-slide-thumb-active{ border-color:var(--renk2) } .urundetay .product-details{ flex:1 1 0; max-width:55% } .urundetay .product-details h1{ font-size:20px; font-weight:700; color:#777777 } .urundetay .product-details .store p{ display:inline-block; font-size:14px; font-weight:500; color:#777777; padding:5px 10px; border-radius:4px; background:#f2f2f2 } .urundetay .product-details .store p span.colored,.urundetay .product-details .store p a.colored{ color:var(--renk2) } .urundetay .product-details .comment-value{ display:flex; flex-wrap:wrap; align-items:center; margin-bottom:30px } .urundetay .product-details .comment-value span{ font-size:14px; font-weight:500; color:#acacac; padding-right:5px } .urundetay .product-details .discount{ font-size:24px; font-weight:700; line-height:20px; color:#b3b3b3 } .urundetay .product-details .discount span{ display:inline-block; position:relative } .urundetay .product-details .discount span:before{ content:""; position:absolute; top:50%; width:100%; height:2px; background:#878787; margin-top:-1px } .urundetay .product-details .price{ font-size:35px; line-height:40px; padding-bottom:16px; font-weight:700; color:#898787; border-bottom:2px solid #eef0f5 } .urundetay .product-details .cargo{ border-bottom:2px solid #eef0f5; padding:30px 0 } .urundetay .product-details .cargo p{ font-size:12px; line-height:20px; font-weight:700; color:#878787; margin-bottom:0; display:flex; align-items:center } .urundetay .product-details .cargo p span.colored{ color:var(--renk2) } .urundetay .product-details .cargo p img{ display:block } .urundetay .product-details .cargo p.thin{ font-size:11px; line-height:16px; color:#bababa; font-weight:400 } .urundetay .product-details .piece-basket{ border-bottom:2px solid #eef0f5; padding:30px 0; display:flex; flex-wrap:wrap; justify-content:space-between } .urundetay .product-details .piece-basket .piece{ border:1px solid #babcc0; border-radius:10px; padding:5px 0; position:relative; display:flex } .urundetay .product-details .piece-basket .piece:before { content: ""; position: absolute; background: #efefef; width: 20px; height: 42px; top: 5px; right: 30px; border-radius: 0 5px 5px 0; pointer-events: none; } .urundetay .product-details .piece-basket .piece .minus{ width:30px; cursor:pointer; height:100%; display:block; position:relative } .urundetay .product-details .piece-basket .piece .minus:before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:16px; height:2px; background:#d6d6d6 } .urundetay .product-details .piece-basket .piece input{ font-size: 23px; font-weight:700; color:var(--renk2); text-align:center; padding: 5px 5px 17px 18px; border:none; background:#efefef; border-radius:5px; width:65px; height:42px; box-sizing:border-box; } .urundetay .product-details .piece-basket .piece span{ pointer-events:none; font-size:12px; color:#b2b2b2; position:absolute; bottom:5px; left:50%; transform:translateX(-50%) } .urundetay .product-details .piece-basket .piece .plus{ width:30px; cursor:pointer; height:100%; display:block; position:relative } .urundetay .product-details .piece-basket .piece .plus:before{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:16px; height:2px; background:#d6d6d6 } .urundetay .product-details .piece-basket .piece .plus:after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2px; height:16px; background:#d6d6d6 } .urundetay .product-details .piece-basket .basket{ display:flex; align-items:center; background:var(--renk2); padding:8px 20px; border-radius:10px; border:none; color:#fff } .urundetay .product-details .piece-basket .basket svg{ width:24px; height:24px; display:block; margin-right:10px } .urundetay .product-details .piece-basket .basket span{ font-size:14px; color:#fff; font-weight:500 } .urundetay .product-details .share-favorite{ display:flex; /* flex-wrap:wrap; */ justify-content:space-between; padding:20px 0; } .urundetay .product-details .share-favorite .share{ background: var(--renk2); border-radius:5px; padding:0 5px; display:flex; align-items:center; padding: 10px 15px; } .urundetay .product-details .share-favorite .share span{ padding:5px; color: #fff; font-size: 13px; font-weight: 700; } .urundetay .product-details .share-favorite .share span img{ display: block; max-width: 100%; width: 30px; } .urundetay .product-details .share-favorite .share span svg{ display: block; max-width: 100%; width: 30px; } .urundetay .product-details .share-favorite .share a{ display:block; padding:5px; color:#787878; background: #fff; margin: 0 4px; border-radius: 5px; } .urundetay .product-details .share-favorite .share a svg{ display:block; width:20px; height:20px } .urundetay .product-details .share-favorite .favorite{ display:flex; flex-wrap: wrap; align-items:center; justify-content: center; font-size:14px; font-weight:300; color:#777777; width: 80px; text-align: center; } .urundetay .product-details .share-favorite .favorite img{ display:block; } .urundetay .product-details .product-features-comments{ display:flex; border-radius:10px; overflow:hidden } .urundetay .product-details .product-features-comments a{ transition:.4s; flex:1 1 0; padding:20px 10px; display:flex; justify-content:center; align-items:center; background:#f2f2f2; font-size:14px; color:var(--renk2) } .urundetay .product-details .product-features-comments a svg{ transition:.4s; display:block; width:17px; height:17px; margin-left:10px } .urundetay .product-details .product-features-comments a:hover svg{ transform:translateX(15px) } .urundetay .product-details .product-features-comments .features{ position:relative } .urundetay .product-details .product-features-comments .features:before{ content:""; position:absolute; right:-1px; top:10px; bottom:10px; width:2px; background:#cbcbcb } .urundetay .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .urundetay .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .urundetay .stars .item svg{ width:20px; display:block; margin-right:-3px } .urundetay .stars .item.active{ color:var(--renk2) } .urundetay .varyanlar{border: 1px solid #898787;padding: 15px 30px;border-radius: 15px;} .urundetay .size-text{ font-size: 16px; padding:20px 0 5px; font-weight: 400; color:#898787; } .urundetay .size-box ul{ display:flex; flex-wrap:wrap } .urundetay .size-box ul li{ margin-right:10px; margin-bottom: 10px; } .urundetay .size-box ul li a{ padding:5px 10px; display:block; min-width:40px; font-size: 14px; border-radius:5px; /* font-weight:bold; */ color:#898787; background:transparent; text-align:center; transition:.4s; border:1px solid #898787; } .urundetay .size-box ul li.active a{ background:var(--renk2); color:#fff; border-color:var(--renk2) } @media (max-width:992px) { .urundetay{ margin-right: 0 !important; padding: 15px 30px; } } @media (max-width:767px) { .urundetay .product-gallery, .urundetay .product-details{ flex: 0 0 100%; max-width: 100%; } } .urundetay_tab{ margin:0 -15px; display:flex } .urundetay_tab .nav-item{ flex:1 1 0 } .urundetay_tab .nav-item .nav-link{ display:flex; border:none; border-radius:0; justify-content:center; align-items:center; padding:15px; font-size:18px; font-weight:500; color:#f2f2f2; background:#a6a6a6; transition:.4s } .urundetay_tab .nav-item .nav-link:hover,.urundetay_tab .nav-item .nav-link.active{ background:var(--renk2) } .urundetay_tab .nav-item:nth-child(1) a{ border-radius:10px 0 0 0 } .urundetay_tab .nav-item:nth-last-child(1) a{ border-radius:0 10px 0 0 } .tab-content{ margin:0 -15px 20px; background:#fff; border-radius:0 0 10px 10px } .tab-content .tab-pane{ padding:50px 40px } .tab-content .tab-pane h3{ font-size:14px; font-weight:700; color:#7c7a7a; margin-bottom:15px } .tab-content .tab-pane p{ font-size:14px; line-height:16px; font-weight:500; /*color:#c0b9b9;*/ margin-bottom:15px } .tab-content .tab-pane ul,.tab-content .tab-pane ol{ margin-bottom:15px } .tab-content .tab-pane ul li,.tab-content .tab-pane ol li{ font-size:14px; line-height:16px; font-weight:500; /*color:#c0b9b9*/ } .tab-content .tab-pane .tab-pane-top{ display:flex; flex-wrap:wrap; justify-content:space-between } .tab-content .tab-pane .tab-pane-top .review-product{ flex:1 1 0; max-width:400px } .tab-content .tab-pane .tab-pane-top .review-product p{ font-size:16px; font-weight:700; color:#9d9c9c } .tab-content .tab-pane .tab-pane-top .review-product .store-area{ font-size:24px; font-weight:700; color:var(--renk2); margin:-10px 0 -5px } .tab-content .tab-pane .tab-pane-top .review-product .product-area a{ display:block; padding:10px; display:flex; flex-wrap:wrap } .tab-content .tab-pane .tab-pane-top .review-product .product-area a .img{ height:120px; width:120px; flex:0 0 120px; margin-right:10px } .tab-content .tab-pane .tab-pane-top .review-product .product-area a .img img{ display:block; width:100%; height:100%; object-fit:cover } .tab-content .tab-pane .tab-pane-top .review-product .product-area a .text{ flex:1 1 0; max-width:calc(100% - 120px) } .tab-content .tab-pane .tab-pane-top .review-product .product-area a .text .name{ font-size:20px; line-height:18px; font-weight:700; color:#777777 } .tab-content .tab-pane .tab-pane-top .review-product .product-area a .text .discount{ display:block; font-size:13px; line-height:16px; margin:5px 0; font-weight:700; color:#bcbdbd } .tab-content .tab-pane .tab-pane-top .review-product .product-area a .text .discount span{ position:relative; display:inline-block } .tab-content .tab-pane .tab-pane-top .review-product .product-area a .text .discount span:before{ content:""; display:block; background:#878787; height:1px; position:absolute; left:-5px; right:-5px; top:50% } .tab-content .tab-pane .tab-pane-top .review-product .product-area a .text .price{ display:block; font-size:22px; line-height:17px; font-weight:700; margin-bottom:5px; color:#878787 } .tab-content .tab-pane .tab-pane-top .btn-set{ flex:1 1 0; max-width:240px; display:flex; flex-wrap:wrap; align-items:center } .tab-content .tab-pane .tab-pane-top .btn-set .btn-comment{ margin-bottom:10px; width:240px; flex:0 0 240px; height:65px; color:#fff; display:flex; align-items:center; justify-content:center; border:none; background:var(--renk2); border-radius:10px } .tab-content .tab-pane .tab-pane-top .btn-set .btn-comment svg{ display:block; width:25px; height:25px; margin-right:10px } .tab-content .tab-pane .tab-pane-top .btn-set .btn-comment span{ display:block } .tab-content .tab-pane .tab-pane-top .btn-set .btn-basket{ width:240px; flex:0 0 240px; height:65px; color:#fff; display:flex; align-items:center; justify-content:center; border:none; background:var(--renk2); border-radius:10px } .tab-content .tab-pane .tab-pane-top .btn-set .btn-basket svg{ display:block; width:25px; height:25px; margin-right:10px } .tab-content .tab-pane .tab-pane-top .btn-set .btn-basket span{ display:block } .tab-content .tab-pane .map{ overflow:hidden; border-radius:15px; margin-bottom:15px } .tab-content .tab-pane .map iframe{ height:400px; width:100% } .tab-content .tab-pane .location-list ul li{ background:#eef0f5; border-radius:10px; padding:20px 40px; margin-bottom:15px; display:flex } .tab-content .tab-pane .location-list ul li .icon{ margin-right:15px; flex:0 0 46px } .tab-content .tab-pane .location-list ul li .icon img{ display:block } .tab-content .tab-pane .location-list ul li .text{ display:flex; justify-content:space-between; flex:0 0 calc(100% - 61px) } .tab-content .tab-pane .location-list ul li .text .head{ font-size:18px; font-weight:700; color:var(--renk2); margin-bottom:10px } .tab-content .tab-pane .location-list ul li .text p{ font-size:18px; font-weight:500; color:#8e8e8e; margin-bottom:5px } .tab-content .tab-pane .pagination-container .pagination .page-item .page-link{ background:#eef0f5 } .tab-content .tab-pane .pagination-container .pagination .page-item.active .page-link,.tab-content .tab-pane .pagination-container .pagination .page-item:hover .page-link{ background:var(--renk2) } @media (max-width:992px) { .urundetay_tab, .tab-content{ margin-right: 0; } } @media (max-width:479px) { .urundetay_tab .nav-item{ flex: 0 0 100%; } .urundetay_tab .nav-item:nth-child(1) a{ border-radius: 10px 10px 0 0; } .urundetay_tab .nav-item:nth-last-child(1) a{ border-radius: 0 0 10px 10px; } } .urundetay-yorum{ width:100%; margin:0 auto; max-width:100%; padding:20px 0 } .urundetay-yorum li{ position:relative; background:#f2f2f2; padding:20px 60px; margin-bottom:60px; border-radius:15px } .urundetay-yorum li .profile-img{ position:absolute; left:-30px; color:#fff; top:-30px; width:60px; height:60px; background:var(--renk2); border-radius:60px; display:flex; align-items:center; justify-content:center; overflow:hidden } .urundetay-yorum li .profile-img svg{ display:block; width:25px; height:25px } .urundetay-yorum li .profile-img img{ display:block; width:100%; height:100%; object-fit:cover } .urundetay-yorum li .star-date{ margin-bottom:15px } .urundetay-yorum li .star-date .date{ font-size:13px; color:#9e9e9e } .urundetay-yorum li .star-date .top{ font-size:16px; color:#817f7f; font-weight:700; margin-bottom:10px } .urundetay-yorum li .star-date p{ font-size:13px; color:#817f7f; margin-bottom:15px } .urundetay-yorum li .star-date .name-location{ font-size:16px; font-weight:700; color:#797979 } .urundetay-yorum li .star-date .seller{ font-size:11px; font-weight:500 } .urundetay-yorum li .star-date .seller span{ color:#797979 } .urundetay-yorum li .star-date .seller a{ display:inline-block; color:var(--renk2) } .urundetay-yorum li .star-date .useful{ position:absolute; right:70px; bottom:-15px } .urundetay-yorum li .star-date .useful p{ font-size:11px; font-weight:700; color:#8a8a8a; margin-bottom:0; text-align:center } .urundetay-yorum li .star-date .useful .btn-set{ display:flex } .urundetay-yorum li .star-date .useful .btn-set .yes{ display:block; border:none; padding:8px 20px; border-radius:10px 0 0 10px; background:var(--renk2); color:#fff; font-size:11px; font-weight:700 } .urundetay-yorum li .star-date .useful .btn-set .no{ margin-left:-10px; display:block; border:none; padding:8px 20px; border-radius:10px; background:var(--renk1); color:#fff; font-size:11px; font-weight:700 } .urundetay-yorum li:nth-last-child(1){ margin-bottom:0 } .urundetay-yorum li .star-date .name-location span{ color: #ffffff; display: inline-block; background: var(--renk2); margin-top: 10px; width: auto; font-size: 13px; font-weight: 500; padding: 15px 20px; border-radius: 10px; } .urundetay-yorum .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .urundetay-yorum .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .urundetay-yorum .stars .item svg{ width:20px; display:block; margin-right:-3px } .urundetay-yorum .stars .item.active{ color:var(--renk2) } .popupmodal .modal-content{ border-radius:12px; border:none } .popupmodal .left-side h1{ font-size:24px; font-weight:700; color:var(--renk1); margin-bottom:0 } .popupmodal .left-side p{ font-size:16px; color:#7b7b7b; margin-bottom:30px } .popupmodal .form .form-group label{ font-size:14px; color:#939393; margin-bottom:0 } .popupmodal .form .form-group input,.popupmodal .form .form-group select,.popupmodal .form .form-group textarea{ color:#939393; background:#f6f6f6; height:55px; border-radius:5px; border:1px solid #e2e3e8 } .popupmodal .form .form-group input::placeholder,.popupmodal .form .form-group select::placeholder,.popupmodal .form .form-group textarea::placeholder{ color:#939393 } .popupmodal .form .form-group select{ cursor:pointer; width:100%; padding-left:10px; appearance:none; background:url(/assets/img/select-down-arrow2.png) right center no-repeat #f6f6f6 } .popupmodal .form .form-group textarea{ height:220px } .popupmodal .form .form-group.fg-gsm input{ padding-left:45px; background:url( /assets/img/user.png) 20px center no-repeat #f6f6f6 } .popupmodal .form .form-group.fg-pw input{ padding-left:45px; background:url( /assets/img/lock.png) 20px center no-repeat #f6f6f6 } .popupmodal .form .form-group p{ font-size:12px; color:#9e9e9f; text-align:left } .popupmodal .form .form-group p a{ color:var(--renk1) } .popupmodal .form .btn-set{ margin-bottom:15px } .popupmodal .form .btn-set .btn.btn-login,.popupmodal .form .btn-set .btn.btn-sign{ background:var(--renk1); display:block; border-radius:5px; height:55px; color:#fff; width:100%; font-size:16px; font-weight:700; box-sizing:border-box } .popupmodal .form .custom-control-input:checked ~ .custom-control-label:before{ background:var(--renk1); border-color:var(--renk1) } .popupmodal .form .custom-control-label{ font-size:12px; color:#9e9e9f; padding:3px 0 } .popupmodal .form .custom-control-label a{ color:var(--renk1) } .popupmodal .form .custom-control-label:before{ border-radius:0; border:2px solid #caced7 } .popupmodal .form .forgot-password{ font-size:12px; color:#9e9e9f; display:block; padding:3px } .popupmodal .button-set{ display:flex } .popupmodal .button-set a{ flex:1 1 0; border:2px solid #eef0f5; border-radius:5px; display:flex } .popupmodal .button-set a .icon{ border-right:2px solid #eef0f5; flex:0 0 46px; width:46px; height:48px; display:flex; justify-content:center; align-items:center } .popupmodal .button-set a .icon img{ display:block; pointer-events:none } .popupmodal .button-set a .text{ padding:11px 20px 9px; display:flex; flex-wrap:wrap } .popupmodal .button-set a .text span.bold{ flex:0 0 100%; display:block; font-size:16px; font-weight:700; color:#9b9b9b; line-height:14px } .popupmodal .button-set a .text span.thin{ flex:0 0 100%; display:block; font-size:12px; color:#c5c6c7; line-height:14px } .popupmodal .button-set a+a{ margin-left:8px } .popupmodal .modal-dialog{ max-width:540px } .popupmodal .modal-body{ padding:0 } .popupmodal .close{ position:absolute; top:20px; right:20px } .popupmodal .left-side{ padding:40px 85px } .popupmodal .left-side h1{ text-align:center; color:var(--renk2) } .popupmodal .left-side p{ text-align:center } .popupmodal .check-line{ display:flex; justify-content:center } .popupmodal .check-line .custom-control{ padding:0 20px } .popupmodal .check-line .custom-control-label{ font-size:12px; color:#9e9e9f; padding:3px 0 } .popupmodal .check-line .custom-control-label a{ color:var(--renk1) } .popupmodal .check-line .custom-control-label:before{ border-radius:10px !important } .popupmodal .end-line{ padding:40px 20px; border-radius:0 0 11px 11px; background:var(--renk1); border-top:10px solid var(--renk1); display:flex; justify-content:center; align-items:center } .popupmodal .end-line p{ font-size:16px; font-weight:700; color:#fff; margin-bottom:0 } .popupmodal .end-line .btn{ border-radius:5px; height:55px; background:#fff; font-size:16px; font-weight:700; color:var(--renk1); margin-left:40px; padding:10px 60px; border:none } .urunsorucevap{ width:100%; margin:0 auto; max-width:100%; padding:20px 0 } .urunsorucevap li{ position:relative; background:#f2f2f2; padding:20px 60px; margin-bottom:60px; border-radius:15px } .urunsorucevap li .profile-img{ position:absolute; left:-30px; color:#fff; top:-30px; width:60px; height:60px; background:var(--renk2); border-radius:60px; display:flex; align-items:center; justify-content:center; overflow:hidden } .urunsorucevap li .profile-img svg{ display:block; width:25px; height:25px } .urunsorucevap li .profile-img img{ display:block; width:100%; height:100%; object-fit:cover } .urunsorucevap li .star-date{ margin-bottom:15px } .urunsorucevap li .star-date .date{ font-size:13px; color:#9e9e9e } .urunsorucevap li .star-date .top{ font-size:16px; color:#817f7f; font-weight:700; margin-bottom:10px } .urunsorucevap li .star-date p{ font-size:13px; color:#817f7f; margin-bottom:15px } .urunsorucevap li .star-date .name-location{ font-size:16px; font-weight:700; color:#797979 } .urunsorucevap li .star-date .seller{ font-size:11px; font-weight:500 } .urunsorucevap li .star-date .seller span{ color:#797979 } .urunsorucevap li .star-date .seller a{ display:inline-block; color:var(--renk2) } .urunsorucevap li .star-date .useful{ position:absolute; right:70px; bottom:-15px } .urunsorucevap li .star-date .useful p{ font-size:11px; font-weight:700; color:#8a8a8a; margin-bottom:0; text-align:center } .urunsorucevap li .star-date .useful .btn-set{ display:flex } .urunsorucevap li .star-date .useful .btn-set .yes{ display:block; border:none; padding:8px 20px; border-radius:10px 0 0 10px; background:var(--renk2); color:#fff; font-size:11px; font-weight:700 } .urunsorucevap li .star-date .useful .btn-set .no{ margin-left:-10px; display:block; border:none; padding:8px 20px; border-radius:10px; background:var(--renk1); color:#fff; font-size:11px; font-weight:700 } .urunsorucevap li:nth-last-child(1){ margin-bottom:0 } .urunsorucevap li .star-date .name-location span{ color: #ffffff; display: inline-block; background: var(--renk2); margin-top: 10px; width: auto; font-size: 13px; font-weight: 500; padding: 15px 20px; border-radius: 10px; } a.magazayasor{ background:var(--renk2); border:1px solid var(--renk2); transition:.4s; color:#fff; padding:10px 20px; display:inline-block; margin-top:10px; border-radius:10px } a.magazayasor:hover{ background:transparent; border-color:#000; color:#000 } .magazamblok{ margin-top:40px; flex:0 0 100%; max-width:100%; margin-right:25px; box-sizing:border-box; background:#fff; border-radius:10px; padding:15px } .magazamblok h2{ font-size:17px; font-weight:600; color:var(--renk2); margin-bottom:0 } .magazamblok .comment-value{ display:flex; align-items:center; margin-bottom:10px } .magazamblok .comment-value span{ font-size:13px; font-weight:300; color:#bababa; display:block; margin-right:10px } .magazamblok .button-set{ display:flex } .magazamblok .button-set button{ flex:1 1 0; margin-right:5px; color:var(--renk2); height:50px; padding:5px 10px; text-align:center; border:none; border-radius:5px; background:#f2f2f2 } .magazamblok .button-set button span{ display:block; line-height:14px } .magazamblok .button-set button .bold{ font-size:11px; font-weight:500 } .magazamblok .button-set button .thin{ font-size:10px; font-weight:500; color:#474747 } .magazamblok .button-set a{ display:flex; align-items:center; justify-content:center; flex:1 1 0; font-size:11px; font-weight:500; color:var(--renk2); height:50px; padding:5px 10px; text-align:center; border:none; border-radius:5px; background:#f2f2f2 } .magazamblok .btn{ margin-top:10px; display:flex; align-items:center; justify-content:center; background:var(--renk2); font-size:14px; font-weight:700; color:#fff; text-align:center; border-radius:5px; height:50px } .magazayorumlist{ width:90%; margin:0 auto; max-width:100%; padding:20px 0 } .magazayorumlist li{ position:relative; background:#f2f2f2; padding:20px 60px; margin-bottom:60px; border-radius:15px } .magazayorumlist li .profile-img{ position:absolute; left:-30px; color:#fff; top:-30px; width:60px; height:60px; background:var(--renk2); border-radius:60px; display:flex; align-items:center; justify-content:center; overflow:hidden } .magazayorumlist li .profile-img svg{ display:block; width:25px; height:25px } .magazayorumlist li .profile-img img{ display:block; width:100%; height:100%; object-fit:cover } .magazayorumlist li .star-date{ margin-bottom:15px } .magazayorumlist li .star-date .date{ font-size:13px; color:#9e9e9e } .magazayorumlist li .star-date .top{ font-size:16px; color:#817f7f; font-weight:700; margin-bottom:10px } .magazayorumlist li .star-date p{ font-size:13px; color:#817f7f; margin-bottom:15px } .magazayorumlist li .star-date .name-location{ font-size:16px; font-weight:700; color:#797979 } .magazayorumlist li .star-date .seller{ font-size:11px; font-weight:500 } .magazayorumlist li .star-date .seller span{ color:#797979 } .magazayorumlist li .star-date .seller a{ display:inline-block; color:var(--renk2) } .magazayorumlist li .star-date .useful{ position:absolute; right:70px; bottom:-15px } .magazayorumlist li .star-date .useful p{ font-size:11px; font-weight:700; color:#8a8a8a; margin-bottom:0; text-align:center } .magazayorumlist li .star-date .useful .btn-set{ display:flex } .magazayorumlist li .star-date .useful .btn-set .yes{ display:block; border:none; padding:8px 20px; border-radius:10px 0 0 10px; background:var(--renk2); color:#fff; font-size:11px; font-weight:700 } .magazayorumlist li .star-date .useful .btn-set .no{ margin-left:-10px; display:block; border:none; padding:8px 20px; border-radius:10px; background:var(--renk1); color:#fff; font-size:11px; font-weight:700 } .magazayorumlist li:nth-last-child(1){ margin-bottom:0 } .magazayorumlist li .star-date .name-location span{ color: #ffffff; display: inline-block; background: var(--renk2); margin-top: 10px; width: auto; font-size: 13px; font-weight: 500; padding: 15px 20px; border-radius: 10px; } .magazamblok .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .magazamblok .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .magazamblok .stars .item svg{ width:20px; display:block; margin-right:-3px } .magazamblok .stars .item.active{ color:var(--renk2) } .kobipuan { position: absolute; right: 20px; top: 12px; background-color: var(--renk2); border-radius: 3px; padding: 3px; color: #fff; font-size: 14px; } .siparisdurum{ flex:1 1 0; max-width:calc(100% - 285px); border:1px solid #eef0f5; border-radius:10px; padding:40px 30px } .siparisdurum h1{ font-size:16px; font-weight:700; color:#7c7c7c; text-align:center; margin-bottom:20px } .siparisdurum .form{ width:300px; margin:0 auto; max-width: 100%; } .siparisdurum .form .form-group label{ font-size:11px; color:#a2a2a2; margin-bottom:0 } .siparisdurum .form .form-group .form-control{ background:#eef0f5; border:none; padding:15px; font-size:12px; color:var(--renk2) } .siparisdurum .form .form-group .form-control::placeholder{ color:var(--renk2) } .siparisdurum .form .form-group button{ font-size:12px; font-weight:700; color:#fff; background:var(--renk2); border:none; padding:10px 40px; border-radius:5px } .kategoriicon{ background:#fff; padding:30px 0 } .kategoriicon .inner-container{ background:var(--renk2); border-radius:10px; overflow:hidden; padding:25px 0 0 } .kategoriicon .head h2{ font-size:26px; font-weight:700; color:#fff; text-align:center } .kategoriicon .swiper-container .swiper-slide{ padding:25px 0 } .kategoriicon .swiper-container .swiper-slide a{ display:block; text-align:center } .kategoriicon .swiper-container .swiper-slide a .img{ width:138px; height:138px; margin:0 auto; position:relative } .kategoriicon .swiper-container .swiper-slide a .img:before{ content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:var(--renk1); border-radius:100px } .kategoriicon .swiper-container .swiper-slide a .img img{ display:block; position:absolute; transition:.4s; left:50%; top:50%; transform:scale(1) translate(-50%, -50%) } .kategoriicon .swiper-container .swiper-slide a .text{ font-size:16px; color:#fff; text-align:center } .kategoriicon .swiper-container .swiper-slide a:hover .img img{ transform:scale(1.1) translate(-46%, -50%) } .tekurunslayt{ background:#fff; padding:30px 0 } .tekurunslayt .swiper-container .swiper-slide a{ box-shadow:none; border:1px solid #eee } .tekurunslayt .swiper-container .swiper-button-next,.tekurunslayt .swiper-container .swiper-button-prev{ color:#ccc } .tekurunslayt .swiper-container .swiper-button-next:after,.tekurunslayt .swiper-container .swiper-button-prev:after{ font-size:25px } .tekurunslayt .stars{ display:flex; flex-wrap:wrap; margin-right:3px } .tekurunslayt .stars .item{ color:#cfd1d7; display:flex; align-items:flex-end } .tekurunslayt .stars .item svg{ width:20px; display:block; margin-right:-3px } .tekurunslayt .stars .item.active{ color:var(--renk2) } .menubar{ display:none; position:absolute; right:20px; cursor:pointer; padding:0; margin-top: 25px; z-index:563; transition:.4s } .menubar .menubar-bar{ display:block; width:28px; height:3px; border-radius:3px; opacity:1; transition:.4s; background:var(--renk1); margin-bottom:5px } .menubar .menubar-bar:nth-child(3){ margin-bottom:0 } .menubar.open .menubar-bar:nth-child(1){ transform:rotate(-45deg) translateY(5px) translateX(-5px) } .menubar.open .menubar-bar:nth-child(2){ opacity:0 } .menubar.open .menubar-bar:nth-child(3){ transform:rotate(45deg) translateY(-6px) translateX(-6px) } #menubar{ opacity:0; width:0; height:0; position:absolute; left:0; right:0; overflow:hidden; pointer-events:none } #menubar:checked ~ .menubar .menubar-bar:nth-child(1){ transform:rotate(-45deg) translateY(5px) translateX(-5px) } #menubar:checked ~ .menubar .menubar-bar:nth-child(2){ opacity:0 } #menubar:checked ~ .menubar .menubar-bar:nth-child(3){ transform:rotate(45deg) translateY(-6px) translateX(-6px) } #menubar:checked ~ .mobilemenu{ opacity:1; pointer-events:all; right:0; height:100%; position: absolute; top: 0; } #menubar:checked ~ .mobilemenu-overlay{ opacity:1; pointer-events:all } .mobilemenu{ display: none; position: absolute; right: 0; transition: .4s; width: 100%; z-index: 533; margin-top: 0; opacity: 0; pointer-events: none; } .mobilemenu .list{ background:#fff; border-radius:0 0 12px 12px; height:calc(100% - 64px); box-sizing:border-box; height:100% } .mobilemenu .list>ul{ background:#fff; border-radius:0 0 12px 12px; padding:28px 0 } .mobilemenu .list>ul>li{ padding:0 24px; background:#fff; transition:.4s } .mobilemenu .list>ul>li>a{ position:relative; font-size:16px; font-weight:300; color:#8d9096; display:flex; align-items:center; padding:12px 0 } .mobilemenu .list>ul>li>a .icon{ flex:0 0 34px; display:flex; justify-content:center; align-items:center; height:100% } .mobilemenu .list>ul>li>a .icon img{ display:block } .mobilemenu .list>ul>li>a .icon svg{ display:block; width:24px; height:24px } .mobilemenu .list>ul>li>a .text{ padding-left:10px } .mobilemenu .list>ul>li+li>a{ border-top:1px solid #e8e9ea } .mobilemenu .list .sub-content{ display: none; width:100%; z-index:30; padding:30px; border-radius:10px } .mobilemenu .list .sub-content .row{ height:100%; align-items: flex-start; } .mobilemenu .list .sub-content .left-side{ flex:1 1 0; max-width:54%; margin-right:10px } .mobilemenu .list .sub-content .left-side .centered{ flex:0 0 100% } .mobilemenu .list .sub-content .left-side h2{ color:var(--renk2); display:flex; align-items:center; transform:translateY(-12px); margin-bottom:10px } .mobilemenu .list .sub-content .left-side h2 .icon{ margin-right:10px } .mobilemenu .list .sub-content .left-side h2 .icon svg{ width:24px; height:24px; display:block } .mobilemenu .list .sub-content .left-side h2 .text{ font-size:16px; font-weight:bold; color:var(--renk2) } .mobilemenu .list .sub-content .left-side h2 .arrow{ margin-left:10px } .mobilemenu .list .sub-content .left-side h2 .arrow svg{ display:block; width:15px; height:15px } .mobilemenu .list .sub-content .left-side .items{ display:flex; flex-wrap:wrap } .mobilemenu .list .sub-content .left-side .items .item{ flex:0 0 50%; position:relative } .mobilemenu .list .sub-content .left-side .items .item h3{ font-size:15px; font-weight:700; color:var(--renk2); margin-bottom:6px } .mobilemenu .list .sub-content .left-side .items .item ul li a{ display:block; font-size:13px; line-height:17px; color:#a4a5a6 } .mobilemenu .list .sub-content .left-side .items .item ul li.gizle{ display:none } .mobilemenu .list .sub-content .left-side .items .item ul li.gizle.goster{ display:block } .mobilemenu .list .sub-content .left-side .items .item .btn-open{ border:none; display:block; font-size:13px; line-height:17px; color:#a4a5a6; background:transparent; margin-bottom:20px } .mobilemenu .list .sub-content .left-side .items .item .btn-ul{ position:absolute; display:none; background:#fff; border:1px solid #a4a5a6; padding:10px 15px; border-radius:5px; width:90%; margin-top:-15px } .mobilemenu .list .sub-content .left-side .items .item .btn-ul.goster{ display:block } .mobilemenu .list .sub-content .left-side .items .item .btn-ul li:nth-child(1){ position:relative } .mobilemenu .list .sub-content .left-side .items .item .btn-ul li:nth-child(1):before{ content:""; position:absolute; left:10px; bottom:100%; margin-bottom:10px; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #a4a5a6 } .mobilemenu .list .sub-content .right-side{ flex:1 1 0; min-height:100%; max-width:46%; display:flex; align-items:center } .mobilemenu .list .sub-content .right-side .centered{ flex:0 0 100% } .mobilemenu .list .sub-content .right-side .top-side{ margin-bottom:10px; width:100% } .mobilemenu .list .sub-content .right-side .top-side .img a{ display:block } .mobilemenu .list .sub-content .right-side .top-side .img a img{ display:block; width:100% } .mobilemenu .list .sub-content .right-side .top-side .special h3{ font-size:15px; font-weight:700; color:var(--renk2); margin-bottom:6px } .mobilemenu .list .sub-content .right-side .top-side .special ul{ margin-bottom:20px } .mobilemenu .list .sub-content .right-side .top-side .special ul li a{ display:block; font-size:13px; line-height:17px; color:#a4a5a6 } .mobilemenu .list .sub-content .right-side .top-side.top-side-special{ display:flex; align-items:center } .mobilemenu .list .sub-content .right-side .top-side.top-side-special .special{ margin-left:-15px } .mobilemenu .list .sub-content .right-side .top-side.top-side-special .img{ margin-left:40px; flex:1 1 0; height:100% } .mobilemenu .list .sub-content .right-side .top-side.top-side-special-2 a{ min-height:280px } .mobilemenu .list .sub-content .right-side .top-side.top-side-special-2 a .text{ top:28% } .mobilemenu .list .sub-content .right-side .bottom-side{ width:100% } .mobilemenu .list .sub-content .right-side .bottom-side .img a{ display:block; min-height:230px; width:100%; border-radius:10px; background:#edeff4; overflow:hidden; position:relative } .mobilemenu .list .sub-content .right-side .bottom-side .img a:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:30%; background:var(--renk1) } .mobilemenu .list .sub-content .right-side .bottom-side .img a img{ display:block; position:absolute; width:100%; height:100%; object-fit:contain; right:30%; top:50%; transform:translate(50%, -50%) } .mobilemenu .list .sub-content .right-side .bottom-side .img a .text{ position:absolute; width:37%; top:50%; left:63px; transform:translate(0, -50%) } .mobilemenu .list .sub-content .right-side .bottom-side .img a .text .bold{ font-size:16px; line-height:16px; font-weight:700; color:var(--renk1); padding-bottom:5px; display:block } .mobilemenu .list .sub-content .right-side .bottom-side .img a .text .thin{ font-size:13px; color:#a4a5a6; display:flex; align-items:center } .mobilemenu .list .sub-content .right-side .bottom-side .img a .text .thin svg{ display:block; width:10px; height:10px } .mobilemenu .list .sub-content.open{ opacity:1; pointer-events:all } @media only screen and (min-width: 999px){ .menubar:hover .menubar-bar:nth-child(1){ transform:rotate(-5deg) translateY(1px) translateX(-1px) } .menubar:hover .menubar-bar:nth-child(2){ opacity:.8 } .menubar:hover .menubar-bar:nth-child(3){ transform:rotate(5deg) translateY(-1px) translateX(-1px) } .menubar.open:hover .menubar-bar:nth-child(1){ transform:rotate(-40deg) translateY(4px) translateX(-4px) } .menubar.open:hover .menubar-bar:nth-child(2){ opacity:.2 } .menubar.open:hover .menubar-bar:nth-child(3){ transform:rotate(40deg) translateY(-5px) translateX(-5px) } #menubar:checked ~ .menubar:hover .menubar-bar:nth-child(1){ transform:rotate(-40deg) translateY(4px) translateX(-4px) } #menubar:checked ~ .menubar:hover .menubar-bar:nth-child(2){ opacity:.2 } #menubar:checked ~ .menubar:hover .menubar-bar:nth-child(3){ transform:rotate(40deg) translateY(-5px) translateX(-5px) } } @media (max-width:992px) { .mobilemenu { display: block; } } @media only screen and (max-width: 991px){ .menubar{ display:block; } #menubar:checked ~ .menubar{ position: absolute; top: 0; } } @media (max-width:767px) { .mobilemenu .list .sub-content .left-side .items .item{ flex: 0 0 100%; max-width: 100%; } } @media (max-width:479px) { .mobilemenu .list .sub-content .left-side, .mobilemenu .list .sub-content .right-side{ flex: 0 0 100%; max-width: 100%; } } .header .header-bottom .button-set .headerloginmenu{ transition: .4s; pointer-events: none; opacity: 0; border: 2px solid var(--renk1); background: #eef0f5; padding: 20px; z-index: 56; position: absolute; top: 100%; margin-top: -10px; border-radius: 0 0 15px 15px; right: -2px; width: 130px; box-sizing: border-box; text-align:left; } .header .header-bottom .button-set .headerloginmenu.active{ pointer-events:all; opacity:1; z-index:61 } .header .header-bottom .button-set .headerloginmenu:before{ content:""; position:absolute; top: -2px; background: #eef0f5; width:126px; right:0px; height:2px } .header .header-bottom .button-set .headerloginmenu .list ul li{ position:relative; margin-bottom:15px } .header .header-bottom .button-set .headerloginmenu .list ul li a{ transition:.4s; display:block; font-size:13px; color:#000 /*color:#868686*/ } .header .header-bottom .button-set .headerloginmenu .list ul li:hover a{ color:#467bbe } .header .header-bottom .button-set .headerloginmenu .list ul li:nth-last-child(1){ margin-bottom:0 } .header .header-bottom .button-set .acilirmenu{ cursor:pointer; margin-left:10px; position:relative; background:#eef0f5; z-index:56 } .header .header-bottom .button-set .acilirmenu.active{ z-index:61 } .headersepet{ cursor:pointer; margin-left:10px; position:relative; background:#eef0f5; z-index:56 } .headersepet.active{ z-index:61 } .headersepet .icon{ position:relative } .headersepet .icon .count{ position:absolute; right:1px; top:-8px; font-size:13px; display:flex; justify-content:center; align-items:center; font-weight:700; background:var(--renk2); color:#fff; width:20px; height:20px; border-radius:15px } .acilirsepet{ transition:.4s; pointer-events:none; opacity:0; background:#eef0f5; padding:20px; z-index:56; position:absolute; top:100%; margin-top:25px; border-radius:15px; right:0; width:290px; box-sizing:border-box } .acilirsepet.active{ pointer-events:all; opacity:1; z-index:61 } .acilirsepet:before{ content:""; border-bottom:20px solid #eef0f5; border-left:13px solid transparent; border-right:13px solid transparent; position:absolute; bottom:100%; width:0; right:50px; height:0 } .acilirsepet .list ul li{ position:relative; display:flex; flex-wrap:wrap; margin-bottom:15px } .acilirsepet .list ul li a{ display:flex; flex-wrap:wrap; flex:0 0 100% } .acilirsepet .list ul li .close{ position:absolute; right:-15px; top:-5px; color:#467bbe; opacity:1; font-size:14px; font-weight:bold; padding:5px; cursor:pointer } .acilirsepet .list ul li .img{ flex:0 0 90px; height:90px; border-radius:15px; overflow:hidden } .acilirsepet .list ul li .img img{ display:block; width:100%; height:100%; object-fit:cover } .acilirsepet .list ul li .text-artic{ flex:0 0 calc(100% - 90px); display:flex; align-items:center; box-sizing:border-box; padding:0 0 0 10px } .acilirsepet .list ul li .text-artic .centered{ width:100% } .acilirsepet .list ul li .text-artic p{ font-size:13px; line-height:18px; color:#868686; font-weight:500; text-align:center; display:block; margin:0 } .acilirsepet .list ul li .text-artic p.discount{ font-size:14px; color:#bcbdbd; text-decoration:line-through } .acilirsepet .list ul li .text-artic .price{ padding:5px 0 0 0 } .acilirsepet .list ul li .text-artic .price .piece{ background:#fff; border-radius:10px; color:var(--renk2); font-weight:bold; padding:5px; width:20px; height:15px } .acilirsepet .list ul li .text-artic .price .money{ font-size:18px; color:var(--renk2); font-weight:bold } .acilirsepet .list ul li:nth-last-child(1){ margin-bottom:0 } .acilirsepet .total{ padding:10px 0 0 0 } .acilirsepet .total p{ font-size:22px; margin:0; font-weight:bold; color:#727272; display:flex; justify-content:space-between } .acilirsepet .total p span.piece{ color:var(--renk2) } .acilirsepet .basket a{ display:block; background:var(--renk2); border-radius:15px; color:#fff; text-align:center; font-size:20px; font-weight:bold; padding:10px } .header-overlay{ position:fixed; top:0; z-index:51; left:0; right:0; bottom:0; opacity:0; pointer-events:none } .header .header-top{ width:100%; display:flex; justify-content:flex-end; background:var(--renk1); min-height:40px } .header .header-top .logos{ display:flex; align-items:center; height:100%; padding-right:40px } .header .header-top .logos a{ display:block; padding:5px 10px } .header .header-bottom{ padding:20px 0; position: relative; } .header .header-bottom .row{ justify-content:space-between; padding:0 15px; align-items:flex-end } .header .header-bottom .logo{ flex:0 0 280px; max-width:100% } .header .header-bottom .logo a{ display:block } .header .header-bottom .logo a img{ display:block; max-width:100% } .header .header-bottom .inner-container{ flex: 0 0 calc(100% - 300px); display: flex; justify-content: space-between; } .header .header-bottom .search-menu{ flex: 0 0 calc(100% - 400px); padding-left: 110px; } .header .header-bottom .search-menu .menu nav ul{ text-align:center } .header .header-bottom .search-menu .menu nav ul li{ display:inline-block } .header .header-bottom .search-menu .menu nav ul li a{ display:block; font-size:12px; color:#8b8e96; padding:3px 10px } .header .header-bottom .search-menu .search .form-group{ display:flex; margin-bottom:0; box-shadow:0 0 40px rgba(0,0,0,0.05); } .header .header-bottom .search-menu .search .form-group .form-control{ width: 100%; height:50px; border:none; padding-left:52px; background:url( /assets/img/search-glass.png) 20px center no-repeat #fff; color:#8b8e96; border-radius:10px 0 0 10px; } .header .header-bottom .search-menu .search .form-group .form-control::placeholder{ color:#bebebe } .header .header-bottom .search-menu .search .form-group .btn{ width: 85px; height:50px; border-radius:0 10px 10px 0; background:var(--renk1); font-size:20px; font-weight:700; color:#fff; } .header .header-bottom .button-set{ flex: 0 0 250px; display:flex; margin-bottom:4px; justify-content: flex-end; } .header .header-bottom .button-set .btn{ background:transparent; padding:10px; display:flex; justify-content:center; color:var(--renk1); width: 130px; height:50px; border-radius:10px; border:2px solid var(--renk1); } .header .header-bottom .button-set .btn .icon{ padding-right:10px; height:100%; display:flex; align-items:center } .header .header-bottom .button-set .btn .icon img{ display:block } .header .header-bottom .button-set .btn .icon svg{ width:22px; height:22px } .header .header-bottom .button-set .btn .text{ text-align:left; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center } .header .header-bottom .button-set .btn .text .big{ font-size:13px; line-height:15px; color:var(--renk1); display:block; flex:0 0 100% } .header .header-bottom .button-set .btn .text .small{ font-size:10px; max-width:66px; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; line-height:12px; color:var(--renk1); display:block; flex:0 0 100% } .header .header-bottom .button-set .btn .arrow svg{ width:18px } .header .header-bottom .button-set .basket-overlay{ transition:.4s; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:54; opacity:0; pointer-events:none } .header .header-bottom .button-set .basket-overlay.active{ pointer-events:all; opacity:1; z-index:60 } .header .header-bottom .button-set .list-overlay{ transition:.4s; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:54; opacity:0; pointer-events:none } .header .header-bottom .button-set .list-overlay.active{ pointer-events:all; opacity:1; z-index:60 } .header .aramadiv { position: absolute; width: 100%; background: #fff; z-index: 999999; border-radius: 0 0 5px 5px; } .header .aramasonuc .aramadiv_list { margin: 5px; font-size: 13px; } .header .aramasonuc .aramasonuc_list:hover { background: #f2f2f2; cursor: pointer; } .autocomplete-items { position: absolute; /*border: 1px solid #d4d4d4;*/ border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; padding: 5px; border-radius: 0 0 5px 5px; background: #fff; } .autocomplete-items div { padding: 5px; cursor: pointer; font-size: 13px; text-transform: capitalize; /*background-color: #fff; border-bottom: 1px solid #d4d4d4;*/ } .autocomplete-items span { font-weight: 600; color: #91939e; float: right; font-size: 12px } .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } @media (max-width:1200px) { .header .header-bottom .search-menu{ flex: 0 0 calc(100% - 280px); padding-left: 40px; } } @media (max-width:992px) { .header .header-bottom .logo{ flex: 0 0 200px;} .header .header-bottom .search-menu .search .form-group .form-control{width: 160px;} .header .header-bottom .search-menu .search .form-group .btn{ width: 85px; flex: 0 0 85px; } .header .header-bottom .button-set { flex: 0 0 250px; } .header .header-bottom .button-set .btn{} .header .header-bottom .button-set .btn .icon{ padding-right: 5px } .header .header-bottom .inner-container{ display: flex; flex-wrap: wrap; flex-direction: column-reverse; flex: 0 0 100%; padding-top: 20px; } .header .header-bottom .search-menu, .header .header-bottom .button-set { flex: 0 0 100%; } .header .header-bottom .search-menu{ padding-left: 0; } .header .header-bottom .button-set{ margin-bottom: 20px; } .header .header-bottom .logo a{ width: 200px; margin: 0 auto; } .header .header-bottom .search-menu .search .form-group .form-control{width: 100%; flex: 0 0 calc(100% - 85px); } .header .header-bottom .search-menu .search .form-group{ box-shadow: none; justify-content: center} .header .header-bottom .button-set { justify-content: center; } .header .header-bottom .button-set .btn{} .header .header-bottom .button-set .btn .icon{ padding-right: 10px } } @media (max-width:767px) { .header .header-bottom .inner-container{display: flex;flex-wrap: wrap;flex-direction: column-reverse;flex: 0 0 100%;padding-top: 20px;max-width: 100%;} .header .header-bottom .search-menu, .header .header-bottom .button-set {flex: 0 0 100%; max-width: 100%; } .header .header-bottom .button-set{ margin-bottom: 20px; } .header .header-bottom .logo a{ width: 200px; margin: 0 auto; } .header .header-bottom .search-menu .search .form-group .form-control{width: 100%;} .header .header-bottom .search-menu .search .form-group{ box-shadow: none; justify-content: center} .header .header-bottom .button-set { justify-content: center; } .header .header-bottom .button-set .btn{} .header .header-bottom .button-set .btn .icon{ padding-right: 10px } } .popupmodals .modal-content{ border-radius:12px; border:none } .popupmodals .left-side h1{ font-size:24px; font-weight:700; color:var(--renk1); margin-bottom:0 } .popupmodals .left-side p{ font-size:16px; color:#7b7b7b; margin-bottom:30px } .popupmodals .form .form-group label{ font-size:14px; color:#939393; margin-bottom:0 } .popupmodals .form .form-group input,.popupmodals .form .form-group select,.popupmodals .form .form-group textarea{ color:#939393; background:#f6f6f6; height:55px; border-radius:5px; border:1px solid #e2e3e8 } .popupmodals .form .form-group input::placeholder,.popupmodals .form .form-group select::placeholder,.popupmodals .form .form-group textarea::placeholder{ color:#939393 } .popupmodals .form .form-group select{ cursor:pointer; width:100%; padding-left:10px; appearance:none; background:url(/assets/img/select-down-arrow2.png) right center no-repeat #f6f6f6 } .popupmodals .form .form-group textarea{ height:220px } .popupmodals .form .form-group.fg-gsm input{ padding-left:45px; background:url( /assets/img/user.png) 20px center no-repeat #f6f6f6 } .popupmodals .form .form-group.fg-pw input{ padding-left:45px; background:url( /assets/img/lock.png) 20px center no-repeat #f6f6f6 } .popupmodals .form .form-group p{ font-size:12px; color:#9e9e9f; text-align:left } .popupmodals .form .form-group p a{ color:var(--renk1) } .popupmodals .form .btn-set{ margin-bottom:15px } .popupmodals .form .btn-set .btn.btn-login,.popupmodals .form .btn-set .btn.btn-sign{ background:var(--renk1); display:block; border-radius:5px; height:55px; color:#fff; width:100%; font-size:16px; font-weight:700; box-sizing:border-box } .popupmodals .form .custom-control-input:checked ~ .custom-control-label:before{ background:var(--renk1); border-color:var(--renk1) } .popupmodals .form .custom-control-label{ font-size:12px; color:#9e9e9f; padding:3px 0 } .popupmodals .form .custom-control-label a{ color:var(--renk1) } .popupmodals .form .custom-control-label:before{ border-radius:0; border:2px solid #caced7 } .popupmodals .form .forgot-password{ font-size:12px; color:#9e9e9f; display:block; padding:3px } .popupmodals .button-set{ display:flex } .popupmodals .button-set a{ flex:1 1 0; border:2px solid #eef0f5; border-radius:5px; display:flex } .popupmodals .button-set a .icon{ border-right:2px solid #eef0f5; flex:0 0 46px; width:46px; height:48px; display:flex; justify-content:center; align-items:center } .popupmodals .button-set a .icon img{ display:block; pointer-events:none } .popupmodals .button-set a .text{ padding:11px 20px 9px; display:flex; flex-wrap:wrap } .popupmodals .button-set a .text span.bold{ flex:0 0 100%; display:block; font-size:16px; font-weight:700; color:#9b9b9b; line-height:14px } .popupmodals .button-set a .text span.thin{ flex:0 0 100%; display:block; font-size:12px; color:#c5c6c7; line-height:14px } .popupmodals .button-set a+a{ margin-left:8px } .popupmodals .modal-dialog{ max-width:540px } .popupmodals .modal-body{ padding:0 } .popupmodals .close{ position:absolute; top:20px; right:20px } .popupmodals .left-side{ padding:40px 85px } .popupmodals .left-side h1{ text-align:center; color:var(--renk2) } .popupmodals .left-side p{ text-align:center } .popupmodals .check-line{ display:flex; justify-content:center } .popupmodals .check-line .custom-control{ padding:0 20px } .popupmodals .check-line .custom-control-label{ font-size:12px; color:#9e9e9f; padding:3px 0 } .popupmodals .check-line .custom-control-label a{ color:var(--renk1) } .popupmodals .check-line .custom-control-label:before{ border-radius:10px !important } .popupmodals .end-line{ padding:40px 20px; border-radius:0 0 11px 11px; background:var(--renk1); border-top:10px solid var(--renk1); display:flex; justify-content:center; align-items:center } .popupmodals .end-line p{ font-size:16px; font-weight:700; color:#fff; margin-bottom:0 } .popupmodals .end-line .btn{ border-radius:5px; height:55px; background:#fff; font-size:16px; font-weight:700; color:var(--renk1); margin-left:40px; padding:10px 60px; border:none } .sepetimpage .head .img{ margin-bottom:10px } .sepetimpage .head .img img{ display:block; margin:0 auto } .sepetimpage .head h2{ font-size:24px; font-weight:700; margin-bottom:10px; color:#8b8b8b; text-align:center } .sepetimpage .order-number{ display:flex; justify-content:center; margin-bottom:15px } .sepetimpage .order-number p{ margin-bottom:0; box-shadow:0 0 32px rgba(0,0,0,0.1); font-size:14px; color:var(--renk2); padding:10px 50px; border-radius:10px; background:#fff } .sepetimpage .products{ box-shadow:0 0 32px rgba(0,0,0,0.1); border-radius:10px; background:#fff; padding:30px 65px; width:100%; box-sizing:border-box; margin:0 auto 20px; max-width:100% } .sepetimpage .products h3{ font-size:20px; font-weight:700; color:#777777; margin-bottom:20px } .sepetimpage .products ul li{ position:relative; display:flex; text-align:center; padding:10px; align-items:center } .sepetimpage .products ul li .bold{ flex:1 1 0; font-size:20px; font-weight:700; margin-bottom:10px; color:#777777 } .sepetimpage .products ul li .bold.colored{ color:var(--renk2); margin-bottom:0 } .sepetimpage .products ul li span,.sepetimpage .products ul li a{ display:block; /* max-width: 107px; */ } .sepetimpage .products ul li .img{ flex:1 1 0; max-width:107px; min-width: 100px; height:111px; padding:10px; display: flex; justify-content:center; } .sepetimpage .products ul li .img a{ max-width:107px; min-width: 100px; } .sepetimpage .products ul li .img img{ display:block; width:100%; height:100%; object-fit:contain } .sepetimpage .products ul li .name{ flex:1 1 0; padding:10px } .sepetimpage .products ul li .name .thin{ font-size:14px; line-height:16px; font-weight:300; color:var(--renk2) } .sepetimpage .products ul li .min-amount{ flex:1 1 0; padding:10px } .sepetimpage .products ul li .piece{ flex:1 1 0; padding:10px } .sepetimpage .products ul li .amount{ flex:1 1 0; padding:10px } .sepetimpage .products ul li .minus-plus{ display:flex; width:100px; margin:0 auto; border:1px solid #868686; border-radius:10px } .sepetimpage .products ul li .minus-plus .minus{ cursor:pointer; display:flex; justify-content:center; align-items:center; padding:5px 10px } .sepetimpage .products ul li .minus-plus .plus{ cursor:pointer; display:flex; justify-content:center; align-items:center; padding:5px 10px } .sepetimpage .products ul li .minus-plus img{ display:block } .sepetimpage .products ul li .close{ position:absolute; right:0; top:0; cursor:pointer; padding:10px } .sepetimpage .products ul li .close img{ display:block } .sepetimpage .products ul li+li{ border-top:1px solid #eef0f5 } .sepetimpage .total-amount{ display:flex; justify-content:center; margin-bottom:65px } .sepetimpage .total-amount .btn,.sepetimpage .total-amount .complete-shopping{ display:block; border:none; background:var(--renk2); color:#fff; border-radius:10px; padding:10px 25px; text-align:center } .sepetimpage .total-amount .btn .thin,.sepetimpage .total-amount .complete-shopping .thin{ font-size:16px; font-weight:700; padding:0 5px; border-bottom:1px solid #fff; display:inline-block } .sepetimpage .total-amount .btn .bold,.sepetimpage .total-amount .complete-shopping .bold{ font-size:25px; font-weight:700; display:block } .sepetimpage .total-amount .complete-shopping{ margin-left:30px; padding:16px 30px } .sepetimpage .total-amount .complete-shopping .bold{ font-size:20px; line-height:24px } .sepetimpage .complete-shopping a{ font-size:30px; font-weight:700; text-align:center; border-radius:15px; background:var(--renk2); color:#fff } .sepetimpage .urunbulunamadi{ max-width: 100%; border: 1px solid #eef0f5; border-radius: 10px; padding: 40px 30px; } .sepetimpage .urunbulunamadi .order-list.empty .empty-container { margin: 200px 0; display: block; } .sepetimpage .urunbulunamadi .order-list.empty .empty-container .img { margin-bottom: 20px; } .sepetimpage .urunbulunamadi .order-list.empty .empty-container .img img { display: block; margin: 0 auto; } .sepetimpage .urunbulunamadi .order-list.empty .empty-container .text { text-align: center; padding: 0 50px; } .sepetimpage .urunbulunamadi .order-list.empty .empty-container .text p { font-size: 18px; line-height: 22px; margin-bottom: 0; font-weight: 500; color: #6c6c6c; } @media (max-width:767px) { .sepetimpage .products{ padding: 20px; } .sepetimpage .products ul li{ flex-wrap: wrap; } .sepetimpage .products ul li .img{ } .sepetimpage .products ul li .name{} .sepetimpage .products ul li .min-amount{} .sepetimpage .products ul li .piece{} .sepetimpage .products ul li .amount{} .sepetimpage .total-amount{ flex-wrap: wrap; } .sepetimpage .total-amount .btn, .sepetimpage .total-amount .complete-shopping{ flex: 0 0 100%; margin-bottom:5px; } } @media (max-width:479px) { .sepetimpage .products ul li+li{ border-top: 1px solid #aaa; } .sepetimpage .products ul li .img{flex: 0 0 100%;max-width: 100%;} .sepetimpage .products ul li .name{ flex: 0 0 100%; } .sepetimpage .products ul li .min-amount{ flex: 0 0 100%; } .sepetimpage .products ul li .piece{ flex: 0 0 100%; } .sepetimpage .products ul li .amount{ flex: 0 0 100%; } } .sayfabulunamadi{ max-width: 100%; border: 1px solid #eef0f5; border-radius: 10px; padding: 40px 30px; } .sayfabulunamadi .order-list.empty .empty-container { margin: 200px 0; display: block; } .sayfabulunamadi .order-list.empty .empty-container .img { margin-bottom: 20px; } .sayfabulunamadi .order-list.empty .empty-container .img img { display: block; margin: 0 auto; } .sayfabulunamadi .order-list.empty .empty-container .text { text-align: center; padding: 0 50px; } .sayfabulunamadi .order-list.empty .empty-container .text p { font-size: 18px; line-height: 22px; margin-bottom: 0; font-weight: 500; color: #6c6c6c; } .urunlistefiltre{ margin-bottom:15px; background:#fff; border-radius:10px } .urunlistefiltre ul{ display:flex; flex-wrap:wrap; padding:5px 20px } .urunlistefiltre ul li{ padding:2px 5px; flex:1 1 0 } .urunlistefiltre ul li button{ transition:.4s; font-size:13px; border-radius:7px; color:#94969b; background:transparent; border:none; display:block; padding:3px 10px; width:100% } .urunlistefiltre ul li button:focus{ outline:none; outline-color:none } .urunlistefiltre ul li+li{ border-left:1px solid #f3f3f4 } .urunlistefiltre ul li:hover button,.urunlistefiltre ul li.active button{ background:var(--renk2); color:#fff } .blog-content .list .list-item{ margin-bottom:30px } .blog-content .list .list-item a{ display:block } .blog-content .list .list-item .img{ position:relative; height:270px; border-radius:15px; overflow:hidden } .blog-content .list .list-item .img img{ display:block; width:100%; height:100%; object-fit:cover } .blog-content .list .list-item .img .date{ position:absolute; left:20px; top:20px; background:#fff; color:var(--renk1); font-size:15px; padding:10px 15px; border-radius:15px } .blog-content .list .list-item .text{ border-radius:0 0 15px 15px; height:150px; background:var(--renk1); padding:35px 20px 20px 20px; margin-top:-15px } .blog-content .list .list-item .text h4{ font-size:24px; color:#fff; font-weight:700; margin-bottom:10px; line-height:26px } .blog-content .list .list-item .text p{ font-size:16px; color:#fff; line-height:16px } .blog-content .list .list-item .text p.next{ font-size:13px; font-weight:300 } .blog-content .blog-detail p{ font-size:18px; color:#737373; margin-bottom:15px } .blog-content .blog-detail .img{ margin-bottom:15px } .blog-content .blog-detail .img img{ display:block; max-width:100% } .blog-content .blog-sidebar{ background:#fff; padding:30px 40px; border-radius:15px } .blog-content .blog-sidebar h5{ font-weight:700; color:var(--renk1); font-size:20px; line-height:20px; text-align:center; margin-bottom:30px } .blog-content .blog-sidebar ul li{ margin-bottom:25px; display:flex } .blog-content .blog-sidebar ul li .number{ border-radius:15px 0 0 15px; margin-right:-15px; transition:.4s; color:#fff; background:var(--renk1); font-size:20px; font-weight:700; flex:0 0 45px; padding-right:15px; display:flex; justify-content:center; align-items:center } .blog-content .blog-sidebar ul li .img{ flex:0 0 110px; height:110px; border-radius:15px; overflow:hidden } .blog-content .blog-sidebar ul li .img img{ display:block; width:100%; height:100%; object-fit:cover } .blog-content .blog-sidebar ul li .text{ flex:0 0 calc(100% - 140px); box-sizing:border-box; padding:10px; display:flex; flex-wrap:wrap; align-items:center } .blog-content .blog-sidebar ul li .text p{ color:#868686; font-size:20px; line-height:20px; margin-bottom:3px } .blog-content .blog-sidebar ul li .text .date{ color:#b9b9b9; font-size:16px; line-height:16px } .blog-content .blog-sidebar ul li:hover .number,.blog-content .blog-sidebar ul li.active .number{ background:var(--renk2) } .blog-content iframe { display:table; margin-left:auto; margin-right:auto; } @media (max-width:767px) { .blog-content iframe{ width:100%; } } .footer .footer-top{ padding:20px 0 } .footer .footer-top .site-map{ display:flex; flex-wrap:wrap; flex:0 0 calc(100% - 350px); max-width:calc(100% - 350px) } .footer .footer-top .site-map ul{ margin-right:10% } .footer .footer-top .site-map ul li h5{ font-size:12px; font-weight:700; color:var(--renk1); margin:0; padding:5px 0 } .footer .footer-top .site-map ul li a{ font-size:12px; font-weight:500; color:#9e9e9f; display:block; padding:0 } .footer .footer-top .site-map ul li button{ background:transparent; border:none; font-size:12px; display:block; line-height:24px; padding:0; font-weight:700; color:var(--renk1) } .footer .footer-top .site-map ul li button:focus{ box-shadow:none } .footer .footer-top .info-section{ flex:0 0 350px; max-width:350px } .footer .footer-top .info-section .social-media{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px } .footer .footer-top .info-section .social-media a{ display:inline-block; color:var(--renk1) } .footer .footer-top .info-section .social-media a.blog{ font-size:12px; padding:3px 0; color:#fff; text-align:center; width:160px; border-radius:10px; background:var(--renk1) } .footer .footer-top .info-section .social-media a svg{ width:20px; height:20px } .footer .footer-top .info-section .app-store{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:45px } .footer .footer-top .info-section .app-store a{ display:block } .footer .footer-top .info-section .app-store a img{ display:block } .footer .footer-top .info-section .text{ margin-bottom:15px } .footer .footer-top .info-section .text p, .footer .footer-top .info-section .text h1{ text-align:right; font-size:16px; line-height:16px; font-weight:700; color:var(--renk1); margin-bottom:0 } .footer .footer-top .info-section .text a{ display:inline-block; font-size:12px; color:var(--renk1); border:2px solid var(--renk1); padding:5px 10px; border-radius:10px } .footer .footer-top .info-section .text a svg{ width:20px; height:20px } .footer .footer-top .info-section .links{ display:flex; flex-wrap:wrap; justify-content:flex-end } .footer .footer-top .info-section .links a{ margin-bottom:10px; display:inline-block; font-size:12px; color:var(--renk1); border:2px solid var(--renk1); padding:5px 20px; min-width:200px; border-radius:10px } .footer .footer-top .info-section .links a svg{ width:20px; height:20px; margin-right:15px } .footer .footer-bottom{ /*background:#fff;*/ padding:20px 0 } .footer .footer-bottom .row{ justify-content:space-between } .footer .footer-bottom .tekkart-logo a{ display:block } .footer .footer-bottom .tekkart-logo a img{ display:block } .footer .footer-bottom .card-logos ul{ display:flex; flex-wrap:wrap; align-items:center } .footer .footer-bottom .card-logos ul li{ padding:0 10px } .footer .footer-bottom .card-logos ul li img{ display:block } @media (max-width:479px) { .footer{ padding: 15px !important; } .footer .footer-top .site-map{ flex: 0 0 100%; max-width: 100%; display: flex; margin-bottom: 50px;} .footer .footer-top .site-map ul{ margin-right: 0; flex: 0 0 100%; text-align: center; } .footer .footer-top .info-section{ flex: 0 0 100%; max-width: 100%; } .footer .footer-top .info-section .text p{ text-align: center; } .footer .footer-top .info-section .links{ justify-content: center; } } .modaldizayn .modal-content{border-radius:12px;border:none} .modaldizayn .left-side h1{font-size:24px;font-weight:700;color:#4178bd;margin-bottom:0} .modaldizayn .left-side p{font-size:16px;color:#7b7b7b;margin-bottom:30px} .modaldizayn .form .form-group label{font-size:14px;color:#939393;margin-bottom:0} .modaldizayn .form .form-group input,.modaldizayn .form .form-group select,.modaldizayn .form .form-group textarea{color:#939393;background:#f6f6f6;height:55px;border-radius:5px;border:1px solid #e2e3e8} .modaldizayn .form .form-group input::placeholder,.modaldizayn .form .form-group select::placeholder,.modaldizayn .form .form-group textarea::placeholder{color:#939393} .modaldizayn .form .form-group select{cursor:pointer;width:100%;padding-left:10px;appearance:none;background:url( /assets/img//select-down-arrow2.png) right center no-repeat #f6f6f6} .modaldizayn .form .form-group textarea{height:220px} .modaldizayn .form .form-group.fg-gsm input{padding-left:45px;background:url( /assets/img//user.png) 20px center no-repeat #f6f6f6} .modaldizayn .form .form-group.fg-pw input{padding-left:45px;background:url( /assets/img//lock.png) 20px center no-repeat #f6f6f6} .modaldizayn .form .form-group p{font-size:12px;color:#9e9e9f;text-align:left} .modaldizayn .form .form-group p a{color:var(--renk1)} .modaldizayn .form .btn-set{margin-bottom:15px} .modaldizayn .form .btn-set .btn.btn-login,.modaldizayn .form .btn-set .btn.btn-sign{background:var(--renk1);display:block;border-radius:5px;height:55px;color:#fff;width:100%;font-size:16px;font-weight:700;box-sizing:border-box} .modaldizayn .form .custom-control-input:checked ~ .custom-control-label:before{background:var(--renk1);border-color:var(--renk1)} .modaldizayn .form .custom-control-label{font-size:12px;color:#9e9e9f;padding:3px 0} .modaldizayn .form .custom-control-label a{color:var(--renk1)} .modaldizayn .form .custom-control-label:before{border-radius:0;border:2px solid #caced7} .modaldizayn .form .forgot-password{font-size:12px;color:#9e9e9f;display:block;padding:3px} .modaldizayn .button-set{display:flex} .modaldizayn .button-set a{flex:1 1 0;border:2px solid #eef0f5;border-radius:5px;display:flex} .modaldizayn .button-set a .icon{border-right:2px solid #eef0f5;flex:0 0 46px;width:46px;height:48px;display:flex;justify-content:center;align-items:center} .modaldizayn .button-set a .icon img{display:block;pointer-events:none} .modaldizayn .button-set a .text{padding:11px 20px 9px;display:flex;flex-wrap:wrap} .modaldizayn .button-set a .text span.bold{flex:0 0 100%;display:block;font-size:16px;font-weight:700;color:#9b9b9b;line-height:14px} .modaldizayn .button-set a .text span.thin{flex:0 0 100%;display:block;font-size:12px;color:#c5c6c7;line-height:14px} .modaldizayn .button-set a+a{margin-left:8px} .modaldizayn .modal-dialog{max-width:540px} .modaldizayn .modal-body{padding:0} .modaldizayn .close{position:absolute;top:20px;right:20px} .modaldizayn .left-side{padding:40px 85px} .modaldizayn .left-side h1{text-align:center;color:var(--renk2)} .modaldizayn .left-side p{text-align:center} .modaldizayn .check-line{display:flex;justify-content:center} .modaldizayn .check-line .custom-control{padding:0 20px} .modaldizayn .check-line .custom-control-label{font-size:12px;color:#9e9e9f;padding:3px 0} .modaldizayn .check-line .custom-control-label a{color:var(--renk1)} .modaldizayn .check-line .custom-control-label:before{border-radius:10px !important} .modaldizayn .end-line{padding:40px 20px;border-radius:0 0 11px 11px;background:var(--renk1);border-top:10px solid #4178bd;display:flex;justify-content:center;align-items:center} .modaldizayn .end-line p{font-size:16px;font-weight:700;color:#fff;margin-bottom:0} .modaldizayn .end-line .btn{border-radius:5px;height:55px;background:#fff;font-size:16px;font-weight:700;color:#4178bd;margin-left:40px;padding:10px 60px;border:none} .installment-box{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.installment-box h3{font-size:20px;color:var(--renk2);font-weight:700}.installment-box p{font-size:16px;color:#a2a2a2}.installment-box .insta-box-container{border:1px solid #babcc0;padding:7px;border-radius:10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.installment-box .insta-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.installment-box .insta-list label{text-align:center;position:relative;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;max-width:calc((100% / 6) - 16px);min-width:124px;margin:6px;display:block;cursor:pointer}.installment-box .insta-list label input{position:absolute;pointer-events:none;opacity:0;width:0;height:0}.installment-box .insta-list label input:checked ~ .label-container{border-color:var(--renk2)}.installment-box .insta-list label input:checked ~ .label-container span{color:var(--renk2)}.installment-box .insta-list label input:checked ~ .label-container span.dot:before{border-color:var(--renk2)}.installment-box .insta-list label input:checked ~ .label-container span.dot:after{opacity:1;background:var(--renk2)}.installment-box .insta-list label input:checked ~ .label-container b{color:var(--renk2)}.installment-box .insta-list label .label-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #babcc0;border-radius:10px;padding:10px 15px;-webkit-transition:.4s;transition:.4s}.installment-box .insta-list label span{display:block;-webkit-transition:.4s;transition:.4s;font-size:14px;color:#a2a2a2;line-height:1.25}.installment-box .insta-list label span.dot:before{content:"";position:absolute;right:10px;bottom:10px;width:15px;height:15px;border-radius:15px;border:1px solid #a2a2a2}.installment-box .insta-list label span.dot:after{content:"";position:absolute;right:14px;bottom:14px;width:7px;height:7px;border-radius:7px;background:#a2a2a2;-webkit-transition:.4s;transition:.4s;opacity:0}.installment-box .insta-list label b{display:block;color:#a2a2a2;-webkit-transition:.4s;transition:.4s;font-size:16px;line-height:1.15}.installment-box .insta-list label.active,.installment-box .insta-list label:hover{border-color:var(--renk2)}.installment-box .insta-list label.active .label-container,.installment-box .insta-list label:hover .label-container{border-color:var(--renk2)}.installment-box .insta-list label.active .label-container span.dot:after,.installment-box .insta-list label:hover .label-container span.dot:after{opacity:1;background:#a2a2a2}.installment-box .insta-list label.active{border-color:var(--renk2)}.installment-box .insta-list label.active .label-container{border-color:var(--renk2)}.installment-box .insta-list label.active .label-container span{color:var(--renk2)}.installment-box .insta-list label.active .label-container span.dot:before{border-color:var(--renk2)}.installment-box .insta-list label.active .label-container span.dot:after{opacity:1;background:var(--renk2)}.installment-box .insta-list label.active .label-container b{color:var(--renk2)}.installment-box .logo-list{padding:0 2px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.installment-box .logo-list img{display:block;margin:8px} .urundetya_kargobedava{ background:var(--renk2); } .blokbaslik{ color:var(--renk2); } .magazaYorum .comment-list li .profile-img { background: var(--renk2) } .magazaYorum .comment-list li .star-date .seller a { color: var(--renk2) } .magazaYorum .comment-list li .star-date .useful .btn-set .yes { background: var(--renk2) } .magazaYorum .pagination-container .pagination .page-item.active .page-link, .magazaYorum .pagination-container .pagination .page-item:hover .page-link { background: var(--renk2) } .magazaYorum .comment-list li .star-date .useful .btn-set .no { background: #4178bd } .urunadet{ color: var(--renk2); } @media (max-width:767px) { .payment-success-container .total-amount, .payment-alert-container .total-amount{ flex-wrap: wrap; } .payment-success-container .total-amount .btn, .payment-alert-container .total-amount .btn{ flex: 0 0 100%; margin-bottom:5px; } } .fixed-social { position: fixed; bottom: 30px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1001 } .fixed-social-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #0636a3; border-radius: 100%; width: 45px; height: 45px; margin-top: 20px; position: relative; -webkit-transition: .3s; transition: .3s } .fixed-social-item:hover { -webkit-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2) } .fixed-social-item.whatsapp { background-color: #25d366 } .fixed-social-item.whatsapp::before { content: ""; width: 45px; height: 45px; background-color: #25d366; border-radius: 100%; position: absolute; -webkit-animation-name: wave; animation-name: wave; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .fixed-social-item.whatsapp::after { content: ""; width: 45px; height: 45px; background-color: #25d366; border-radius: 100%; position: absolute; -webkit-animation-name: wave; animation-name: wave; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes wave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } @keyframes wave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } .fixed-social-item::before { content: ""; width: 45px; height: 45px; background-color: #0636a3; border-radius: 100%; position: absolute; -webkit-animation-name: wave; animation-name: wave; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .fixed-social-item::after { content: ""; width: 45px; height: 45px; background-color: #0636a3; border-radius: 100%; position: absolute; -webkit-animation-name: wave; animation-name: wave; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 2s; animation-duration: 2s } @keyframes wave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } .fixed-social-item .icon { color: #fff; font-size: 25px; position: relative; z-index: 2 }