/* Minification failed. Returning unminified contents.
(4,34): run-time error CSS1030: Expected identifier, found ','
(4,48): run-time error CSS1031: Expected selector, found ')'
(4,48): run-time error CSS1025: Expected comma or open brace, found ')'
(5045,84): run-time error CSS1038: Expected hex color, found '#ccc0'
(16467,18): run-time error CSS1038: Expected hex color, found '#ffff'
(16471,53): run-time error CSS1030: Expected identifier, found 'a'
(16471,58): run-time error CSS1031: Expected selector, found ')'
(16471,58): run-time error CSS1025: Expected comma or open brace, found ')'
(16490,54): run-time error CSS1030: Expected identifier, found 'a'
(16490,59): run-time error CSS1031: Expected selector, found ')'
(16490,59): run-time error CSS1025: Expected comma or open brace, found ')'
(18893,1): run-time error CSS1019: Unexpected token, found '}'
(28344,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28345,7): run-time error CSS1035: Expected colon, found ','
(28372,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28373,7): run-time error CSS1035: Expected colon, found ','
(28407,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28408,7): run-time error CSS1035: Expected colon, found ','
(28417,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28418,7): run-time error CSS1035: Expected colon, found ','
(28434,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28435,8): run-time error CSS1035: Expected colon, found '{'
(28451,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28452,8): run-time error CSS1035: Expected colon, found '{'
(28473,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28474,8): run-time error CSS1035: Expected colon, found '{'
(28510,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28511,8): run-time error CSS1035: Expected colon, found '{'
(28552,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28553,7): run-time error CSS1035: Expected colon, found ','
(28569,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28570,7): run-time error CSS1035: Expected colon, found ','
(28591,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(28623,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(28662,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(28689,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(28723,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28724,8): run-time error CSS1035: Expected colon, found '{'
(28750,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28751,8): run-time error CSS1035: Expected colon, found '{'
(28784,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28785,8): run-time error CSS1035: Expected colon, found '{'
(28821,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28822,8): run-time error CSS1035: Expected colon, found '{'
(28863,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28864,7): run-time error CSS1035: Expected colon, found ','
(28905,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28906,7): run-time error CSS1035: Expected colon, found ','
(28954,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28955,7): run-time error CSS1035: Expected colon, found ','
(28994,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28995,7): run-time error CSS1035: Expected colon, found ','
(29039,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29040,7): run-time error CSS1035: Expected colon, found ','
(29073,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29074,7): run-time error CSS1035: Expected colon, found ','
(29112,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29113,7): run-time error CSS1035: Expected colon, found ','
(29146,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29147,7): run-time error CSS1035: Expected colon, found ','
(29185,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29186,7): run-time error CSS1035: Expected colon, found ','
(29219,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29220,7): run-time error CSS1035: Expected colon, found ','
(29258,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29259,7): run-time error CSS1035: Expected colon, found ','
(29292,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29293,7): run-time error CSS1035: Expected colon, found ','
(29331,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29350,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29374,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29393,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29417,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29431,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29450,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29464,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29483,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29502,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(29526,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29527,8): run-time error CSS1035: Expected colon, found '{'
(29536,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29537,8): run-time error CSS1035: Expected colon, found '{'
(29551,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29552,8): run-time error CSS1035: Expected colon, found '{'
(29565,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29566,8): run-time error CSS1035: Expected colon, found '{'
(29584,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29585,8): run-time error CSS1035: Expected colon, found '{'
(29598,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29599,8): run-time error CSS1035: Expected colon, found '{'
(29617,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29618,8): run-time error CSS1035: Expected colon, found '{'
(29631,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29632,8): run-time error CSS1035: Expected colon, found '{'
(29650,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29651,8): run-time error CSS1035: Expected colon, found '{'
(29664,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29665,8): run-time error CSS1035: Expected colon, found '{'
(29683,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29684,8): run-time error CSS1035: Expected colon, found '{'
(29697,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29698,8): run-time error CSS1035: Expected colon, found '{'
(29716,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29717,8): run-time error CSS1035: Expected colon, found '{'
(29730,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29731,8): run-time error CSS1035: Expected colon, found '{'
(29749,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29750,8): run-time error CSS1035: Expected colon, found '{'
(29763,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29764,8): run-time error CSS1035: Expected colon, found '{'
(29782,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29783,8): run-time error CSS1035: Expected colon, found '{'
(29796,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29797,8): run-time error CSS1035: Expected colon, found '{'
(29815,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29816,8): run-time error CSS1035: Expected colon, found '{'
(29825,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29826,8): run-time error CSS1035: Expected colon, found '{'
(29840,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29841,8): run-time error CSS1035: Expected colon, found '{'
(29852,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29853,8): run-time error CSS1035: Expected colon, found '{'
(29869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29870,8): run-time error CSS1035: Expected colon, found '{'
(29881,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29882,8): run-time error CSS1035: Expected colon, found '{'
(29898,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29899,8): run-time error CSS1035: Expected colon, found '{'
(29910,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29911,8): run-time error CSS1035: Expected colon, found '{'
(29927,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29928,8): run-time error CSS1035: Expected colon, found '{'
(29939,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29940,8): run-time error CSS1035: Expected colon, found '{'
(29956,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29957,8): run-time error CSS1035: Expected colon, found '{'
(29968,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29969,8): run-time error CSS1035: Expected colon, found '{'
(29985,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(29986,8): run-time error CSS1035: Expected colon, found '{'
(29997,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29998,8): run-time error CSS1035: Expected colon, found '{'
(30014,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30015,8): run-time error CSS1035: Expected colon, found '{'
(30026,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30027,8): run-time error CSS1035: Expected colon, found '{'
(30043,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30044,8): run-time error CSS1035: Expected colon, found '{'
(30055,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30056,8): run-time error CSS1035: Expected colon, found '{'
(30072,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30073,8): run-time error CSS1035: Expected colon, found '{'
(30109,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30110,8): run-time error CSS1035: Expected colon, found '{'
(30153,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30154,8): run-time error CSS1035: Expected colon, found '{'
(30186,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30187,8): run-time error CSS1035: Expected colon, found '{'
(30226,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30227,8): run-time error CSS1035: Expected colon, found '{'
(30259,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30260,8): run-time error CSS1035: Expected colon, found '{'
(30299,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30300,8): run-time error CSS1035: Expected colon, found '{'
(30318,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30319,8): run-time error CSS1035: Expected colon, found '{'
(30344,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30345,8): run-time error CSS1035: Expected colon, found '{'
(30363,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30364,8): run-time error CSS1035: Expected colon, found '{'
(30389,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30390,8): run-time error CSS1035: Expected colon, found '{'
(30415,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30416,8): run-time error CSS1035: Expected colon, found '{'
(30448,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30449,8): run-time error CSS1035: Expected colon, found '{'
(30460,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30461,8): run-time error CSS1035: Expected colon, found '{'
(30479,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30480,8): run-time error CSS1035: Expected colon, found '{'
(30497,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30498,8): run-time error CSS1035: Expected colon, found '{'
(30520,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30521,8): run-time error CSS1035: Expected colon, found '{'
(30538,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30539,8): run-time error CSS1035: Expected colon, found '{'
(30561,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30562,8): run-time error CSS1035: Expected colon, found '{'
(30579,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30580,8): run-time error CSS1035: Expected colon, found '{'
(30602,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30603,8): run-time error CSS1035: Expected colon, found '{'
(30620,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30621,8): run-time error CSS1035: Expected colon, found '{'
(30643,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30644,8): run-time error CSS1035: Expected colon, found '{'
(30661,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30662,8): run-time error CSS1035: Expected colon, found '{'
(30684,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30685,8): run-time error CSS1035: Expected colon, found '{'
(30700,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30701,8): run-time error CSS1035: Expected colon, found '{'
(30721,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30722,8): run-time error CSS1035: Expected colon, found '{'
(30737,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30738,8): run-time error CSS1035: Expected colon, found '{'
(30758,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30759,8): run-time error CSS1035: Expected colon, found '{'
(30774,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30775,8): run-time error CSS1035: Expected colon, found '{'
(30795,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30796,8): run-time error CSS1035: Expected colon, found '{'
(30811,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30812,8): run-time error CSS1035: Expected colon, found '{'
(30832,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30833,8): run-time error CSS1035: Expected colon, found '{'
(30848,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30849,8): run-time error CSS1035: Expected colon, found '{'
(30869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(30903,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(30944,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30945,8): run-time error CSS1035: Expected colon, found '{'
(30958,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30959,8): run-time error CSS1035: Expected colon, found '{'
(30979,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(30980,8): run-time error CSS1035: Expected colon, found '{'
(30991,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(30992,8): run-time error CSS1035: Expected colon, found '{'
(31008,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31009,8): run-time error CSS1035: Expected colon, found '{'
(31020,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31021,8): run-time error CSS1035: Expected colon, found '{'
(31037,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31038,8): run-time error CSS1035: Expected colon, found '{'
(31055,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31056,8): run-time error CSS1035: Expected colon, found '{'
(31078,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31079,8): run-time error CSS1035: Expected colon, found '{'
(31096,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31097,8): run-time error CSS1035: Expected colon, found '{'
(31119,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31120,8): run-time error CSS1035: Expected colon, found '{'
(31137,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31138,8): run-time error CSS1035: Expected colon, found '{'
(31160,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31161,8): run-time error CSS1035: Expected colon, found '{'
(31178,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31179,8): run-time error CSS1035: Expected colon, found '{'
(31201,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31202,8): run-time error CSS1035: Expected colon, found '{'
(31217,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31218,8): run-time error CSS1035: Expected colon, found '{'
(31238,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(31258,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(31283,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(31299,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(31320,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31321,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(31336,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(31357,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31358,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(31377,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(31402,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31403,8): run-time error CSS1035: Expected colon, found '{'
(31415,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31416,8): run-time error CSS1035: Expected colon, found '{'
(31433,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31434,8): run-time error CSS1035: Expected colon, found '{'
(31446,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31447,8): run-time error CSS1035: Expected colon, found '{'
(31464,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31465,8): run-time error CSS1035: Expected colon, found '{'
(31477,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31478,8): run-time error CSS1035: Expected colon, found '{'
(31495,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31496,8): run-time error CSS1035: Expected colon, found '{'
(31508,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31509,8): run-time error CSS1035: Expected colon, found '{'
(31526,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31527,8): run-time error CSS1035: Expected colon, found '{'
(31539,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31540,8): run-time error CSS1035: Expected colon, found '{'
(31557,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31558,8): run-time error CSS1035: Expected colon, found '{'
(31570,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31571,8): run-time error CSS1035: Expected colon, found '{'
(31588,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31589,8): run-time error CSS1035: Expected colon, found '{'
(31601,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31602,8): run-time error CSS1035: Expected colon, found '{'
(31619,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31620,8): run-time error CSS1035: Expected colon, found '{'
(31632,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31633,8): run-time error CSS1035: Expected colon, found '{'
(31650,3767): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31650,3800): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31650,3817): run-time error CSS1019: Unexpected token, found '@keyframes'
(31650,3842): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31650,3859): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31650,3893): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31650,3909): run-time error CSS1019: Unexpected token, found '@keyframes'
(31650,3935): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31650,3951): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31650,3983): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31650,4053): run-time error CSS1019: Unexpected token, found '@keyframes'
(31650,4077): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31650,4147): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31650,4180): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31650,4254): run-time error CSS1019: Unexpected token, found '@keyframes'
(31650,4279): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31650,4353): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31650,4389): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(31650,4404): run-time error CSS1019: Unexpected token, found '@keyframes'
(31650,4432): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
 */
/*flipclock*/
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
input:read-only:not([type=button],[type=submit]) {
	pointer-events: none;
	opacity: 0.75;
}

.flip-clock-wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-clock-wrapper a {
	cursor: pointer;
	text-decoration: none;
	color: #ccc;
}

	.flip-clock-wrapper a:hover {
		color: #fff;
	}

.flip-clock-wrapper ul {
	list-style: none;
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
	content: " ";
	display: table;
}

.flip-clock-wrapper.clearfix:after {
	clear: both;
}

.flip-clock-wrapper.clearfix {
	*zoom: 1;
}

/* Main */
.flip-clock-wrapper {
	font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
	-webkit-user-select: none;
}

.flip-clock-meridium {
	background: none !important;
	box-shadow: 0 0 0 !important;
	font-size: 36px !important;
}

	.flip-clock-meridium a {
		color: #313333;
	}

.flip-clock-wrapper {
	text-align: center;
	position: relative;
	width: 100px;
	margin: 0 auto;
}

	.flip-clock-wrapper:before,
	.flip-clock-wrapper:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}

	.flip-clock-wrapper:after {
		clear: both;
	}

	/* Skeleton */
	.flip-clock-wrapper ul {
		position: relative;
		float: left;
		margin: 1px;
		width: 20px;
		height: 20px;
		font-size: 20px;
		font-weight: bold;
		line-height: 20px;
		border-radius: 6px;
		background: #000;
	}

		.flip-clock-wrapper ul li {
			z-index: 1;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			line-height: 20px;
			text-decoration: none !important;
		}

			.flip-clock-wrapper ul li:first-child {
				z-index: 2;
			}

			.flip-clock-wrapper ul li a {
				display: block;
				height: 100%;
				-webkit-perspective: 200px;
				-moz-perspective: 200px;
				perspective: 200px;
				margin: 0 !important;
				overflow: visible !important;
				cursor: default !important;
			}

				.flip-clock-wrapper ul li a div {
					z-index: 1;
					position: absolute;
					left: 0;
					width: 100%;
					height: 50%;
					font-size: 80px;
					overflow: hidden;
					outline: 1px solid transparent;
				}

					.flip-clock-wrapper ul li a div .shadow {
						position: absolute;
						width: 100%;
						height: 100%;
						z-index: 2;
					}

					.flip-clock-wrapper ul li a div.up {
						-webkit-transform-origin: 50% 100%;
						-moz-transform-origin: 50% 100%;
						-ms-transform-origin: 50% 100%;
						-o-transform-origin: 50% 100%;
						transform-origin: 50% 100%;
						top: 0;
					}

						.flip-clock-wrapper ul li a div.up:after {
							content: "";
							position: absolute;
							top: 44px;
							left: 0;
							z-index: 5;
							width: 100%;
							height: 3px;
							background-color: #000;
							background-color: rgba(0, 0, 0, 0.4);
						}

					.flip-clock-wrapper ul li a div.down {
						-webkit-transform-origin: 50% 0;
						-moz-transform-origin: 50% 0;
						-ms-transform-origin: 50% 0;
						-o-transform-origin: 50% 0;
						transform-origin: 50% 0;
						bottom: 0;
						border-bottom-left-radius: 6px;
						border-bottom-right-radius: 6px;
					}

					.flip-clock-wrapper ul li a div div.inn {
						position: absolute;
						left: 0;
						z-index: 1;
						width: 100%;
						height: 200%;
						color: #ccc;
						text-shadow: 0 1px 2px #000;
						text-align: center;
						background-color: #333;
						border-radius: 6px;
						font-size: 14px;
					}

					.flip-clock-wrapper ul li a div.up div.inn {
						top: 0;
					}

					.flip-clock-wrapper ul li a div.down div.inn {
						bottom: 0;
					}

		/* PLAY */
		.flip-clock-wrapper ul.play li.flip-clock-before {
			z-index: 3;
		}

	.flip-clock-wrapper .flip {
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
	}

	.flip-clock-wrapper ul.play li.flip-clock-active {
		-webkit-animation: asd 0.5s 0.5s linear both;
		-moz-animation: asd 0.5s 0.5s linear both;
		animation: asd 0.5s 0.5s linear both;
		z-index: 5;
	}

.flip-clock-divider {
	float: left;
	display: inline-block;
	position: relative;
	width: 10px;
	height: 22px;
}

	.flip-clock-divider:first-child {
		width: 0;
	}

.flip-clock-dot {
	display: block;
	background: #323434;
	width: 2px;
	height: 2px;
	position: absolute;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	left: 4px;
}

.flip-clock-divider .flip-clock-label {
	position: absolute;
	top: -1.5em;
	right: -86px;
	color: black;
	text-shadow: none;
	display: none;
}

.flip-clock-divider.minutes .flip-clock-label {
	right: -88px;
}

.flip-clock-divider.seconds .flip-clock-label {
	right: -91px;
}

.flip-clock-dot.top {
	top: 9px;
}

.flip-clock-dot.bottom {
	bottom: 7px;
}

@-webkit-keyframes asd {
	0% {
		z-index: 2;
	}

	20% {
		z-index: 4;
	}

	100% {
		z-index: 4;
	}
}

@-moz-keyframes asd {
	0% {
		z-index: 2;
	}

	20% {
		z-index: 4;
	}

	100% {
		z-index: 4;
	}
}

@-o-keyframes asd {
	0% {
		z-index: 2;
	}

	20% {
		z-index: 4;
	}

	100% {
		z-index: 4;
	}
}

@keyframes asd {
	0% {
		z-index: 2;
	}

	20% {
		z-index: 4;
	}

	100% {
		z-index: 4;
	}
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
	z-index: 2;
	-webkit-animation: turn 0.5s 0.5s linear both;
	-moz-animation: turn 0.5s 0.5s linear both;
	animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
	0% {
		-webkit-transform: rotateX(90deg);
	}

	100% {
		-webkit-transform: rotateX(0deg);
	}
}

@-moz-keyframes turn {
	0% {
		-moz-transform: rotateX(90deg);
	}

	100% {
		-moz-transform: rotateX(0deg);
	}
}

@-o-keyframes turn {
	0% {
		-o-transform: rotateX(90deg);
	}

	100% {
		-o-transform: rotateX(0deg);
	}
}

@keyframes turn {
	0% {
		transform: rotateX(90deg);
	}

	100% {
		transform: rotateX(0deg);
	}
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
	z-index: 2;
	-webkit-animation: turn2 0.5s linear both;
	-moz-animation: turn2 0.5s linear both;
	animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
	0% {
		-webkit-transform: rotateX(0deg);
	}

	100% {
		-webkit-transform: rotateX(-90deg);
	}
}

@-moz-keyframes turn2 {
	0% {
		-moz-transform: rotateX(0deg);
	}

	100% {
		-moz-transform: rotateX(-90deg);
	}
}

@-o-keyframes turn2 {
	0% {
		-o-transform: rotateX(0deg);
	}

	100% {
		-o-transform: rotateX(-90deg);
	}
}

@keyframes turn2 {
	0% {
		transform: rotateX(0deg);
	}

	100% {
		transform: rotateX(-90deg);
	}
}

.flip-clock-wrapper ul li.flip-clock-active {
	z-index: 3;
}

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
	background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
	-webkit-animation: show 0.5s linear both;
	-moz-animation: show 0.5s linear both;
	animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
	background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
	-webkit-animation: hide 0.5s 0.3s linear both;
	-moz-animation: hide 0.5s 0.3s linear both;
	animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
	background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
	background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
	-webkit-animation: show 0.5s linear both;
	-moz-animation: show 0.5s linear both;
	animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
	background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
	background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
	-webkit-animation: hide 0.5s 0.3s linear both;
	-moz-animation: hide 0.5s 0.3s linear both;
	animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes hide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes hide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-o-keyframes hide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/*flipclock end*/

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.nobr {
	-ms-word-break: none;
	word-break: none;
}

.clear, .clearfix {
	clear: both;
}

.hidden {
	display: none;
}

.aLeft {
	text-align: left;
}

.aCenter {
	text-align: center;
}

.aRight {
	text-align: right;
}

.input-small {
	width: 50px;
}

.input-mid {
	width: 100px;
}


/*header*/
.header-top-divider {
	height: 39px;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/header_container_bg.jpg) top left repeat-x;
}

.store-logos,
.header-links,
.header-cart {
	float: left;
}

.header-cart {
	position: relative;
	width: 340px;
	margin-top: 0px;
}

.store-logos a {
	width: 150px;
	text-align: center;
	-webkit-box-shadow: 0 -4px 7px 0 rgba(187, 187, 187, 0.5);
	-ms-box-shadow: 0 -4px 7px 0 rgba(187, 187, 187, 0.5);
	box-shadow: 0 -4px 7px 0 rgba(187, 187, 187, 0.5);
	box-shadow: 0 -4px 7px 0 rgba(187, 187, 187, 0.5);
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-8 */
	line-height: 40px;
	font-size: 13px;
	float: left;
}

	.store-logos a + a {
		margin-left: 15px;
	}

	.store-logos a.active {
		background: #fff;
	}

.header-links-wrapper {
	margin-top: -40px;
	position: relative;
}


.header-links {
	width: 380px;
	position: relative;
}

	.header-links .btn {
		border: none;
		background: none;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
		-ms-text-shadow: none;
		text-shadow: none;
		font-size: 11px;
		padding: 0;
		color: #0060bc;
	}

	.header-links a.customer-name {
		color: #b7b7b7;
	}


.links-wrapper a.phone {
	position: absolute;
	top: 5px;
	right: 20px;
	margin-right: 0;
	padding-right: 0;
	color: #0060bc;
	font-size: 14px;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/phone_icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding-left: 18px;
	font-family: HelveticaNeueLTPro-Roman, arial;
	font-weight: bold;
}

	.links-wrapper a.phone span {
		color: #9e9e9e;
	}

	.links-wrapper a.phone:after {
		content: "";
		background-color: #ffffff;
	}

.links-wrapper .btn-group.open .btn.dropdown-toggle {
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	background: none;
}

.header-links .btn span {
	display: block;
	padding-right: 10px;
	position: relative;
	font-family: HelveticaNeueLTPro-Md, arial;
}

	.header-links .btn span:after {
		content: "";
		border-top: 4px solid #000;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		position: absolute;
		top: 8px;
		right: 0;
	}


.links-wrapper .btn-group.open .btn.dropdown-toggle span {
	text-decoration: underline;
}

.links-wrapper {
	width: 280px;
	padding-left: 10px;
	float: left;
}

	.links-wrapper a {
		font-size: 11px;
		color: #0060bc;
		/* padding-left: 10px; */
		float: left;
		position: relative;
		padding-right: 5px;
		margin-right: 5px;
	}

		.links-wrapper a:hover {
			color: #0060bc;
			text-decoration: underline;
		}

	.links-wrapper > a:after, .links-wrapper .btn-group:after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		width: 1px;
		background-color: #ddd;
		height: 14px;
		margin-top: -7px;
	}

.customer-name-wrapper {
	padding-left: 10px;
}

.h-customer-name {
	color: #b7b7b7;
	font-size: 11px;
}

.links-wrapper .dropdown-menu li a {
	display: block;
	float: none;
	line-height: 10px;
}

.links-wrapper .dropdown-menu {
	margin-top: -1px;
	margin-left: -10px;
}

	.links-wrapper .dropdown-menu li {
		float: none;
	}

.links-wrapper .btn-group {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
}


.links-wrapper .last-order {
	position: relative;
	float: left;
	padding-right: 6px;
	margin-right: 6px;
}

	.links-wrapper .last-order:after {
		background-color: #ddd;
		content: "";
		height: 14px;
		margin-top: -7px;
		position: absolute;
		right: 0;
		top: 10px;
		width: 1px;
	}

	.links-wrapper .last-order > a {
		padding: 0;
		margin: 0;
		height: 32px;
	}


	.links-wrapper .last-order .last-order-content {
		display: none;
		background: red;
		margin-top: 30px;
	}

	.links-wrapper .last-order:hover .last-order-content {
		display: block;
		position: absolute;
		left: 0;
		z-index: 99999;
	}

.store-logo-supplementler .brand-name {
	color: #013c77;
}

	.store-logo-supplementler .brand-name span {
		color: #222222;
	}

.store-logo-vitaminler .brand-name {
	color: #8fbe1e;
}

	.store-logo-vitaminler .brand-name span {
		color: #375f28;
	}

.store-logos a {
	font-weight: bold;
	-ms-text-shadow: none;
	text-shadow: none;
}

.cart-inner {
	height: 39px;
}

.cart-inner-info {
	line-height: 15px;
	float: left;
	padding: 12px 15px 12px 15px;
	color: #fff;
	position: relative;
	width: 46%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 13px;
}

	.cart-inner-info:after {
		/*content: "";
		position: absolute;
		top: 50%;
		right: -5px;
		margin-top: -5px;
		width: 10px;
		height: 10px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);*/
	}

	.cart-inner-info:before {
		content: "";
		width: 30px;
		height: 26px;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -14px;
	}

.basketLink {
	float: left;
	width: 54%;
	text-align: center;
	height: 100%;
}

.cart-total-wrapper {
	float: left;
	text-align: left;
	padding-left: 13px;
	font-size: 11px;
	font-weight: bold;
	color: #444;
	margin-top: 8px;
	line-height: normal;
}

.btn-cart {
	color: #fff;
	font-size: 12px;
	float: right;
	padding: 3px 16px;
	margin-top: 7px;
	margin-right: 14px;
}

.cart-total-wrapper-message {
	color: #444;
	font-weight: bold;
	font-size: 12px;
	display: block;
	line-height: 42px;
	text-align: center;
}

.header-search {
	position: relative;
	z-index: 3;
}


/*menu*/
.top-menu-list {
	margin: 0;
	list-style: none;
	float: left;
	position: relative;
	width: 100%;
}

.main-link-wrapper {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 48px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-link {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
}


.sub-wrapper {
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 3;
	top: 48px;
	width: 240px;
	text-align: left;
	-ms-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.header-menu-list {
	margin: 0;
	list-style: none;
}

.sub-wrapper.brand-category {
	width: 100%;
}

.sub-link {
	font-size: 12px;
	color: #fff;
	display: block;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/menuicon.png") no-repeat 11px 7px transparent;
	font-weight: bold;
	padding: 4px 0 4px 22px;
}

.submenu-column h4 {
	color: #fff;
	margin: 0;
	padding: 10px 0 10px 12px;
	border-bottom: 1px solid #fff;
}

.submenu-column {
	float: left;
	width: 18%;
	margin: 0 1%;
}


/*menu end*/
/*header end*/


/*flyout*/
.cart-summary {
	position: absolute;
	top: 39px;
	right: 0;
	width: 415px;
	background: #fff;
	z-index: 4;
	display: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
}

.cart-content-box {
	text-align: center;
}


	.cart-content-box .flyOutRemoveItem {
		color: #d11514;
		border: 1px solid #d11514;
		border-radius: 7px;
		padding: 4px 7px;
	}

.emptycart {
	padding: 10px;
	text-align: center;
}

.basket {
	width: 620px;
}

	.basket .cart-common-info {
		width: 28%;
		float: left;
		padding: 0 7px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.basket #flyout-cart {
		float: left;
		width: 72%;
		background-color: #fff;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
		min-height: 258px;
	}

@-moz-document url-prefix() {
	.basket #flyout-cart {
		min-height: 280px;
	}
}
/*flyout end*/

.basket th + th + th {
	text-align: center;
}

.basket th {
	font-size: 11px;
}


.basket .cart-common-info p,
.basket .cart-common-info h3 {
	text-align: left;
}

.cart-common-info p {
	font-size: 11px;
	font-weight: bold;
}

.basket td a, .basket td {
	font-size: 11px;
	line-height: 14px;
}

.bx-wrapper .home-page-slider-wrapper img {
	width: 100%;
}

.home-page-slider-wrapper {
	margin: 0;
	max-height: 300px;
	overflow: hidden;
}

.home-index .bx-wrapper .bx-controls-direction a {
	position: absolute;
	width: 34px;
	height: 34px;
	top: 50%;
	margin-top: -17px;
	z-index: 1;
}

	.home-index .bx-wrapper .bx-controls-direction a.bx-prev {
		left: 0;
	}

	.home-index .bx-wrapper .bx-controls-direction a.bx-next {
		right: 0;
	}


/* order change */
.pending-edit-wrapper {
	width: 700px;
	margin: 0 0;
}

.pending-address-box {
	display: none;
}

	.pending-address-box .create-or-update {
		padding: 10px;
		border: none;
	}

.order .fancybox-close {
	top: -54px;
	right: 0;
	width: 30px;
	height: 30px;
	background: url("./Themes/Supplementler/Content/images/numodal-close.png") center center no-repeat;
}
/* order change end */
.address-edit-box {
	padding: 15px;
	border: 1px solid #cacaca;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0, .3);
	-ms-box-shadow: 0 0 3px 0 rgba(0,0,0, .3);
	box-shadow: 0 0 3px 0 rgba(0,0,0, .3);
	background-color: #f9f9f9;
}



.address-edit-buttons {
	text-align: right;
}

.pending-address-edit {
	color: #B3B3B3;
}

	.pending-address-edit:hover {
		color: #b3b3b3;
	}

.row {
	margin: 0 -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4,
.col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
	float: left;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;
}

.col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4,
.col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
	padding: 0;
}

.col-lg-12 {
	width: 100%;
}

.col-lg-11 {
	width: 91.66666667%;
}

.col-lg-10 {
	width: 83.33333333%;
}

.col-lg-9 {
	width: 75%;
}

.col-lg-8 {
	width: 66.66666667%;
}

.col-lg-7 {
	width: 58.33333333%;
}

.col-lg-6 {
	width: 50%;
}

.col-lg-5 {
	width: 41.66666667%;
}

.col-lg-4 {
	width: 33.33333333%;
}

.col-lg-3 {
	width: 25%;
}

.col-lg-2 {
	width: 16.66666667%;
}

.col-lg-1 {
	width: 8.33333333%;
}

.col-lg-offset-12 {
	margin-left: 100%;
}

.col-lg-offset-11 {
	margin-left: 91.66666667%;
}

.col-lg-offset-10 {
	margin-left: 83.33333333%;
}

.col-lg-offset-9 {
	margin-left: 75%;
}

.col-lg-offset-8 {
	margin-left: 66.66666667%;
}

.col-lg-offset-7 {
	margin-left: 58.33333333%;
}

.col-lg-offset-6 {
	margin-left: 50%;
}

.col-lg-offset-5 {
	margin-left: 41.66666667%;
}

.col-lg-offset-4 {
	margin-left: 33.33333333%;
}

.col-lg-offset-3 {
	margin-left: 25%;
}

.col-lg-offset-2 {
	margin-left: 16.66666667%;
}

.col-lg-offset-1 {
	margin-left: 8.33333333%;
}

/*order change end*/


.home-index .bx-wrapper {
	min-height: 300px;
}


.home .bx-wrapper .bx-viewport {
	min-height: 300px;
}

a.content_menu_link.ico-admin {
	font-family: HelveticaNeueLTPro-Md,arial, arial;
	font-weight: bold;
	font-size: 11px;
	color: #0060C2;
}


.header-menu .container {
	background: #fff;
	border-bottom: 1px solid #E4E4E4;
}

.page-title.topic-title {
	padding-left: 20px;
}

.search-result.vitaminler,
.search-result.supplementler {
	float: left;
	width: 100%;
}

.nutritionLabel {
	font-size: 14px !important;
}

p.robots-nocontent.no-content-text-vit, p.robots-nocontent.no-content-text-sup {
	text-align: left;
	padding: 15px;
	font-size: 13px;
	font-style: italic;
	color: #858585;
	font-family: arial;
	line-height: 16px;
	box-sizing: border-box;
}

.slimScrollDiv {
	z-index: 1;
}

.invtabs-module li .product-price {
	margin: 0;
}

.inv-tab-menu .caret {
	border-top: 10px solid #000;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	z-index: 1;
	display: none;
}

.inv-tab-menu li.active .caret {
	display: block;
}
/*pending edit*/
.pending-product-name {
	display: block;
	width: 250px;
	color: #08c;
}

.edit-gift-table td,
.edit-gift-table th,
.edit-quantity-table th,
.edit-quantity-table td,
.bank-list-table td,
.bank-list-table th {
	padding: 10px;
}

.edit-gift-table th, .edit-quantity-table th, .bank-list-table th {
	font-size: 12px;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/prd2.png) bottom left repeat-x;
	border-bottom: 1px solid #ddd;
}

.edit-gift-table, .edit-quantity-table, .bank-list-table {
	border: 1px solid #ddd;
}

.change-gift {
	width: 130px;
}

.pending-line, .method {
	margin: 20px 0;
}

.pending-line {
	margin: 20px auto;
	width: 700px;
}

.basket-gift-image {
	width: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
}


	.basket-gift-image img {
		width: 100%;
	}

.pending-line,
.cancel-order-description {
	display: block;
}

.cancel-order-description {
	width: 300px;
	margin-top: 15px;
	display: none;
}

	.cancel-order-description textarea {
		width: 100%;
		height: 100px;
		-moz-resize: none;
		-ms-resize: none;
		-o-resize: none;
		resize: none;
	}

.method {
	display: none;
}

.change-payment-oldprice span {
	font-weight: normal;
	text-decoration: line-through;
}

.change-payment-price span {
	font-weight: normal;
}

.pending-line h2 {
	font-size: 16px;
	font-weight: bold;
	color: #0362BE;
}

.update-order, #btnEditShippingAddress, #btnEditBillingAddress, #orderMethodChangeRequestCC, #orderMethodChangeRequestPP,
.useOtherMethod {
	padding: 13px 30px;
	border: 1px solid #033E7B;
	color: #fff;
	-ms-border-radius: 4px;
	border-radius: 4px;
	font-size: 18px;
	cursor: pointer;
}

.useOtherMethod {
	float: right;
	margin-top: 20px;
}

#btnEditShippingAddress, #btnEditBillingAddress {
	font-size: 14px;
	float: right;
}

#orderMethodChangeRequestPP, #orderMethodChangeRequestCC {
	float: right;
}

.update-order-wrapper {
	text-align: right;
	width: 700px;
	margin: 20px auto;
}

.cancel-address-edit {
	font-size: 14px;
	color: #adadad;
	text-decoration: underline;
	padding: 13px 30px;
	float: left;
}

.pending-edit-wrapper select {
	width: auto !important;
	background-position-x: 96% !important;
}

#orderCancelContainer {
	position: relative;
}

.pending-loading {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	min-height: 100px;
}

/*pending edit end*/
/*category banner*/
.category-image img {
	width: 100%;
}
/*category banner end*/

.fb_iframe_widget_fluid span, .fb-comments iframe, .fb-comments > span {
	width: 100% !important;
}

.customer-login .span12,
.customer-register .span12 {
	width: 940px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto;
	float: none;
}

.order-pendingedit .inv_left_panel {
	float: left;
	width: 220px;
	margin-top: 15px;
}

.pending-container {
	float: left;
	margin-left: 15px;
	width: 700px;
	margin-bottom: 20px;
}

.pending-order-detail {
	padding: 5px 30px;
	color: #fff;
	-ms-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
}


.checkout-completed .page-title {
	padding-top: 35px;
}

.cp-order-edit {
	display: block;
	width: 200px;
	padding: 13px 30px;
	border: 1px solid #033E7B;
	color: #fff;
	-ms-border-radius: 4px;
	border-radius: 4px;
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px;
}

.cp-buttons {
	margin: 30px 0;
}

	.cp-buttons .btn + .btn {
		margin-left: 25px;
	}

.address-line .col-lg-12 {
	padding: 0 10px;
}

.merge-address-label {
	padding-left: 18px;
	position: relative;
}




select.change-quantity {
	width: 100px;
}

.order-cancel-wrapper .alert {
	margin: 0 auto;
	width: 650px;
	position: relative;
	float: left;
}


.md-oldprice, .md-price {
	text-decoration: underline;
	color: red;
	font-weight: bold;
	font-size: 18px;
}

.other-size-content table span.out-of-stock-text {
	color: #fff;
	background-color: #ccc;
	display: inline-block;
	padding: 5px 7px;
}

.load-more {
	box-sizing: border-box;
	margin-top: 35px;
	padding-right: 15px;
	padding-left: 16px;
	width: 100%;
}

#nextProductReviews {
	color: #ffffff;
	display: block;
	text-align: center;
	padding: 20px 0;
	font-size: 16px;
	font-weight: bold;
	-ms-border-radius: 4px;
	border-radius: 4px;
	background-color: #5590fd;
	transition: all 200ms;
}

	#nextProductReviews,
	#nextProductReviews:hover,
	#nextProductReviews:active,
	#nextProductReviews:focus {
		text-decoration: none;
	}

		#nextProductReviews:hover {
			background-color: #2c6ce2;
		}

.button-wrapper {
	float: left;
	width: 100%;
}

#cancel-order-notification {
	float: left;
	margin-top: 20px;
}

.social-link-class {
	display: block;
	color: #a3b0c0;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: left center;
}

.payment-message {
	font-weight: bold;
}



/*one click*/
.selected-card-name,
.saved-card-name {
	display: block;
}

.saved-list-wrapper {
	list-style: none;
	margin: 0;
	display: none;
	padding: 0;
	background-color: #fff;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	font-size: 16px;
	border-top: none;
}

.saved-card-list {
	max-height: 285px;
	overflow: auto;
	margin: 0;
}

.selected-card-space {
	padding: 15px;
	background-color: #fff;
	border: 1px solid #DDD;
	cursor: pointer;
	font-size: 16px;
	position: relative;
	margin-bottom: 20px;
}

.payment-border .selected-card-space {
	margin-bottom: 0;
}

.card-information {
	text-align: center;
	border: 1px solid #b3b3b3;
	padding: 10px;
	margin-bottom: 20px;
}

.saved-card-list-wrapper {
	position: relative;
	float: left;
	width: 100%;
}

	.saved-card-list-wrapper p strong {
		font-size: 14px;
	}

	.saved-card-list-wrapper p {
		font-size: 12px;
		color: #666;
	}

.card-select {
	cursor: pointer;
	padding: 15px;
	color: #adadad;
	position: relative;
}

	.card-select:hover, .card-select.selected {
		color: #333;
	}

	.card-select + .card-select {
		border-top: 1px solid #ddd;
	}


.selected-card-arrow-down,
.selected-card-space .selected-card-tick {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -5px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 10px solid #000;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	content: "";
	background: none;
}

.selected-card-tick {
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ok-green.png) center center no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	display: none;
}

.selected .selected-card-tick, .card-select:hover .selected-card-tick {
	display: block;
}










.select-other-card,
.pay-saved-card {
	display: block;
	padding: 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ddd;
	float: left;
	width: 100%;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -1px;
	margin-bottom: 20px;
	cursor: pointer;
}

.select-other-card {
	color: #0057a4;
}

.pay-saved-card {
	display: none;
	background: #0057a4;
	color: #fff;
	border-color: #0057a4;
}

	.pay-saved-card:hover {
		color: #fff;
		text-decoration: none;
	}















#installmentstablecontainer {
	float: left;
	width: 100%;
}

.save-card-control {
	float: left;
	display: none;
}

.quickbuy-info-popup {
	width: 600px;
	padding: 15px;
	display: inline-block;
}

.quickbuy-settings {
	width: auto;
	float: left;
	margin: 0;
}

.go-shop {
	padding: 13px 20px;
	font-size: 18px;
	float: right;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 5px;
	color: #333;
}



.cardlist-row {
	font-size: 18px;
	float: left;
	width: 80%;
	padding: 10px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}

.cardlist-left {
	width: 60%;
	float: left;
}

.cardlist-right {
	width: 40%;
	float: left;
}

.view-card-history {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #034080;
	text-decoration: underline;
}

.delete-card,
.update-card {
	font-size: 12px;
	color: #adadad;
	display: block;
}

.update-card {
	text-decoration: underline;
}

.co-list-table td {
	font-size: 14px;
	padding: 10px;
	border: 1px solid #ddd;
}

.co-list-table th {
	font-size: 16px;
	padding: 10px;
	border: 1px solid #ddd;
}

.oneclick-title .page-title {
	float: left;
	width: 100%;
}
/*one click end*/

/*login register*/
.btn-login-fb-button#fblogin2 {
	display: block;
	width: 412px;
	margin: 0 auto;
	margin-top: 30px;
}

#fb-login2 {
	width: 100%;
}

.login-description {
	text-align: center;
	margin: 10px 0;
	font-size: 14px;
	font-family: arial;
	color: #999;
}

.lr-title {
	color: #666;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	font-family: arial;
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.lr-left {
	float: left;
	width: 40%;
	padding: 20px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lr-right {
	float: left;
	width: 60%;
	padding: 20px 40px;
	border-left: 1px solid #c2c2c2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	min-height: 469px;
	box-sizing: border-box;
}

.lr-wrapper .form-control {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 36px;
	border: 1px solid #c2c2c2;
	width: 100%;
	font-size: 14px;
	padding-left: 40px;
}

.form-horizontal .custom-checkbox {
	display: none;
}

.lr-wrapper {
	border-top: 1px solid #c2c2c2;
}

	.lr-wrapper .control-group {
		margin-bottom: 20px;
		position: relative;
	}

.remember-me {
	font-size: 14px;
	font-family: arial;
	color: #666;
	cursor: pointer;
}


.lr-icons {
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 100%;
	-ms-background-size: 24px;
	background-size: 36px;
	background-position: center center;
	background-repeat: no-repeat;
}

.lr-email {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/lr-icon-user.png");
}

.lr-password {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/lr-icon-password.png");
}

.form-group {
	position: relative;
}

input[type="submit"].loginbutton, input[type="button"].loginbutton {
	background-color: #55ab00;
	border: 1px solid #55ab00;
	color: #fff;
	font-size: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 0;
	font-weight: bold;
	-ms-text-shadow: 0 0 3px rgba(0,0,0, .3);
	text-shadow: 0 0 3px rgba(0,0,0, .3);
}

.button-back {
	box-sizing: border-box;
	color: #464646;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	text-align: center;
	width: 100%;
}

	.button-back:hover {
		text-decoration: none;
		color: #464646;
	}

.login-links {
	color: #999;
	font-size: 14px;
	text-decoration: underline;
	float: left;
	width: 50%;
}

.forgot-password {
	text-align: right;
}

.gender-select .radio input[type="radio"] {
	margin-left: 0;
	margin-right: 4px;
}

.lr-label {
	font-weight: bold;
	font-size: 14px;
	color: #8C8C8C;
	font-family: arial;
}

.detail-thumb-slider .owl-wrapper-outer {
	padding: 8px 0;
}

.detail-thumb-slider .owl-page {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #cccccc;
	border: 1px solid #cccccc;
	margin: 0 2px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}


	.detail-thumb-slider .owl-page.active {
		background: #003770;
		border: 1px solid #003770;
	}

.detail-thumb-slider .owl-pagination {
	text-align: center;
	margin-top: 4px;
}

.lr-label span,
.form-description span {
	color: red;
}

.form-description,
.register-description {
	font-size: 14px;
	font-family: arial;
	color: #999;
}

.register-description {
	margin-bottom: 20px;
}

.lr-right .form-control {
	padding-left: 6px;
}

input[type="submit"].registernextstepbutton {
	background-color: #55ab00;
	border: 1px solid #55ab00;
	color: #fff;
	font-size: 20px;
	width: 266px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 0;
	font-weight: bold;
	display: block;
	float: right;
	-ms-text-shadow: 0 0 3px rgba(0,0,0, .3);
	text-shadow: 0 0 3px rgba(0,0,0, .3);
}

input[type="text"].form-control.input-validation-error,
input[type="text"].form-control.input-validation-error:focus,
input[type="password"].form-control.input-validation-error,
input[type="password"].form-control.input-validation-error:focus {
	border-color: rgba(249, 130, 115, 0.6);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249, 130, 115, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249, 130, 115, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249, 130, 115, 0.6);
}

.lr-wrapper .field-validation-error {
	display: block;
	background: none;
	color: red;
	font-size: 12px;
	position: absolute;
	bottom: -20px;
	left: 0;
	padding: 0;
}

em.form-description {
	text-decoration: underline;
	display: block;
	margin-bottom: 10px;
}

.open-register-form {
	display: block;
	margin: 0 auto;
	width: 340px;
	font-size: 20px;
	color: #fff;
	background: #55ab00;
	text-align: center;
	padding: 16px 0;
	font-weight: bold;
	-ms-text-shadow: 0 0 3px rgba(0,0,0, .3);
	text-shadow: 0 0 3px rgba(0,0,0, .3);
}

	.open-register-form:hover {
		text-decoration: none;
		color: #fff;
	}

.close-register-form {
	font-size: 16px;
	color: #FFFFFF;
	background: #034386;
	border: 1px solid #fff;
	padding: 15px 40px;
	margin-top: 0px;
	/* margin-left: -15px; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	font-weight: bold;
}

	.close-register-form:hover {
		text-decoration: none;
		color: #fff;
	}

.lr-wrapper .register-rules .control-group {
	margin-bottom: 10px;
	margin-top: 20px;
}

	.lr-wrapper .register-rules .control-group + .control-group {
		margin-top: 0;
	}

.register-rules {
	margin-bottom: 20px;
}

.register-page .lr-right {
	width: 74%;
	margin-left: 13%;
	border-right: 1px solid #c2c2c2;
}


/*Added; 8.1.2019*/

/*Register - Login*/
.register-form-holder, .login-form-holder, .forgot-password-container {
	width: 100%;
	margin: 40px 0;
	font-family: "Open Sans", sans-serif !important;
}

.info-form-holder {
	width: 100%;
	font-family: "Open Sans", sans-serif !important;
}
/*.login-form-holder{ margin: 50px 0;}*/
.register-form-container, .forgot-password-container {
	margin: 0 auto;
	width: 450px;
}

.info-form-holder .info-form-container .form-group {
	width: 450px;
}

.register-form-container .avaiable-account-orientation, .login-form-holder .avaiable-account-orientation {
	margin: 15px 0 35px 0;
	font-size: 14px;
	color: #464646;
}

.avaiable-account-orientation a {
	color: #435b91;
	font-weight: bold;
}

.register-form-container h1, .login-form-container-left h1, .login-form-container-right h1, .forgot-password-container h1, .info-form-holder h1 {
	font-size: 32px;
	color: #464646;
	font-weight: bold;
}

.login-htag-left {
	font-size: 28px !important;
}
/*forms*/
.register-form-container label,
.login-form-holder label,
.forgot-password-container label,
.info-form-holder label, .tab_container label {
	margin: 17px 0 5px 0;
	font-size: 14px;
	color: #6d6e71;
}

.register-form-container input,
.login-form-holder input,
.forgot-password-container input,
.info-form-container input, .tab_container input {
	font-family: "Open Sans", sans-serif !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #ffffff !important;
	border: 2px solid #dadce0 !important;
	font-size: 14px !important;
	font-weight: bold;
	letter-spacing: 0.1px;
	color: #464646 !important;
	padding: 15px 16px !important;
	float: none !important;
	margin: 0 !important;
	outline: 0 !important;
	transition: all 150ms;
	box-shadow: none;
	height: auto !important;
}

/*text area*/
.register-form-container textarea,
.login-form-holder textarea,
.forgot-password-container textarea,
.info-form-container textarea {
	font-family: "Open Sans", sans-serif !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #ffffff !important;
	border: 2px solid #dadce0 !important;
	font-size: 14px !important; /*font-weight: bold;*/
	letter-spacing: 0.1px;
	color: #989898 !important;
	padding: 15px 16px !important;
	float: none !important;
	margin: 0 !important;
	outline: 0 !important;
	transition: all 150ms;
	box-shadow: none;
	height: auto !important;
}

.info-form-container textarea {
	box-sizing: border-box;
	width: 100%;
	resize: none;
}
/**/
/*info page input*/
.info-form-container input, .tab_container input {
	box-sizing: border-box;
	width: 100%;
}

	.register-form-container input:active,
	.register-form-container input:focus,
	.login-form-holder input:active,
	.login-form-holder input:focus,
	.forgot-password-container input:active,
	.forgot-password-container input:focus,
	.info-form-container input:active,
	.info-form-container input:focus,
	.tab_container input:active,
	.tab_container input:focus {
		border-color: #6f85b8 !important;
		box-shadow: none !important;
	}

/*text area*/
.info-form-container textarea:active,
.info-form-container textarea:focus {
	border-color: #6f85b8 !important;
	box-shadow: none !important;
}
/**/
.register-form-container .input-icon,
.login-form-holder .input-icon {
	position: relative;
}

	.register-form-container .input-icon i,
	.login-form-holder .input-icon i {
		position: absolute;
		right: 0;
		top: 27px;
		transform: translateY(-50%);
		width: 20px;
		height: 100%;
		padding: 0 15px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 20px;
	}

		.register-form-container .input-icon i.password,
		.login-form-holder .input-icon i.password {
			background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/show-password.svg");
		}

	.register-form-container .input-icon.activated i.password,
	.login-form-holder .input-icon.activated i.password {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/hide-password.svg");
	}

/*customize bootstrap group*/
.register-form-container .customize-bootstrap-success-btn,
.login-form-holder .customize-bootstrap-success-btn,
.forgot-password-container .customize-bootstrap-success-btn,
.info-form-container .customize-bootstrap-success-btn {
	padding: 14px 30px;
	margin: 40px 0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: none;
	box-shadow: none;
	background-image: none;
	border: 0;
	background-color: #5DA647;
}

.login-form-holder .customize-bootstrap-secondary-btn {
	padding: 14px 30px;
	margin: 62px 0 0 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow: none;
	box-shadow: none;
	background-image: none;
	border: 0;
	background-color: #484848;
}

.login-form-holder .customize-bootstrap-success-btn {
	margin: 30px 0;
}

.forgot-password-container .customize-bootstrap-success-btn {
	margin: 15px 0;
}

.register-form-container .disabled {
	background-color: #68b452;
	cursor: default;
}

.register-form-container .active:hover,
.login-form-holder .active:hover,
.forgot-password-container .active:hover,
.info-form-container .active:hover {
	background-color: #3C3B3B;
	cursor: pointer;
}

.register-form-holder button,
.login-form-holder button,
.info-form-container button {
	font-family: "Open Sans", sans-serif !important;
}
/*form-seperator*/
.register-form-container .form-separator,
.login-form-holder .form-separator {
	position: relative;
	margin: 30px auto;
	height: 1px;
	background-color: #dadce0;
}

.register-form-container .form-seperator-border,
.login-form-holder .form-seperator-border {
	position: absolute;
	width: 100%;
	top: -11px;
}

	.register-form-container .form-seperator-border div,
	.login-form-holder .form-seperator-border div {
		margin: 0 auto;
		background-color: #fff;
		width: 35px;
		text-align: center;
		color: #a6a6a6;
	}
/*facebook login*/
.register-form-container .facebook-login-button,
.login-form-holder .facebook-login-button {
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
	background-color: #435b91;
	font-size: 14px;
	font-weight: bold;
	text-shadow: none;
	padding: 13px 0;
	display: block;
	width: 100%;
	text-align: center;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: left 22px center;
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/facebook-logo.svg");
}

.register-form-container .facebook-login span,
.login-form-holder .facebook-login span {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: 4px;
	color: #d9d9d9;
}

.register-form-container .facebook-login a,
.login-form-holder .facebook-login a {
	text-decoration: none;
	line-height: normal;
}
/*customize checkbox*/
.register-form-container .dikey-checkbox + label span a,
.register-form-container .dikey-checkbox + input + label span a,
.info-form-container .dikey-checkbox + label span a,
.info-form-container .dikey-checkbox + input + label span a {
	font-weight: bold;
	color: #5570ac;
	text-decoration: underline;
}

.register-form-container .dikey-checkbox + label,
.register-form-container .dikey-checkbox + input + label,
.info-form-container .dikey-checkbox + label,
.info-form-container .dikey-checkbox + input + label,
.paymentcreditcard .dikey-checkbox + label,
.paymentcreditcard .dikey-checkbox + input + label {
	font-size: 13px;
	line-height: 1.46;
	letter-spacing: 0.1px;
	color: #5a5a5a;
	display: inline-block;
	width: auto;
	position: relative;
	margin-bottom: 0 !important;
	padding-left: 28px;
}

.register-form-container .dikey-checkbox:not(:checked) + label::before,
.register-form-container .dikey-checkbox:not(:checked) + input + label::before,
.info-form-container .dikey-checkbox:not(:checked) + label::before,
.info-form-container .dikey-checkbox:not(:checked) + input + label::before,
.paymentcreditcard .dikey-checkbox:not(:checked) + label::before,
.paymentcreditcard .dikey-checkbox:not(:checked) + input + label::before {
	background-color: #dbdbdb;
}

.register-form-container .dikey-checkbox + label::before,
.register-form-container .dikey-checkbox + input + label::before,
.info-form-container .dikey-checkbox + label::before,
.info-form-container .dikey-checkbox + input + label::before,
.paymentcreditcard .dikey-checkbox + label::before,
.paymentcreditcard .dikey-checkbox + input + label::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 17px;
	height: 17px;
	border-radius: 4px;
}

.register-form-container .dikey-checkbox:checked + label::before,
.register-form-container .dikey-checkbox:checked + input + label::before,
.info-form-container .dikey-checkbox:checked + label::before,
.info-form-container .dikey-checkbox:checked + input + label::before,
.paymentcreditcard .dikey-checkbox:checked + label::before,
.paymentcreditcard .dikey-checkbox:checked + input + label::before {
	background-color: #5570ac;
	background-repeat: no-repeat;
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/dikey-cb-checked.svg");
	background-size: contain;
	background-position: center center;
}
/*register password*/
.register-password .my-input-icon .field-validation-error {
	padding: 10px 0 10px 0;
	text-indent: 40px;
}

/*combo box*/
.info-form-container select, .tab_container select {
	height: auto;
	width: 80px;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/bank-arrow-down.svg") 110px 21px no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-left: 10px;
	font-family: "Open Sans", sans-serif !important;
	font-weight: bold;
	padding: 9px 16px !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #ffffff !important;
	border: 2px solid #dadce0 !important;
	font-size: 14px !important;
}

.info-form-container .select-container .monthdropdown {
	width: 97px;
}

.select-first-item {
	margin: 0 !important;
}

.info-form-container .datedropdown, .tab_container #ExpireMonth {
	margin: 0 !important;
}
/*Login*/
.login-form-container-left, .login-form-container-right {
	margin: 0 50px;
}

	.login-form-container-left .forgot-password {
		margin: 10px 0 0 0;
	}

		.login-form-container-left .forgot-password a {
			font-size: 14px;
			font-weight: bold;
			color: #ababab;
		}

	.login-form-container-right .login-advantage-explanation {
		padding: 15px 0;
	}

		.login-form-container-right .login-advantage-explanation h2, .login-form-container-right .login-advantage-explanation p {
			padding: 0 0 0 32px;
		}

		.login-form-container-right .login-advantage-explanation h2 {
			height: 30px;
			margin: 0;
			font-size: 16px;
			color: #5570ac;
		}

		.login-form-container-right .login-advantage-explanation .first-item {
			background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/reward.svg")no-repeat;
		}

		.login-form-container-right .login-advantage-explanation .last-item {
			background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/megaphone.svg")no-repeat;
		}

		.login-form-container-right .login-advantage-explanation p {
			font-size: 14px;
			color: #464646;
			line-height: 20px;
		}

.forgot-password-container .info-text-container, .payment-alert-info-holder .payment-alert-info, .info-form-holder .info-text-container {
	background-color: #f1f5fe;
	color: #464646;
	border-radius: 5px;
	margin-top: 5px;
}

.info-form-holder .info-text-container {
	margin: 30px 0 0 0;
}

.payment-alert-info-holder .payment-alert-info {
	margin-top: 43px;
	width: 367px;
}

.forgot-password-container .info-text-container p, .info-form-holder .info-text-container p {
	padding: 15px 15px 15px 40px;
	background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/info-box-icon.svg') 14px 20px no-repeat;
}

.payment-alert-info-holder .payment-alert-info p {
	padding: 15px;
	color: #0058f8;
	font-size: 13px;
	line-height: 1.29;
	/*background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/info-box-icon.svg') 14px 20px no-repeat;*/
}

.forgot-password-container .go-back-button {
	width: 150px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	color: #464646;
	cursor: pointer;
}

	.forgot-password-container .go-back-button i {
		width: 15px;
		height: 15px;
		display: block;
		float: left;
		margin-top: 6px;
		background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/back_arrow.svg') no-repeat;
	}
/*login popup*/
.fancybox-inner .login-form-holder {
}

	.fancybox-inner .login-form-holder .login-htag-left, .fancybox-inner .login-form-holder .login-form-container-right h1 {
		font-size: 22px !important;
	}

	.fancybox-inner .login-form-holder .login-form-container-left, .fancybox-inner .login-form-holder .login-form-container-right {
		margin: 0 40px;
	}

	.fancybox-inner .login-form-holder .avaiable-account-orientation, .fancybox-inner .login-form-holder .login-advantage-explanation {
		font-size: 12px;
	}
/*Form validation*/
.login-form-holder .field-validation-error,
.register-form-container .field-validation-error,
.forgot-password-container .field-validation-error, .info-form-container .field-validation-error {
	display: block;
	padding: 10px 10px 10px 40px;
	font-size: 13px;
	background-color: #df4848 !important;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/warning_white.svg') 13px 13px no-repeat;
}

	.login-form-holder .field-validation-error span,
	.register-form-container .field-validation-error span,
	.forgot-password-container .field-validation-error span,
	.login-form-holder input[type="text"].form-control.input-validation-error,
	.login-form-holder input[type="text"].form-control.input-validation-error:focus,
	.login-form-holder input[type="password"].form-control.input-validation-error,
	.login-form-holder input[type="password"].form-control.input-validation-error:focus,
	.register-form-container input[type="text"].form-control.input-validation-error,
	.register-form-container input[type="text"].form-control.input-validation-error:focus,
	.register-form-container input[type="password"].form-control.input-validation-error, .info-form-container .container
	.register-form-container input[type="password"].form-control.input-validation-error:focus,
	.forgot-password-container input[type="text"].form-control.input-validation-error,
	.forgot-password-container input[type="text"].form-control.input-validation-error:focus,
	.forgot-password-container input[type="password"].form-control.input-validation-error,
	.forgot-password-container input[type="password"].form-control.input-validation-error:focus,
	.info-form-container input[type="text"].form-control.input-validation-error,
	.info-form-container input[type="text"].form-control.input-validation-error:focus {
		border: 2px solid #df4848 !important;
		box-shadow: none !important;
	}

.forgot-password-container .input-validation-error {
	border: 2px solid #df4848 !important;
	box-shadow: none !important
}

.info-form-container .input-validation-error {
	border: 2px solid #df4848 !important;
	box-shadow: none !important
}

.login-form-holder .field-validation-error,
.register-form-container .field-validation-error,
.info-form-container .field-validation-error {
	position: static !important;
	margin-top: 5px;
}

.register-cancel-area button {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	color: #464646;
	font-weight: bold;
}

.info-form-container .field-validation-error {
	padding: 0;
}

.form-group.not-valid input {
	border-color: #df4848 !important;
}

.info-form-container input#SendSms, .info-form-container input#SendEMail, .info-form-container input#KVKKPermission {
	display: none;
}
/*captcha overide*/
.g-recaptcha {
	position: relative;
	margin-top: 15px;
	width: 100%;
	background: #f9f9f9;
	overflow: hidden;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
}

	.g-recaptcha > * {
		float: left;
		left: 0;
		margin: -2px -2px -4px;
	}

	.g-recaptcha::after {
		display: block;
		content: "";
		position: absolute;
		right: 0;
		left: 299px;
		top: 0;
		bottom: 0;
		background-color: #f9f9f9;
		clear: both;
	}
/*radio container*/
.info-form-border-holder {
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

.radio-button-area-seperator {
	float: left;
	height: 30px;
	width: 1px;
	border-right: 1px solid red;
}

.radio-button-text {
	margin-left: 26px;
	line-height: 17px;
	font-weight: bold;
	color: #464646;
}

.radio-button-container-item-left {
	float: left;
	width: 49%;
	border-right: 1px solid #f0f0f0;
}

.radio-button-container-item-right {
	float: left;
	width: 50%;
}

	.radio-button-container-item-left div, .radio-button-container-item-right div {
		width: 80px;
		margin: 0 auto;
	}

.info-form-container .container {
	display: block;
	float: left;
	position: relative;
	padding-left: 35px;
	margin: 5px 0;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 50%;
}

	.info-form-container .container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

.info-form-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 17px;
	width: 17px;
	background-color: #dbdbdb;
	border-radius: 50%;
}

.info-form-container .container:hover input ~ .checkmark {
	background-color: #ccc;
}

.info-form-container .container input:checked ~ .checkmark {
	background-color: #5570ac;
}

.info-form-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.info-form-container .container input:checked ~ .checkmark:after {
	display: block;
}

.info-form-container .container .checkmark:after {
	top: 5px;
	left: 5px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
}

.hire-purchase-select-radio .container {
	display: block;
	float: left;
	position: relative;
	padding-left: 35px; /*margin:5px 0;*/
	cursor: pointer;
	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; /*width: 50%;*/
}

	.hire-purchase-select-radio .container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

.hire-purchase-select-radio .checkmark {
	position: absolute;
	top: 10px;
	left: 16px;
	height: 17px;
	width: 17px;
	background-color: #dbdbdb;
	border-radius: 50%;
}

.hire-purchase-select-radio .container:hover input ~ .checkmark {
	background-color: #ccc;
}

.hire-purchase-select-radio .container input:checked ~ .checkmark {
	background-color: #5570ac;
}

.hire-purchase-select-radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.hire-purchase-select-radio .container input:checked ~ .checkmark:after {
	display: block;
}

.hire-purchase-select-radio .container .checkmark:after {
	top: 5px;
	left: 5px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
}
/**/
#payment_tab2C .tooltip-main {
	margin: 19px 7px 0;
}

#payment_tab2C #informationPopup3ds, #payment_tab2C #informationSavingCard2 {
	float: left;
	margin: 19px 7px 0;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/question-icon-dark.svg) no-repeat;
	width: 18px;
	height: 18px;
	cursor: text;
}

#payment_tab2C #informationSavingCard2 {
	margin: 0;
	position: relative;
	top: -16px;
	left: 163px;
}

#payment_tab2C .SaveOcpCreditCardLabel {
	float: left;
}

#payment_tab2C .UserHasRequested3D {
	float: left;
}
/*login -register customize*/
.border-right {
	border-right: 1px solid #dadce0;
}
/*combo box customize*/
select.combo-box-customize {
	margin: 0;
	width: 100%;
	background-position: 420px 21px;
}

select.combo-box-customize-pay {
	margin: 0;
	width: 745px;
	background-position: 710px 21px;
}
/*login register end*/
/*Order tabs*/
#order_tabs {
	width: auto;
	font-family: "Open Sans", sans-serif !important;
}

	#order_tabs #payment_tabs {
		width: 745px;
		display: flex;
		flex-direction: row;
	}

	#order_tabs #payment_tab1 {
		display: block;
	}

	#order_tabs #payment_tab1C {
		margin-bottom: 70px;
	}

	#order_tabs ul {
		margin: 0;
		padding: 0;
		background-color: #f0f0f0;
		border-bottom: 2px solid #5590fd;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.12);
	}

	#order_tabs li {
		width: 50%;
		height: 50px;
		float: left;
		list-style-type: none;
		cursor: pointer;
	}

		#order_tabs li div {
			height: 50px;
			border: none;
			display: block;
			background-color: transparent;
		}

		#order_tabs li .inactive {
			height: 52px;
			background-color: #f0f0f0;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			display: block;
			border-bottom: 2px solid #f0f0f0;
		}

			#order_tabs li .inactive span {
				color: #000;
			}

		#order_tabs li #payment_tab1 {
			border-right: 1px solid #e2e2e2;
		}

		#order_tabs li span {
			text-align: center;
			float: left;
			width: 100%;
			margin-top: 15px;
		}

		#order_tabs li div span {
			font-size: 14px;
			font-weight: bold;
			color: #5590fd;
		}
/**/
.installment-table {
	width: 100%;
	width: 576px;
	font-family: "Open Sans", sans-serif !important;
}

.hire-purchase-select-caps-text {
	font-size: 16px;
	font-weight: bold;
	color: #464646;
	margin-top: 30px;
}

.hire-purchase-select-info-text {
	margin-bottom: 20px;
	font-size: 14px;
	color: #464646;
}

#installment-table-content-div {
	float: left;
	width: 100%;
	font-weight: bold;
	color: #464646;
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.installment-table {
	width: 100%;
	float: left;
	border-top: 1px solid #e6e6e6;
}

	.installment-table-th, .installment-table label {
		width: 100%;
		float: left;
		margin: 0;
		font-weight: bold;
		color: #464646;
	}

	.installment-table.active {
		background-color: #fff;
	}

#installment-table-content-div .first-col {
	width: 15%;
	float: left;
	display: block;
	height: 38px;
}

#installment-table-content-div .installment-table-column-first, #installment-table-content-div .installment-table-column-last {
	float: left;
	height: 38px; /*text-align: center;*/
	line-height: 34px;
}

#installment-table-content-div .installment-table-column-first {
	width: 40%;
	border-right: 1px solid #e6e6e6;
}

#installment-table-content-div .installment-table-column-last {
	width: 41%;
	text-indent: 30px;
}
/*fancybox alert message*/
.dikey-popup {
	font-family: "Open Sans", sans-serif !important;
	padding: 10px;
}

	.dikey-popup label {
		font-size: 18px;
		color: #464646;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.dikey-popup div {
		font-size: 14px;
		color: #464646;
	}

	.dikey-popup #info-panel {
		display: none;
		position: absolute;
		text-align: center;
		margin: 0 auto;
		background: #ffffff;
		padding: 8px;
		z-index: 11111;
		left: 50%;
		width: 500px;
		margin-left: -250px;
		top: 110px;
		box-sizing: border-box;
		color: #404040;
		box-shadow: 0 0 1px #000;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
		box-shadow: 0 0 7px 2px #0000001f;
		border-radius: 2px;
		border: 1px solid #fd830ca8;
	}

		.dikey-popup #info-panel .form-warning {
			font-size: 50px;
			font-weight: 800;
			color: #fd830c;
			display: inline-block;
			margin-bottom: 19px;
			border: 2px solid #fd830c;
			padding: 29px 32px;
			border-radius: 50%;
		}

	.dikey-popup .info-wrapper {
		padding: 50px;
		border: 1px solid #ffffff;
		background: #fff;
		font-family: 'Nunito Sans';
		font-weight: 500;
	}

	.dikey-popup #info-panel a {
		margin-top: 20px;
		display: inline-block;
		padding: 7px 56px;
		border-radius: 2px;
		background: #fd830c;
		color: #ffffff;
		border: 1px solid #fd830c;
		font-weight: 800;
	}

		.dikey-popup #info-panel a:hover {
			background: #ec7909;
			text-decoration: none;
		}

	.dikey-popup #info-panel.on {
		display: flex;
	}

	.dikey-popup .close-btn {
		width: 100%;
		margin: 0 auto;
		display: block;
		margin-top: 20px;
		background-color: #484848;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
		border-radius: 5px;
		color: #fff;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		padding: 14px 0px;
	}

		.dikey-popup .close-btn:hover {
			text-decoration: none;
		}

	.dikey-popup #orderUpdateWindow .change-order-prop h2 {
		margin-bottom: 15px;
	}

/* flash card styles */
.flash-card {
	z-index: 9999;
}

	.flash-card, .flash-card * {
		box-sizing: border-box;
	}

		.flash-card, .flash-card .flash-card-overlay {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}

			.flash-card .flash-card-overlay {
				background-color: #000000;
				z-index: -1;
				opacity: .26
			}

			.flash-card .flash-card-content {
				border-radius: 8px;
				background-color: rgba(255, 255, 255, 0.94);
				position: relative;
				text-align: center;
				top: 50%;
				transform: translateY(-50%);
				max-width: 250px;
				margin-left: auto;
				margin-right: auto;
				padding: 33px 44px;
				opacity: .94;
				font-family: 'Open Sans', sans-serif;
				font-size: 16px;
				line-height: 1.5;
				letter-spacing: 0.1px;
				color: #464646;
			}

				.flash-card .flash-card-content > img {
					display: inline-block;
				}

				.flash-card .flash-card-content .flash-card-text {
					margin-top: 10px;
					word-break: break-word;
				}

					.flash-card .flash-card-content .flash-card-text > strong {
						display: block;
					}
/**/
.cancel-membership-popup .cancel-membership-wrapper, .sms-confirmation-popup .sms-confirmation-wrapper {
	display: block !important;
	padding: 14px 15px;
	color: #464646;
	font-size: 13px;
	line-height: normal;
}

.dikey-form, .dikey-form * {
	box-sizing: border-box;
}

.cancel-membership-popup .cancel-membership-wrapper .cm-title, .sms-confirmation-popup .sms-confirmation-wrapper .sc-title {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.2px;
	margin-bottom: 10px;
}


#sameAdressCheckboxContainer {
	display: flex;
	align-items: center;
	margin-top: 10px;
}


	#sameAdressCheckboxContainer > label {
		margin-bottom: 0;
		margin-left: 4px;
		margin-top: 0.5px;
	}

.dikey-group .dikey-checkbox {
	pointer-events: all !important;
}

.dikey-form .dikey-group {
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: 25px;
}


	.dikey-form .dikey-group label {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.1px;
		color: #6d6e71;
		display: block;
		width: 100%;
		margin: 0;
		margin-bottom: 8px;
	}

.dikey-form .dikey-input-tick, .dikey-popup .dikey-input-tick {
	position: relative;
}

.dikey-form .dikey-control:not(.datedropdown):not(.monthdropdown):not(.yeardropdown) {
	width: 100% !important;
	display: block;
}

.dikey-form .dikey-control:active, .dikey-form .dikey-control:focus {
	border-color: #6f85b8 !important;
	box-shadow: none;
}

.dikey-form .dikey-control {
	height: 50px;
	border-radius: 5px;
	background-color: #ffffff !important;
	border: 2px solid #dadce0 !important;
	font-size: 14px !important;
	font-weight: bold;
	letter-spacing: 0.1px;
	color: #464646 !important;
	padding: 15px 16px !important;
	float: none !important;
	margin: 0 !important;
	outline: 0 !important;
	transition: all 150ms;
	box-shadow: none;
}

.dikey-form .dikey-input-tick span.counter, .dikey-popup .dikey-input-tick span.counter {
	position: absolute;
	right: 11px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	letter-spacing: 0.1px;
	color: #464646;
	display: inline-block;
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sms-confirmation-tick.svg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

	.dikey-form .dikey-input-tick span.counter::before, .dikey-popup .dikey-input-tick span.counter::before {
		content: "";
		position: absolute;
		left: -12px;
		top: -6px;
		bottom: -6px;
		width: 1px;
		background-color: #e9e9e9;
	}

.dikey-form .dikey-input-tick input, .dikey-popup .dikey-input-tick input {
	padding-right: 90px !important;
}

.dikey-form .btn {
	display: inline-block;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.2px;
	padding: 14px 30px;
	margin: 0;
	border: 0;
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
	text-shadow: none;
	text-align: center;
	cursor: pointer;
}

.dikey-form .btn-blue {
	background-color: #245087;
}

.dikey-form .btn-block {
	width: 100%;
	display: block;
}

.dikey-form .btn.busy {
	opacity: 0.75;
	cursor: not-allowed;
}

.dikey-form .btn.hidden {
	height: 0;
	padding: 0;
	visibility: hidden;
}

.dikey-form .error-message {
	display: block;
	font-size: 13px;
	color: red;
	margin-top: 10px;
}

.customize-bootstrap-primary-btn {
	background-color: #245087 !important;
}



/*rating bar*/
.grad-rate-color {
	height: 20px;
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-off-new-2.png");
	background-repeat: repeat-x;
	position: relative;
	width: 100px;
	margin: 0 auto;
}

.absolute-grad {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.rate-general {
	background-position: top left;
	background-repeat: repeat-x;
}

.rate-danger {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-red-2.png");
}

.rate-warning {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-yellow-2.png");
}

.rate-success {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-on-new-2.png");
}

.rate-success-2 {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-on-new-2.png");
}


/*rating bar end*/


/*hesabım adres sayfası*/
.static-page .addressCreateForm {
	width: 450px;
}

.address-grid .flex {
	display: flex;
	align-items: center;
}

	.address-grid .flex svg {
		width: 16px;
		height: 16px;
		margin-left: 10px;
	}

.password-recovery-page .lr-left {
	float: none;
	margin: 0 auto;
}

.deletebutton {
	cursor: pointer;
}

.banner-scroll {
	padding-right: 15px;
}

.closeFitFinder {
	position: absolute;
	top: 0px;
	right: -34px;
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/plugins/fitfinder/images/fit-close.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
}

.f-loading-progress {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background-color: rgba(0,0,0, .5);
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/loading.gif");
	background-position: center center;
	display: none;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.cart-footer {
	float: left;
	width: 100%;
	padding: 0 0 0 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.cart-footer * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.coupon-code-wrapper {
	width: 100%;
}

.coupon-code-wrapper-info {
	margin-top: 30px;
}

.coupon-code-info {
	background-color: #0a934a;
	color: #fff;
	display: block;
	background-repeat: no-repeat;
	padding: 10px;
	margin-bottom: 0;
	font-size: 14px;
}

.coupon-code-check {
	background-color: #0a934a;
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/turkcell-uncheck.png");
	background-position: 14px 12px;
	color: #fff;
	display: block;
	background-repeat: no-repeat;
	padding: 10px;
	padding-left: 43px;
	margin-bottom: 0;
	font-size: 14px;
	cursor: pointer;
}

	.coupon-code-check.active {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/turkcell-check.png");
	}

.coupon-code-wrapper {
	margin-bottom: 20px;
}

	.coupon-code-wrapper .coupon-box {
		padding: 14px;
		border: 1px solid #ccc;
		display: none;
		border-top: none;
	}

		.coupon-code-wrapper .coupon-box .removediscountbutton {
			background: #fff url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/cart-remove-icon.png") no-repeat scroll center center;
			border: medium none;
			box-shadow: none;
			box-sizing: border-box;
			display: inline-block;
			font-size: 18px;
			height: 35px;
			overflow: hidden;
			text-indent: -99999px;
			width: 35px;
			margin-top: -2px;
		}

	.coupon-code-wrapper p {
		color: #888;
		line-height: 14px;
	}

	.coupon-code-wrapper input[type="text"] {
		width: 100%;
		color: #636363;
		border: 1px solid #ccc;
		height: 33px;
	}

.ciw-right .cart-collaterals .coupon-box input[type="submit"].applycouponcodebutton {
	margin-left: 10px;
	padding: 10px 5px;
}

.ciw-right .coupon-code-wrapper,
.coupon-code-wrapper .coupon-box {
	margin-bottom: 15px;
}

.ciw-right .coupon-code-check {
	border-radius: 4px;
}

	.ciw-right .coupon-code-check.active {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

.ciw-right .coupon-box {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: solid 1px rgba(51, 51, 51, 0.1);
}

.ciw-left .shopping-btn-container {
	margin-bottom: 40px;
}

.ciw-right .coupon-code-wrapper-info {
	margin-top: 15px;
	margin-bottom: 15px;
}

	.ciw-right .coupon-code-wrapper-info label {
		border-radius: 4px;
	}


input[type="submit"].applycouponcodebutton {
	-ms-border-radius: 0;
	border-radius: 0;
	background: #0a934a;
	border: 1px solid #0a934a;
	color: #fff0f5;
	width: 100%;
	text-align: center;
	padding: 6px 0 5px;
}


.coupon-code-wrapper .row {
	margin-bottom: 10px;
}


.coupon-code-wrapper .module-content {
	padding-bottom: 0;
}

	.coupon-code-wrapper .module-content p {
		margin-bottom: 0;
	}

.custom-tooltip {
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	line-height: 12px;
	background: #FFFFFF;
	padding: 5px;
	border-radius: 4px;
	color: #0A934A;
	border: 1px solid #adadad;
	text-align: center;
}


#btnSendOtp {
	border: 1px solid #5495ED;
	color: #fff;
	background: #5495ED;
	height: 30px;
	width: 100%;
}

input[disabled] {
	cursor: not-allowed !important;
}

#VerificationOtp {
	width: 100%;
}

.cart-product-row .ui-widget-content {
	position: relative;
	overflow: visible;
	width: 50px;
	margin: 0 auto;
	height: 32px;
	border-radius: 0;
}

.ui-spinner .ui-icon {
	margin-top: 0;
	left: 0;
	z-index: 222;
}

.to .qty-input, input[type="text"].qty-input {
	border-radius: 0;
	box-shadow: none;
	border: none;
	height: 32px;
}

.ui-spinner .ui-icon {
	margin-top: 0;
}

.ui-spinner a.ui-spinner-button.ui-spinner-up {
	border-bottom: 1px solid #ddd;
}

.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
	z-index: 1;
	width: 16px;
	height: 16px;
	border-left: 1px solid #DDDDDD;
	cursor: pointer;
}


.paymentform {
	position: relative;
	display: flex;
	flex-direction: column;
}

.flip-clock-wrapper {
	margin-bottom: 15px;
}

.payMethodC3 .validation-summary-errors {
	margin-bottom: 0;
	margin-top: 15px;
}

.mobile-express-alert {
	margin: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
}

	.mobile-express-alert p {
		display: none;
		margin: 0;
	}


.otp-modal-content {
	width: 400px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	position: relative;
}

input.otp-modal-button {
	width: 220px;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #1E7513;
	background: #1C862A;
	border-radius: 4px;
	color: #fff;
	padding: 10px 0;
	margin-top: 10px;
	display: none;
	margin-left: auto;
	margin-right: auto;
}

#faq .ui-widget-content {
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.update-card-row {
	float: left;
	width: 80%;
	display: none;
}

	.update-card-row select {
		width: 100%;
	}

	.update-card-row label {
		font-weight: bold;
	}

	.update-card-row .alert {
		font-size: 12px;
		margin-bottom: 10px;
	}

.header-menu {
	visibility: visible;
}


.paymentContainer #nextstep {
	display: block;
}

.btnSaveCreditCard {
	display: none;
}


.otp-send-wrapper {
	width: 600px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
}

	.otp-send-wrapper p {
		font-weight: normal;
		font-size: 14px;
		color: #0F3665;
	}

	.otp-send-wrapper .alert p {
		margin: 0;
		color: #c09853;
		font-size: 12px;
		font-weight: bold;
	}

.col-lg-2 {
	width: 16.66666667%;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.otp-send-wrapper .col-lg-2 {
	line-height: 38px;
	text-align: right;
	font-weight: bold;
	color: #0F3665;
}

.otp-send-wrapper .col-lg-6 {
	text-align: left;
}

.otp-send-wrapper .row {
	margin-bottom: 10px;
}

.otp-send-wrapper .form-control {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 38px;
	line-height: 38px;
}

.mexp-contract {
	margin-bottom: 10px;
}


#btnSaveCreditCard, #sendOtp {
	display: none;
}

.message-header p {
	margin: 0;
	background: #E2E2E2;
	font-size: 12px;
	color: #7C7C7C;
	padding: 5px 15px;
}

.message-container {
	padding: 15px;
	font-size: 14px;
	color: #4D4D4D;
	min-width: 300px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-bottom: 0;
}

.checkoutError {
	width: 560px;
}

	.checkoutError .message-container {
		float: none;
		padding: 15px;
	}

	.checkoutError ul {
		list-style: none;
		font-size: 14px;
		color: #333;
		margin: 0;
	}

	.checkoutError .message-header p {
		background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/checkout-error-icon.png") 10px center no-repeat #990000;
		font-size: 14px;
		color: #fff;
		padding: 10px 15px;
		padding-left: 46px;
	}

.message-container p {
	line-height: 22px;
	margin-bottom: 0;
}

.message-container .button-wrapper {
	float: left;
	width: 100%;
	padding: 15px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.message-container input.btn.btn-info.btn-lg,
.checkoutError input.btn.btn-info.btn-lg {
	background: #0054AA;
	border-color: #0054AA;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	padding: 5px 30px;
}

.checkoutError input.btn.btn-info.btn-lg {
	font-size: 16px;
	padding: 7px 30px;
}

.checkoutError .button-wrapper {
	text-align: center;
	padding-bottom: 25px;
	padding-top: 15px;
}

.fancybox-close {
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/modail-close.png) center center no-repeat;
}

html.fancybox-margin {
	margin: 0 !important;
}

.installment-info {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 10px;
	text-align: justify;
	background: #B6F7B6;
	color: #1B8C1B;
}


.installment-procedure,
.procedure {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	border-radius: 0;
}


.shoppingcart-page .installment-procedure,
.shoppingcart-page .procedure {
	margin-bottom: 15px;
}

.installment-procedure p,
.procedure p {
	margin-bottom: 0;
}

.installment-procedure h3 {
	margin: 0;
	font-size: 16px;
	cursor: pointer;
	padding-left: 30px;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/card-locked.png") left center no-repeat;
	line-height: 17px;
}

.procedure-close {
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/modail-close.png) center center no-repeat;
	position: absolute;
}

.card-blocked {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/card-locked.png") right top no-repeat;
	display: inline-block;
	line-height: 17px;
	padding-right: 30px;
}

.pay-card-blocked {
	position: relative;
}

	.pay-card-blocked:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 35px;
		height: 30px;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/card-locked.png") center center no-repeat #fff;
	}

.procedure span {
	display: inline-block;
	width: 23px;
	height: 17px;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/card-locked.png") center center no-repeat #fff;
}

/* new ui elements-start */
.btn-focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	outline-color: #17528b;
}

.btn-nu {
	box-sizing: border-box;
	color: #fff;
	position: relative;
	font-family: "Open Sans", sans-serif !important;
	font-size: 13px;
	font-weight: 700;
	min-width: 146px;
	padding: 13px 10px;
	border-radius: 2px;
	background-image: none;
	background-color: #0080f9;
	text-shadow: none;
	box-shadow: none;
	border: none 0;
	display: inline-block;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	width: 170px;
}

	.btn-nu .glyph {
		margin-left: 5px;
	}

	.btn-nu .ico-arrow {
		fill: #006dda;
	}

	.btn-nu.link {
		background: transparent;
		color: #006dda;
		padding-bottom: 4px;
	}

		.btn-nu.link.footer {
			padding-top: 2px;
			fill: #006dda;
		}

			.btn-nu.link.footer .ico-arrow {
				fill: inherit;
				transform: scale(-1);
				margin-left: 0px;
				margin-right: 4px;
				margin-top: 3px;
			}

		.btn-nu.link:active,
		.btn-nu.link:focus,
		.btn-nu.link:hover {
			background: transparent;
			color: #006dda;
			text-decoration: underline;
			box-shadow: none;
			-webkit-box-shadow: none;
		}

	.btn-nu.btn-primary.icon svg {
		fill: #fff;
	}

	.btn-nu.link.btn-return {
		background-color: transparent;
		text-align: center;
	}

	.btn-nu.active, .btn-nu:active, .btn-nu:hover, btn-nu:focus {
		color: #fff;
		background-color: inherit;
	}

	.btn-nu span {
		color: #fff;
	}

	.btn-nu.link span {
		color: inherit;
	}

/* btn-secondary */
.btn-secondary {
	background-color: #ed4500;
}

	.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
		background-color: #ff4900;
		text-decoration: none;
		outline: none;
	}

.btn i {
	display: none;
}

.btn.icon i {
	display: inline-block;
	background: url('/Themes/Supplementler/Content/img/arrow-right.svg') no-repeat top left;
	width: 17px;
	height: 12px;
	margin-left: 12px;
	margin-right: 0;
	vertical-align: middle;
	filter: grayscale(1) brightness(5);
}

	.btn.icon i.back-arrow {
		display: inline-block;
		transform: scale(-1);
		margin-left: 0;
		margin-right: 3px;
		margin-top: -3px;
		filter: none;
	}

	.btn.icon i.front-arrow {
		transform: scale(1);
		margin-left: 7px;
		margin-right: 0;
	}

.btn-link {
	background: transparent !important;
	padding: 0 4px;
}

	.btn-link span {
		color: #333;
	}

	.btn-link:hover {
		color: #2495ff;
		text-decoration: underline;
	}

	.btn-link:focus {
		/*background-color: inherit;*/
	}

.btn-text {
	cursor: pointer;
	background: none;
	display: inline-block;
	color: #00438a;
	padding: 0;
	text-align: left;
	vertical-align: sub;
	width: auto;
	margin: 0px;
	font-size: 13px;
	font-weight: 500;
	font-family: "Open Sans", sans-serif;
}

	.btn-text:active,
	.btn-text:focus,
	.btn-text:hover {
		background: transparent;
		color: #ef0000;
		text-decoration: none;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	.btn-text .name {
		padding-left: 10px;
	}

.filter-blue {
	/*filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);*/
	filter: invert(0.65) sepia(1) saturate(5) hue-rotate(190deg);
}

.order-detail-button-holder {
	width: 440px;
	margin: 15px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.order-detail-button-holder a {
		width: 200px;
		font-size: 13px;
	}

		.order-detail-button-holder a + a {
			margin-left: 15px;
		}

/* new ui elements-end */
@media (min-width:1200px) {

	.product-info-content > div + div {
		margin-left: 25px !important;
	}

	.product-info-content span, .product-info-content strong {
		font-size: 12px !important;
	}

		.product-info-content strong.stock-status {
			color: #62994D;
			font-size: 14px !important;
		}

	.not-installment strong {
		font-size: 14px !important;
	}
}

.header-features {
	background: #fff;
	text-align: center;
}

	.header-features a {
		text-align: center;
		font-size: 11px;
		padding: 5px 15px;
		display: inline-block;
		font-weight: normal;
		font-family: HelveticaNeueLTPro-Bd, arial;
		letter-spacing: .7px;
		cursor: text;
	}


		.header-features a + a:before {
			content: "";
			position: absolute;
			width: 10px;
			height: 10px;
			left: -6px;
			top: 50%;
			margin-top: -5px;
			-ms-border-radius: 50%;
			border-radius: 50%;
			background: #adadad;
		}

		.header-features a:hover {
			text-decoration: none;
		}

		.header-features a strong {
			display: inline-block;
			-ms-border-radius: 50%;
			border-radius: 50%;
			width: 16px;
			background-color: #adadad;
			color: #fff;
		}

.payment-checkbox {
	position: relative;
	margin-top: 12px;
	cursor: pointer;
}

.SaveOcpCreditCardLabel {
	cursor: pointer;
}

.payment-checkbox input {
	float: left;
	margin-top: 3px;
	margin-right: 3px;
}

.payment-checkbox.readonly span {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	left: 0px;
}


.otp-send-wrapper h1 {
	font-size: 18px;
	font-weight: bold;
	color: #003a75;
	margin-bottom: 10px;
}

.oneclick-card {
	background: #003a75;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	-ms-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	padding: 15px 45px;
}


.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 90px;
	right: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(148, 148, 148, 0.8) url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	-ms-opacity: 0;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	-ms-transition: opacity .3s 0s, visibility 0s .3s;
	-o-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		-ms-transition: opacity .3s 0s, visibility 0s 0s;
		-o-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}

	.cd-top.cd-is-visible {
		/* the button becomes visible */
		visibility: visible;
		-ms-opacity: 1;
		opacity: 1;
	}

	.cd-top.cd-fade-out {
		/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
		-ms-opacity: 1;
		opacity: 1;
	}

.no-touch .cd-top:hover {
	background-color: #e86256;
	-ms-opacity: 1;
	opacity: 1;
}

.search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.70);
	display: none;
	z-index: 3;
}

#TxtSearchBox {
	width: 80%;
	height: 48px;
	border: 1px solid #8C8C8C;
	font-family: arial;
	color: #333;
	font-size: 16px;
	padding: 10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#search-btn {
	width: 20%;
	float: left;
	background: #ed4500;
	border-bottom: 2px solid #cc3300;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 15px 5px 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
}

.header-search {
	margin-top: 11px;
}

.header-info-menu {
	float: right;
	width: 100%;
	margin-top: 23px;
}

	.header-info-menu a {
		font-size: 12px;
		color: #333;
		line-height: 27px;
		float: left;
		font-weight: bold;
		margin-left: 8px;
	}

		.header-info-menu a:first-child {
			margin-left: 0;
		}

		.header-info-menu a:hover {
			color: #333;
			text-decoration: underline;
		}

#headerLinksTop .header-elements-container.container {
	padding: 12px 0 16px 0 !important;
}


.header-logo img {
	height: 63px;
	margin-left: 10px;
}

@media (max-width:1199px) {
	.multi-top-search .search-right .search-product a.product-title,
	.multi-top-search .search-left .search-menu ul > li > a {
		font-size: 14px !important;
	}

	.multi-top-search .search-right .search-result.supplementler h3.title,
	.multi-top-search .search-left .search-menu span.title,
	.multi-top-search .search-right .search-result.vitaminler h3.title,
	.title-supplementler,
	.title-vitaminler {
		font-size: 15px !important;
	}

	#headerLinksTop .header-elements-container.container {
		padding: 12px 0 11px 0 !important;
	}

	.multi-top-search {
		width: 115% !important;
	}

	.in_container {
		width: 990px;
		margin: 0 auto;
		/*background: red;*/
	}

	.mobile-redirect {
		width: 990px !important;
	}

	.header-info-menu a {
		width: 100%;
		text-align: right;
		line-height: 21px;
	}

	.header-info-menu {
		margin-top: 0 !important;
	}

	.kombinelink {
		margin: 0 !important;
	}

	.fittestlink {
		margin: 0 !important;
	}

	.header-cart {
		position: relative;
		width: 300px;
		margin-top: 0;
	}

	.header-search {
		margin-top: 10px !important;
	}

	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4,
	.col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
		float: left;
		padding: 0 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		min-height: 1px;
	}

	.col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4,
	.col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
		padding: 0;
	}

	.col-md-12 {
		width: 100%;
	}

	.col-md-11 {
		width: 91.66666667%;
	}

	.col-md-10 {
		width: 83.33333333%;
	}

	.col-md-9 {
		width: 75%;
	}

	.col-md-8 {
		width: 66.66666667%;
	}

	.col-md-7 {
		width: 58.33333333%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-5 {
		width: 41.66666667%;
	}

	.col-md-4 {
		width: 33.33333333%;
	}

	.col-md-3 {
		width: 25%;
	}

	.col-md-2 {
		width: 16.66666667%;
	}

	.col-md-1 {
		width: 8.33333333%;
	}

	.col-md-offset-12 {
		margin-left: 100%;
	}

	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-md-offset-9 {
		margin-left: 75%;
	}

	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-md-offset-6 {
		margin-left: 50%;
	}

	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-md-offset-3 {
		margin-left: 25%;
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}
}

.search-product {
	border: 1px solid #fff;
	border-width: 1px 0;
}

	.search-product.selected {
		border: 1px solid #DDDDDD;
		border-width: 1px 0;
		background: #f0f0f0;
	}

input[type="text"].search-product-input {
	border: none;
	background: none;
	height: 0;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	opacity: 0;
}

.multi-top-search .search-right .search-product a.product-title {
	margin-top: -5px !important;
}


.multi-top-search .search-right .search-product {
	padding: 5px 20px !important;
}

/*new checkout*/

.cart-product-wrapper {
	margin: 0 20px;
}

.cart-product-row {
	background: transparent;
	margin-top: 10px;
	position: relative;
	z-index: 2;
}

	.cart-product-row th {
		border: 1px solid #b3b3b3;
		text-align: center;
		padding: 9px 0;
		color: #666666;
		font-weight: bold;
		font-size: 14px;
	}

	.cart-product-row + .cart-product-row th {
		border: 1px solid transparent;
		border-bottom: 1px solid #b3b3b3;
		-ms-opacity: 0;
		opacity: 0;
	}


	.cart-product-row td {
		text-align: center;
		border: 1px solid #b3b3b3;
		padding: 9px 0;
	}


	.cart-product-row.special-row {
		position: relative;
		z-index: 3;
		margin-top: -40px !important;
	}

.cart-product-quantity .ui-spinner .ui-icon {
	top: 0;
}

.cart-product-row.child-special {
	margin-top: -39px !important;
	background: transparent;
}


	.cart-product-row.child-special th {
		-ms-opacity: 0;
		opacity: 0;
		border-color: transparent;
	}

tr.child-special,
tr.special-row {
	background: #f3f3f3;
}

.cart-product-row .image-title {
	width: 100px;
}

	.cart-product-row .image-title img {
		width: 90px;
	}

.cart-product-row .product-name-title {
	width: 380px;
}

.cart-product-row .cart-line-supplementler,
.cart-product-row .cart-line-vitaminler {
	margin: 0 auto;
}

.cart-product-row th.product-brand,
.cart-product-store {
	width: 90px;
}

.cart-product-row th.cart-product-remove,
.cart-product-row td.cart-product-remove {
	width: 50px;
}

/* newOrders start */
#orderUpdateWindowResult .order-detail-return {
	margin-top: 15px;
	padding: 10px 20px;
	text-shadow: none;
}

.orders-wrapper {
	letter-spacing: -0.2px;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

	.orders-wrapper .a-right.vote {
		text-align: right;
	}

	.orders-wrapper .grand-total {
		font-weight: 500;
	}

	.orders-wrapper .f13 {
		font-size: 13px;
	}

	.orders-wrapper .order-status {
		font-size: 13px;
		font-weight: 500;
	}

		.orders-wrapper .order-status b {
			color: #0080f9;
		}

		.orders-wrapper .order-status a {
			font-weight: 700;
		}

	.orders-wrapper.details .order-status {
		font-size: 15px;
	}

	.orders-wrapper.details .cargo-status {
		font-size: 14px;
	}

	.orders-wrapper b {
		font-weight: 700 !important;
	}

	.orders-wrapper .light-gray {
		color: #616161;
	}


	.orders-wrapper .imgHolder {
		width: 70px;
		height: 70px;
		display: inline-block;
		overflow: hidden;
		box-sizing: content-box;
		border: 1px #ebebeb solid;
		margin-top: -7px;
	}

.nu-style .orders-wrapper .imgHolder img {
	width: 50px;
	height: 50px;
	margin: 10px;
}

.orders-wrapper .imgHolder img {
	width: 50px;
	height: 50px;
	margin: 10px;
}

.orders-wrapper li {
	list-style: none;
}

	.orders-wrapper li .text-node {
		float: right;
		height: 70px;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
		margin-right: 45px;
		width: 70px;
	}

		.orders-wrapper li .text-node p {
			margin: 0;
			margin-top: -16px;
			line-height: 13px;
			color: #333333;
			font-weight: 600;
		}

			.orders-wrapper li .text-node p + p {
				font-size: 17px;
				color: #f73d04;
				font-weight: 900;
				margin-top: 8px;
			}

.orders-wrapper .last .btn-primary {
	margin-top: -14px;
}

.orders-wrapper.details .order-details-box {
	overflow: hidden;
	color: #000;
	height: 100%;
	font-size: 14px;
}

	.orders-wrapper.details .order-details-box .nu-label-field {
		font-size: 15px;
		margin-bottom: 10px;
		display: inline-block;
	}

	.orders-wrapper.details .order-details-box.shipment {
		display: flex;
		flex-direction: column;
	}

		.orders-wrapper.details .order-details-box.shipment p {
			margin-bottom: 8px;
			font-size: 15px;
		}

			.orders-wrapper.details .order-details-box.shipment p b {
				display: inline-block;
				margin-bottom: 8px;
			}

	.orders-wrapper.details .order-details-box .name-field {
		color: #000;
		font-size: 15px;
		display: inline-block;
		margin-bottom: 15px;
	}

.orders-wrapper.details .product-list em {
	font-style: normal;
}

.orders-wrapper.details .imgHolder {
	margin-top: 0px;
}

.orders-wrapper .product-images ul {
	margin: 0;
	width: auto;
	float: left;
}

.orders-wrapper .product-list .vote a {
	color: #ed4500;
	font-weight: 700;
	font-size: 13px;
	margin-top: 0;
	display: inline-block;
	background: url(/Themes/Supplementler/Content/images/star3.svg) no-repeat 0px 0px #ccc0;
	background-size: 10.3%;
	text-indent: 25px;
	display: inline-block;
	height: 16px;
	line-height: 17px;
}

.orders-wrapper .product-list em a {
	color: #006dda;
	font-size: 15px;
}

.orders-wrapper .product-list .table-condensed th,
.orders-wrapper .product-list .table-condensed td {
	padding: 0;
}

.orders-wrapper .product-list .table-condensed th {
	padding: 8px 5px;
}

.orders-wrapper .product-list .table-condensed tr th:first-of-type,
.orders-wrapper .product-list .table-condensed tr td:first-of-type {
	padding-left: 30px;
}

.orders-wrapper .product-list .table-condensed tr th {
	background: rgba(218, 224, 233, 0.8);
}

.orders-wrapper .product-list .table-condensed td {
	padding: 15px 5px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 13px;
}

.orders-wrapper .product-list .table-condensed img {
	width: 50px;
	height: 50px;
}

.nu-style .orders-wrapper .product-list .table-condensed img {
	width: 50px;
	height: 50px;
}

.orders-wrapper .product-list .table-condensed .poll,
.orders-wrapper .product-list .table-condensed .inline-header {
	font-weight: 400;
}

	.orders-wrapper .product-list .table-condensed .inline-header span {
		font-weight: 500;
	}

.orders-wrapper .product-list .table-condensed .poll {
	color: #ed4500;
	text-decoration: none;
}

.orders-wrapper.details .bg-gray {
	background: #f0f0f0;
}

.orders-wrapper.details .cart-product-store {
	justify-content: space-evenly;
	align-items: center;
	padding: 12px 24px;
}

	.orders-wrapper.details .cart-product-store:first-of-type {
		margin-top: 0;
	}

.orders-wrapper .cart-product-store {
	width: calc(100% - 0px);
	padding: 30px 30px 17px 30px;
	border-radius: 4px;
	border: solid 1px #e4e4e4;
	display: flex;
	box-sizing: border-box;
	margin: 30px 0;
	box-shadow: 0 4px 10px 0 rgba(196, 196, 196, 0.44);
}


	.orders-wrapper .cart-product-store.full-width {
		/*	width: 100%;*/
	}

	.orders-wrapper .cart-product-store.text-props.no-shade {
		box-shadow: none;
		padding: 0;
		width: 100%;
		border: none;
		/*background: #ebebeb;*/
		align-content: center;
		justify-content: space-between;
	}

	.orders-wrapper .cart-product-store table {
		margin-bottom: 0;
	}

		.orders-wrapper .cart-product-store table th {
			font-weight: 500;
			font-size: 13px;
			color: inherit;
		}

		.orders-wrapper .cart-product-store table tbody {
			font-weight: 500;
			font-size: 13px;
			color: inherit;
		}

		.orders-wrapper .cart-product-store table .free-cargo {
			color: #28a745;
		}

.orders-wrapper .total-info table tbody {
	font-weight: 400;
}

	.orders-wrapper .total-info table tbody .cart_total_right {
		font-weight: 500;
		font-size: 14px;
	}

.orders-wrapper .cart-product-store.product-list {
	display: block;
}

.orders-wrapper .cart-product-store > div:first-of-type {
	width: 11%;
}

.orders-wrapper .cart-product-store .date {
	color: #616161;
	margin-top: 7px;
}

.orders-wrapper.details .product-images ul {
	margin: 0;
	width: initial;
}

.orders-wrapper.details .cart-product-store .date {
	font-size: 14px;
	margin-top: 14px;
}

.orders-wrapper.details .cart-product-store.detail-band > div {
	width: initial;
}

.orders-wrapper.details .cart-product-store .text-node {
	height: auto;
}

.orders-wrapper.details .payment-information-text {
	padding-top: 0;
	font-size: 13px;
}

.orders-wrapper .cart-product-store > div {
	flex-grow: 1;
}

	.orders-wrapper .cart-product-store > div.center {
		width: 180px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-shrink: 0;
		flex-grow: 2;
	}

	.orders-wrapper .cart-product-store > div.last {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: flex-end;
		width: 16%;
		height: 104px;
	}

	.orders-wrapper .cart-product-store > div.footer-box {
		height: 217px;
		flex-grow: 0;
		margin: 0 15px;
		border-radius: 4px;
		box-sizing: border-box;
		width: 33.3333%;
	}

		.orders-wrapper .cart-product-store > div.footer-box:first-of-type {
			margin-left: 0;
			width: 33.3333%;
		}

		.orders-wrapper .cart-product-store > div.footer-box:last-of-type {
			margin-right: 0;
		}

.orders-wrapper .cart-product-store p {
	margin: 0;
}

	.orders-wrapper .cart-product-store p span ~ a {
		color: #0080f9;
	}

	.orders-wrapper .cart-product-store p.cargo-status {
		margin-bottom: -3px;
	}

.orders-wrapper .cart-product-store label {
	font: inherit;
	margin-bottom: 27px;
}

	.orders-wrapper .cart-product-store label span {
		font-size: 13px;
		line-height: 17px;
		margin-left: 4px;
	}

.details .product-images {
	width: initial;
	margin-top: 0;
}

.product-images {
	/*font-family: "Open Sans";*/
	font-size: 12px;
	font-weight: 600;
	font-size: 0;
	/*margin-top: 20px;*/
	float: left;
}

	.product-images ul {
		margin: 0;
	}

	.product-images li {
		vertical-align: middle;
		display: inline-block;
		width: auto;
		height: 70px;
		margin: 0 4px;
		border: solid 1px #fdfdfd;
	}

		.product-images li .cue {
			border: 0px none;
			/*height: 70px;*/
			margin-top: -7px;
		}

	.product-images .cue {
		font-size: 12px;
		/*font-family: "Open Sans";*/
		font-weight: 600;
		width: auto;
	}

	.product-images .flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.product-images .cue > div {
		display: inline-block;
		vertical-align: middle;
	}

	.product-images .cue .count-rect {
		width: 33px;
		height: 72px;
		padding: 0 6px;
		background: #e4e4e4;
		border: 0 none;
		box-sizing: border-box;
	}

		.product-images .cue .count-rect span {
			font-size: 13px;
			margin-top: 26px;
			display: inline-block;
			width: 100%;
			text-align: center;
		}

.orders-wrapper .totals-node .text-node {
	border: 0px none;
	height: 70px;
	margin-top: -17px;
}

	.orders-wrapper .totals-node .text-node p {
		margin: 0;
		margin-top: -2px;
		line-height: 13px;
		color: #333333;
	}

		.orders-wrapper .totals-node .text-node p:last-of-type {
			font-size: 17px;
			font-weight: 800;
			letter-spacing: -0.04em;
			margin-top: 10px;
			color: #ff0000;
		}

.orders-wrapper .totals-node.flex .text-node {
	margin-left: 22px;
}

.orders-wrapper.details .totals-node .text-node p {
	font-size: 12px;
}

.orders-wrapper.details .totals-node .text-node .oldprice {
	font-size: 17px;
}

.orders-wrapper.details .total-info {
	width: 346px;
	float: right;
}

	.orders-wrapper.details .total-info tr:first-of-type td {
		border-top: 0 none;
	}
/* newOrders end */

/*order action bar start*/

.action-bar {
	float: right;
	max-width: 438px;
	width: auto;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

	.action-bar ul {
		padding: 0;
		margin: 0;
	}

		.action-bar ul li {
			display: inline-block;
			list-style: none;
			padding: 0;
			margin: 0;
			margin-left: 10px;
		}

/*order action bar end*/
@media (max-width: 1199px) {
	.orders-wrapper .text-props > div:first-of-type {
		width: 12.5%;
	}

	.last .btn {
		width: 138px;
		font-size: 12px;
		letter-spacing: 0px;
		/*padding: 0px 3px;*/
	}
}
/*order page and details end*/
.cart-product-row .removefromcart-link {
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/cart-remove-icon.png) center center no-repeat #fff;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	border: none;
	font-size: 18px;
	text-indent: -99999px;
	display: block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}

.cart-product-row th.product-name-title,
.cart-product-row td.product-name-title {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}


.cart-product-row th.card-product-order-type,
.cart-product-row td.card-product-order-type {
	min-width: 160px;
}

.cart-product-row td.product-name-title a {
	font-weight: bold;
	display: block;
	font-size: 14px;
	color: #0362bf;
}

	.cart-product-row td.product-name-title a:hover {
		text-decoration: none;
		color: #0362bf;
	}

.cart-product-row td.product-name-title span {
	font-size: 14px;
	color: #666666;
	display: inline-block;
}


.cart-product-row td.product-name-title .custom-attribute-select {
	margin-top: 5px;
}

	.cart-product-row td.product-name-title .custom-attribute-select span {
		margin-right: 5px;
	}

.cart-product-row.child-special td {
	background: #F3F3F3;
}

.cart-product-row + .cart-product-row {
	margin-top: -30px;
}

.cart-procedure {
	padding: 0 35px;
	font-size: 12px;
	margin-bottom: 13px;
	color: #666;
	font-family: arial;
}

.cart-page-product-description {
	float: left;
	padding: 5px 15px;
	width: 100%;
	font-size: 12px;
	color: #666;
	border: 1px solid #b3b3b3;
	margin-bottom: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cart-procedure span, .not-installment-product-description {
	width: 23px;
	height: 17px;
	display: inline-block;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/card-locked.png) center center no-repeat;
	margin-right: 7px;
}

.recurring-options-description {
	width: 23px;
	height: 17px;
	display: inline-block;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/recurring-icon.png) center center no-repeat;
	margin-right: 7px;
	margin-left: 7px;
}

.recurring-product {
	margin-top: 2px;
}

	.recurring-product span, .recurring-product span.recurring-small {
		display: block;
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/recurring-icon.png) left top no-repeat;
		padding-left: 30px;
		font-size: 10px !important;
		line-height: 19px;
		color: #0c86ae !important;
	}

		.recurring-product span.recurring-small {
			line-height: 11px;
		}

.checkout-progress {
	padding: 20px 35px;
	text-align: center;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.checkout-progress a {
		float: left;
		width: 33.333%;
		border-bottom: 2px solid #0066cc;
		font-size: 26px;
		color: #999999;
		padding-bottom: 12px;
		position: relative;
	}

		.checkout-progress a:hover {
			color: #999999;
			text-decoration: none;
		}

		.checkout-progress a.selected:before {
			content: "";
			position: absolute;
			bottom: -11px;
			left: 50%;
			margin-left: -9px;
			width: 18px;
			height: 11px;
			background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/checkout-arrow.png") center center no-repeat;
		}

		.checkout-progress a.selected {
			color: #0066cc;
			font-weight: bold;
		}

		.checkout-progress a.visited {
			font-weight: normal;
			color: #0066cc;
		}



input.checkout-next-step,
.checkout-next-step {
	background: #f73d04;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #f73d04;
	display: block;
	width: 100%;
	text-align: center;
	padding: 17px 0;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.prev-step-button {
	display: inline-block;
	color: #646464;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/prev-step-icon.png) left center no-repeat #fff;
	font-size: 16px;
	border: none;
	padding: 18px 0;
	padding-left: 24px;
}

	.prev-step-button:hover {
		text-decoration: none;
		color: #646464;
	}

.checkout-buttons-container {
	padding: 0 20px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checkout-order-totals {
	border-collapse: initial;
	border: 1px solid #b3b3b3;
}

	.checkout-order-totals .removediscountbutton {
		background: #fff url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/cart-remove-icon.png") no-repeat scroll center center;
		border: medium none;
		box-shadow: none;
		box-sizing: border-box;
		display: inline-block;
		font-size: 18px;
		height: 36px;
		overflow: hidden;
		text-indent: -99999px;
		width: 36px;
	}

	.checkout-order-totals th,
	.checkout-order-totals td {
		padding: 13px 15px;
		border: 1px solid #b3b3b3;
		text-align: left;
		font-size: 16px;
	}

	.checkout-order-totals th {
		font-weight: normal;
	}

	.checkout-order-totals td {
		font-weight: bold;
	}

.order-total-wrapper {
	margin: 20px 35px 30px;
}

.checkoutPreOrderInfo {
	padding: 15px;
	border: 2px dashed #b3b3b3;
	margin-top: 20px;
	position: relative;
}

	.checkoutPreOrderInfo:before {
		content: "";
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/preorder-icon-2.png") center center no-repeat;
		position: absolute;
		top: 14px;
		left: 16px;
		width: 23px;
		height: 23px;
		-ms-background-size: cover;
		background-size: cover;
	}

	.checkoutPreOrderInfo p {
		font-size: 14px;
		color: #000;
		margin: 0;
		text-indent: 28px;
	}

.order-summary-top {
	margin-bottom: 20px;
}

	.order-summary-top input.checkout-next-step {
		padding: 13px 0;
	}

.gift-wrapper {
	padding: 15px;
	border: 1px solid #b3b3b3;
}

	.gift-wrapper h2 {
		color: #036acb;
		font-size: 16px;
		font-weight: bold;
		margin: 0;
	}

	.gift-wrapper p {
		color: #666;
		font-size: 10px;
		line-height: 12px;
	}

.offer-item {
	padding-right: 10px;
}

	.offer-item span {
		font-size: 11px;
		color: #666;
		line-height: 12px;
		display: block;
	}

	.offer-item td {
		width: 50%;
		vertical-align: middle;
	}

.specialOfferButtons {
	text-align: center;
}

.addOfferToCart {
	color: #0057a4;
	font-weight: bold;
	font-size: 14px;
	background: #fff;
	padding: 0px 10px;
	display: inline-block;
	position: relative;
	padding-left: 32px;
	line-height: 26px;
	margin-top: 10px;
}

	.addOfferToCart.selected:before {
		border: 1px solid #0057a4;
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #0057a4;
	}

	.addOfferToCart:before {
		content: "";
		position: absolute;
		width: 24px;
		height: 24px;
		border: 1px solid #e7e7e7;
		top: 50%;
		margin-top: -13px;
		left: 0;
	}

.cart-gift-wrapper {
	position: relative;
}

.owl-buttons div {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -99999px;
}

.owl-prev {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/gift-arrow-left.png") center center no-repeat;
	left: -36px;
}

.owl-next {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/gift-arrow-right.png") center center no-repeat;
	right: -15px;
}

.cart-product-row td.product-name-title .installment-not-allowed span {
	display: block;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/card-locked.png") left center no-repeat;
	font-size: 9px;
	color: #c80e13;
	padding-left: 28px;
}

.cart-product-row td.product-name-title .special-product-campaign p,
.summary-special-product {
	font-size: 10px;
	color: #66cc00;
	margin-bottom: 0;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/gift-icon.png") left center no-repeat;
	padding-left: 28px;
}

	.cart-product-row td.product-name-title .special-product-campaign p a.change-special-product {
		display: inline-block;
		font-size: 10px;
		color: #666;
		border: 1px solid #666;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 10px;
		margin-top: 5px;
	}


.cart-gift-popup-list {
	width: 940px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

	.cart-gift-popup-list .offered-items .item {
		float: left;
		width: 25%;
		padding: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.cart-gift-popup-list .offer-item td {
		vertical-align: middle;
		padding: 10px 0;
	}

.offer-item td span {
	display: block;
	padding-right: 10px;
}

.cart-gift-popup-list .offered-items {
	margin: 0 -25px;
}



.cart-gift-popup-list h2 {
	margin: 0;
	color: #0066cc;
	font-weight: bold;
	font-size: 22px;
	padding-top: 5px;
}

.cart-gift-popup-list p {
	margin: 0;
	color: #666;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 5px;
}

.cart-gift-popup-list .addOfferToCart,
.cart-gift-popup-list .change-product-gift {
	width: 100%;
	background: #00a454;
	color: #fff0f5;
	margin: 0;
	border: none;
	padding: 2px 0;
	font-size: 12px;
}

.cart-gift-popup-list .offer-item {
	padding-right: 0;
}

.cart-gift-popup-list table {
	border: 1px solid #efefef;
	width: 100%;
}

/*checkout address page*/
.checkout-address-page,
.checkout-pay-page,
.completed-page {
	padding: 30px 35px;
}

.completed-page {
	padding-top: 45px;
}

.checkout-address-page * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: arial;
}

.selected-shipping-method {
	position: relative;
	padding-right: 38px;
}

	.selected-shipping-method:before {
		content: "";
		position: absolute;
		width: 38px;
		height: 38px;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/dropdown-arrow.png") center center no-repeat;
		top: 0;
		right: 0;
	}

.select-shipping {
	width: 100%;
	border: 1px solid #b3b3b3;
	position: relative;
	background-color: #fff;
	margin-bottom: 35px;
	cursor: pointer;
}

.shipping-method-list {
	position: absolute;
	top: 40px;
	left: -1px;
	width: 171px;
	display: none;
	background-color: #fff;
	z-index: 3;
}

.shipping-name {
	line-height: 18px;
	display: block;
	padding: 11px;
	padding-right: 0;
	font-size: 12px;
	color: #666;
}

.select-shipping .shipping-method {
	line-height: 18px;
	border: 1px solid #aaa;
	padding: 10px;
}

	.select-shipping .shipping-method + .shipping-method {
		border-top: none;
	}

.address-title {
	font-weight: bold;
	font-size: 16px;
	color: #036acb;
	margin: 0;
}

	.address-title.cargo-title {
		font-weight: normal;
	}


.address-label {
	font-size: 14px;
	color: #666;
}

	.address-label em {
		font-size: 10px;
		font-style: normal;
		display: none;
	}


.address-item, .selected-address-item {
	border: 1px solid #b3b3b3;
	padding: 10px;
	cursor: pointer;
}

.address-item {
	border-width: 1px 0;
}

	.address-item + .address-item {
		border-bottom: none;
	}

	.address-item h2, .selected-address-item h2 {
		display: flex;
		align-items: center;
		margin: 0;
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}

		.address-item h2 svg, .selected-address-item h2 svg {
			width: 14px;
			height: 14px;
			margin-right: 10px;
		}

	.address-item p, .selected-address-item p {
		margin: 0;
		color: #666;
	}

	.address-item.selected {
		background: #F7F7F7 url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ok-green.png) 96% center no-repeat !important;
	}

.address-wrapper {
	position: relative;
}

.address-list {
	position: relative;
	top: -1px;
	width: 100%;
	display: none;
	max-height: 175px;
	overflow: auto;
	border: 1px solid #b3b3b3;
	border-width: 0 1px 1px 1px;
}

.hiddenAroma {
	display: inline-block;
	height: 59px;
	position: relative;
	top: -10px;
	width: 15px;
}

.address-select {
	float: left;
	width: 50%;
}

.useSameAdresscontainer {
	width: 100%;
	padding-right: 0px !important;
}

.address-select.shipping-address-wrapper {
	padding-right: 10px;
}

.address-select.billing-address-wrapper {
	padding-left: 10px;
}

.selected-address-item {
	min-height: 110px;
	padding-right: 60px;
}

	.selected-address-item.has-bg {
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/address-arrow.jpg") right center no-repeat #fff;
	}

.address-page-buttons {
	margin: 20px 0;
}

.gift-note-wrapper {
	margin-bottom: 20px;
}

	.gift-note-wrapper span {
		display: block;
		font-size: 16px;
		color: #036acb;
		line-height: 36px;
		margin-top: 20px;
	}

	.gift-note-wrapper textarea {
		width: 100%;
		height: 126px;
		border: 1px solid #b3b3b3;
		-moz-resize: none;
		-ms-resize: none;
		-o-resize: none;
		resize: none;
		margin: 0;
	}

.yk-kargo {
	display: none;
}

	.yk-kargo img, .aras-kargo img {
		height: 42px;
	}

.add-new-address {
	float: right;
	color: #fff;
	background-color: #033E7B;
	font-size: 12px;
	border-radius: 5px;
	padding: 11px 20px;
}

	.add-new-address:hover {
		color: #fff;
		background-color: #033E7B;
		text-decoration: none;
	}

	.add-new-address i {
		float: left;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/address-plus.png") center center no-repeat;
		width: 12px;
		height: 12px;
		margin-top: 3px;
		margin-right: 8px;
	}

.address-edit-button {
	float: right;
	font-size: 12px;
	line-height: 24px;
	color: #0057a4;
	font-weight: bold;
	-ms-background-size: 18px;
	background-size: 18px;
	margin-top: -3px;
	text-decoration: underline;
}

	.address-edit-button:hover {
		color: #0057a4;
		text-decoration: none;
	}
/*checkout address page end*/
/*order summary small*/
.order-summary-small {
	margin-bottom: 20px;
}

	.order-summary-small tr {
		border: 1px solid #b3b3b3;
	}

	.order-summary-small td {
		padding: 10px;
		position: relative;
	}

.summary-attr, .summary-name {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 22px;
}

.summary-special-product {
	margin-top: 0;
	display: inline-block;
}

/*order summary small end*/

/*checkout pay*/
.bank-list {
	margin-bottom: 18px;
}

	.bank-list select {
		font-family: 'Open Sans', sans-serif;
		font-weight: bold;
		line-height: normal;
		letter-spacing: 0.1px;
		color: #003770;
		border-radius: 5px;
		border-radius: 4px;
		border: solid 1px rgba(0, 55, 112, 0.2);
		background-color: rgba(0, 55, 112, 0.04);
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
		padding: 15px 0;
		padding-left: 26px;
		padding-right: 60px;
		font-size: 16px;
		height: auto;
		width: 350px;
		margin-top: 5px;
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: right 24px center;
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/bank-arrow-down.svg");
	}

		.bank-list select.selected,
		.bank-list select option {
			color: #484848;
		}

			.bank-list select option:checked {
				font-weight: bold;
			}

.completed-page-content-v2 .left-side .bank-list-container .info-box:not(.no-icon) {
	background-image: none;
	padding: 25px;
	text-align: left;
}

.completed-page-content-v2 .left-side .bank-list-container .info-box h4 {
	text-align: left;
	margin-top: 0px;
}

.bank-detail {
	border-radius: 5px;
	background-color: #ffffff;
	border: 1px solid #cdd8e2 !important;
	overflow: hidden;
	text-align: left;
	font-weight: bold;
	letter-spacing: normal;
	color: #484848;
	margin-bottom: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

	.bank-detail .company-bank-account {
		margin-top: 10px;
	}

		.bank-detail .company-bank-account > * {
			display: block;
			line-height: normal;
		}

	.bank-detail .bank-information .company-bank-account span {
		font-weight: normal;
	}

.bank-account table tbody tr td:first-child {
	font-weight: normal;
}

.bank-account tabletbody tr td {
	font-size: 14px !important;
}

.bank-detail .bank-image {
	display: none;
	max-width: 100%;
	max-height: 28px;
}

	.bank-detail .bank-image.show {
		display: block !important;
	}

.bank-detail .bank-information {
	padding: 13px 15px;
}

.bank-account.show {
	display: block;
}

.bank-account table td:first-child {
	padding-right: 0;
}

.bank-account table td {
	padding: 10px 17px;
	background: #ffffff;
}

.bank-account table td {
	border-top: 1px solid #e4e4e4;
}

	.bank-account table td small {
		font-weight: normal;
		display: block;
		width: 100%;
	}

	.bank-account table td:not(:last-child) {
		border-right: none !important;
	}

.info-box {
	border-radius: 5px;
	background-color: #f4faff;
	border: 1px solid #ecf6ff;
	padding: 8px 25px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

.bank-account table td:not(:last-child) {
	border-right: none !important;
}

.info-box {
	border-radius: 5px;
	background-color: #f4faff;
	border: 1px solid #ecf6ff;
	padding: 8px 25px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

	.info-box:not(.no-icon) {
		background-repeat: no-repeat;
		background-position: top 21px left 15px;
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/info-box-icon.svg");
		padding-left: 40px;
	}

	.info-box:not(.no-icon) {
		background-repeat: no-repeat;
		background-position: top 21px left 15px;
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/info-box-icon.svg");
		padding-left: 40px;
	}

	.info-box h4 {
		margin: 10px 0;
		font-size: 14px;
		font-weight: bold;
	}

.checkout-pay-page * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checkout-pay-page {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0;
}

.delivery-type {
	margin-bottom: 0;
	border: 1px solid #b3b3b3;
	padding: 5px;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #666;
	line-height: 28px;
	cursor: pointer;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/tab_box_bg.png) left top repeat-x;
}

.payment-type-option {
	position: relative;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #484848;
	cursor: pointer;
	transition: all 150ms;
	margin: 0;
	color: #ffffff;
	border-radius: 4px;
	padding: 30px 30px;
	border-bottom: solid 1px rgba(51, 51, 51, 0.11);
}

.payment-tab-box {
	border: solid 1px rgba(51, 51, 51, 0.11);
	border-radius: 4px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	margin-bottom: 16px;
	width: 100%;
}




.payment-type-option .payment-type-icon {
	display: block;
	background-repeat: no-repeat;
	margin-bottom: 7px;
	transition: all 150ms;
	width: 28px;
	height: 25px;
	margin: 0 15px 0 0;
	padding: 14px 11px 14px 12px;
	background-color: #333333;
	border-radius: 50px;
	background-size: 29px;
	background-position: center;
	color: #ffffff;
}

.payment-type-option.selected {
	cursor: pointer;
}

	.payment-type-option.selected .payment-method-content > strong,
	.payment-type-option:hover .payment-method-content > strong {
		color: #0061c5;
	}

	.payment-type-option.selected .payment-type-icon,
	.payment-type-option:hover .payment-type-icon {
		background-color: #0061c5;
	}

	.payment-type-option.selected img {
		transform: rotate(45deg);
	}
/*.payment-type-option[data-name="Kredi Kartı"] .payment-type-icon,
	.payment-type-option[data-name="Kredi Kartı"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pay-credit-card.svg");
	}*/
.payment-type-option[data-name="Kredi Kartı"] .payment-type-icon,
.payment-type-option[data-name="Kredi Kartı"]:hover .payment-type-icon,
.payment-type-option[data-name="Kredi Kartı"].selected .payment-type-icon {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pay-credit-card-active.svg");
}

/*	.payment-type-option[data-name="Alışveriş Kredisi"] .payment-type-icon,
	.payment-type-option[data-name="Alışveriş Kredisi"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("/Themes/Supplementler/Content/images/pay-with-bank-credit.svg");
	}*/
.payment-type-option[data-name="Alışveriş Kredisi"] .payment-type-icon,
.payment-type-option[data-name="Alışveriş Kredisi"]:hover .payment-type-icon,
.payment-type-option[data-name="Alışveriş Kredisi"].selected .payment-type-icon {
	background-image: url("/Themes/Supplementler/Content/images/pay-with-bank-credit-active.svg");
}

/*.payment-type-option[data-name="Havale"] .payment-type-icon,
	.payment-type-option[data-name="Havale"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pay-money-transfer.svg");
	}*/
.payment-type-option[data-name="Havale"] .payment-type-icon,
.payment-type-option[data-name="Havale"]:hover .payment-type-icon,
.payment-type-option[data-name="Havale"].selected .payment-type-icon {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pay-money-transfer-active.svg");
}

/*.payment-type-option[data-name="Kapıda Kredi Kartı"] .payment-type-icon,
	.payment-type-option[data-name="Kapıda Kredi Kartı"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pay-credit-on-delivery.svg");
	}*/
.payment-type-option[data-name="Kapıda Kredi Kartı"] .payment-type-icon,
.payment-type-option[data-name="Kapıda Kredi Kartı"]:hover .payment-type-icon,
.payment-type-option[data-name="Kapıda Kredi Kartı"].selected .payment-type-icon {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pay-credit-on-delivery-active.svg");
}

/*	.payment-type-option[data-name="Kapıda Nakit"] .payment-type-icon,
	.payment-type-option[data-name="Kapıda Nakit"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pay-cash-on-delivery.svg");
	}*/

.payment-type-option[data-name="Kapıda Nakit"] .payment-type-icon,
.payment-type-option[data-name="Kapıda Nakit"]:hover .payment-type-icon,
.payment-type-option[data-name="Kapıda Nakit"].selected .payment-type-icon {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pay-cash-on-delivery-active.svg");
}

.hover-not-allowed.add-sticker {
	overflow: hidden;
}

	.hover-not-allowed.add-sticker::after {
		content: "YAKINDA";
		position: absolute;
		left: -20px;
		top: 10px;
		transform: rotate(-45deg);
		background-color: #000;
		color: #fff;
		font-size: 10px;
		padding: 3px 18px;
	}

.delivery-type:before {
	content: "";
	width: 26px;
	height: 26px;
	border: 1px solid #b3b3b3;
	float: left;
	margin-right: 5px;
	background: #fff;
}

.payment-type-option.selected:before,
.delivery-type.selected:before {
	border: 1px solid #0057a4;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/new-checkbox.png") center center no-repeat #0057a4;
}

.payment-type-option input[type="radio"] {
	display: none;
}

.payment-type-option img {
	width: 18px;
	position: absolute;
	right: 28px;
	top: 38%;
}


.paymentMethodContainer .page-title {
	font-weight: bold;
	font-size: 16px;
	color: #036acb;
	margin: 0;
	border: none;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.selected-installment-wrapper,
.installment-item {
	float: left;
	width: 100%;
	border: 1px solid #b3b3b3;
	cursor: pointer;
}

.installment-list {
	display: block;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.installment-item + .installment-item {
	border-top: none;
}

.installment-item.selected {
	background: #CAF9CE;
}

.installment-item input {
	display: none;
}

.selected-installment,
.payment_taksit_title {
	border-right: 1px solid #b3b3b3;
	color: #333;
	font-weight: bold;
}

.selected-installment-wrapper .col-lg-4,
.installment-item {
	line-height: 30px;
}


.selected-installment {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/address-arrow.jpg") right -5px no-repeat;
}

.accpet-terms-wrapper {
	margin-top: 20px;
	margin-bottom: 10px;
}

	.accpet-terms-wrapper div {
		color: #666;
		font-size: 12px;
		margin: 0;
		line-height: 26px;
		padding: 0;
		cursor: pointer;
	}

		.accpet-terms-wrapper div + div {
			margin-top: 15px;
		}

		.accpet-terms-wrapper div i {
			content: "";
			float: left;
			width: 16px;
			height: 16px;
			margin: 4px 5px 16px 0;
			border-radius: 3px;
			border: solid 1px rgba(34, 34, 34, 0.3);
			background-color: #ffffff;
		}

		.accpet-terms-wrapper div.selected i {
			border: 1px solid #0057a4;
			background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/new-checkbox.png") center center no-repeat #0057a4;
		}

		.accpet-terms-wrapper div input {
			float: left;
			margin-top: 3px;
			margin-right: 3px;
			display: none;
		}

	.accpet-terms-wrapper span {
		color: #0057a4;
		/* text-decoration: underline; */
		line-height: 18px;
		font-size: 13px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		color: #0061c5;
		margin: 0 0 0 5px;
	}

/*card animation*/
.payment-border {
	float: left;
	width: 100%;
}

.card-front {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/credit-card-image.png") left top no-repeat;
	width: 288px;
	height: 180px;
	position: relative;
	margin-bottom: 20px;
	z-index: 1;
}

.card-back {
	display: none;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/credit-card-image-back.png") left top no-repeat;
	width: 288px;
	height: 180px;
	position: relative;
	margin-bottom: 20px;
	z-index: 1;
}

.card-number {
	float: left;
	width: 25%;
	line-height: 30px;
	font-size: 18px;
	color: #fff0f5;
	position: relative;
	height: 30px;
}


.card-number-block {
	float: left;
	width: 25%;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/white-point.png") center center no-repeat;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

	.card-number-block.no-bg {
		background: none;
	}

.credit-card-number {
	position: absolute;
	top: 80px;
	right: 0;
	width: 100%;
	height: 30px;
	padding: 0 10px;
}

.card-my-month,
.card-my-year {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/duble-white-point.png") center center no-repeat;
	line-height: 10px;
	display: inline-block;
	height: 9px;
	width: 20px;
}

	.card-my-month.no-bg,
	.card-my-year.no-bg {
		background: none;
	}


.credit-card-skt {
	position: absolute;
	top: 115px;
	left: 110px;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	width: 100px;
}

.valid-thru {
	float: left;
	padding-right: 5px;
	padding-top: 10px;
}

.card-month-year,
.card-my-wrapper {
	float: left;
	width: 55px;
	text-align: center;
}

.card-my-wrapper {
	padding-top: 10px;
}

.credit-card-name {
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	left: 22px;
}

.card-mask-cvv {
	color: #fff;
	position: absolute;
	top: 90px;
	right: 0;
	width: 100px;
}

.delivery-wrapper {
	float: left;
	width: 100%;
	position: relative;
}



	.delivery-wrapper .payment-type-option:before {
		display: none;
	}

	.delivery-wrapper .payment-type-option {
		margin-top: -1px;
		text-align: center;
	}

		.delivery-wrapper .payment-type-option:hover,
		.delivery-wrapper .payment-type-option.selected {
			background: #036acb;
			color: #fff;
		}

.delivery-items {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 2;
}

.checkout-data {
	padding: 30px;
}

/*card animation end*/
/*checkout pay end*/

/*cart empty*/
.cart-empty {
	padding: 0 35px;
	margin-top: 60px;
}

	.cart-empty .order-summary-small .summary-name {
		color: #666;
		font-size: 16px;
		font-weight: bold;
	}

	.cart-empty .order-summary-small {
		margin-bottom: 0;
	}

	.cart-empty .empty-image {
		width: 90px;
	}

.empty-price {
	color: #ff6600;
	font-size: 18px;
}

.empty-old-price {
	color: #666;
	font-size: 14px;
	text-decoration: line-through;
}

.cart-empty .outStock {
	top: -1px;
	left: -7px;
}

	.cart-empty .outStock:hover {
		border: none;
	}

.cart-product-link {
	position: absolute;
	bottom: 10px;
	right: 20px;
	color: #999;
}

.cart-empty .owl-buttons div {
	margin-top: -36px;
	top: 0;
}

.cart-empty .owl-prev {
	left: 100%;
	margin-left: -72px;
}

.cart-empty .owl-next {
	right: 0;
}

.cart-empty-title {
	margin: 0;
	text-align: center;
	font-size: 50px;
	color: #666;
	font-weight: normal;
}

.cart-empty-text p {
	font-size: 12px;
	color: #666666;
	text-align: center;
	margin-top: 10px;
}


.cart-best-sellers-slider .order-summary-small tr {
	border: none;
}

.cart-best-sellers-slider .item {
	border: 1px solid #b3b3b3;
}

.cart-best-sellers-slider .order-summary-small tr + tr {
	border-top: 1px solid #b3b3b3;
}


.go-back-link,
.start-checkout {
	width: 184px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	position: relative;
	padding: 7px 0;
	margin-top: 20px;
}

	.go-back-link:hover,
	.start-checkout:hover {
		text-decoration: none;
		color: #fff;
	}

	.go-back-link:before {
		position: absolute;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/go-back-arrow.png") center center no-repeat;
		width: 14px;
		height: 34px;
		left: -14px;
		top: 0;
	}

.go-back-link {
	background: #033E7B;
	margin-left: 14px;
	float: left;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.start-checkout {
	background: #f73d04;
	margin-right: 14px;
	float: right;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

	.start-checkout:before {
		position: absolute;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/start-checkout-arrow.png") center center no-repeat;
		width: 14px;
		height: 34px;
		right: -14px;
		top: 0;
	}

.cart-empty-text {
	padding: 75px 50px;
	border: 1px solid #b3b3b3;
}
/*cart empty end*/
/*new checkout end*/


/*general address form*/
.general-address-form * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fancybox-inner .general-address-form {
	padding: 15px;
	border: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.fancybox-inner .address-add-wrapper .message-header {
	display: block;
}

.fancybox-inner .address-title,
.fancybox-inner .prev-step-button {
	display: none;
}

.fancybox-inner .create-or-update {
	border: none;
	padding: 0;
	width: 400px;
}

.fancybox-inner .address-page-buttons {
	margin: 0;
}

.create-or-update {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.create-or-update * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.general-address-form .control-label {
	font-size: 14px;
	color: #666;
	display: block;
	margin-bottom: 0;
	width: 100%;
}

.address-wrapper .form-group {
	position: relative;
}

.address-add-wrapper .error-message,
.address-edit-wrapper .error-message {
	position: relative;
	top: 0px;
	font-size: 14px;
	color: #a94442;
	right: 0;
	width: 100%;
	text-align: left;
	margin-top: 5px;
}

.address-add-wrapper .message-header {
	display: none;
}

.general-address-form .form-control {
	width: 100%;
	height: 40px;
	border: 1px solid #c9c9c9;
	margin: 0;
}

.general-address-form textarea.form-control {
	width: 100%;
	border: 1px solid #c9c9c9;
	-moz-resize: none;
	-ms-resize: none;
	-o-resize: none;
	resize: none;
	margin: 0;
	height: 120px;
}

.address-type {
	color: #666;
	font-size: 14px;
	border: 1px solid #b3b3b3;
	padding: 11px;
	position: relative;
	float: left;
	width: 100%;
	line-height: 26px;
	background: #fff;
}

	.address-type:before {
		content: "";
		width: 24px;
		float: left;
		height: 24px;
		border: 1px solid #b3b3b3;
		margin-right: 7px;
	}

	.address-type.selected:before {
		border: 1px solid #0057a4;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/new-checkbox.png") center center no-repeat #0057a4;
	}

/*general address form end*/

.cashon-delivery,
.money-transfer {
	padding: 20px;
	border: 1px solid #b3b3b3;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}

.cashon-delivery-table {
	border: 1px solid #b3b3b3;
}

	.cashon-delivery-table th {
		border-bottom: 1px solid #c2c2c2;
		padding: 10px;
		font-size: 14px;
		font-weight: bold;
		color: #666;
	}

	.cashon-delivery-table td {
		padding: 10px;
		font-size: 12px;
	}

	.cashon-delivery-table tbody tr {
		cursor: pointer;
	}

		.cashon-delivery-table tbody tr:hover {
			background: #EEFFF7;
		}

	.cashon-delivery-table td p {
		margin: 0;
		color: #666;
	}

.cashon-delivery em {
	color: #00a454;
	font-size: 18px;
	font-style: normal;
}


/*completed page*/
.completed-page {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	color: #484848;
}

	.completed-page * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.completed-page .thank-you {
		font-size: 14px;
		line-height: 1.14;
		letter-spacing: 0.1px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.completed-page > hr {
		margin: 0;
		margin-top: 70px;
		background-color: #cdd8e2;
		box-shadow: none;
		border: 0;
		height: 1px;
	}

	.completed-page .thank-you a {
		text-decoration: underline;
		font-weight: bold;
	}

	.completed-page .bank-detail .bank-image {
		margin-bottom: 10px;
		display: inline-block;
	}

	.completed-page .bank-detail .bank-image {
		margin-bottom: 10px;
		display: inline-block;
	}

.quick-info-wrapper {
	margin: 20px auto;
	max-width: 915px;
}

	.quick-info-wrapper .info-box {
		margin-top: 20px;
		text-align: left;
	}

	.quick-info-wrapper .bank-detail {
		text-align: left;
		margin-top: 20px;
	}

	.quick-info-wrapper .bank-detail,
	.quick-info-wrapper .bank-account {
		display: block;
	}

.order-deadline {
	font-size: 14px;
	line-height: normal;
	color: #ffffff;
	border-radius: 4px;
	background-color: #026acb;
	padding: 12px 20px;
	text-align: left;
	margin-top: 6px;
	background-repeat: no-repeat;
	background-position: top 15px left 20px;
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/info-box-icon-white.svg");
	padding-left: 45px;
	position: relative;
}

.deadline-arrow {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #026acb;
	position: absolute;
	top: -7px;
	right: 268px;
}

.order-gift-note {
	text-align: left;
	font-size: 14px;
	margin-top: 50px;
}

ul.order-quick-info {
	border-radius: 4px;
	background-color: #f6f6f6;
	list-style-type: none;
	padding: 10px 0;
	font-size: 14px;
	line-height: 1.93;
	display: block;
	width: 100%;
	margin: 0;
}

	ul.order-quick-info > li {
		display: inline-block;
		text-align: center;
		width: 177px;
		max-width: 177px;
		word-break: break-all;
		padding: 0 15px;
		vertical-align: top;
	}

		ul.order-quick-info > li > * {
			display: block;
		}

		ul.order-quick-info > li.order-number {
			color: #026acb;
		}

			ul.order-quick-info > li.order-number > span {
				font-weight: bold;
			}

			ul.order-quick-info > li.order-number > strong {
				font-size: 24px;
			}

		ul.order-quick-info > li.earned-points > a,
		ul.order-quick-info > li.earned-points > strong {
			text-decoration: underline;
			font-size: 16px;
			color: #484848;
			font-weight: bold;
		}

		ul.order-quick-info > li.earned-points a[data-toggle="popover"] {
			display: inline-block;
			height: 13px;
			width: 13px;
			transition: all 150ms;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/completed-question.svg");
		}

			ul.order-quick-info > li.earned-points a[data-toggle="popover"]:hover {
				background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/completed-question-active.svg");
			}

			ul.order-quick-info > li.earned-points a[data-toggle="popover"] + .popover {
				border: 1px solid #04407f;
				padding: 0;
				font-size: 12px;
				line-height: 1.67;
				color: #323232;
				min-width: 330px;
				text-align: left;
			}

				ul.order-quick-info > li.earned-points a[data-toggle="popover"] + .popover .arrow:after {
					border-top-color: #04407f;
				}

				ul.order-quick-info > li.earned-points a[data-toggle="popover"] + .popover .popover-title {
					display: none;
				}

				ul.order-quick-info > li.earned-points a[data-toggle="popover"] + .popover .popover-content {
					padding: 12px 15px;
				}

					ul.order-quick-info > li.earned-points a[data-toggle="popover"] + .popover .popover-content label {
						font-size: 14px;
						font-weight: bold;
						color: #04407f;
					}

		ul.order-quick-info > li > strong {
			font-size: 16px;
			margin-top: 8px;
		}

		ul.order-quick-info > li:not(:last-child) {
			border-right: 1px solid #e6dada;
		}

.order-items {
	margin-top: 44px;
	margin-bottom: 44px;
	border: 1px solid #cdd8e2;
	border-radius: 5px;
}

.inline-product-image {
	display: inline-block;
	max-width: 45px;
	max-height: 45px;
	vertical-align: middle;
	margin-right: 5px;
}

.order-items table > tbody > tr {
	border-top: 1px solid #cdd8e2;
}

.order-information {
	margin-top: 50px;
	text-align: left;
	font-size: 14px;
}

	.order-information h2,
	.order-gift-note h2 {
		font-size: 16px;
		font-weight: bold;
		line-height: normal;
		margin: 0;
		padding: 0;
		margin-bottom: 13px;
	}

	.order-information .completed-address > div {
		border-radius: 5px;
		background-color: #ffffff;
		border: 1px solid #cdd8e2;
		padding: 18px 20px;
		padding-bottom: 50px;
		min-height: 213px;
		position: relative;
	}

		.order-information .completed-address > div > .ccd {
			position: absolute;
			bottom: 18px;
			left: 20px;
			right: 20px;
		}

	.order-information .checkout-order-totals {
		border: 1px solid #cdd8e2;
		border-radius: 5px;
	}

		.order-information .checkout-order-totals th,
		.order-information .checkout-order-totals td {
			border: 0;
			font-size: 14px;
			padding: 16px 24px;
		}

		.order-information .checkout-order-totals td {
			text-align: right;
		}

		.order-information .checkout-order-totals tr:not(:last-child) th,
		.order-information .checkout-order-totals tr:not(:last-child) td {
			border-bottom: 1px solid #cdd8e2;
		}

		.order-information .checkout-order-totals tr:last-child th,
		.order-information .checkout-order-totals tr:last-child td {
			font-size: 18px;
			font-weight: bold;
		}

.completed-address .address-name {
	font-weight: bold;
	margin-bottom: 12px;
}

.welcome-space {
	text-align: center;
}

	.welcome-space > img {
		display: inline-block;
	}

	.welcome-space h1 {
		font-size: 28px;
		font-weight: bold;
		line-height: normal;
		letter-spacing: 0.2px;
		color: #12a92d;
	}

		.welcome-space h1.odul-band {
			position: relative;
			font-weight: normal;
			font-size: 14px;
		}

			.welcome-space h1.odul-band i {
				width: 60px;
				height: 30px;
				content: " ";
				display: inline-block;
				position: relative;
				top: 8px;
				right: 8px;
			}

			.welcome-space h1.odul-band a {
				font-weight: bold;
			}


.cp-order-id {
	display: block;
	font-size: 16px;
	color: #0066cc;
	margin-bottom: 15px;
	text-align: left;
	margin-top: 30px;
}

	.cp-order-id span {
		font-weight: normal;
	}

.completed-table th,
.completed-table td {
	padding: 16px 22px;
	font-weight: normal;
	font-size: 14px;
}

.completed-table td {
	font-weight: bold;
}

.order-edit-text {
	padding: 20px;
	border: 1px solid #b3b3b3;
	margin-bottom: 35px;
}

	.order-edit-text .checkout-next-step {
		margin-bottom: 20px;
		background: #033E7B;
		border-color: #033E7B;
	}

		.order-edit-text .checkout-next-step:hover {
			margin-bottom: 20px;
			background: #033E7B;
			text-decoration: none;
			color: #fff;
		}
/*completed page end*/


.security-description {
	margin: 60px 0 150px;
}

/*stylish input*/

.credit-card-wrapper .control-group,
.create-or-update .control-group {
	position: relative;
	margin-bottom: 20px;
}

.credit-card-wrapper .animated-label,
.create-or-update .animated-label {
	position: absolute;
	top: 2px;
	left: 10px;
	margin: 0;
	font-size: 10px;
	color: #B3B3B3;
	letter-spacing: 1px;
	display: none;
}

.credit-card-wrapper select.form-control,
.create-or-update select.form-control {
	width: 100%;
	height: 50px;
	color: #666666;
	font-weight: normal;
	font-size: 12px;
	border: 1px solid #b3b3b3;
}

.credit-card-wrapper input.form-control,
.create-or-update input.form-control {
	width: 100%;
	height: 50px;
	color: #666666;
	font-weight: normal;
	font-size: 12px;
	border: 1px solid #b3b3b3;
	padding: 20px 10px 10px 10px;
}

.create-or-update textarea.form-control {
	padding-top: 20px;
	border: 1px solid #b3b3b3;
}

/*stylish input*/

.order-details-pad {
	padding: 0 15px;
}

.order-details-page {
	/*padding: 0 15px;*/
	float: left;
	width: 100%;
}

.order-details-page-container {
	margin-bottom: 90px;
}

	.order-details-page-container .col-lg-12 {
	}

.order-details-page .sub-title {
	font-size: 15px;
	color: #255087;
	margin: 9px 0 30px 0px;
}

.search-product {
	border: 1px solid #fff;
	border-width: 1px 0;
}

	.search-product.selected {
		border: 1px solid #DDDDDD;
		border-width: 1px 0;
		background: #f0f0f0;
	}

input[type="text"].search-product-input {
	border: none;
	background: none;
	height: 0;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	opacity: 0;
}

.multi-top-search .search-right .search-product a.product-title {
	margin-top: -5px !important;
}

.multi-top-search .search-right .search-product {
	padding: 5px 20px !important;
}

#career-tabs, #career-tabs * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	#career-tabs,
	#career-tabs .ui-widget-content {
		width: 100%;
		height: auto;
	}

#career-tabs {
	padding: 0;
	border: 1px solid #F0F0F0;
}

	#career-tabs .ui-tabs-nav {
		padding: 0;
		border: 0;
		background: #fff;
		border-bottom: 1px solid #F0F0F0;
	}

		#career-tabs .ui-tabs-nav li.ui-tabs-active,
		#career-tabs .ui-tabs-nav li {
			padding: 0;
			margin: 0;
			background: #fff;
			border: none;
		}


			#career-tabs .ui-tabs-nav li a {
				color: #adadad;
			}

			#career-tabs .ui-tabs-nav li.ui-tabs-active a {
				color: #333;
			}

.field-validation-error {
	display: block;
}

	.field-validation-error.operator-code, .field-validation-error.phone-number {
		display: none;
	}

.main-link-wrapper.new-category > a {
	position: relative;
}

	.main-link-wrapper.new-category > a:after {
		content: "";
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/new-category-badge.png) center center no-repeat;
		width: 58px;
		height: 35px;
		position: absolute;
		right: -7px;
		top: -35px;
		z-index: 3;
	}


.facebook_like_box {
	width: 276px;
	height: auto;
}


/*loyality*/

.lp-register {
	color: #333;
	cursor: text;
}

	.lp-register:hover {
		color: #333;
		text-decoration: none;
	}

	.lp-register.notLoggedIn {
		color: #333;
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
	}

		.lp-register.notLoggedIn:hover {
			color: blue;
			text-decoration: underline;
		}

.loyality-content *,
.loyal-info * {
	font-family: 'Open Sans', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.loyal-section-1 {
	position: relative;
}

.no-orders-note {
	font-size: 17px;
	text-align: center;
	padding: 19px 4px;
	color: #ff4a04;
	font-weight: 700;
}

.loyal-section-fitmoda {
	position: relative;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/bg_fitmoda.png");
	height: 300px;
	width: 1200px;
}

.fitmoda-odul-programi {
	margin: auto;
	width: 331px;
	height: 35px;
	font-family: NunitoSans;
	font-size: 26px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1px;
	color: #000000;
}

.loyal-text-rectangle {
	width: 255px;
	height: 2px;
	background-color: #000000;
	margin-top: -3px;
	margin-left: 239px;
}

.loyal-text {
	position: absolute;
	top: 33%;
	left: 50%;
	text-align: center;
	margin-left: -220px;
}

.loyal-text-fitmoda {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	margin-left: -167px;
	margin-top: -51px;
}

	.loyal-text-fitmoda p {
		margin-left: -11px;
		width: 517px;
		height: 44px;
		font-family: NunitoSans;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #000000;
	}

.loyal-text p {
	font-size: 16px;
	font-family: jaf-facitweb;
	margin: 0;
}

	.loyal-text p.loyal-button-desc {
		font-size: 12px;
	}

	.loyal-text p a {
		color: #66cc00;
	}

.loyal-text h2, .loyal-text h1 {
	font-size: 44px;
	font-family: jaf-facitweb;
	font-weight: bold;
	color: #000;
	margin: 0;
	line-height: 36px;
	padding: 0;
}

.loyality-content h3 {
	font-size: 20px;
	font-family: jaf-facitweb;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 6px 0;
}

.how-get-point {
	margin: 25px auto -45px auto;
	position: relative;
	width: 264px;
	height: 25px;
	font-family: NunitoSans;
	font-size: 18px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	text-align: center;
}

.loyal-steps {
	text-align: center;
	padding: 56px 40px;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/loyal-point-bg.png) 50% 20% no-repeat;
	-ms-background-size: cover;
	background-size: cover;
}

	.loyal-steps.vitaminler {
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/loyal-point-bg-vit.jpg) 50% 55% no-repeat;
	}

.loyal-steps-fitmoda {
	text-align: center;
	padding: 56px 40px;
	/*background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/loyal-point-bg.png) 50% 20% no-repeat;*/
	-ms-background-size: cover;
	background-size: cover;
}

.loyal-step {
	padding: 15px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	min-height: 285px;
	width: 245px;
	display: inline-block;
	background: #fff;
}

.loyal-step-fitmoda {
	margin-top: -65px;
	width: 370px;
	height: 329px;
	border-radius: 4px;
	border: solid 1px #fff4d9;
	background-color: #ffffff;
}

.loyal-step-rectangle {
	width: 1199px;
	height: 297px;
}

.loyal-step-fitmoda-4 {
	float: left;
	margin-bottom: -26px;
	padding-top: 25px;
	/* margin-left: -10px; */
	width: 370px;
	height: 329px;
	border-radius: 4px;
	border: solid 1px #fff4d9;
	background-color: #ffffff;
	margin-right: 46px;
	margin-left: -20px;
}


.loyal-step-point-text {
	font-weight: 600 !important;
	margin: auto;
	width: 254px;
	height: 36px;
	font-family: NunitoSans;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.loyal-step-point-h {
	font-weight: 900;
	margin: 30px auto 10px auto;
	width: auto;
	height: 19px;
	font-family: NunitoSans;
	font-size: 14px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.loyal-step-fitmoda > img {
	margin-top: 30px;
	height: 179px !important;
	width: 159px !important;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.loyal-step img {
	margin-top: 15px;
	margin-bottom: 9px;
}


.loyal-level {
	width: 20%;
	text-align: center;
}

.loyal-level-fitmoda {
	width: 20%;
	text-align: center;
}

.loyal-level-left {
	margin-left: 20px;
	margin-right: 5px;
	float: left;
	background: white;
	width: 20%;
	text-align: center;
	width: 212px;
	height: 264px;
	border-radius: 4px;
	border: solid 1px #d8d8d8;
	background-color: #ffffff;
}

.loyal-level-img {
	margin-top: 30px;
	width: 125px;
	height: 80px;
	margin-bottom: 14px;
}

.loyal-level-name {
	width: 42px;
	height: 20px;
	font-family: NunitoSans;
	font-size: 15px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000 !important;
	display: block;
	width: 90%;
	font-weight: bold;
	font-family: jaf-facitweb;
	font-size: 16px;
	margin: 0 auto;
	color: #fff;
	padding: 9px 0;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.level-values strong,
.level-values span {
	display: block;
	font-family: jaf-facitweb;
	color: #000;
}

.level-values-fitmoda,
.level-values-fitmoda {
	margin: auto;
	display: block;
	font-family: NunitoSans;
	color: #000;
	width: 182px;
	height: 33px;
	background-color: rgba(216, 216, 216, 0.3);
}

.level-values-point {
	margin: auto;
	padding-top: 8px;
	display: block;
	font-family: NunitoSans;
	color: #000;
	width: 182px;
	height: 33px;
	background-color: rgba(216, 216, 216, 0.3);
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	font-weight: 600;
}

.level-values p b {
	font-size: 20px;
	margin-right: 2px;
}

.level-values p:before {
	height: 1px;
	position: absolute;
	width: 50px;
	background: #000000;
	left: 50%;
	top: 0;
	margin-left: -25px;
	display: block;
	content: " ";
}

.level-values p {
	font-size: 16px;
	color: #f6400b;
	position: relative;
	padding-top: 10px;
	margin-top: 10px;
}

	.level-values p b {
		font-size: 20px;
		margin-right: 2px;
	}

	.level-values p:before {
		height: 1px;
		position: absolute;
		width: 50px;
		background: #000000;
		left: 50%;
		top: 0;
		margin-left: -25px;
		display: block;
		content: " ";
	}

.level-values-fitmoda p {
	font-size: 14px;
	color: #f6400b;
	position: relative;
	padding-top: 10px;
	margin-top: 10px;
}

	.level-values-fitmoda p b {
		font-size: 20px;
		margin-right: 2px;
	}

	.level-values-fitmoda p:before {
		position: absolute;
		width: 50px;
		background: #000000;
		left: 50%;
		top: 0;
		margin-left: -25px;
		display: block;
		content: " ";
	}

.loyal-levels-fitmoda {
	width: 1199px;
	height: 382px;
	background-color: #f6f6f6;
}

.loyal-levels-fitmoda-h3 {
	margin: 30px auto 30px auto;
	width: 139px;
	height: 25px;
	font-family: NunitoSans;
	font-size: 18px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	background-color: #f6f6f6;
}

.loyal-levels {
	padding: 52px;
}

.level-values {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.level-values-fitmoda {
	padding: 10px 0;
	/*border-bottom: 1px solid #ccc;*/
}

.level-values strong {
	font-size: 20px;
}

.level-values-fitmoda strong {
	font-size: 14px;
	font-weight: 900;
}

.level-values span {
	font-size: 16px;
}

.loyal-level-description {
	text-align: center;
	padding-bottom: 52px;
}

.loyal-level-fitmoda-description {
	text-align: center;
	padding-bottom: 52px;
	margin-bottom: 50px;
}

.loyal-level-description h4 {
	font-size: 28px;
	font-weight: bold;
	color: #000;
	font-family: jaf-facitweb;
	margin: 0;
	margin-bottom: 20px;
}

	.loyal-level-description h4 span {
		display: block;
		font-size: 20px;
		padding-top: 8px;
		font-weight: normal;
	}

.loyal-level-description p {
	font-size: 20px;
	color: #000;
	margin: 0;
	padding: 10px 0;
}

	.loyal-level-description p strong {
		font-size: 24px;
	}

.level-text {
	display: block;
	width: 90%;
	font-weight: bold;
	font-family: jaf-facitweb;
	font-size: 16px;
	margin: 0 auto;
	color: #fff;
	padding: 9px 0;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.level-text-fitmoda {
	display: block;
	width: 90%;
	font-weight: bold;
	font-family: jaf-facitweb;
	font-size: 16px;
	margin: 0 auto;
	color: #fff;
	padding: 9px 0;
	-ms-border-radius: 6px;
	background-color: #FFF !important;
	border-radius: 6px;
	width: 42px;
	height: 20px;
	font-family: NunitoSans;
	font-size: 15px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 6px;
	margin-bottom: 10px;
}

.level-text-p {
	margin-top: 15px;
	height: 14px;
	font-family: Nunito;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #000 !important;
}

.level-discount-img {
	margin-top: 62px;
	margin-left: 324px;
	height: 204px;
	width: 222px;
	object-fit: contain;
	float: left;
}

.level-discount-header {
	width: 194px;
	height: 25px;
	font-family: NunitoSans;
	font-size: 18px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-left: 27px;
	margin-top: 99px;
	float: left;
}

.level-discount-text {
	font-weight: bold !important;
	margin-left: -200px;
	margin-top: 126px;
	float: left;
	width: 219px;
	height: 18px;
	font-family: NunitoSans;
	font-size: 13px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.level-discount-text-in {
	margin-top: 165px;
	margin-left: -212px;
	float: left;
	width: 288px;
	height: 20px;
	font-family: NunitoSans;
	font-size: 15px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

	.level-discount-text-in strong {
		font-weight: 900;
	}

.level-discount-text-in-rectangle50 {
	width: 40px;
	height: 2px;
	background-color: #000;
	margin-top: 0px;
	margin-left: 85px;
}

.level-discount-text-in-rectangle100 {
	margin-top: -2px !important;
	width: 79px;
	height: 2px;
	background-color: #000;
	margin-top: 0px;
	margin-left: 209px;
}

.level-desc-rectangle {
	margin-top: 60px;
	margin-left: 18px;
	float: left;
	width: 1160px;
	height: 1px;
	background-color: #d8d8d8;
}

.custom-line-1 {
	margin-top: 170px;
	margin-left: 18px;
	width: 1160px;
	height: 1px;
	background-color: #d8d8d8;
}

.loyal-odul-prog {
	width: 237px;
	height: 25px;
	font-family: NunitoSans;
	font-size: 18px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin: auto;
	padding-top: 100px;
	padding-bottom: 50px;
}

.loyal-faq {
	padding: 32px 50px;
}

.loyal-faq-row {
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	padding: 17px;
	border-radius: 8px;
}

	.loyal-faq-row + .loyal-faq-row {
		margin-top: 20px;
	}

	.loyal-faq-row h4 {
		font-size: 20px;
		color: #333;
		font-weight: bold;
		margin: 0;
		line-height: 26px;
		cursor: pointer;
		letter-spacing: -0.3px;
		position: relative;
		padding-right: 30px;
	}

		.loyal-faq-row h4:after {
			content: "";
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 0;
			background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrow-down.svg");
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			height: 15px;
			width: 24px;
			opacity: .25;
			transition: all 200ms;
		}

	.loyal-faq-row:hover h4:after {
		opacity: 1;
	}

	.loyal-faq-row.active h4 {
		color: #f63f0d;
	}

		.loyal-faq-row.active h4:after {
			background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrow-up.svg");
		}

	.loyal-faq-row p {
		font-size: 16px;
		margin: 0;
		margin-bottom: 5px;
		color: #333;
		font-weight: normal;
		margin-top: 15px;
		line-height: 1.31;
		letter-spacing: -0.3px;
	}

	.loyal-faq-row + .loyal-faq-row p {
		display: none;
	}

.loyal-faqfitmoda {
	padding-left: 180px;
	padding-right: 180px;
}

.loyal-faqfitmoda-row {
	margin-top: 23px;
	padding: 17px;
	border-radius: 8px;
}

	.loyal-faqfitmoda-row + .loyal-faqfitmoda-row {
		margin-top: 0px;
	}

	.loyal-faqfitmoda-row h4 {
		display: list-item;
		list-style-position: inside;
		font-weight: bold !important;
		margin: 0;
		line-height: 26px;
		cursor: pointer;
		letter-spacing: -0.3px;
		position: relative;
		padding-right: 30px;
		font-size: 14px;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #000000;
	}

.loyal-faq-row.active h4:after {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrow-up.svg");
}

.loyal-faqfitmoda-row h4:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/Vector_fitmoda.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 15px;
	width: 24px;
	opacity: .25;
	transition: all 200ms;
}

.loyal-faqfitmoda-row:hover h4:after {
	opacity: 1;
}

.loyal-faqfitmoda-row.active h4 {
	color: #fd830c;
}

	.loyal-faqfitmoda-row.active h4:after {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/rectangle_fitmoda.png");
	}

.loyal-faqfitmoda-row.active .loyal-faqfitmoda-req {
	visibility: hidden;
	margin-top: -15px;
}

.loyal-faqfitmoda-row p {
	/*margin-bottom: -25px !important;*/
	height: 78px;
	font-weight: 600 !important;
	/*padding-left: 30px;*/
	background-color: #F8F8F8;
	font-size: 13px;
	margin: 0;
	margin-bottom: -5px;
	color: #333;
	font-weight: normal;
	margin-top: 15px;
	line-height: 1.31;
	letter-spacing: -0.3px;
	padding: inherit;
	padding-left: 30px;
	margin-top: 25px;
}

.loyal-faqfitmoda-row + .loyal-faqfitmoda-row p {
	display: none;
}

.loyal-faqfitmoda-req {
	margin-top: 25px;
	/*float: left;*/
	width: 802px;
	height: 1px;
	background-color: #d8d8d8;
}


.acc-loyal-step {
	text-align: center;
}

	.acc-loyal-step .loyal-level {
		width: 100%;
	}

.acc-loyal-text em {
	display: block;
	font-weight: bold;
	font-size: 20px;
	font-style: normal;
}

	.acc-loyal-text em span {
		display: block;
		font-size: 24px;
		line-height: 34px;
		color: #0060bc;
	}

.acc-loyal-text .loyal-text {
	position: static;
	margin: 0;
	top: 0;
	left: 0;
	margin-top: 40px;
}

.loyal-text h2 span, .loyal-text h1 span {
	font-size: 24px;
}

.loyal-button {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	position: relative;
	background: #66cc00;
	padding: 11px 71px;
	margin-top: 30px;
}

	.loyal-button:after {
		top: 0;
		content: "";
		position: absolute;
		width: 21px;
		height: 42px;
		left: -21px;
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/loyal-button-left.png) center center no-repeat;
	}

	.loyal-button:before {
		top: 0;
		content: "";
		position: absolute;
		width: 23px;
		height: 42px;
		right: -23px;
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/loyal-button-right.png) center center no-repeat;
	}

	.loyal-button:hover {
		color: #fff;
		text-decoration: none;
	}

.acc-loyal-text .loyal-button {
	font-size: 20px;
	padding: 11px;
	margin-top: 20px;
}

.acc-loyal-step .level-values {
	border: none;
}

.acc-loyal-step .level-discount-value {
	display: none;
}

.acc-loyal-step table {
	width: 90%;
	margin: 0 auto;
}

	.acc-loyal-step table strong {
		display: block;
		line-height: 18px;
	}

	.acc-loyal-step table td {
		border: 1px solid #e7e7e7;
		font-size: 16px;
		width: 50%;
		padding: 5px;
	}

.acc-loyal-step .level-values strong, .acc-loyal-step.next-loyal-level table strong {
	color: #0060bc;
}


.loyal-tab-content td {
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
	color: #999;
}

.loyal-tab-content th {
	color: #333;
	background: #efefef;
}

.loyal-tab-content td,
.loyal-tab-content th {
	padding: 5px;
	width: 25%;
}

.loyal-tab-button {
	display: block;
	color: #333;
	background: #efefef;
	padding: 8px 12px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.custom-tab-button {
	display: block;
	color: #333;
	background: #efefef;
	padding: 8px 12px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

	.loyal-tab-button.active, .loyal-tab-button:hover,
	.custom-tab-button.active, .custom-tab-button:hover {
		color: #fff;
		background: #333;
		text-decoration: none;
	}

.custom-tab {
	display: table-cell;
}

.custom-tabs {
	display: table;
	width: 100%;
	margin-bottom: 15px;
}

.active-tab {
	display: none;
	display: none !important;
}

.field-validation-error.operator-code, .field-validation-error.phone-number {
	display: none;
}


.recurring-options {
	float: left;
	width: 100%;
	margin-top: 9px;
}

.checkoutCartTable .recurring-options {
	float: none;
	width: 80%;
	font-size: 12px;
	margin-top: 0;
}


.checkout-order-totals-top strong {
	font-size: 18px;
}

.checkout-order-totals-top span {
	font-size: 13px;
}

.checkout-order-totals-top span, .checkout-order-totals-top strong {
	display: block;
	color: #333;
}

.checkout-order-totals-top td + td {
	border-left: 1px solid #b3b3b3;
	padding-left: 30px;
}

.checkout-order-totals-top td {
	padding: 4px 0;
}


.detail-recurring-description {
	font-size: 9px;
	text-align: center;
	margin: 5px 0;
}

.recurring-list select {
	width: 100px;
}

.recurring-settings select {
	width: 100%;
	height: 42px;
}

.recurring-settings {
	margin-bottom: 15px;
}

.message-container select {
	width: 100%;
	margin-top: 15px;
}

.recurring-card-info .message-container select,
.recurring-card-info .message-container input.form-control {
	margin-top: 0;
}

.no-padding {
	padding: 0;
}

.no-padding-left {
	padding-left: 0;
}

.no-padding-right {
	padding-right: 0;
}

.recurring-card-info * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.message-container.create-or-update {
	padding: 15px;
}

@media (max-width: 1199px) {
	.recurring-settings .page-title {
		font-size: 16px;
	}

	.recurring-settings label,
	.recurring-settings .btn {
		font-size: 10px;
	}
}

.table th, .table td {
	vertical-align: middle;
}

.active-tab.active {
	display: block;
	display: block !important;
}

.loyal-tab-content {
	margin-bottom: 150px;
}

.custom-tab-content {
	margin-bottom: 150px;
}

.reward-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: -10px;
	margin-right: -10px;
}

.loyalty-group-name {
	color: #000000;
	display: block;
	font-family: jaf-facitweb;
	font-weight: bold;
	font-size: 24px;
}

.loyalty-point {
	font-size: 21px;
	font-weight: bold;
	margin-top: 12px;
}

.loyalty-discount {
	color: #f6400b;
	font-size: 16px;
	font-weight: 500;
	margin-top: 12px;
}

.loyalty-next-level {
	margin-top: 50px;
	text-align: center;
	color: #000000;
	font-size: 22px;
	font-weight: bold;
}

	.loyalty-next-level > span {
		display: block;
		width: 100%;
		line-height: 33px;
	}

.loyalty-actions {
	margin-top: 20px;
	text-align: center;
}

	.loyalty-actions > .btn {
		font-size: 20px;
		font-weight: bold;
		border-radius: 6px;
		box-shadow: none;
		border-width: 1px;
		border-style: solid;
		padding: 14px 25px;
		text-shadow: none;
		display: inline-block;
	}

		.loyalty-actions > .btn + .btn {
			margin-left: 10px;
		}

.level-discount-value {
	display: none;
}


/*loyality end*/

.owl-carousel.offered-items {
	height: auto;
	overflow: visible;
}

.recurring-button-wrapper {
	margin-bottom: 20px;
}

.recurring-card-list {
	font-size: 16px;
	cursor: pointer;
	position: relative;
	margin-bottom: 15px;
}

.rec-card-type {
	display: block;
	font-weight: bold;
}

.rec-card-item {
	position: relative;
}

	.rec-card-item.selected {
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ok-green.png) 97% center no-repeat;
	}

.rec-card-delete {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -13px;
}

.rec-selected-card,
.rec-card-item,
.rec-selected-address,
.rec-address-item {
	padding: 10px;
	border: 1px solid #eee;
}

	.rec-card-item + .rec-card-item,
	.rec-address-item + .rec-address-item {
		border-top: none;
	}

.rec-selected-card {
	margin-bottom: -1px;
	position: relative;
}

	.rec-selected-card i {
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/address-arrow.jpg") right center no-repeat;
		width: 36px;
		height: 36px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -18px;
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
	}

	.rec-selected-card.open i {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

.rec-card-list-wrapper,
.rec-address-list {
	display: none;
	overflow: auto;
	background: #fdfdfd;
}

.add-new-card {
	border: 1px solid #eee;
}

	.add-new-card .tab-svg {
		position: relative;
		top: 2px;
		fill: #0061c5;
	}

	.add-new-card:hover .tab-svg,
	.add-new-card .active-svg {
		position: relative;
		top: 2px;
		fill: white;
	}

	.add-new-card:hover, .active-tab {
		color: #fff !important;
		background-color: #0061c5;
	}

	.add-new-card .create-or-update {
		padding: 10px;
		position: relative;
	}

.rec-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: #ffffff;
	background: rgba(255,255,255, .8);
}

.rec-add-newcard {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: 1px solid #eee;
	border-top: none;
}

.add-new-card h4 {
	margin: 0;
	padding: 10px 10px 8px 10px;
	border-bottom: 1px solid #eee;
	margin-top: -11px;
	margin-left: -11px;
	margin-right: -11px;
	margin-bottom: 10px;
	background: #d9d9d9;
}

.rec-add-new-credit-card {
	-ms-border-radius: 4px;
	border-radius: 4px;
	background: #013366;
	color: #fff;
	border-color: #013366;
	font-weight: bold;
	padding: 7px 10px;
}

.close-form {
	background: #dadada;
	color: #7d7c7c;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #dadada;
	display: block;
	width: 100%;
	text-align: center;
	padding: 17px 0;
}

	.close-form:hover {
		text-decoration: none;
		color: #7d7c7c;
	}

.recurring-card-list h4,
.rec-address-wrapper h4 {
	margin: 0;
	padding: 10px 0 8px 10px;
	border: 1px solid #eee;
	border-bottom: none;
}

#recInstallmentTable {
	margin-bottom: 10px;
}

input[disabled]#btnSaveNewCreditCard {
	background: #eee;
	border: 1px solid #eee;
	color: #adadad;
}

.ramazan-product {
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ramazan-kampanya-kucuk.png) center center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 83px;
	height: 83px;
	z-index: 2;
}

.vitaminler-devam {
	text-align: center;
	margin-top: 10px;
}


.map {
	height: 277px;
	width: 100%;
}

.store-row {
	padding: 20px 15px;
}

	.store-row + .store-row {
		border-top: 15px solid #ccc;
	}

	.store-row h3,
	.store-row h2 {
		font-size: 22px;
		text-align: center;
		margin: 0;
		color: #333;
		padding: 5px 0;
		line-height: normal;
		padding-bottom: 15px;
	}

	.store-row h4 {
		font-size: 18px;
		margin: 0;
		padding: 10px 0;
		margin-top: 10px;
	}

.store-contact span {
	display: block;
	font-size: 14px;
}

	.store-contact span + span {
		margin-top: 5px;
	}

.working-hours {
	font-size: 14px;
	line-height: 24px;
}


.stores-list h1 {
	font-size: 30px;
	margin: 0;
	text-align: center;
	padding: 50px 0 0;
	line-height: normal;
}

.stores-list-desc {
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	padding: 20px;
	margin-bottom: 0;
	padding-top: 10px;
	letter-spacing: .5px;
}

.dyn-landing * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.land-pbox {
	float: left;
	width: 16.6666666666667%;
}

	.land-pbox .product-name {
		height: 55px;
	}

	.land-pbox .product {
		width: 100%;
	}

.lp-head {
	color: #666;
	font-size: 30px;
	text-align: center;
	margin: 0;
	padding: 16px 0 8px;
}

.lp-banner, .lp-head {
	border-bottom: 1px solid #efefef;
}

.lp-banner {
	position: relative;
	max-height: 200px;
	overflow: hidden;
}

.lp-banner-content {
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -51px;
}

.lp-alt-head {
	font-size: 36px;
	margin: 0;
}

.lp-banner-content p {
	font-size: 16px;
	color: #666;
}

.lp-sub-head {
	margin: 0;
	font-weight: normal;
	border-bottom: 1px solid #efefef;
	padding-left: 30px;
	font-size: 26px;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}


	.lp-sub-head.topBrdr {
		border-top: 1px solid #efefef;
		margin-top: -1px;
	}

	.lp-sub-head a.campaigns {
		float: right;
		font-size: 16px;
		position: absolute;
		right: 20px;
		top: 30px;
		text-decoration: underline;
	}


.lp-description {
	color: #666;
	padding: 15px 30px;
	letter-spacing: .5px;
}

	.lp-description h4 {
		font-size: 20px;
		margin: 0;
		padding: 15px 0;
	}

	.lp-description p {
		font-size: 16px;
	}

	.lp-description ol {
		font-size: 16px;
		list-style-type: square;
	}

.lp-tags {
	color: #666;
}

	.lp-tags h5 {
		margin: 0;
		font-size: 20px;
		padding: 15px 0;
	}

	.lp-tags a {
		display: inline-block;
		font-size: 16px;
		color: #666;
		text-decoration: underline;
		margin-right: 25px;
	}

.lp-tag-content {
	border: 1px solid #efefef;
	border-width: 1px 0;
	padding: 15px 30px 30px;
}

	.lp-tag-content + .lp-tag-content {
		margin-top: 30px;
	}

@media (max-width: 1199px) {
	.map {
		height: 225px;
		width: 100%;
	}

	.land-pbox {
		width: 20%;
	}
}

/*knowledge*/
.knowledge-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.knowledge-container {
	padding: 0 0 10px;
}

input.knowledge-search-category {
	width: 100%;
	height: 35px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	border-color: #2d3690;
}

.knowledge-search {
	padding-bottom: 10px;
	padding-left: 10px;
}

.knowledge-customscroll {
	max-height: 200px;
	overflow: auto;
}

.knowledge-items .slimScrollDiv {
	border: none;
}

.knowledge-items .slimScrollBar {
	cursor: pointer;
	background: #c3c3c3 !important;
}

.knowledge-categories-filter {
	padding: 0 0 0 10px;
}

	.knowledge-categories-filter h4,
	.knowledge-search h4 {
		margin: 0;
		font-size: 16px;
		font-family: "HelveticaNeueLTPro-Bd";
		font-weight: normal;
		padding-bottom: 10px;
		color: #003366;
	}

.know-category-box + .know-category-box {
	margin-top: 10px;
}

.know-category-box span {
	margin: 0;
	font-size: 14px;
	font-family: "HelveticaNeueLTPro-Bd";
	font-weight: normal;
	padding-bottom: 5px;
	color: #003366;
	border: 1px solid #ebebeb;
	padding: 5px 10px;
	display: block;
	line-height: 20px;
}

.know-category-box a {
	display: block;
	font-size: 12px;
	color: #333;
	padding: 5px 10px;
	background-repeat: no-repeat;
	background-position: left 6px;
	-ms-background-size: 16px;
	background-size: 16px;
	line-height: 16px;
}

	.know-category-box a + a {
		border-top: 1px solid #ebebeb;
	}

	.know-category-box a:hover,
	.know-category-box a.checked {
		color: #333;
		text-decoration: underline;
	}

.knowledge-items {
	padding: 5px 0;
	border: 1px solid #ebebeb;
	border-top: none;
}

.knowledge-slider .owl-prev,
.knowledge-slider .owl-next,
.knw-content-slider .owl-prev,
.knw-content-slider .owl-next,
.kb-product-slider .owl-prev,
.kb-product-slider .owl-next {
	position: absolute;
	top: 50%;
	width: 28px;
	height: 49px;
	text-indent: -999px;
	overflow: hidden;
	margin-top: -14px;
}

.knowledge-slider .owl-prev {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/knw-prev.png");
	left: 35px;
}

.knowledge-slider .owl-next {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/knw-next.png");
	right: 35px;
}

.knw-content-slider .owl-next,
.kb-product-slider .owl-next {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/knw-next-blue.png");
	right: 35px;
}

.knw-content-slider .owl-prev,
.knw-content-slider .owl-next,
.kb-product-slider .owl-next,
.kb-product-slider .owl-prev {
	top: -4px;
	margin-top: -36px;
	-ms-background-size: 16px;
	background-size: 16px;
	background-repeat: no-repeat;
	width: 26px;
	height: 40px;
	right: 10px;
	background-position: center;
}

.knw-content-slider .owl-prev,
.kb-product-slider .owl-prev {
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/knw-prev-blue.png");
	right: 30px;
}

.knw-content-slider .owl-prev {
	right: 40px;
}

.knw-slider-wrapper .item img {
	position: relative;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	width: 100%;
}

.knw-slider-wrapper .item:hover img {
	position: relative;
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.knw-slider-wrapper .item:hover .knw-box-content:before {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background: rgba(3, 66, 131, 0.8);
	border-color: #034384;
}

.knw-content-slider .read-more {
	color: #dadada;
	font-weight: bold;
	text-decoration: underline;
}

.knw-box-content p {
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: relative;
	z-index: 2;
	height: 100px;
	margin-bottom: -100px;
	color: #fff;
}

.knw-slider-wrapper .item:hover p {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin-bottom: 10px;
}

.knw-slider-wrapper .item:hover .knw-box {
	border: 2px solid #034384;
}

.knw-box-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 10px;
}

	.knw-box-content:before {
		content: "";
		width: 200%;
		height: 200%;
		position: absolute;
		background: rgba(255, 255, 255, 0.91);
		top: 5px;
		left: -50%;
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		-ms-transform: rotate(-2deg);
		-o-transform: rotate(-2deg);
		transform: rotate(-2deg);
		z-index: 1;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		border: 2px solid #ebebeb;
	}

.owl-item.loading {
	min-height: 330px;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/loading.gif") center center no-repeat;
}

h2.knw-head,
.knw-detail-head {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 20px;
	font-family: "HelveticaNeueLTPro-Bd";
	font-weight: normal;
	color: #034384;
	font-weight: 500;
}

.knw-detail-head {
	font-size: 22px;
	line-height: 28px;
}

.knw-content-text h3 {
	font-size: 17px;
	line-height: 26px;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #034384;
}

	.knw-content-text h3 span {
		color: #666666 !important;
	}

.knw-content-text h4 {
	font-size: 16px;
	margin: 0;
	color: #666666;
}

.knowledge-banner,
.knowledge-content-row {
	padding-right: 10px;
}

.knowledge-content-row {
	margin-bottom: 50px;
}

.knowledge-banner {
	padding-bottom: 10px;
	position: relative;
	max-height: 405px;
	overflow: hidden;
}

.knw-social-buttons {
	text-align: right;
	position: relative;
}

.knw-social-head {
	position: absolute;
	top: 4px;
	left: 208px;
	font-size: 15px;
	color: #919191;
}

.knowledge-content-row h3,
.kb-products h3 {
	margin-top: 10px;
	line-height: 24px;
	font-size: 22px;
	font-family: "HelveticaNeueLTPro-Md";
	color: #003366;
	font-weight: bold;
}

.knowledge-content-row h4 {
	margin: 15px 0 5px;
	position: relative;
	z-index: 2;
}

	.knowledge-content-row h4 a {
		line-height: 20px;
		font-size: 16px;
		font-family: "HelveticaNeueLTPro-Bd";
		font-weight: normal;
		color: #034384;
		display: block;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

.knw-content-slider .owl-item:hover h4 a {
	color: #fff;
	text-decoration: underline;
}

.knw-box {
	margin: 0 10px;
	position: relative;
	overflow: hidden;
	border: 2px solid #ebebeb;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.knowledge-content {
	margin-bottom: 35px;
}

.knw-slider-wrapper {
	margin: 0 -10px;
}

/*Author start*/
.article-container {
	width: 100%;
	display: block;
}

	.article-container .article-info {
		margin: 20px 0 !important;
	}

.article-item {
	margin: 20px 0;
}

.article-item-card-left {
	float: left;
	width: 20%;
}

	.article-item-card-left img {
		width: 90px;
		height: auto;
		object-fit: cover;
	}

.article-item-card-right {
	float: left;
	width: 80%;
}

.card-head {
	font-size: 20px;
	font-weight: bold;
	color: #003366;
}

.card-content {
	font-size: 16px;
	color: #5d5d5d;
}

.article-item-card-right ul {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}

.article-item-card-right li {
	float: left;
	margin-right: 5px;
	list-style-type: none;
	text-indent: -9999px;
	border-radius: 50%;
}

	.article-item-card-right li a {
		width: 33px;
		height: 33px;
		display: block;
	}

	.article-item-card-right li:hover {
		opacity: 0.8;
	}

.article-item-card-right .author-twitter {
	width: 33px;
	height: 33px;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/author_social.png")no-repeat -63px -11px;
}

.article-item-card-right .author-facebook {
	width: 33px;
	height: 33px;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/author_social.png")no-repeat -3px -11px;
}

.article-item-card-right .author-instagram {
	width: 33px;
	height: 33px;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/author_social.png")no-repeat -130px -11px;
}
/*Author end*/
.read-more {
	display: block;
	text-align: right;
	padding-top: 6px;
	margin-top: 5px;
}

.knw-detail-tags {
	margin: 30px 0;
}

	.knw-detail-tags strong {
		display: inline-block;
		margin-right: 5px;
		font-size: 14px;
	}

	.knw-detail-tags a {
		display: inline-block;
		background-color: #ebebeb;
		padding: 2px 6px;
		font-size: 12px;
		border-radius: 2px;
		color: #666666;
		text-decoration: none;
	}

		.knw-detail-tags a:hover {
			color: #666666;
		}

.number-of-views {
	position: relative;
	font-size: 12px;
	color: #929292;
}

	.number-of-views span {
		position: absolute;
		right: 20px;
		top: 0;
		font-size: 14px;
		color: #333;
		padding: 5px 7px 5px 8px;
		border: 1px solid #aeaeae;
		background: #fff;
	}

.knw-content-text {
	padding-right: 10px;
	padding-top: 10px;
	border-top: 1px solid #ebebeb;
	margin-top: 10px;
}

input.knowledge-search-button {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ab-search.png") center center no-repeat #fff;
	width: 33px;
	height: 33px;
	-ms-background-size: 16px;
	background-size: 16px;
	position: absolute;
	top: 1px;
	right: 1px;
	overflow: hidden;
	text-indent: -99px;
	padding: 0;
	border: none;
}

.knowledgeBaseSearchForm {
	position: relative;
}


/*recurring wizard*/
.recurring-wizard-content *, #recurringWizardContent * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: arial;
}

#recurringWizardContent .address-edit-button {
	margin-top: 5px;
}

.wizard-steps {
	border: 5px solid #ddd;
	padding: 5px 0;
	border-width: 5px 0;
}

.wizard-step-item {
	border: 2px solid #dddddd;
	color: #333;
	font-size: 12px;
	position: relative;
	padding-left: 50px;
	font-weight: bold;
	float: left;
	width: 23%;
	margin: 0 1%;
}

	.wizard-step-item.visited {
		color: #009900;
	}

		.wizard-step-item.visited strong {
			background: #009900;
		}

	.wizard-step-item a {
		color: #333;
	}

	.wizard-step-item:hover a {
		color: #333;
	}

	.wizard-step-item strong {
		color: #fff;
		position: absolute;
		width: 44px;
		height: 44px;
		left: -2px;
		top: -2px;
		background: #666;
		line-height: 40px;
		text-align: center;
		display: block;
		font-size: 16px;
	}

	.wizard-step-item.active strong:before {
		content: "";
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid #3764d2;
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: -8px;
	}

	.wizard-step-item.active span {
		color: #3764d2;
	}

	.wizard-step-item.active strong {
		background: #3764d2;
	}

	.wizard-step-item span {
		display: block;
		padding: 10px 0;
	}

.wizard-title {
	color: #333333;
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	padding: 20px 0;
}

#recurringWizardContent {
	padding: 0 20px;
	margin-bottom: 40px;
}

	#recurringWizardContent .ui-widget-content {
		position: relative;
		overflow: visible;
		width: 50px;
		margin: 0 auto;
		height: 34px;
		border-radius: 0;
	}

	#recurringWizardContent .ui-spinner .ui-icon {
		top: 0;
	}

	#recurringWizardContent .address-validate-button {
		display: none;
	}


.wp-icon {
	position: absolute;
	top: 0;
	right: 0;
	background: #003366 url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/wp-icon.png) center center no-repeat;
	height: 100%;
	width: 70px;
	cursor: pointer;
}

input#datepicker {
	width: 100%;
	height: 42px;
	border: 2px solid #dbdbdb;
}

.wp-description {
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 0;
}

#recurringWizardContent h3 {
	font-size: 12px;
	color: #333;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

.wizard-datepicker {
	position: relative;
}

select.wizard-cycle {
	width: 100%;
	height: 44px;
	font-weight: bold;
	border: 2px solid #dbdbdb;
}

.wizard-prder-period {
	margin-top: 30px;
}

.wizard-period-description {
	margin-top: 50px;
}

.credit-card-recurring-popup {
	display: none;
}

.wizard-next,
input.wizard-next {
	background: #fc3900;
	border: 1px solid #fc3900;
	color: #fff;
	width: 100%;
	font-size: 20px;
	padding: 10px 0;
	font-weight: bold;
	margin-top: 30px;
	border-radius: 4px;
}

#orderSummaryWizard {
	padding-right: 20px;
}

.wizard-datepicker .ui-datepicker-trigger {
	position: absolute;
	top: 0;
	right: 0;
	padding: 11px 25px;
	background: #003366;
	cursor: pointer;
}

.recurring-errors {
	background: #cc0001;
	color: #f1c5c5;
	line-height: 14px;
	font-size: 12px;
	text-align: center;
	padding: 10px 30px;
	margin-top: 12px;
	display: none;
}

	.recurring-errors strong {
		color: #fff;
	}

.payment-error-mark {
	border-bottom: 10px solid #cc0001;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	position: absolute;
	top: 107%;
	left: 50%;
	margin-left: -7px;
	display: none;
}

.rec-page-header {
	position: relative;
}

	.rec-page-header .add-new-address {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -21px;
	}

.rec-prodcut-image {
	display: block;
	border: 2px solid #dbdbdb;
	width: 96px;
}

.rec-supplementler,
.rec-vitaminler {
	border: 2px solid #dbdbdb;
	width: 92px;
	height: 45px;
	display: block;
	-ms-background-size: 60px;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
}

.rec-supplementler {
	background-image: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/logo-supplementler.png");
}

.rec-vitaminler {
	background-image: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/logo-vitaminler.png");
}

input.rec-product-delete {
	border: 1px solid #dbdbdb;
	height: 45px;
	width: 37px;
	background: none;
	font-size: 10px;
	color: #cc0000;
	font-weight: bold;
}

.rec-old-price {
	text-decoration: line-through;
}

.rec-price {
	font-size: 16px;
	font-weight: bold;
	color: #f14200;
	display: inline-block;
	padding-left: 10px;
}

.rec-product-name {
	font-weight: bold;
	font-size: 14px;
}

.rec-order-summary {
	border: 4px solid #dbdbdb;
	margin-right: 20px;
	padding: 20px;
}

.rec-summary-title {
	color: #333;
	font-size: 12px;
	display: block;
	line-height: 13px;
}

.rec-summary-info {
	font-size: 16px;
	display: block;
}

.rec-summary-row + .rec-summary-row {
	padding-top: 20px;
}

.rec-product-list td {
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}

.rec-product-list tr + tr td {
	padding-top: 20px;
}

#recurringInstallmentContainer {
	font-size: 14px;
}

	#recurringInstallmentContainer .installment-table {
		margin-top: 15px;
	}

.rec-card-container .add-new-card {
	margin: 0;
}

.popup-add-new-card {
	padding: 15px;
}

.recurring-settings .add-new-card {
	display: none;
	margin: 0;
}
/*recurring wizard end*/

.kb-products {
	padding-right: 20px;
}

	.kb-products .product {
		width: 100%;
	}

.knowledge-banner .owl-pagination {
	position: absolute;
	bottom: -10px;
	right: 0;
	width: 100%;
	text-align: center;
}

.knowledge-banner .owl-page {
	width: 20px;
	height: 2px;
	display: inline-block;
	background: #bfbfbf;
	margin: 2px;
}

	.knowledge-banner .owl-page.active {
		background: #034488;
		height: 4px;
	}

/*knowledge end*/

.footer-app img {
	height: 28px;
}

.footer-app a {
	float: left;
	margin: 20px 10px 10px 0;
}


.order-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,.1);
	z-index: 4;
	display: none;
}

.ordermessage-content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -160px;
	margin-top: -80px;
	background: #fff;
	padding: 30px;
	font-weight: bold;
	color: #6f6464;
}

.fb_iframe_widget span {
	display: block !important;
}

.fb_iframe_widget {
	display: block !important;
	position: static !important;
}

.brand-banner {
	position: relative;
}

.brand-head {
	position: absolute;
	top: 50%;
	left: 44px;
	font-size: 30px;
	color: #fff;
	margin: 0;
	margin-top: -50px;
	line-height: 50px;
}

	.brand-head span {
		display: block;
		font-size: 44px;
		color: #0066cc;
	}

.brand-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.brand-space {
	padding: 0 42px;
}

.featured-title {
	font-size: 22px;
	color: #ce4e1a;
	text-align: center;
	margin: 0;
	padding-top: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid #d4d4d4;
}


.featured-brand-list li {
	float: left;
	width: 25%;
	padding-left: 18px;
	position: relative;
}

.brands-link {
	color: #333;
	font-size: 12px;
	line-height: 14px;
	position: relative;
	display: inline-block;
	margin: 5px 0;
}

	.brands-link.featured-brand {
		font-weight: bold;
		color: #106cce;
	}

	.brands-link:hover {
		color: #333;
		text-decoration: underline;
	}

.featured-brand-list li:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	background: #333;
	-ms-border-radius: 50%;
	border-radius: 50%;
	left: 0;
	top: 50%;
	margin-top: -6px;
}

.featured-brands {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 15px;
}


/*.brands-gear {
     background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/brand-gear.png");
     width: 30px;
     height: 30px;
     position: absolute;
     right: -37px;
     bottom: -4px;
 }*/

.brand-search {
	position: relative;
	z-index: 6;
}

.b-title {
	margin: 0;
	font-size: 14px;
	color: #003366;
	padding: 34px 0 22px 0;
}


.search-brand-header * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.search-brand-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 3;
	padding-bottom: 15px;
	display: none;
	padding-top: 15px;
	box-shadow: 0 0 10px 0 rgba(0,0,0, .4);
}

	.search-brand-header.sticky {
		display: block;
	}

input.searchInBrand {
	width: 100%;
	height: 35px;
	color: #999999;
	font-size: 14px;
	border: 1px solid #0066cc;
	padding-left: 10px;
}

.brand-button {
	position: absolute;
	top: 0;
	right: 0;
	background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/brand-search-icon.png") center center no-repeat #0066cc;
	color: #fff;
	font-size: 22px;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 47px;
	height: 100%;
}

	.brand-button:hover {
		text-decoration: none;
		color: #e6e6e6;
	}

.alphabetic-sort {
	border: 1px solid #ececec;
	text-align: center;
}

	.alphabetic-sort a {
		font-size: 16px;
		padding: 10px 0;
		color: #0066cc;
		font-weight: bold;
		line-height: 13px;
		float: left;
		width: 33px;
	}

		.alphabetic-sort a.selected,
		.alphabetic-sort a.selected:hover {
			background: #0066cc;
			color: #fff;
		}

		.alphabetic-sort a:hover {
			background: #adadad;
			text-decoration: none;
			color: #fff;
		}

.all-brands-list {
	list-style: none;
	margin: 0;
}

	.all-brands-list.selected {
		background: #efefef;
	}

.all-brands-title {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: normal;
}

	.all-brands-title strong {
		font-size: 30px;
		color: #333;
	}

.active .all-brands-title strong {
	color: #06c;
}

.all-brands-title span {
	font-size: 18px;
	color: #ccc;
	position: relative;
	left: 20px;
}

.all-brands-wrapper {
	padding: 10px 0 45px 0;
	position: relative;
}


.brand-row + .brand-row {
	margin-top: 30px;
}

.brand-row {
	padding: 20px 0;
}

	.brand-row.active {
		background: #efefef;
	}

.brand-overlay {
	display: none;
	background: rgba(0,0,0,.2);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.brand-search-result {
	position: absolute;
	width: 350px;
	top: 35px;
	left: 1px;
	background: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.67);
	-ms-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.67);
	box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.67);
	display: none;
}

.brand-result-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.brand-links.selected {
	background: #cae1f9;
	padding-left: 15px;
}

.brand-landings a {
	font-size: 20px;
	font-weight: normal;
	color: #333;
	padding-top: 8px;
	display: block;
	padding-bottom: 5px;
}

.brand-landings h4 {
	margin: 0;
	margin-bottom: 50px;
}


.brand-landings a:hover {
	text-decoration: underline;
	color: #333;
}

.brand-landings p {
	font-size: 16px;
	letter-spacing: .5px;
	color: #333;
}

.brand-landings {
	padding-bottom: 50px;
}

.brand-category-info {
	margin: 50px 0;
}

.brand-landing-head {
	margin: 0;
	margin-bottom: 10px;
	text-align: center;
}

.category-info-content {
	padding: 45px;
	border: 1px solid #959595;
	border-width: 1px 0;
}

	.category-info-content + .category-info-content {
		padding: 45px;
		border-top: none;
		border-bottom: 1px solid #959595;
	}

	.category-info-content h3 {
		margin: 0;
		line-height: normal;
		font-size: 16px;
		margin-bottom: 10px;
	}

.brands-header {
	padding: 25px;
	height: 95px;
	display: flex;
	align-items: center;
}

.vitamin-brands {
	margin: 0 -42px;
	position: relative;
	margin-top: 30px;
}

	.vitamin-brands img {
		width: 100px;
		position: absolute;
		right: 25px;
	}

	.vitamin-brands h3 {
		font-size: 30px;
		color: white;
	}

	.vitamin-brands ul {
		list-style: none;
		background: #fff;
		-ms-border-radius: 5px;
		border-radius: 5px;
		height: 101px;
		margin-right: 25px;
	}

		.vitamin-brands ul li {
			float: left;
			width: 14.285%;
		}

			.vitamin-brands ul li a {
				color: #333;
				font-size: 12px;
				font-weight: bold;
				display: block;
				padding-left: 17px;
				position: relative;
			}

				.vitamin-brands ul li a:hover {
					color: #333;
					text-decoration: underline;
				}

				.vitamin-brands ul li a:before {
					content: "";
					position: absolute;
					top: 50%;
					margin-top: -4px;
					left: 0;
					width: 8px;
					height: 8px;
					-ms-border-radius: 50%;
					border-radius: 50%;
					background: #336600;
				}


.brand-filter {
	border: 1px solid #d9d9d9;
	margin-top: 33px;
}

	.brand-filter h2 {
		border-bottom: 1px solid #d9d9d9;
		font-size: 18px;
		color: #003366;
		margin: 0;
		padding: 8px 15px;
	}

	.brand-filter a {
		display: block;
		font-size: 16px;
		color: #46698e;
		line-height: 27px;
		padding: 6px 0 6px 15px;
		margin-right: 10px;
	}

		.brand-filter a.selected,
		.brand-filter a:hover {
			color: #0066cc;
			text-decoration: none;
		}


	.brand-filter .accesories {
		background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/brand-accesories.png") right center no-repeat;
	}

	.brand-filter .healthy-food {
		background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/brand-healthy.png") right center no-repeat;
	}

	.brand-filter .food-for-athletes {
		background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/brand-food.png") right center no-repeat;
	}

.brand-container {
	position: relative;
	z-index: 1;
}



@media(max-width: 1199px) {
	.alphabetic-sort a {
		width: 27px;
	}

	.vitamin-brands h3 {
		top: 123px;
	}


	.recurring-options-main {
		padding-left: 10px !important;
		width: 93% !important;
		margin-left: 8px !important;
	}

		.recurring-options-main .item .set-detail-cycle select#recurringOption {
			margin-right: 0 !important;
		}
}

.damaged-recurring {
	background: #9c0000;
	color: #f7f1f1;
	margin: 0;
	padding: 10px 15px;
	position: relative;
}

	.damaged-recurring:before {
		content: "";
		position: absolute;
		top: -8px;
		left: 50%;
		width: 16px;
		height: 16px;
		margin-left: -8px;
		background: #9c0000;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.damaged-recurring a {
		float: right;
		margin-right: 9px;
		color: #f7f1f1;
	}

		.damaged-recurring a:hover {
			text-decoration: underline;
			color: #f7f1f1;
		}


.order-details-page .damaged-recurring:before {
	top: 32px;
}

.order-details-page .damaged-recurring {
	margin: 0 -15px;
}

	.order-details-page .damaged-recurring a {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -23px;
		margin-right: 0;
		margin-top: -10px;
	}

.recurring-order-completed a {
	font-size: 12px;
	color: #0033ff;
	text-decoration: underline;
	margin: 10px 0;
	display: block;
}

	.recurring-order-completed a:hover {
		color: #0033ff;
	}

.rec-page-desc {
	font-size: 10px;
	color: #333;
	margin-top: -20px;
}

.rec-completed-title {
	text-decoration: underline;
	color: #333;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.completed-selected-card .rec-card-detail {
	font-size: 16px;
}

.completed-selected-card p {
	font-size: 10px;
}

.rec-address-info .rec-address-info {
	font-size: 12px;
}

.rec-address-info p {
	font-size: 10px;
}

/*new money transfer*/
.moneytransfer-description {
	border: 1px solid #267934;
	padding: 15px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 39px;
}

	.moneytransfer-description p {
		margin: 0;
		font-size: 18px;
		color: #00a454;
	}

		.moneytransfer-description p strong {
			font-size: 16px;
			font-weight: bold;
			color: #666;
			float: right;
		}

			.moneytransfer-description p strong em {
				font-style: normal;
				text-decoration: line-through;
				font-weight: normal;
				font-size: 14px;
			}

			.moneytransfer-description p strong span {
				color: #00a454;
				font-weight: bold;
				font-size: 22px;
			}

.bank-list-head {
	border: 1px solid #e4e4e4;
	position: relative;
}

.bank-list-wrapper {
	position: absolute;
	border: 1px solid #e4e4e4;
	width: 75.3%;
	background: #fff;
	top: 72px;
	left: -1px;
	display: none;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
	-ms-box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
	z-index: 1;
}

.selected-transfer-bank,
.bank-logo {
	float: left;
}

.selected-transfer-bank {
	width: 75%;
	line-height: 72px;
	font-size: 18px;
	color: #0066cc;
	position: relative;
	padding-left: 50px;
}

	.selected-transfer-bank:hover {
		color: #0066cc;
	}

	.selected-transfer-bank:before {
		content: "";
		background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/moneytransfer-arrowdown.png");
		position: absolute;
		top: 50%;
		left: 25px;
		margin-top: -5px;
		width: 14px;
		height: 9px;
	}

	.selected-transfer-bank.opened:before {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}


.bank-logo {
	width: 25%;
	height: 72px;
	border-left: 1px solid #e4e4e4;
}


.bank-list-item {
	cursor: pointer;
	font-size: 16px;
	color: #666;
	padding: 16px 0;
	padding-left: 50px;
}

	.bank-list-item + .bank-list-item {
		border-top: 1px solid #e4e4e4;
	}

.company-bank-info {
	border: 1px solid #e4e4e4;
	border-width: 0 1px;
	padding: 16px 25px;
}

	.company-bank-info p {
		margin: 0;
		font-size: 18px;
		color: #333;
	}

.bank-list-info {
	position: relative;
	height: 78px;
}


.payment-sms-information {
	border: 1px solid #e4e4e4;
	padding: 0 25px;
	font-size: 16px;
	color: #333;
	position: relative;
	line-height: 54px;
	cursor: pointer;
	display: none;
	margin: 0;
}

	.payment-sms-information:before {
		float: left;
		content: "";
		width: 26px;
		border: 1px solid #b3b3b3;
		height: 26px;
		margin-top: 14px;
		margin-right: 7px;
	}

	.payment-sms-information.checked:before {
		border: 1px solid #0057a4;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/new-checkbox.png") center center no-repeat #0057a4;
	}

	.payment-sms-information span {
		position: absolute;
		top: 50%;
		margin-top: -16px;
		background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/sms-icon.png") center center no-repeat;
		width: 21px;
		height: 31px;
		right: 20px;
	}

#smsInformation {
	display: none;
}

.moneytransfer-steps {
	padding: 15px 30px;
	border: 1px solid #e4e4e4;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin-top: 90px;
}

#payment-kk-preorder {
	display: none;
}

.mt-step {
	float: left;
	width: 83px;
	position: relative;
	height: 82px;
}

.mt-step-1 {
	background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/mt-step-1.png") center center no-repeat;
}

.mt-step-2 {
	background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/mt-step-2.png") center center no-repeat;
	margin: 0 164px;
}

	.mt-step-2:before,
	.mt-step-2:after {
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -2px;
		width: 147px;
		height: 4px;
		background: #e1e1e1;
		border-radius: 3px;
	}

	.mt-step-2:after {
		right: -155px;
	}

	.mt-step-2:before {
		left: -155px;
	}

.mt-step-3 {
	background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/mt-step-3.png") center center no-repeat;
}

#card-delivery .mt-step-3 {
	background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/card-delivery.png") center center no-repeat;
	border: 1px solid #e5e5e5;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

#cash-delivery .mt-step-3 {
	background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/cash-delivery.png") center center no-repeat;
	border: 1px solid #e5e5e5;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.moneytransfer-steps h3 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin: 0;
	line-height: normal;
	padding-bottom: 12px;
}

.mt-step-description {
	padding-top: 20px;
	padding-bottom: 15px;
}

.step-desc {
	float: left;
	width: 33.3333%;
	position: relative;
	padding-left: 47px;
}

	.step-desc em {
		font-size: 20px;
		line-height: 38px;
		height: 38px;
		width: 38px;
		border: 1px solid #e4e4e4;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		font-style: normal;
		-ms-border-radius: 50%;
		border-radius: 50%;
	}

	.step-desc strong {
		font-size: 16px;
		display: block;
		color: #0066cc;
		margin-top: 4px;
	}


	.step-desc span {
		font-size: 16px;
		display: block;
		color: #0066cc;
		margin-top: -4px;
		font-weight: bold;
	}

.other-step .step-desc strong {
	margin-top: 10px;
}

.bank-list-item.garanti-bankasi {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/garanti-bankasi.png") 89% center no-repeat;
}

.bank-list-item.is-bankasi {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/is-bankasi.png") 89% center no-repeat;
}

.bank-list-item.akbank {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/akbank.png") 89% center no-repeat;
}

.bank-list-item.deniz-bank {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/deniz-bank.png") 89% center no-repeat;
}

.bank-list-item.finansbank {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/finansbank.png") 89% center no-repeat;
}

.bank-list-item.ptt {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ptt.png") 89% center no-repeat;
}

.bank-list-item.yapi-kredi-bankasi {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/yapi-kredi-bankasi.png") 89% center no-repeat;
}

.bank-list-item.ziraat-bankasi {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ziraat-bankasi.png") 89% center no-repeat;
}

.bank-list-item.halk-bankasi {
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/halk-bankasi.png") 89% center no-repeat;
}

/*new money transfer end*/


@media (max-width:1199px) {
	.product-images li.flex-image {
		display: none;
	}

	.multi-top-search .search-right .search-product a.product-title,
	.multi-top-search .search-left .search-menu ul > li > a {
		font-size: 14px !important;
	}

	.orders-wrapper .cart-product-store > div {
		/*width: 15%;*/
	}

		.orders-wrapper .cart-product-store > div.center {
		}

		.orders-wrapper .cart-product-store > div.last {
			/*width: 6%;*/
			width: 0.1%;
		}

			.orders-wrapper .cart-product-store > div.last .btn-primary {
				width: 160px;
			}

	.orders-wrapper li .text-node {
		margin-right: 38px;
	}

	.cart-product-row {
		width: 921px !important;
	}

	.payment-type-option:before, .delivery-type:before {
		width: 20px;
		height: 20px;
	}

	.payment-type-option,
	.delivery-type {
		font-size: 11px !important;
		line-height: 22px;
	}

	.multi-top-search .search-right .search-result.supplementler h3.title,
	.multi-top-search .search-left .search-menu span.title,
	.multi-top-search .search-right .search-result.vitaminler h3.title,
	.title-supplementler,
	.title-vitaminler {
		font-size: 15px !important;
	}

	input.form-control,
	select.form-control {
		font-size: 13px;
	}

	/*.in_container {
		width: 990px;
		margin: 0 auto;*/
	/*background: #ccc;*/
	/*}*/

	/*.mobile-redirect {
		width: 990px !important;
	}*/

	.cart-product-row .product-name-title {
		width: 360px !important;
	}

	.moneytransfer-description p {
		font-size: 16px;
	}

	.payment-sms-information {
		font-size: 14px;
		padding: 0 17px;
	}

		.payment-sms-information span {
			right: 10px;
		}

	.mt-step-2 {
		background: url("https://supplementler.mncdn.com/themes/Supplementler/Content/images/mt-step-2.png") center center no-repeat;
		margin: 0 104px;
	}

		.mt-step-2:before, .mt-step-2:after {
			width: 95px;
		}

		.mt-step-2:before {
			left: -100px;
		}

		.mt-step-2:after {
			right: -100px;
		}

	.step-desc strong {
		font-size: 12px;
	}

	.step-desc span {
		font-size: 10px;
	}
}

.cart-close {
	float: left;
	padding: 0;
	color: #adadad;
	margin-right: 20px;
	margin-left: -15px;
}


.security-description img {
	margin: 10px 0 20px;
}

.security-description p {
	color: #252525;
}

	.security-description p a {
		color: #0066cc;
		text-decoration: underline;
		font-weight: bold;
	}

.no-product-message p {
	font-size: 18px;
	background: #fcf8e3;
	padding: 49px 0 48px;
	color: #c09853;
	text-align: center;
	border: 1px solid #c09853;
	line-height: 28px;
	margin: 0;
}

.confirm-button-no {
	display: inline-block;
	color: #615d5d;
	background: #f5f5f5;
	padding: 3px 15px;
	border: 1px solid #615d5d;
	border-radius: 3px;
	margin-left: 10px;
}


.recurring-container {
	margin: 25px 0 17px;
	min-height: 50px;
}


.recurring-options-main {
	position: relative;
	background: #f1f1f1;
	padding: 15px 10px 10px 60px;
	border-radius: 4px;
}


	.recurring-options-main .item {
		float: left;
		position: relative;
		padding-left: 20px;
		margin-right: 10px;
	}

		.recurring-options-main .item:last-child {
			margin-left: 0;
		}


		.recurring-options-main .item label {
			display: inline-block;
			float: left;
		}


		.recurring-options-main .item .info-main {
			position: relative;
		}


			.recurring-options-main .item .info-main i {
				width: 16px;
				height: 16px;
				display: inline-block;
				content: " ";
				background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/rec-info-icon.png") no-repeat;
				margin: -2px 0 0 5px;
				float: left;
				cursor: pointer;
			}

			.recurring-options-main .item .info-main .detail {
				width: 220px;
				border-radius: 4px;
				background-color: #ffffff;
				border: solid 1px #02498d;
				padding: 5px;
				display: none;
				position: absolute;
				text-align: center;
				right: -111px;
				top: 25px;
				z-index: 99;
			}

				.recurring-options-main .item .info-main .detail strong {
					color: #02498d;
					font-size: 11px;
				}

				.recurring-options-main .item .info-main .detail p {
					line-height: normal;
					font-size: 10px;
					color: #02498d;
					margin: 0;
					padding: 0;
				}

				.recurring-options-main .item .info-main .detail:after {
					border-bottom: 8px solid #02498d;
					border-left: 8px solid transparent;
					border-right: 8px solid transparent;
					content: "";
					left: 45%;
					position: absolute;
					top: -8px;
				}

			.recurring-options-main .item .info-main:hover .detail {
				display: block;
			}

		.recurring-options-main .item .set-detail-cycle {
			display: none;
			font-size: 10px;
			margin-left: 10px;
			margin-top: -6px;
		}

			.recurring-options-main .item .set-detail-cycle select#recurringOption {
				width: 180px;
				margin-right: 16px;
				float: left;
				font-size: 12px;
				color: #858585;
			}


		.recurring-options-main .item .radio {
			background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/rec-radio.png") no-repeat;
			cursor: pointer;
			position: absolute;
			width: 16px;
			height: 16px;
			left: 0;
			top: 2px;
		}

			.recurring-options-main .item .radio.checked {
				background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/rec-radio-checked.png") no-repeat;
			}











.reccuring-option-check-main {
	padding-left: 25px;
	position: relative;
	z-index: 1;
	float: left;
	width: 100%;
}

	.reccuring-option-check-main i {
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/rec-radio.png") left center no-repeat;
		cursor: pointer;
		position: absolute;
		width: 16px;
		height: 16px;
		top: 50%;
		left: 0;
		margin-top: -10px;
	}

		.reccuring-option-check-main i.checked {
			background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/rec-radio-checked.png") left center no-repeat;
		}

.rec-detail-description {
	font-size: 10px;
	line-height: 12px;
}

	.rec-detail-description > span {
		font-size: 10px;
	}

	.rec-detail-description a {
		font-weight: bold;
	}

	.rec-detail-description strong {
		display: block;
	}



.pva-outofstock-wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pva-outofstock-wrapper,
.pva-thnx-wrapper,
.pva-notlogin-wrapper,
.pva-terminated-wrapper {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	text-align: center;
	display: none;
	z-index: 2;
}

#pva-outofstock-content,
.pva-thnx-content,
.pva-notlogin-content,
.pva-terminated-content {
	padding: 15px;
	background: #fff;
	border: 1px solid #e8e8e8;
	-ms-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
}

.pva-os-name,
.terminated-product-name {
	font-weight: bold;
}

.pva-thnx-content,
.pva-notlogin-content,
.pva-terminated-content {
	padding: 15px 40px;
	position: relative;
}

	.pva-thnx-content p,
	.pva-notlogin-content p,
	.pva-terminated-content p {
		font-size: 12px;
		margin: 10px 0;
		line-height: 16px;
	}

	.pva-thnx-content h4,
	.pva-notlogin-content h4,
	.pva-terminated-content h4 {
		font-size: 16px;
		margin: 0;
		padding-bottom: 5px;
		border-bottom: 1px solid #ededed;
		margin-bottom: 5px;
	}

.pva-redirect-login {
	background: #003a75;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 0;
}

.pva-outofstock-wrapper #pva-outofstock-content {
	text-align: left;
	position: relative;
}

.pva-os-head {
	border: 5px solid #ebebeb;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	color: #333;
	line-height: normal;
	margin: 0;
	padding: 10px 15px 10px 35px;
	position: relative;
	font-weight: normal;
	max-width: 300px;
	text-align: center;
}

	.pva-os-head i {
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/outofstock-warning.png") center center no-repeat;
		position: absolute;
		width: 26px;
		height: 26px;
		top: 50%;
		margin-top: -13px;
		left: 10px;
		-ms-background-size: 20px;
		background-size: 20px;
	}


.pva-os-desc {
	font-size: 12px;
	color: #333;
	margin: 10px 0;
	text-align: center;
	line-height: 16px;
}

.pva-os-itemrow {
	text-align: center;
	margin-bottom: 50px;
}

	.pva-os-itemrow.flex-container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.pva-os-itemrow a {
		display: inline-block;
		text-align: center;
		color: #3f3f3f;
		border: 2px solid #efefef;
		padding: 6px 10px;
		position: relative;
		max-width: 115px;
	}

		.pva-os-itemrow a.aro-nu {
			display: inline-block;
			padding: 16px 1px 0 1px;
			border: none;
			text-align: left;
			width: 100%;
			margin-top: 15px;
		}

			.pva-os-itemrow a.aro-nu:before {
				bottom: 0;
				left: 120px;
				border: none;
			}

			.pva-os-itemrow a.aro-nu strong {
			}

			.pva-os-itemrow a.aro-nu span {
				position: relative;
				margin-left: 24px;
				width: 85px;
				margin-top: -13px;
			}

				.pva-os-itemrow a.aro-nu span.variant-title {
					width: 228%;
					display: inline-block;
					text-align: center;
					font-size: 10px;
				}

				.pva-os-itemrow a.aro-nu span.multi {
					width: 100%;
					text-align: left;
				}

				/*    display: inline-block;
    position: relative;
    left: 202px;*/
				.pva-os-itemrow a.aro-nu span.action-label-update,
				.pva-os-itemrow a.aro-nu span.action-label-quit,
				.pva-os-itemrow a.aro-nu span.action-label-notify {
					border: 1px solid #113a75;
					width: 145px;
					position: absolute;
					text-align: center;
					font-size: 9px;
					margin-top: -20px;
					background: #003a75;
					color: #fff;
					left: 100%;
					padding: 7px;
					border-radius: 3px;
				}

					.pva-os-itemrow a.aro-nu span.action-label-notify:hover {
						background: #0867c7;
					}

			.pva-os-itemrow a.aro-nu.selected:before {
				background: none;
				border: 0 none;
			}

			.pva-os-itemrow a.aro-nu span.action-label-quit {
				display: none;
			}

			.pva-os-itemrow a.aro-nu.selected span.action-label-quit {
				display: inline-block;
				background-color: #e2e2e2;
				color: #FFF;
				display: inline-block;
				background-color: #1d78d6;
				box-sizing: border-box;
				border: 1px #003a75 solid;
			}

				.pva-os-itemrow a.aro-nu.selected span.action-label-quit:hover {
					background-color: #2588ef;
					color: #f9f190;
				}

			.pva-os-itemrow a.aro-nu span.action-label-notify {
				display: inline-block;
			}

			.pva-os-itemrow a.aro-nu.selected span.action-label-notify {
				display: none;
			}

			.pva-os-itemrow a.aro-nu + a.aro-nu {
				margin-left: 0;
			}

			.pva-os-itemrow a.aro-nu strong,
			.pva-os-itemrow a.aro-nu span {
				display: inline-block;
			}

		.pva-os-itemrow a:before {
			position: absolute;
			bottom: -20px;
			left: 50%;
			width: 10px;
			height: 10px;
			border: 2px solid #ababab;
			content: "";
			margin-left: -7px;
		}

		.pva-os-itemrow a.selected:before {
			display: none;
			border-color: #00a454;
			background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/aroma-tick.png) center center no-repeat;
		}

		.pva-os-itemrow a.selected {
			color: #3f3f3f;
			text-decoration: none;
		}

		.pva-os-itemrow a strong {
			display: block;
			width: 18px;
			height: 18px;
			margin: 0 auto;
			-ms-border-radius: 50%;
			border-radius: 50%;
		}

		.pva-os-itemrow a span {
			display: block;
			font-size: 8px;
			line-height: 11px;
		}

		.pva-os-itemrow a + a {
			margin-left: 4px;
		}

		.pva-os-itemrow a em {
			font-style: normal;
			font-size: 13px;
			font-weight: 600;
			line-height: 15px;
			display: inline-block;
			margin-top: -15px;
		}

			.pva-os-itemrow a em.gear-product {
				/*padding-top: 10px;*/
			}

			.pva-os-itemrow a em.gear-product {
				/*padding-top: 10px;*/
			}


	.pva-os-itemrow + .pva-os-itemrow {
		margin-top: 13px;
	}

.pva-button {
	display: block;
	width: 100%;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.pva-os-buttons {
	margin-top: 10px;
}

.pva-button + .pva-button {
	margin-top: 2px;
}

.pva-os-notify,
.pva-os-notnotify {
	font-size: 14px;
	color: #fff;
	background: #003a75;
	border: 2px solid #efefef;
	padding: 7px 0;
	font-weight: bold;
}

.pva-os-notnotify {
	background: #ed4500;
	display: none;
	color: #fff;
}

.pva-os-notify:hover {
	background: #03488c;
}

.pva-os-notnotify:hover {
	background: #de4709;
}


.pva-os-notify i {
	display: inline-block;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/notify.png) center center no-repeat;
	width: 27px;
	height: 26px;
	margin-right: 5px;
	position: relative;
	margin-top: -10px;
	top: 6px;
	-ms-background-size: 22px;
	background-size: 22px;
}

.pva-os-not-notify {
	border: 2px solid #b7b7b7;
	background: #ebebeb;
	font-size: 10px;
	color: #333;
	padding: 1px 0;
	font-weight: bold;
}

.pva-close-button {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	color: #9a9a9a;
}

	.pva-close-button:hover {
		text-decoration: none;
		color: #000;
	}

	.pva-close-button:before {
		content: "X";
		font-size: 12px;
		width: 16px;
		height: 16px;
		display: block;
		text-align: center;
		line-height: 16px;
		font-weight: bold;
	}

.general-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,.1);
	z-index: 4;
	display: none;
}

.ordermessage-content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -160px;
	margin-top: -80px;
	background: #fff;
	padding: 30px;
	font-weight: bold;
	color: #6f6464;
}

.remove-cohice-button {
	border: none;
	background: none;
	font-size: 12px;
	font-family: arial;
	outline: none;
	position: relative;
	padding-left: 18px;
}

	.remove-cohice-button:before {
		border: 2px solid #ababab;
		background: #fff;
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		top: 50%;
		left: 0;
		margin-top: -7px;
	}

	.remove-cohice-button.checked:before {
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/aroma-tick.png) center center no-repeat;
		border-color: #00a454;
	}

.remove-all-choice {
	margin-top: 15px;
}

/*ExpectedDateTime*/
.expectedDateTime ul {
	list-style: none;
	margin: 15px 0;
}

	.expectedDateTime ul li {
		font-size: 12px;
	}

.expectedDateTime .expected-variant {
	font-size: 14px;
}
/*ExpectedDateTime end */


.required-text {
	font-size: 14px;
	color: #adadad;
	font-style: italic;
}

.general-address-form .control-group.has-error input.form-control:focus,
.general-address-form .control-group.has-error textarea.form-control:focus,
.general-address-form .control-group.has-error select.form-control:focus,
.control-group.has-error input.form-control:focus,
.control-group.has-error select.form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
	-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.general-address-form .control-group.has-error input.form-control,
.general-address-form .control-group.has-error textarea.form-control,
.general-address-form .control-group.has-error select.form-control,
.control-group.has-error input.form-control,
.control-group.has-error select.form-control {
	border-color: #843534;
}


/*Custom checkbox*/

.merge-address-label {
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/checkbox_no.png) left 3px no-repeat;
}

	.merge-address-label.checked {
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 3px no-repeat;
	}

.order-cancel-wrapper .pending-line .merge-address-label:before {
	top: -8px;
	left: 6px;
	width: 1px !important;
	height: 1px !important;
	opacity: 0.001 !important;
}

.SendEMail,
.SendSms,
.cancelMembership,
.AcceptRegistrationRules {
	cursor: pointer;
}

.category-products .compare-buttons input[type=checkbox],
input[type=checkbox]#SaveOcpCreditCard,
input[type=checkbox]#UserHasRequested3D,
input[type=checkbox]#UserHasRequested3DSavedCardArea,
/*input[type=checkbox]#SendSms,*/
/*input[type=checkbox]#SendEMail,*/
/*input[type=checkbox]#AcceptRegistrationRules,*/
input[type=checkbox]#cancelMembership,
input[type=checkbox]#saveCard {
	display: none;
}

.my-info input {
	display: none;
}


.category-products .compare-buttons span {
	position: relative;
	padding-left: 19px;
	margin-left: 10px;
	display: block;
	font-size: 10px;
}

input[type=checkbox]#SaveOcpCreditCard + span,
input[type=checkbox]#UserHasRequested3D + span,
input[type=checkbox]#cancelMembership + span,
input[type=checkbox]#SendSms + input + span,
input[type=checkbox]#SendEMail + input + span,
input[type=checkbox]#AcceptRegistrationRules + input + span,
.icon-customcheckbox {
	width: 14px;
	height: 14px;
	border: 1px solid #e7e7e7;
	float: left;
	margin-top: 2px;
	margin-right: 4px;
}

	input[type=checkbox]#SaveOcpCreditCard:checked + span,
	input[type=checkbox]#UserHasRequested3D:checked + span,
	input[type=checkbox]#cancelMembership:checked + span,
	input[type=checkbox]#SendSms:checked + input + span,
	input[type=checkbox]#SendEMail:checked + input + span,
	input[type=checkbox]#AcceptRegistrationRules:checked + input + span,
	.icon-customcheckbox.checked {
		border: 1px solid #0057a4;
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #0057a4;
		-ms-background-size: 16px;
		background-size: 16px;
	}


.category-products .compare-buttons span:before,
.merge-address-label:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 0;
	width: 12px;
	height: 12px;
	border: 1px solid #e7e7e7;
}

.category-products .compare-buttons input[type=checkbox]:checked + span:before,
.merge-address-label.checked:before {
	border: 1px solid #0057a4;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #0057a4;
	-ms-background-size: 14px;
	background-size: 14px;
}
/*Custom checkbox end*/
/*backinstock subscription grid*/
.deleteselectedbissbutton {
	color: #fff;
	background-color: #033e7b;
	font-size: 12px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 11px 20px;
	border: 1px solid #033e7b;
	border-color: #033e7b;
	-ms-text-shadow: none;
	text-shadow: none;
	background-image: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	font-weight: bold;
	margin-top: 30px;
}

.backinstock-subscriptions-grid,
.backinstock-subscriptions-grid table {
	vertical-align: middle;
	margin-bottom: 0;
}

	.backinstock-subscriptions-grid table td {
		padding: 0;
	}

	.backinstock-subscriptions-grid td {
		vertical-align: middle;
	}

		.backinstock-subscriptions-grid td td {
			text-align: center;
		}

	.backinstock-subscriptions-grid a {
		vertical-align: middle;
		font-weight: bold;
		color: #034386;
	}

.biss-remove {
	display: inline-block;
	padding: 8px;
	padding-right: 29px;
	position: relative;
}

	.biss-remove:before {
		content: "x";
		position: absolute;
		top: 50%;
		right: 3px;
		width: 20px;
		height: 20px;
		font-size: 15px;
		line-height: 18px;
		border: 1px solid #e7e7e7;
		text-align: center;
		color: #ff0000;
		-ms-border-radius: 50%;
		border-radius: 50%;
		display: block;
		background: #fff;
		margin-top: -11px;
	}
/*backinstock subscription grid end*/

.quantity-select, .gift-select select {
	color: #858585;
	font-size: 12px;
	font-family: arial;
	border: 1px solid #ccc;
	width: 152px;
}

.comparisonList {
	padding: 15px;
	padding-top: 0;
}

label.payment-checkbox.readonly {
	padding-left: 18px;
}

/*navigation brand*/

.nav-brand-wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nav-brand-wrapper {
	background: #fff;
	padding: 22px;
	/*-ms-border-radius: 0 0 10px 10px;
     border-radius: 0 0 10px 10px;*/
	border-bottom: 5px solid #0d6981;
	border-top: none;
	position: relative;
}

.nav-brand-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: none;
	text-align: center;
	background: rgba(255,255,255,.7);
}

.brand-alp-list {
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
}

	.brand-alp-list a {
		float: left;
		font-size: 20px;
		color: #03abcf;
		text-decoration: none;
		font-weight: bold;
		padding-left: 0;
		padding-right: 10px;
		border: 2px solid #fff;
		line-height: 32px;
	}

		.brand-alp-list a + a {
			padding-left: 10px;
			padding-right: 10px;
		}

	.brand-alp-list .nav-allbrand-link {
		float: right;
		font-size: 16px;
		border: 3px solid #03abcf;
		padding: 5px 10px;
		margin-top: 0;
		width: auto;
		line-height: normal;
	}

		.brand-alp-list .nav-allbrand-link:hover {
			font-size: 16px;
			border: 3px solid #03abcf;
			color: #03abcf;
		}

	.brand-alp-list a.active {
		color: #036dd3;
		border: 2px solid #036dd3;
	}


.nav-featured-brands-list {
	margin: 0;
	list-style: none;
}


	.nav-featured-brands-list a {
		font-size: 14px;
		color: #333;
		display: block;
		padding: 2px 0;
	}

	.nav-featured-brands-list li + li a {
		border-top: 1px solid #e6e6e6;
	}

	.nav-featured-brands-list li.active a {
		font-weight: bold;
		color: #0370d7;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/menu-arrow-right.png") right center no-repeat;
	}

	.nav-featured-brands-list .navm-allbrand a.nav-allbrand-link {
		color: #03abcf;
		font-weight: bold;
		text-decoration: underline;
	}

.nav-featured-title {
	font-size: 18px;
	line-height: normal;
	margin: 0;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
}

.nav-featured-products {
	min-height: 340px;
}

	.nav-featured-products .row,
	.nav-featured-products .col-lg-3 {
		margin: 0;
		padding: 0;
	}

		.nav-featured-products .col-lg-3 + .col-lg-3,
		.nav-featured-products .col-lg-4 + .col-lg-4,
		.nav-featured-products .col-lg-6 + .col-lg-6 {
			border-left: 1px solid #e6e6e6;
		}

	.nav-featured-products .product {
		width: 100%;
		border: none;
	}

		.nav-featured-products .product:hover {
			border-bottom: none;
		}

.nav-brand-products,
.nav-brand-subcategories {
	display: none;
}

.nav-brand-products {
	border: 1px solid #e6e6e6;
}

	.nav-brand-products.active,
	.nav-brand-subcategories.active {
		display: block;
	}

.nav-brand-subcategories .brands-link {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	cursor: pointer;
}

	.nav-brand-subcategories .brands-link:hover {
		text-decoration: none;
	}


	.nav-brand-subcategories .brands-link.title-border {
		min-width: 180px;
		border-bottom: 1px solid #979797;
		padding-bottom: 7px;
	}

.nav-brand-subcategories a {
	color: #333;
	cursor: pointer;
}

	.nav-brand-subcategories a:hover {
		color: #333;
		text-decoration: none;
	}

.nav-brand-subcategories h3 {
	color: #036ed3;
	margin: 0;
	font-size: 30px;
	line-height: 23px;
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 15px;
}

.nav-brand-subcategories {
	border: 1px solid #d7d7d7;
	padding: 30px;
	min-height: 340px;
}

	.nav-brand-subcategories .brand-row {
		padding: 10px 0;
	}

		.nav-brand-subcategories .brand-row + .brand-row {
			margin-top: 0;
		}

#navAllBrands {
	display: none;
}

.navm-allbrand .nav-allbrand-link {
	display: none;
}

@media (max-width: 1199px) {
	.brand-alp-list .nav-allbrand-link {
		display: none;
	}

	.navm-allbrand .nav-allbrand-link {
		display: block;
	}
}

/*navigation brand end*/
/*preorder*/
.preorder-item {
	-ms-opacity: 1 !important;
	opacity: 1 !important;
}

	.preorder-item:hover .preorder-tooltip,
	.preorder-item.selected .preorder-tooltip {
		display: block;
	}

.pvaColor.preorder-item .aroma-image {
	position: relative;
}

.pvaColor.preorder-item:hover .aroma-image,
.pvaColor.preorder-item.selected .aroma-image {
	position: relative;
	border-color: #fff;
}

	.pvaColor.preorder-item .aroma-image:after,
	.pvaColor.preorder-item.selected .aroma-image:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/preorder-icon-2.png") center center no-repeat;
		top: 0;
		right: 0;
		-ms-background-size: cover;
		background-size: cover;
	}

	.pvaColor.preorder-item.selected .aroma-image:after {
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/preorder-tick-2.png) center center no-repeat;
		-ms-background-size: cover;
		background-size: cover;
	}

.pvaColor.preorder-item .aroma-image:before {
	content: "Ön Sipariş";
	position: absolute;
	width: 44px;
	background: #1482e2;
	color: #fff;
	padding: 0 5px;
	border-radius: 11px;
	font-size: 10px;
	z-index: 2;
	left: -13px;
	top: -17px;
	line-height: 15px;
	letter-spacing: -1px;
}

.supp-mini-logo {
	display: block;
	height: 17px;
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/supp-mini-logo.png") center center no-repeat;
}

#addPreOrder,
.preorder-added-cart {
	display: none;
}

	.preorder-added-cart img,
	.preorder-product img {
		height: 24px;
	}

.preorder-product {
	margin-top: 5px;
	display: inline-block;
}

.order-summary-small .preorder-product {
	bottom: 10px;
	right: 5px;
	position: absolute;
}

.special-product-campaign {
	display: inline-block;
	margin-right: 15px;
}

	.special-product-campaign > p {
		display: flex;
		flex-direction: column;
	}

.payment-preorder-info {
	border-width: 1px;
	border-color: #a9a9a9;
	border-style: dashed;
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/preorder-payment-info.png) left center no-repeat;
	padding-left: 58px;
	background-position: 16px;
}

	.payment-preorder-info p {
		margin: 0;
		padding: 9px 0;
		font-size: 12px;
		color: #747579;
	}

.completed-preorder {
	border: 2px solid #0076ff;
	-ms-border-radius: 5px;
	border-radius: 5px;
	color: #0076ff;
	font-size: 14px;
	padding: 10px 0;
}

	.completed-preorder a {
		text-decoration: underline;
		color: #0076ff;
	}

	.completed-preorder i {
		display: inline-block;
		width: 58px;
		height: 30px;
		background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/supp-mini-logo-mid.png) center center no-repeat;
		-ms-background-size: cover;
		background-size: cover;
		margin-bottom: -10px;
		margin-top: -7px;
		margin-right: 9px;
	}

.completed-table .preorder-product {
	margin: 0;
}

@media (max-width: 1199px) {
	.preorder-tooltip {
		top: -20px;
		right: -135px;
	}

	.payment-preorder-info {
		background-position: 6px 5px;
		-ms-background-size: 20px;
		background-size: 20px;
		padding-left: 32px;
	}

		.payment-preorder-info p {
			padding: 6px 0;
			font-size: 10px;
		}
}
/*preorder end*/
.controls.secureRequired {
	position: relative;
}

	.controls.secureRequired:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 999;
		cursor: pointer;
	}



/* CUSTOM DROPDOWN */

/*.custom-recurring-select .recurring-options {
     -webkit-appearance: none;
     -moz-appearance: none;
 }*/

/* CUSTOM DROPDOWN */
.recurring-order-topic {
	text-align: center;
}

	.recurring-order-topic h1 {
		font-size: 30px;
		color: #0f3969;
		margin-top: 50px;
	}

	.recurring-order-topic h2 {
		font-size: 30px;
		color: green;
		margin-top: 50px;
	}

	.recurring-order-topic p {
		font-size: 14px;
		color: #333;
		padding: 0 60px;
	}

	.recurring-order-topic img {
		width: 100%;
	}


.no-orders {
	clear: both;
}

	.no-orders h3 {
		font-size: 14px;
		font-weight: normal;
		line-height: normal;
	}

.noScriptImageHolder {
	clear: both;
	text-align: center;
	margin-top: 5px;
}

/* google chrome image resize blur problem */
img {
	image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
}



/* LOYALTY PAGE FONT STYLE */

@font-face {
	font-display: swap;
	font-family: 'jaf-facitweb';
	src: url('https://supplementler.mncdn.com/themes/mobile/supplementler/content/fonts/Facit-Regular.eot');
	src: local('☺'), url('https://supplementler.mncdn.com/themes/mobile/supplementler/content/fonts/Facit-Regular.woff') format('woff'), url('https://supplementler.mncdn.com/themes/mobile/supplementler/content/fonts/Facit-Regular.ttf') format('truetype'), url('https://supplementler.mncdn.com/themes/mobile/supplementler/content/fonts/Facit-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: normal;
	src: url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.svg') format('svg');
}

@font-face {
	font-family: 'Open Sans';
	font-weight: 500;
	font-style: normal;
	src: url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.svg') format('svg');
}

@font-face {
	font-family: 'Open Sans';
	font-weight: 600;
	font-style: normal;
	src: url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.svg') format('svg');
}

@font-face {
	font-family: 'Open Sans';
	font-weight: 700;
	font-style: normal;
	src: url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.svg') format('svg');
}

@font-face {
	font-family: 'Open Sans';
	font-weight: 800;
	font-style: normal;
	src: url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.svg') format('svg');
}



.dyn-landing {
	clear: both;
}

	.dyn-landing .lp-banner {
	}

	.dyn-landing .lp-head {
	}

	.dyn-landing .lp-description {
		text-align: center;
		border-bottom: 1px solid #efefef;
	}

		.dyn-landing .lp-description p {
			margin: 0;
		}

	.dyn-landing .lp-product-showcase.weekly.center {
		margin: 0 auto;
	}

		.dyn-landing .lp-product-showcase.weekly.center .land-pbox {
		}




.agt-settings-main {
	clear: both;
	margin: 15px 0;
}

	.agt-settings-main .agt-line {
		clear: both;
		height: 50px;
	}

		.agt-settings-main .agt-line .item .selectArea {
			min-width: 171px;
		}

		.agt-settings-main .agt-line .item.radio-area {
			font-size: 15px;
		}

			.agt-settings-main .agt-line .item.radio-area label {
				font-size: 14px;
				cursor: pointer;
				color: #5a5a5a;
			}

		.agt-settings-main .agt-line#radioButtonAgtArea label {
			padding-left: 20px;
		}

		.agt-settings-main .agt-line .item.radio-area {
			position: relative;
			padding-left: 0;
		}

			.agt-settings-main .agt-line .item.radio-area input {
				position: absolute;
				left: 0;
				top: 4px;
			}

		.agt-settings-main .agt-line .item > div {
			float: left;
			margin-right: 10px;
		}

			.agt-settings-main .agt-line .item > div:last-child {
				margin-right: 0;
			}

	.agt-settings-main .select-shipping {
		margin-bottom: 0;
	}


.order-summar-bottom-area {
	clear: both;
	padding: 0 20px;
	margin: 30px 0;
}

	.order-summar-bottom-area .col-lg-8 {
		padding-left: 0;
	}

	.order-summar-bottom-area .col-lg-4 {
		padding-right: 0;
	}


	.order-summar-bottom-area .summary-gift-container {
		padding-left: 0;
	}

	.order-summar-bottom-area .cart-collaterals {
		margin-bottom: 0;
	}

		.order-summar-bottom-area .cart-collaterals .coupon-box {
			margin-bottom: 15px !important;
		}


			.order-summar-bottom-area .cart-collaterals .coupon-box input[type="submit"].applycouponcodebutton {
				margin-left: 20px;
				padding: 10px 5px;
			}

.address-form .clientErrorMessage {
	clear: both;
	padding: 5px;
	color: red;
	display: block;
}


.blog-container {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}

	.blog-container .brand-logo {
		width: 100%;
		margin: 0 0 20px 0;
		text-align: center;
		padding: 20px 0;
		border-bottom: 1px solid #e8e8e8;
	}

		.blog-container .brand-logo img {
			width: 200px;
			height: auto;
		}

	.blog-container .item {
		width: 50%;
		float: left;
		border-bottom: 1px solid #e8e8e8;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

		.blog-container .item h2 {
			margin: 0;
			padding: 0;
			color: #013879;
			font-size: 20px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			padding-right: 20px;
		}

		.blog-container .item .info-line {
			clear: both;
			margin: 5px 0 10px 0;
		}

			.blog-container .item .info-line span {
				display: inline-block;
				font-size: 11px;
				color: #c3c3c3;
				padding-right: 10px;
				margin-right: 10px;
				border-right: 1px solid #d4d4d4;
			}

				.blog-container .item .info-line span:last-child {
					border-right: none;
					padding: 0;
					margin: 0;
				}

		.blog-container .item .detail-area {
			clear: both;
		}

			.blog-container .item .detail-area .picture {
				width: 232px;
				height: 180px;
				display: block;
				float: left;
				margin-right: 15px;
			}

				.blog-container .item .detail-area .picture img {
					border: 1px solid #ebebeb;
					width: 232px;
					height: auto;
				}

			.blog-container .item .detail-area .text {
				float: left;
				width: 46%;
			}

				.blog-container .item .detail-area .text p {
					height: 120px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: normal;
				}

				.blog-container .item .detail-area .text .more {
					background: #003a7a;
					font-size: 12px;
					color: #ffffff;
					padding: 5px 10px;
					margin-top: 5px;
					display: inline-block;
				}


/* COMPARE PRODUCT REFACTOR */

.comparisonList .well {
	padding: 10px 15px !important;
}

.compare-products-table .table-condensed th, .table-condensed td {
	padding: 8px;
}

.comparisonList .page-title {
	border-bottom: 1px solid #DDD;
	margin-top: 0;
	font: bold 22px arial;
	color: #5495ed;
	padding: 13px 0;
}

.comparisonList .noBrder {
	border-top: 0;
}

.comparisonList .no-bg {
	background: transparent !important;
}

.lp-product-showcase.centered {
	display: flex;
}

	.lp-product-showcase.centered .land-pbox {
		flex: 1;
		display: flex;
		justify-content: center;
	}

.inv_content .page-title {
	padding-left: 10px;
	margin-top: 10px;
	padding: 5px;
}

/* Utilities */
ul.plain,
ol.plain {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.no-margin {
	margin: 0;
}

/* Mobile applications styles */
.mobile-apps-container {
	padding: 50px 35px;
}

	.mobile-apps-container h1 {
		font-size: 26px;
		font-weight: 500;
		color: #000000;
		text-align: center;
		margin: 0;
		line-height: 40px;
		margin-bottom: 15px;
	}

	.mobile-apps-container h3 {
		font-size: 18px;
		font-weight: normal;
		margin: 0;
		color: #000000;
		text-align: center;
		line-height: 25px;
	}

.app-images {
	margin-top: 40px !important;
	text-align: center;
}

	.app-images > li,
	.app-buttons > li {
		width: 49%;
	}

	.app-images > li,
	.app-buttons > li,
	.app-images img {
		display: inline-block;
	}

	.app-images img {
		max-width: 100%;
		width: 100%;
	}

.app-images,
.app-buttons {
	text-align: center;
}

	.app-buttons > li:not(:first-child) {
		margin-top: 15px;
	}

	.app-buttons > li div {
		font-size: 26px;
		color: #000000;
		margin-bottom: 25px;
	}

	.app-buttons > li a {
		display: inline-block;
	}

@media (max-width: 320px) {
	.mobile-apps-container h1 {
		font-size: 23px;
		line-height: 35px;
	}

	.mobile-apps-container h3 {
		font-size: 17px;
	}
}

/* Payment Help Steps */
.payment-help-heading {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-top: 45px;
}

.payment-help-steps {
	display: block;
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 60px;
	position: relative;
}

	.payment-help-steps > li {
		display: inline-block;
		width: calc(33.33333333% - 40px);
		width: -webkit-calc(33.33333333% - 40px);
		position: relative;
		vertical-align: top;
	}

		.payment-help-steps > li:not(:last-child) {
			margin-right: 30px;
		}

		.payment-help-steps > li:not(:first-child) {
			margin-left: 26px;
		}

		.payment-help-steps > li .circle {
			display: inline-block;
			width: 62px;
			height: 62px;
			color: #000000;
			font-size: 27px;
			font-weight: bold;
			border-radius: 50%;
			text-align: center;
			line-height: 60px;
			top: -31px;
			left: 0;
			right: 0;
			margin-left: auto;
			margin-right: auto;
			position: absolute;
			background-color: #ffffff;
		}

		.payment-help-steps > li .text {
			font-size: 16px;
			font-weight: bold;
			color: #000000;
			padding: 30px 13px;
			padding-top: 45px;
			text-align: center;
			min-height: 211px;
		}

			.payment-help-steps > li .text img {
				height: 64px;
				clear: both;
				display: block;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 8px;
			}

		.payment-help-steps > li.two:before {
			left: -40px;
		}

		.payment-help-steps > li.two:after {
			right: -40px;
		}

		.payment-help-steps > li.two:before,
		.payment-help-steps > li.two:after {
			content: '';
			position: absolute;
			top: calc(50% - 20px);
			top: -webkit-calc(50% - 20px);
			width: 24px;
			height: 28px;
			background-image: url('https://supplementler.mncdn.com/themes/Supplementler/Content/images/payment-help-icons/arrow.svg');
			background-repeat: no-repeat;
			background-position: top center;
			background-size: 46px 42px;
		}

@media (max-width: 1199px) {
	.payment-help-steps > li .text {
		font-size: 14px;
	}
}

/* Stores */
.lds-dual-ring {
	display: inline-block;
	width: 24px;
	height: 24px;
}

	.lds-dual-ring:after {
		content: " ";
		display: block;
		width: 18px;
		height: 18px;
		margin: 1px;
		border-radius: 50%;
		border: 2px solid #333333;
		border-color: #333333 transparent #333333 transparent;
		animation: lds-dual-ring 1.2s linear infinite;
	}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.centralized {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.stores-container {
	max-width: 993px;
	margin-top: 20px;
	margin-bottom: 20px;
}

	.stores-container > h1 {
		font-family: "Nunito Sans", sans-serif;
		font-size: 32px;
		font-weight: bold;
		color: #000;
		margin-top: 0;
		text-align: center;
	}

	.stores-container > h2 {
		font-size: 20px;
		font-weight: bold;
		color: #6e6e6e;
		margin: 15px 0;
	}

	.stores-container > .stores-desc {
		text-align: center;
		font-size: 14px;
		max-width: 570px;
	}

.stores {
	margin-top: 30px;
	margin-bottom: 10px;
}

	.stores .store {
		padding: 20px;
	}

.storeBg {
	background-color: #f0f0f0;
}

.store-form {
	padding: 20px;
	padding-top: 35px;
	margin-bottom: 12px;
	position: relative;
	display: flex;
	align-items: center;
}

	.store-form:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 300px;
		height: 1px;
		background-color: #d9d9d9;
	}

.stores .store + .store {
	margin-top: 25px;
}

.store-form .form-control {
	border: 1px solid #000;
	background-color: transparent;
	padding: 12px 14px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: auto;
}

.store-map {
	margin-top: 20px;
	border-top: 1px dotted #cccccc;
	padding-top: 20px;
	height: 421px;
}

	.store-map > div {
		height: 400px;
	}

.store-form .form-group .lds-dual-ring {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 24px;
}

.store-form .form-group + .form-group {
	margin-top: 10px;
}

.btn-search-store {
	border: 0;
	box-shadow: none;
	text-shadow: none;
	color: #ffffff;
	font-size: 18px;
	padding: 12px 0;
	border-radius: 0;
	transition: all 200ms;
}

	.btn-search-store:hover {
		color: #ffffff;
	}

.btn-show-in-map {
	border-radius: 0;
	background: #f8f8f8;
	transition: all 200ms;
	color: #000;
}

.open-maps {
	margin-top: 12px;
	margin-bottom: 30px;
}

	.open-maps .btn:hover {
		background-color: #fd830c;
		color: #fff;
		text-shadow: #333 0 0 1px;
	}

.store-search .search-result {
	margin-top: 20px;
}

	.store-search .search-result .group + .group {
		margin-top: 12px;
	}

	.store-search .search-result .group .label {
		margin: 0;
		padding: 0;
		margin-bottom: 6px;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		background-color: transparent;
		text-shadow: none;
		display: block;
	}

.stores-container .stores .store-name {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 25px;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.15);*/
}

.stores-container .stores .owl-wrapper {
	text-align: center;
}

.store-images .owl-next,
.store-images .owl-prev {
	background-repeat: no-repeat;
	background-size: 34px 60px;
	width: 34px;
	height: 60px;
}

.store-images .owl-prev {
	background-image: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrow-left.svg');
	left: 12px;
}

.store-images .owl-next {
	background-image: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrow-right.svg');
	right: 12px;
}

.store-images .owl-buttons {
	top: 49%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	position: absolute;
}

.store-images .owl-item.loading {
	min-height: 300px;
}

/* OwlCarousel paginator styles */
.pagination-active .owl-pagination {
	text-align: center;
	margin-top: 18px;
}

.pagination-active .owl-controls .owl-page {
	width: 14px;
	height: 14px;
	background: #ebebeb;
	display: inline-block;
	border-radius: 50%;
}

	.pagination-active .owl-controls .owl-page:not(:last-child) {
		margin-right: 4px;
	}

/* OwlCarousel navigation styles */
.nav-top-right .owl-buttons {
	position: absolute;
	top: -30px;
	right: 8px;
}

	.nav-top-right .owl-buttons .owl-prev,
	.nav-top-right .owl-buttons .owl-next {
		background-size: 10px;
		left: 0;
		right: 0;
		position: relative;
		top: 0;
		display: inline-block;
		margin-top: 0;
		background-color: #f8f8f8;
		border-radius: 2px;
		width: 33px;
		height: 33px;
		transition: all 200ms;
	}

		.nav-top-right .owl-buttons .owl-prev:hover,
		.nav-top-right .owl-buttons .owl-next:hover {
			background-color: #eeeeee;
		}

	.nav-top-right .owl-buttons .owl-prev {
		margin-right: 2px;
	}

.nav-top-right.knw-content-slider .owl-buttons {
	top: -38px;
	right: 12px;
}

/* bilgi bankasi custom styles */
.knw-box-content a,
.knw-box-content a:hover {
	text-decoration: none;
}

.knw-box-content a {
	display: block;
	width: 100%;
}

	.knw-box-content a h4 {
		display: block;
		width: 100%;
		line-height: 20px;
		font-size: 16px;
		font-family: "HelveticaNeueLTPro-Bd";
		font-weight: normal;
		color: #034384;
		display: block;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		min-height: 40px;
	}

.knw-slider-wrapper .item:hover a h4 {
	color: #ffffff;
}

.knowledge-content-row {
	margin-bottom: 0;
}

	.knowledge-content-row + .knowledge-content-row {
		margin-top: 60px;
	}

.knw-slider-wrapper .row .item {
	margin-bottom: 20px;
}

.knw-reco-wrapper {
	border-top: 1px dashed #ebebeb;
	border-bottom: 1px dashed #ebebeb;
	padding-bottom: 20px;
	padding-top: 10px;
}

	.knw-reco-wrapper .product,
	.kb-product-slider .product {
		border-top: none;
		border-bottom: none;
	}

	.knw-reco-wrapper .owl-buttons {
		top: -42px;
	}

.kb-products {
	margin-bottom: 20px;
}

	.kb-products .owl-buttons {
		top: -38px;
		right: 1px;
	}

.abWrapper.abcWrapper .path {
	padding-top: 7px;
	padding-bottom: 7px;
}

ol.path {
	font: normal 12px HelveticaNeueLTPro-Md;
}

	ol.path > li {
		padding: 8px 0;
		display: inline-block;
	}

.product-details-page ol.path {
	height: 29px;
	margin: 0;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.knowledge-container ol.path > li {
	padding: 2px 0;
}

.detail-thumb-slider {
	padding: 0 25px;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

	.detail-thumb-slider .thumb {
		border: 1px solid #ffffff;
		padding: 4px;
		border-radius: 4px;
	}

		.detail-thumb-slider .thumb.active {
			border: 1px solid #003770;
		}

		.detail-thumb-slider .thumb span {
			display: none;
		}

	.detail-thumb-slider .owl-next {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/thumb-right.svg");
		right: -7px;
	}

	.detail-thumb-slider .owl-prev {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/thumb-left.svg");
		left: -10px;
		transform: rotate(-180deg);
	}

	.detail-thumb-slider .owl-buttons > div {
		background-repeat: no-repeat;
		background-size: 11px 19px;
		top: 45%;
	}

/* events */
.etkinlik-banner {
	margin-top: -10px;
	margin-bottom: 60px;
}

	.etkinlik-banner img {
		max-width: 100%;
		width: 100%;
	}

.etkinlikler-wrapper {
	max-width: 1020px;
	margin: 0 auto;
	margin-bottom: 120px;
}

.etkinlikler {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	width: 100%;
	display: block;
}

	.etkinlikler li {
		display: inline-block;
		border: 1px solid #ebebeb;
		border-radius: 4px;
		margin-right: 20px;
		margin-bottom: 20px;
		box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);
		overflow: hidden;
		cursor: pointer;
	}

@media (min-width: 1200px) {
	.etkinlikler li:nth-child(3n) {
		margin-right: 0;
	}
}

@media (max-width: 1199px) {
	.etkinlikler li:nth-child(2n) {
		margin-right: 0;
	}
}

/* knowledge */
.knowledge-home .knowledge-search {
	padding: 0;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 50px;
	width: 100%;
	max-width: 660px;
	margin: 0 auto;
}

.knowledge-search > h1 {
	margin: 0;
	padding: 0;
	font-size: 36px;
	font-weight: bold;
	color: #003366;
	margin-bottom: 20px;
}

.knowledge-search > .sub-head {
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	font-size: 16px;
}

.knowledge-input {
	position: relative;
	margin-top: 39px;
	display: inline-block;
	max-width: 555px;
	width: 100%;
}

	.knowledge-input > input {
		border-radius: 5px;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
		background-color: #ffffff;
		border: 2px solid #e0e0e0;
		font-size: 22px;
		padding: 15px 24px;
		padding-left: 60px;
		padding-right: 120px;
		width: 100%;
		display: inline-block;
		height: auto;
		outline: 0 !important;
		line-height: normal;
	}

	.knowledge-input > button {
		position: absolute;
		top: 6px;
		right: 6px;
		padding: 14px 30px;
		font-size: 18px;
		font-weight: bold;
		color: #ffffff;
		box-shadow: none;
		text-shadow: none;
		background: none;
		border: none;
		background-color: #dc5226;
		border-radius: 4px;
	}

	.knowledge-input:before {
		content: "";
		position: absolute;
		left: 24px;
		top: 50%;
		transform: translateY(-50%);
		width: 22px;
		height: 22px;
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/knowledge-search.svg");
	}

.knowledge-reco {
	margin-top: 56px;
	padding: 0 50px;
	font-family: 'Open Sans', sans-serif;
}

	.knowledge-reco .reco-title {
		margin-bottom: 33px;
		font-size: 22px;
		font-weight: bold;
		color: #003366;
	}

	.knowledge-reco .reco-wrapper ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.knowledge-reco .reco-wrapper ul > li {
			border-radius: 4px;
			box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
			background-color: #ffffff;
			border: 1px solid rgba(192, 192, 192, 0.49);
			display: inline-block;
			vertical-align: top;
			width: calc(100% / 3 - 29px);
			width: -webkit-calc(100% / 3 - 29px);
			padding: 13px 19px;
			margin-right: 40px;
			margin-bottom: 32px;
			min-height: 159px;
		}

			.knowledge-reco .reco-wrapper ul > li:nth-child(3n) {
				margin-right: 0;
			}

			.knowledge-reco .reco-wrapper ul > li a {
				color: #464646;
			}

.reco-wrapper .article-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 15px;
	min-height: 96px;
	overflow: hidden;
}

.reco-wrapper .article-view,
.category-articles .article-view {
	font-size: 14px;
	color: #919191;
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/article-view.svg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

.knowledge-categories {
	margin-top: 50px;
}

	.knowledge-categories > ul {
		display: block;
		width: 100%;
		list-style-type: none;
		padding: 0 6px;
		margin: 0;
	}

		.knowledge-categories > ul > li {
			display: inline-block;
			margin-bottom: 60px;
			width: calc(100% / 3 - 3px);
			width: -webkit-calc(100% / 3 - 3px);
			padding-right: 44px;
			padding-left: 44px;
			position: relative;
			vertical-align: top;
		}

			.knowledge-categories > ul > li:not(:nth-child(3n)):not(:last-child):after {
				content: "";
				position: absolute;
				top: 72px;
				bottom: 0;
				right: 0;
				background-color: #ebebeb;
				width: 1px;
			}

			.knowledge-categories > ul > li .category-title {
				line-height: normal;
				padding: 0;
				font-size: 24px;
				font-weight: bold;
				color: #003366;
			}

			.knowledge-categories > ul > li .category-count {
				opacity: 0.74;
				font-size: 14px;
				color: #464646;
				margin-top: 5px;
			}

	.knowledge-categories ul.sub-categories {
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-top: 24px;
	}

		.knowledge-categories ul.sub-categories > li {
			display: block;
		}

			.knowledge-categories ul.sub-categories > li.all a {
				font-weight: bold;
				background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/knowledge-arrow-right.svg");
				background-repeat: no-repeat;
				background-position: right center;
				background-size: 22px;
			}

			.knowledge-categories ul.sub-categories > li a {
				font-size: 16px;
				color: #464646;
				padding: 19px 0;
				display: block;
				width: 100%;
				border-bottom: 1px solid #e1e1e1;
				line-height: 25px;
			}

			.knowledge-categories ul.sub-categories > li:first-child a {
				padding-top: 0;
			}

.knowledge-fittest {
	position: relative;
	margin: 0 50px;
	margin-bottom: 50px;
	background-color: #0f2854;
	color: #ffffff;
	text-align: center;
	z-index: 1;
	padding: 26px 0;
	padding-bottom: 40px;
	font-family: 'Open Sans', sans-serif;
	border-radius: 5px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

	.knowledge-fittest:before {
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/fittest-bg@3x.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		opacity: .2;
		z-index: -1;
	}

	.knowledge-fittest > h3 {
		font-size: 24px;
		font-weight: bold;
	}

	.knowledge-fittest > a,
	.sidebar-fittest > a {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
		border-radius: 5px;
		background-color: #5590fd;
		padding: 13px 22px;
		display: inline-block;
		margin-top: 18px;
		transition: all 150ms;
		text-decoration: none;
	}

		.knowledge-fittest > a:hover {
			text-decoration: none;
		}

	.knowledge-fittest > img {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 22px;
	}

.knowledge-category {
	padding: 35px 50px;
}

	.knowledge-category .category-body > h3 {
		margin: 0;
		font-size: 36px;
		font-weight: bold;
		color: #003366;
	}

	.knowledge-category .category-body > .count {
		margin-top: 5px;
		opacity: 0.74;
		font-size: 16px;
		color: #464646;
	}

.category-articles {
	margin-top: 50px;
}

	.category-articles ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.category-articles ul > li {
			border-radius: 5px;
			box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
			background-color: #ffffff;
			border: 1px solid rgba(192, 192, 192, 0.49);
			color: #464646;
		}

			.category-articles ul > li > a {
				padding: 29px 36px;
				display: block;
			}

			.category-articles ul > li + li {
				margin-top: 32px;
			}

			.category-articles ul > li .article-title {
				font-size: 22px;
				font-weight: bold;
				margin: 0;
				color: #464646;
			}

	.category-articles .article-view {
		margin-top: 10px;
	}

	.category-articles .article-content {
		margin-top: 19px;
		margin-bottom: 28px;
		font-size: 14px;
		line-height: 1.86;
		color: #464646;
	}

	.category-articles .article-read {
		font-size: 14px;
		font-weight: bold;
		padding: 13px 26px;
		border-radius: 5px;
		background-color: #dc5226;
		color: #ffffff;
		display: inline-block;
	}

.category-pagination {
	margin: 52px 0;
	text-align: center;
}

	.category-pagination > * {
		display: inline-block;
		border-radius: 5px;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
		background-color: #ffffff;
		border: 1px solid rgba(192, 192, 192, 0.49);
		padding: 9px 0;
		width: 38px;
		font-size: 16px;
		font-weight: bold;
		vertical-align: top;
		cursor: pointer;
	}

	.category-pagination > .page {
		color: #919191;
		text-decoration: none;
		margin-bottom: 12px;
	}

		.category-pagination > .page.active {
			color: #304f83;
			border-color: #304f83;
		}

	.category-pagination > .page-prev.disabled,
	.category-pagination > .page-next.disabled {
		pointer-events: none;
		opacity: .6;
	}

	.category-pagination > * + * {
		margin-left: 7px;
	}

	.category-pagination > * > img {
		display: inline-block;
		max-height: 20px;
	}

.knowledge-category {
	font-family: 'Open Sans', sans-serif;
}

	.knowledge-category .no-result {
		font-weight: bold;
		font-size: 22px;
	}

	.knowledge-category .category-body {
		padding-right: 50px;
	}

	.knowledge-category .category-sidebar {
		border-left: 1px solid #e6e6e6;
		padding: 0;
		padding-left: 27px;
	}

	.knowledge-category input.knowledge-search-category {
		border-radius: 5px;
		background-color: #ffffff;
		border: 1px solid rgba(0, 0, 0, 0.25);
		padding: 10px 15px;
		font-size: 14px;
		font-weight: normal;
		color: #464646;
		height: auto;
		width: 100%;
		box-shadow: none;
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/knowledge-search.svg");
		background-repeat: no-repeat;
		background-position: left 15px center;
		padding-left: 50px
	}

	.knowledge-category .knowledge-search {
		padding: 0;
		margin-bottom: 55px;
	}

		.knowledge-category .knowledge-categories-filter h4,
		.knowledge-category .knowledge-search h4 {
			font-family: inherit;
			font-size: 18px;
			font-weight: bold;
			color: #464646;
			padding-bottom: 20px;
		}

	.knowledge-category .knowledge-categories-filter {
		padding: 0;
	}

	.knowledge-category ul.sidebar-list {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

		.knowledge-category ul.sidebar-list > li {
			border-bottom: 1px solid #e1e1e1;
		}

			.knowledge-category ul.sidebar-list > li > a {
				display: block;
				color: #464646;
				padding: 18px 0;
				text-decoration: none;
				font-size: 15px;
				line-height: 1.5;
			}

			.knowledge-category ul.sidebar-list > li.has-icon > a {
				background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/knowledge-arrow-right.svg");
				background-repeat: no-repeat;
				background-position: right center;
				background-size: 18px;
				padding-right: 25px;
			}

	.knowledge-category .know-category-box {
		margin-top: 55px;
	}

.sidebar-fittest {
	position: relative;
	text-align: center;
	padding: 18px;
	color: #ffffff;
	z-index: 1;
	background-color: #0f2854;
	border-radius: 5px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
	border: 0;
	overflow: hidden;
	margin-top: 52px;
}

	.sidebar-fittest > a {
		font-size: 16px;
	}

	.sidebar-fittest > h3 {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
	}

	.sidebar-fittest:before {
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/fittest-bg@3x.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		opacity: .2;
		z-index: -1;
	}

	.sidebar-fittest > img {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 6px;
	}

.category-detail {
	padding-right: 50px;
}

	.category-detail .knw-detail-head {
		font-size: 30px;
		font-weight: 500;
		color: #003366;
		line-height: normal;
		margin-bottom: 24px;
	}

	.category-detail .number-of-views {
		font-size: 15px;
		color: #919191;
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/article-view.svg");
		background-size: 22px;
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 30px;
		margin-top: 4px;
	}

	.category-detail .article-info {
		padding-bottom: 13px;
		border-bottom: 1px solid #eeeeee;
		margin: 0;
		border-top: 1px solid #eeeeee;
		padding-top: 12px;
	}

	.category-detail .knw-content-text {
		margin-top: 30px;
		border: 0;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.88;
		color: #5d5d5d;
	}

	.category-detail .knowledge-fittest {
		margin: 58px 0;
	}

	.category-detail .knowledge-reco {
		padding: 0;
	}

		.category-detail .knowledge-reco .reco-wrapper ul > li {
			width: calc(100% / 2 - 42px);
			width: -webkit-calc(100% / 2 - 42px);
		}

			.category-detail .knowledge-reco .reco-wrapper ul > li:nth-child(3n) {
				margin-right: 40px;
			}

			.category-detail .knowledge-reco .reco-wrapper ul > li:nth-child(2n) {
				margin-right: 0;
			}

	.category-detail .at-share-tbx-element .at-share-btn {
		border-radius: 50% !important;
		overflow: hidden;
	}

	.category-detail .at-icon {
		padding: 4px;
	}

	.category-detail .at-share-tbx-element .at-share-btn {
		margin-bottom: 0 !important;
	}

	.category-detail .knw-content-text + .article-info {
		margin: 60px 0;
	}

/* fittest tab */
.fittest-tab {
	padding: 35px 10px;
	text-align: center;
	margin: 0;
	font-size: 16px;
	background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/fittest-tab-bg@3x.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 248px;
}

	.fittest-tab .fittest-logo {
		text-align: center;
		margin-bottom: 23px;
	}

	.fittest-tab .fittest-content {
		font-size: 22px;
		font-weight: bold;
		line-height: 1.55;
		letter-spacing: 0.6px;
		color: #333333;
		max-width: 350px;
		margin: 0 auto;
	}

		.fittest-tab .fittest-content > a {
			border-radius: 4px;
			background-color: #5590fd;
			box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
			font-size: 18px;
			font-weight: bold;
			letter-spacing: normal;
			text-align: center;
			color: #ffffff;
			display: inline-block;
			margin-top: 46px;
			padding: 12px 24px;
			text-decoration: none;
		}

.header-info-links {
	text-align: right;
	padding-left: 0;
}

	.header-info-links > .header-info-menu {
		display: inline-block;
		float: none;
		width: auto;
	}

/* custom topics special styles */
.topic-affiliate-network > h2.page-title {
	display: none;
}

/* knowledge base post css */
.knw-content-text table {
	width: 100% !important;
	max-width: 100%;
	margin-bottom: 20px;
	border: 0;
}

	.knw-content-text table > thead > tr > th,
	.knw-content-text table > thead > tr > td {
		font-weight: bold;
		background-color: #f9f9f9;
	}

	.knw-content-text table > thead > tr > th,
	.knw-content-text table > tbody > tr > th,
	.knw-content-text table > tfoot > tr > th,
	.knw-content-text table > thead > tr > td,
	.knw-content-text table > tbody > tr > td,
	.knw-content-text table > tfoot > tr > td {
		padding: 8px;
		line-height: 1.42857143;
		vertical-align: top;
		border-top: 1px solid #ddd;
	}

		.knw-content-text table > thead > tr > th:first-child,
		.knw-content-text table > tbody > tr > th:first-child,
		.knw-content-text table > tfoot > tr > th:first-child,
		.knw-content-text table > thead > tr > td:first-child,
		.knw-content-text table > tbody > tr > td:first-child,
		.knw-content-text table > tfoot > tr > td:first-child {
			border-left: 0;
		}

		.knw-content-text table > thead > tr > th:last-child,
		.knw-content-text table > tbody > tr > th:last-child,
		.knw-content-text table > tfoot > tr > th:last-child,
		.knw-content-text table > thead > tr > td:last-child,
		.knw-content-text table > tbody > tr > td:last-child,
		.knw-content-text table > tfoot > tr > td:last-child {
			border-right: 0;
		}

	.knw-content-text table > thead > tr > th {
		vertical-align: bottom;
		border-bottom: 2px solid #ddd;
	}

	.knw-content-text table > tbody + tbody {
		border-top: 2px solid #ddd;
	}

	.knw-content-text table table {
		background-color: #fff;
	}

.knw-content-text a:not(.eecommerce-product-link) {
	color: #08c !important;
	font-weight: bold !important;
}

.knw-content-text p,
.knw-content-text > div {
	margin: 0 0 10px;
}

	.knw-content-text p span *,
	.knw-content-text p span,
	.knw-content-text li span,
	.knw-content-text > div span {
		font-size: 14px !important;
	}

.knw-content-text h2,
.knw-content-text h2 * {
	color: #666666 !important;
}

.knw-content-text h2 {
	padding-top: 10px !important;
}

.knw-content-text *:not(.eecommerce-product-link) {
	font-family: 'Open Sans', sans-serif !important;
	line-height: 30px !important;
	letter-spacing: normal !important;
}

.knw-content-text h2:not([class]) * {
	color: #666666 !important;
	font-size: 20px !important;
}

.knw-content-text h3:not([class]) * {
	color: #666666 !important;
	font-size: 17px !important;
}

.knw-content-text h4:not([class]) * {
	color: #666666 !important;
	font-size: 16px !important;
}

.not-allowed-payment {
	opacity: .6;
}

/* checkout page shipping options styles */
.shipping-column {
	border-radius: 4px;
	border: solid 1px rgba(51, 51, 51, 0.15);
	background-color: #ffffff;
	overflow: hidden;
	transition: all 200ms;
	box-shadow: 0 2px 4px 0 rgba(227, 227, 227, 0.5);
	padding: 10px;
}

	.shipping-column .shipping-head .column-icon {
		position: absolute;
		right: 23px;
		top: 50%;
		transform: translateY(-50%);
		width: 25px;
		height: 15px;
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/column-down.svg");
		background-repeat: no-repeat;
		background-size: contain;
	}

	.shipping-column .shipping-head {
		padding: 20px;
		padding-left: 80px;
		color: #050505;
		font-size: 14px;
		cursor: pointer;
		position: relative;
		background-repeat: no-repeat;
		background-position: left 19px center;
	}

	.shipping-column.sameday-delivery .shipping-head {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/shipping-sdd-normal.svg");
	}

	.shipping-column.standard-cargo .shipping-head {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/shipping-std-normal.svg");
	}

	.shipping-column .shipping-head > strong {
		font-size: 16px;
	}

	.shipping-column .agtWindow > small {
		font-size: 14px;
		color: #666666;
		margin-bottom: 20px;
		display: block;
	}

	.shipping-column .shipping-head sup {
		border-radius: 2px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
		background-color: #5dce43;
		padding: 3px 5px;
		font-size: 10px;
		font-weight: bold;
		line-height: normal;
		color: #ffffff;
	}

	.shipping-column .delivery-header {
		font-size: 14px;
		color: #484848;
		margin-bottom: 15px;
	}

	.shipping-column .agtWindow {
		display: none;
		margin-bottom: 20px;
		/*padding-left: 84px;
    padding-bottom: 20px;*/
	}

	.shipping-column .agtWindow {
		display: none;
	}

	.shipping-column .standard-cargo-list,
	.shipping-column .sameday-delivery-list {
		list-style-type: none;
		margin: 0;
		display: inline-block;
	}

	.shipping-column.active .agtWindow,
	.shipping-column.active .agtWindow {
		display: block;
	}

	.shipping-column .standard-cargo-list > li,
	.shipping-column .sameday-delivery-list > li {
		position: relative;
		padding: 10px 10px 10px 28px;
		text-align: left;
		display: block;
		border: 1px solid #e6e6e6;
		border-radius: 5px;
		margin-bottom: 10px;
		cursor: pointer;
	}

	.shipping-column .standard-cargo-list > li {
		min-height: 58px;
		line-height: 58px;
	}

	.shipping-column .sameday-delivery-list > li {
		min-height: 27px;
		line-height: 27px;
		color: #686868;
	}

	.shipping-column .standard-cargo-list > li img {
		width: auto;
		max-width: none;
		/*		height: 35px !important;*/
	}

	.shipping-column .standard-cargo-list > li .small-text {
		font-size: 13px;
		margin-top: 8px;
		display: block;
	}

.standard-cargo-list .shipping-cost {
	position: static !important;
}

.shipping-column .standard-cargo-list > li:before,
.shipping-column .sameday-delivery-list > li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 6px;
	transform: translateY(-50%);
	width: 17px;
	height: 17px;
	display: inline-block;
	background-color: #e3ebf2;
	border: solid 1px #e5e5e5;
	border-radius: 50%;
}

.shipping-column .shipping-cost {
	position: absolute;
	top: 20px;
	right: 18px;
	display: inline-block;
	opacity: 0.5;
	font-size: 14px;
	line-height: normal;
	color: #686868;
}

.shipping-column .standard-cargo-list > li.selected:after,
.shipping-column .sameday-delivery-list > li.selected:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	transform: translateY(-50%);
	width: 9px;
	height: 9px;
	display: inline-block;
	border-radius: 50%;
}

/*.shipping-column .standard-cargo-list > li.selected,
.shipping-column .standard-cargo-list > li:hover,
.shipping-column .sameday-delivery-list > li.selected,
.shipping-column .sameday-delivery-list > li:hover {
	background-color: #f2f2f2;
}*/

.shipping-column .standard-cargo-list > li img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.shipping-column .standard-cargo-list > li img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.shipping-column .standard-cargo-list > li + li {
	border-top: solid 1px #d8e1ea;
}

.shipping-column.sameday-delivery .agtWindow {
	/*	padding-bottom: 30px;*/
}

.shipment-table {
	table-layout: fixed;
	width: 320px;
}

.text-right {
	width: 100px;
	text-align: right;
}

.name-column {
	width: 120px;
	text-align: center;
}

.image-column {
	width: 100px;
	text-align: left;
}


.order-summary-small-wrapper table.checkout-order-totals tr th {
	width: 240px;
}

/* product card */
.product .product-inspect {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 14px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	letter-spacing: 0.2px;
	padding: 10px 0;
	text-align: center;
	box-sizing: border-box;
	z-index: 0;
	cursor: pointer;
	opacity: 0;
	transition-duration: 150ms;
	transition-timing-function: initial;
	transition-delay: initial;
	transition-property: all;
}

	.product .product-inspect:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgb(20, 58, 113);
		opacity: 0.9;
		z-index: -1;
	}

.product:hover .product-inspect {
	opacity: 1;
}

.pop-also-content .product .product-inspect {
	pointer-events: none;
	font-size: 11px;
	padding: 6px 0;
}

.product .no-discount {
	position: relative;
	min-height: 20px;
}

	.product .no-discount .product-price {
		position: absolute;
		bottom: 2px;
		text-align: center;
		left: 0;
		right: 0;
		margin-bottom: 0;
	}

.product .product-discount {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: rgb(247, 60, 7);
	color: rgb(255, 255, 255);
	display: inline-block;
	line-height: normal !important;
	vertical-align: top;
	font-size: 12px !important;
	position: absolute;
	top: 5px;
	right: 6px;
	padding: 3px 7px;
	margin-right: 0;
}

.product-image-wrapper .product-discount {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: rgb(247, 60, 7);
	color: rgb(255, 255, 255);
	display: inline-block;
	line-height: normal !important;
	vertical-align: top;
	font-size: 12px !important;
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 3px 7px;
	margin-right: 0;
	z-index: 10;
	text-align: center;
}



.product .product-discount > strong {
	display: block;
	font-size: 14px;
}

.knw-reco-wrapper .product-discount,
.knw-reco-wrapper .product-discount strong {
	font-family: Arial,"Helvetica Neue", Helvetica, sans-serif !important;
}

	.knw-reco-wrapper .product-discount strong {
		line-height: normal !important;
	}

/* sporcard campaign popup styles */
.custom-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	z-index: 3;
}

	.custom-popup > .custom-popup-overlay {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		overflow: hidden;
		background-color: #000000;
		opacity: .6;
	}

	.custom-popup > .custom-popup-content {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		overflow: hidden;
		min-width: 500px;
	}

		.custom-popup > .custom-popup-content a {
			display: block;
		}

		.custom-popup > .custom-popup-content img {
			max-width: 100%;
		}

		.custom-popup > .custom-popup-content .custom-popup-code {
			position: absolute;
			display: inline-block;
			top: 142px;
			left: 127px;
			width: 242px;
			height: 35px;
			line-height: 35px;
			text-align: center;
			font-weight: bold;
			font-size: 22px;
			color: #333333;
		}

/* notification styles */
.notification {
	border-radius: 5px;
	box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.31);
	background-color: #ffffff;
	max-width: 450px;
	position: fixed;
	top: 5%;
	right: -100%;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.43;
	color: #323232;
	border: 1px solid #0556a7;
	cursor: pointer;
	display: inline-block;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: top 24px left 20px;
	box-sizing: border-box;
	transition: right 600ms;
}

	.notification.opened {
		right: 35px;
	}

	.notification .notification-title {
		font-weight: bold;
		color: #04407f !important;
		margin-bottom: 7px;
	}

	.notification.congrats {
		background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/completed-congrats.svg");
	}

		a.notification.congrats,
		.notification.congrats a {
			padding-left: 65px
		}

	.notification .notification-title,
	.notification .notification-text {
		display: block;
	}

	a.notification,
	.notification a {
		text-decoration: none !important;
		padding: 24px 20px;
		padding-right: 25px;
		color: #323232 !important;
		display: block;
	}

	.notification .notification-close {
		position: absolute;
		height: 20px;
		width: 20px;
		right: 10px;
		top: 12px;
		opacity: .38;
		padding: 1px;
		z-index: 11;
	}

		.notification .notification-close:before {
			content: "";
			position: absolute;
			top: 10px;
			width: 15px;
			height: 2px;
			background-color: #000000;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.notification .notification-close:after {
			content: "";
			position: absolute;
			top: 10px;
			width: 15px;
			height: 2px;
			background-color: #000000;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

/* vendor machine application form styles */
.vm-application {
	padding: 50px 65px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #333333;
}

	.vm-application h1 {
		font-size: 28px;
		line-height: 1.68;
		margin: 0;
		margin-bottom: 20px;
	}

	.vm-application h4 {
		font-size: 18px;
		line-height: normal;
		margin: 0;
		margin-top: 35px;
	}

	.vm-application h1,
	.vm-application h4 {
		font-weight: bold;
		letter-spacing: 0.6px;
		color: #061435;
	}

	.vm-application p {
		line-height: 2.14;
		letter-spacing: 0.6px;
	}

	.vm-application ul {
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
		margin-top: 25px;
	}

		.vm-application ul > li {
			display: inline-block;
			max-width: 200px;
			word-break: break-word;
			vertical-align: top;
			text-align: center;
			font-weight: bold;
			line-height: 1.5;
			letter-spacing: 0.6px;
			color: #3d66c6;
			padding: 0 18px;
			padding-top: 50px;
			background-repeat: no-repeat;
			background-position: center top;
		}

			.vm-application ul > li:nth-child(1) {
				background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/vm-why1.svg");
			}

			.vm-application ul > li:nth-child(2) {
				background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/vm-why2.svg");
			}

			.vm-application ul > li:nth-child(3) {
				background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/vm-why3.svg");
			}

	.vm-application form {
		border-radius: 5px;
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
		border: 1px solid #e9ecf3;
		padding: 28px 35px;
	}

		.vm-application form input {
			width: 100%;
			border-radius: 5px;
			border: 1px solid #dfdfdf;
			padding: 14px 12px;
			box-sizing: border-box;
			height: auto;
			box-shadow: none;
		}

		.vm-application form label {
			margin-bottom: 7px;
			letter-spacing: 0.1px;
			color: #5a5a5a;
			font-size: 14px;
			cursor: pointer;
		}

		.vm-application form .form-group + .form-group {
			margin-top: 29px;
		}

		.vm-application form button {
			border-radius: 5px;
			box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
			background: #dc5226;
			font-size: 16px;
			font-weight: bold;
			letter-spacing: 0.1px;
			padding: 17px 0;
			border: 0;
			text-shadow: none;
			color: #ffffff;
		}

			.vm-application form button:hover,
			.vm-application form button:active,
			.vm-application form button:focus {
				background: #d0461a;
				color: #ffffff;
			}

@media (max-width: 1199px) {
	.vm-application ul > li {
		max-width: 108px;
		font-size: 13px;
	}
}

/* same day delivery landing page styles */
.same-day-delivery {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

	.same-day-delivery,
	.same-day-delivery * {
		box-sizing: border-box;
	}

		.same-day-delivery .text-right {
			text-align: right;
		}

		.same-day-delivery .text-center {
			text-align: center;
		}

		.same-day-delivery .heading h1 {
			font-size: 28px;
			font-weight: normal;
			line-height: 1.68;
			letter-spacing: 0.6px;
			color: #061435;
		}

			.same-day-delivery .heading h1 strong {
				font-weight: bold;
				display: block;
			}

		.same-day-delivery .heading {
			padding: 37px 0;
			margin: 0;
			background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/sdd-bg.svg");
			background-position: right -110px center;
			background-size: contain;
			background-repeat: no-repeat;
		}

			.same-day-delivery .heading > div {
				padding: 0;
			}

			.same-day-delivery .heading .sub {
				line-height: 2.14;
				letter-spacing: 0.6px;
				color: #333333;
				margin-top: 5px;
			}

			.same-day-delivery .heading ul {
				display: block;
				width: 100%;
				list-style-type: none;
				padding: 0;
				margin: 0;
				margin-top: 35px;
			}

				.same-day-delivery .heading ul > li {
					display: inline-block;
					font-weight: bold;
					line-height: 1.5;
					letter-spacing: 0.6px;
					background-repeat: no-repeat;
					background-position: left center;
					vertical-align: top;
				}

					.same-day-delivery .heading ul > li:nth-child(1) {
						padding-left: 44px;
						width: 30%;
					}

					.same-day-delivery .heading ul > li:nth-child(2) {
						padding-left: 60px;
						width: 34%;
					}

					.same-day-delivery .heading ul > li:nth-child(3) {
						padding-left: 50px;
						width: 32%;
					}

		.same-day-delivery h2 {
			font-size: 22px;
			font-weight: bold;
			letter-spacing: 0.5px;
			line-height: 1.41;
			color: #061435;
		}

		.same-day-delivery .date-range {
			padding-top: 10px;
			padding-bottom: 10px;
		}

			.same-day-delivery .date-range h2 span {
				text-decoration: underline;
			}

			.same-day-delivery .date-range .info-box {
				max-width: 680px;
				margin: 24px auto;
				line-height: 1.29;
				letter-spacing: 0.6px;
				color: #061435;
				font-size: 14px;
				background-position: top 10px left 15px;
			}

		.same-day-delivery .range-table {
			max-width: 835px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 25px;
		}

			.same-day-delivery .range-table ul {
				list-style-type: none;
				margin: 0 auto;
				margin-bottom: 40px;
				display: block;
				max-width: 310px;
				border: 2px solid #e9eef9;
				border-radius: 4px;
				overflow: hidden;
				padding: 3px;
			}

				.same-day-delivery .range-table ul > li {
					vertical-align: top;
					display: inline-block;
					font-weight: bold;
					line-height: normal;
					letter-spacing: 0.4px;
					color: #061435;
					width: 49%;
					padding: 8px 0;
					border-radius: 4px;
					cursor: pointer;
				}

					.same-day-delivery .range-table ul > li.active {
						color: #ffffff;
						background-color: #061435;
					}

			.same-day-delivery .range-table .tab-pane {
				display: none;
			}

				.same-day-delivery .range-table .tab-pane.active {
					display: block;
				}

				.same-day-delivery .range-table .tab-pane .rt-row {
					display: flex;
					flex-direction: row;
				}

					.same-day-delivery .range-table .tab-pane .rt-row + .rt-row {
						margin-top: 12px;
					}

					.same-day-delivery .range-table .tab-pane .rt-row .rt-header {
						color: #ffffff;
						line-height: 1.5;
						text-align: center;
						padding: 5px 0;
					}

					.same-day-delivery .range-table .tab-pane .rt-row > span.first {
						border-top-left-radius: 5px;
						border-bottom-left-radius: 5px;
					}

					.same-day-delivery .range-table .tab-pane .rt-row > span.last {
						border-top-right-radius: 5px;
						border-bottom-right-radius: 5px;
					}

					.same-day-delivery .range-table .tab-pane .rt-row > span {
						flex: 2;
					}

						.same-day-delivery .range-table .tab-pane .rt-row > span > strong.large {
							display: block;
							font-size: 20px;
							line-height: normal;
							letter-spacing: 0.5px;
						}

						.same-day-delivery .range-table .tab-pane .rt-row > span:first-child {
							width: 267px;
							max-width: 267px;
							min-width: 267px;
							border-radius: 5px;
							letter-spacing: 0.4px;
							text-align: center;
							color: #ffffff;
							margin-right: 10px;
							flex: 1;
							padding: 11px;
						}

					.same-day-delivery .range-table .tab-pane .rt-row.column > span > strong {
						display: block;
						font-size: 16px;
						letter-spacing: 0.6px;
					}

						.same-day-delivery .range-table .tab-pane .rt-row.column > span > strong.large {
							font-size: 20px;
						}

					.same-day-delivery .range-table .tab-pane .rt-row:not(.column) > span:first-child {
						background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/delivery-bike.svg");
						background-repeat: no-repeat;
						background-position: left 10px center;
						background-size: 74px;
						padding-left: 80px;
					}

					.same-day-delivery .range-table .tab-pane .rt-row:not(.column) > span:not(:first-child) {
						border: 2px solid #e9eef9;
						border-left-width: 1px;
						border-right-width: 1px;
						background-repeat: no-repeat;
						background-position: center center;
						background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/rt-unavailable.svg");
					}

						.same-day-delivery .range-table .tab-pane .rt-row:not(.column) > span:not(:first-child).first {
							border-left-width: 2px;
						}

						.same-day-delivery .range-table .tab-pane .rt-row:not(.column) > span:not(:first-child).last {
							border-right-width: 2px;
						}

		.same-day-delivery .how-to {
			padding-top: 10px;
			padding-bottom: 50px;
		}

			.same-day-delivery .how-to ul {
				display: block;
				width: 100%;
				max-width: 1000px;
				margin: 0 auto;
				margin-top: 60px;
				padding: 0;
				list-style-type: none;
			}

				.same-day-delivery .how-to ul > li {
					display: inline-block;
					width: 32%;
					vertical-align: top;
					padding-top: 156px;
					background-repeat: no-repeat;
					background-position: top center;
					padding-left: 27px;
					padding-right: 27px;
				}

					.same-day-delivery .how-to ul > li .how-title {
						font-size: 16px;
						font-weight: bold;
						line-height: normal;
						letter-spacing: 0.4px;
						color: #061435;
					}

					.same-day-delivery .how-to ul > li .how-desc {
						margin-top: 10px;
						letter-spacing: 0.4px;
						color: #333333;
					}

		.same-day-delivery .faq {
			padding-top: 10px;
			padding-bottom: 30px;
		}
/* same day delivery end*/

/* order state styles*/
.order-state-icon {
	background: url("/Themes/Supplementler/Content/img/pending.svg") no-repeat center center;
	width: 20px;
	height: 20px;
	height: 20px;
	vertical-align: top;
	display: inline-block;
	margin-top: 0px;
}

	.order-state-icon.icon-10 {
		background-image: url("/Themes/Supplementler/Content/img/pending.svg");
	}

	.order-state-icon.icon-20 {
		background-image: url("/Themes/Supplementler/Content/img/processing.svg");
	}

	.order-state-icon.icon-30 {
		background-image: url("/Themes/Supplementler/Content/img/complete.svg");
	}

	.order-state-icon.icon-40 {
		background-image: url("/Themes/Supplementler/Content/img/cancelled.svg");
	}

	.order-state-icon.icon-50 {
		background-image: url("/Themes/Supplementler/Content/img/packaging.svg");
	}

	.order-state-icon.icon-60 {
		background-image: url("/Themes/Supplementler/Content/img/returned.svg");
	}

	.order-state-icon.icon-70 {
		background-image: url("/Themes/Supplementler/Content/img/partialreturn.svg");
	}

	.order-state-icon.icon-80 {
		background-image: url("/Themes/Supplementler/Content/img/failed.svg");
	}

.color-10 { /*pending*/
	color: #013c77;
}

.color-20 { /*processing*/
	color: #28a745;
}

.color-30 { /*complete*/
	color: #1a1a1a;
}

.color-40,
.color-80 { /*cancelled*/
	color: #ef0000;
}

.color-50 { /*packaging*/
	color: #000;
}

.color-60,
.color-70 { /*returned*/
	color: #003367;
}

/* order state styles end*/

.product-detail-comparison-wrapper {
	display: none;
}

/* Favorites common classes*/
#FavoritesList {
	font-family: HelveticaNeueLTPro-Md,arial;
	font-size: 14px;
	font-weight: 600;
	border: 1px #dfdfdf solid;
	border-radius: 6px;
	margin-bottom: 20px;
}

	#FavoritesList table {
		margin: 0;
	}

.favorites-table tr {
	border: none 0;
	border-bottom: 1px solid #dfdfdf;
}

	.favorites-table tr th {
		padding: 13px 15px;
		padding-left: 10px;
	}


	.favorites-table tr:last-of-type {
		border-bottom: 0px none;
	}

.favorites-table td, .favorites-table th {
	border: 1px solid #dfdfdf;
	padding: 12px 15px;
	text-align: center;
	border: none 0;
	color: #023e7b;
	border-right: 1px solid #dfdfdf;
}

	.favorites-table th:first-of-type {
		width: 35px;
	}

	.favorites-table th:nth-child(2) {
		width: 85px;
	}

	.favorites-table td:last-of-type, .favorites-table th:last-of-type {
		border: none 0;
		width: 207px;
	}

	.favorites-table td:nth-child(3) {
		text-align: left;
		padding-left: 30px;
	}

.favorites-table input[type=checkbox] {
	position: relative;
	cursor: pointer;
}

	.favorites-table input[type=checkbox]:before {
		content: "";
		display: block;
		position: absolute;
		width: 16px;
		height: 16px;
		top: 0;
		left: 0;
		background-color: #e9e9e9;
	}

	.favorites-table input[type=checkbox]:checked:before {
		content: "";
		display: block;
		position: absolute;
		width: 16px;
		height: 16px;
		top: 0;
		left: 0;
		background-color: #1E80EF;
	}

	.favorites-table input[type=checkbox]:checked:after {
		content: "";
		display: block;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 2px 2px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 2px;
		left: 6px;
	}

.progress-holder {
	position: relative;
}

.favorites-table .img-btn {
	outline: none;
	border: none 0;
	background: transparent;
	padding: 5px;
}

#favorites-loading-progress {
	display: inline-block;
	padding: 10px;
	padding-top: 0;
	font-family: 'Nunito Sans',sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #023e7b;
	position: absolute;
	top: -39px;
	left: 133px;
}

	#favorites-loading-progress img {
		padding-left: 5px;
	}

/* End Favorites common classes*/

@media (max-width: 1199px) {
	.same-day-delivery .heading h1 {
		font-size: 23px;
	}

	.same-day-delivery .heading ul > li {
		font-size: 12px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

		.same-day-delivery .heading ul > li:nth-child(1) {
			width: 29%;
		}

		.same-day-delivery .heading ul > li:nth-child(2) {
			width: 35%;
		}
}

/* custom landing-pages special styles */
@media (max-width: 1199px) {
	.landing-canli-yayin h1 {
		padding-right: 26px;
	}
}

@media (min-width: 1200px) {
	.landing-canli-yayin .videoWrapper > iframe {
		min-width: 640px;
		min-height: 480px;
	}
}

.comment-badge {
	float: right;
	margin-top: 5px;
	color: #24914d;
	font-size: 13px;
	font-weight: bold;
}

	.comment-badge img {
		filter: invert(46%) sepia(18%) saturate(1663%) hue-rotate(90deg) brightness(95%) contrast(87%);
	}

.comment-customername {
	float: left;
	color: #b5b5b5;
	font-size: 12px;
	font-weight: 700;
	margin: 0;
	margin-top: 5px;
	font-weight: 500;
}

.comment-badge .purchased {
	display: inline-block;
	margin-left: 6px;
	float: right;
	font-family: 'Nunito Sans', sans-serif;
}

.completed-address.checkout-complete-shipping-address > div,
.completed-address.checkout-complete-billing-address > div,
.order-gift-note > div,
.address-item p,
.selected-address-item p,
.customer-address-line address,
.order-details-box tr td div {
	word-break: break-word;
}

.common-validation-error-wrapper {
	padding: 10px 10px 10px 40px !important;
}

.no-result-clear a {
	width: auto;
	height: auto;
	margin: 0 auto;
	display: inline-block;
	border-radius: 4px;
	margin-bottom: 50px;
	color: #fff;
	padding: 10px 30px;
	margin-left: 20px;
}

	.no-result-clear a:hover {
		text-decoration: none;
		color: #ffffff;
	}

	.no-result-clear a.supp-color {
		background-color: #194b86;
	}

	.no-result-clear a.vit-color {
		background-color: #1c773d;
	}

.w-100 {
	width: 100%;
}

.mac-popup {
	width: 570px;
	padding: 30px;
	display: none;
}

	.mac-popup .head-text {
		font-size: 18px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #000000;
		font-family: 'Forza-Bold';
		margin-bottom: 30px;
	}

	.mac-popup .form-group:not(:last-child) {
		margin-bottom: 30px;
	}

	.mac-popup .form-group label {
		font-size: 14px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #6d6e71;
		font-family: 'Open Sans';
	}

		.mac-popup .form-group label + input.form-control {
			border-radius: 4px;
			border: solid 2px #dadce0;
			width: 100%;
			height: 50px;
			padding: 0;
			margin: 0;
		}

	.mac-popup .form-group a {
		border-radius: 4px;
		background-color: #0060d2;
		width: 100%;
		height: 54px;
		font-family: 'Open Sans';
		font-size: 18px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
	}

.mac-popup-success {
	width: 570px;
	padding: 30px;
	display: none;
}

	.mac-popup-success .success-image {
		margin: 30px 0;
	}

		.mac-popup-success .success-image img {
			margin: 0 auto;
			display: block;
		}

		.mac-popup-success .success-image + .text {
			margin-bottom: 30px;
			font-family: 'Open Sans';
			font-size: 16px;
			font-weight: 600;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			text-align: center;
			color: #000000;
			padding: 0 20px;
		}

	.mac-popup-success .form-group {
		width: 100%;
	}

		.mac-popup-success .form-group a {
			border-radius: 4px;
			background-color: #0060d2;
			width: 100%;
			height: 54px;
			font-family: 'Open Sans';
			font-size: 18px;
			font-weight: bold;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			color: #ffffff;
			display: flex;
			justify-content: center;
			align-items: center;
		}

.mac-popup-status {
	width: 570px;
	padding: 30px;
	display: none;
}

	.mac-popup-status .returned-message {
		margin-bottom: 30px;
		font-family: 'Open Sans';
		font-size: 16px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
		color: #000000;
		padding: 0 20px;
	}

		.mac-popup-status .returned-message + a {
			border-radius: 4px;
			background-color: #0060d2;
			width: 100%;
			height: 54px;
			font-family: 'Open Sans';
			font-size: 18px;
			font-weight: bold;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			color: #ffffff;
			display: flex;
			justify-content: center;
			align-items: center;
		}

@font-face {
	font-family: 'Forza-Bold';
	src: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.eot');
	src: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.eot?#iefix') format('embedded-opentype'), url('https://supplementler.mncdn.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.woff') format('woff'), url('https://supplementler.mncdn.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.ttf') format('truetype'), url('https://supplementler.mncdn.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.svg#Forza-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Forza-Medium';
	src: url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Medium.eot');
	src: url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Medium.eot?#iefix') format('embedded-opentype'), url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Medium.woff') format('woff'), url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Medium.ttf') format('truetype'), url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Medium.svg#Forza-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Forza-Black';
	src: url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Black.eot');
	src: url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Black.eot?#iefix') format('embedded-opentype'), url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Black.woff') format('woff'), url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Black.ttf') format('truetype'), url('https://supplementler.mncdn.com/themes/supplementler/content/fonts/subset-Forza-Black.svg#Forza-Black') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Forza-Light';
	src: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/fonts/subset-Forza-Light.eot');
	src: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/fonts/subset-Forza-Light.eot?#iefix') format('embedded-opentype'), url('https://supplementler.mncdn.com/Themes/Supplementler/Content/fonts/subset-Forza-Light.woff') format('woff'), url('https://supplementler.mncdn.com/Themes/Supplementler/Content/fonts/subset-Forza-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

.mac-banner {
	width: 100%;
	padding: 15px 30px;
	background-image: radial-gradient(circle at 50% 42%, #3a3a3a 0%, #0a0a0a 19%);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
	display: none;
}

	.mac-banner:hover {
		text-decoration: none;
		cursor: pointer;
	}

	.mac-banner > img:first-child {
		margin-right: 15px;
	}

		.mac-banner > img:first-child + img {
			margin-right: 40px;
		}

	.mac-banner + h3 {
		margin: 30px 0 0 0;
	}

	.mac-banner .text-container {
		font-size: 16px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #ffffff;
		font-family: 'Forza-Light';
	}

		.mac-banner .text-container span {
			font-size: 20px;
			font-weight: 900;
			display: block;
			font-family: 'Forza-Bold';
		}

	.mac-banner .button-container {
		margin-left: auto;
		padding: 18px 27px;
		border-radius: 4px;
		border: solid 2px #ffffff;
		font-family: 'Open Sans';
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #ffffff;
	}

		.mac-banner .button-container img {
			margin-left: 15px;
		}

.fancybox-inner .mac-popup-status,
.fancybox-inner .mac-popup-success,
.fancybox-inner .mac-popup {
	display: block;
}

.mac-popup .form-group a:hover,
.mac-popup-success .form-group a:hover,
.mac-popup-status .returned-message + a:hover {
	text-decoration: none;
}

.footerbase > div {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	padding: 20px;
	text-align: left;
	background-color: #e5eef8;
	font-family: 'Open Sans';
	color: #747474;
	font-size: 12px;
	line-height: 1.6;
	font-weight: 600;
}

	.footerbase > div.vit-footer-bg {
		background-color: #f3e5cd;
	}

	.footerbase > div img {
		margin-right: 20px;
	}

.etbis-container {
	width: 100px;
	display: block;
	min-width: 100px;
	margin-left: 15px;
}

@media (max-width: 1680px) {
	.footerbase > div {
		padding-bottom: 45px;
	}
}

/* Form Error Classes BEGIN */

.general-form .form-group.has-error input.form-control,
.general-form .control-group.has-error input.form-control,
.general-form .form-group.has-error textarea.form-control,
.general-form .control-group.has-error textarea.form-control,
.general-form .form-group.has-error select.form-control,
.general-form .control-group.has-error select.form-control {
	border-color: #ff0300 !important;
}

.general-form .form-group.has-error .error-message,
.general-form .control-group.has-error .error-message {
	color: #a94442 !important;
}

/* Form Error Classes END */

/*AGT Slot BEGIN*/

.agt-slot-wrapper {
	float: none !important;
}

	.agt-slot-wrapper .row {
		display: flex;
	}

.slot-wrapper {
	padding: 20px 35px;
	padding-left: 0;
	background-color: #f2f2f2;
	border-radius: 10px;
	position: relative;
	height: 100%;
}

	.slot-wrapper:after {
		/*		content: "";
		width: 16px;
		height: 16px;
		border: 2px solid #666;
		position: absolute;
		border-radius: 50%;
		left: 35px;
		top: 20px;
*/
	}

	.slot-wrapper.active:after {
		border: 2px solid #0066cb;
	}

	.slot-wrapper.active:before {
		/*content: "";
		width: 12px;
		height: 12px;
		background-color: #0066cb;
		position: absolute;
		border-radius: 50%;
		left: 39px;
		top: 24px;*/
	}

	.slot-wrapper .delivery-header {
		color: #0f69c9;
		margin-left: 27px;
	}

	.slot-wrapper .sameday-delivery-list {
		margin-left: 27px !important;
	}

		.slot-wrapper .sameday-delivery-list li {
			border: none;
			padding: 0 0 0 24px;
			min-height: auto;
			margin-bottom: 12px;
		}

			.slot-wrapper .sameday-delivery-list li:last-child {
				margin-bottom: 0;
			}

			.slot-wrapper .sameday-delivery-list li:hover,
			.slot-wrapper .sameday-delivery-list li.selected {
				background-color: transparent;
			}

				.slot-wrapper .sameday-delivery-list li.selected:after {
					left: 3px;
				}

			.slot-wrapper .sameday-delivery-list li label {
				margin-bottom: 0 !important;
				line-height: 1;
				color: #666666;
			}

			.slot-wrapper .sameday-delivery-list li:before {
				width: 13px;
				height: 13px;
				left: 0;
				background-color: transparent;
				border: solid 1px #666;
			}

			.slot-wrapper .sameday-delivery-list li.selected:before {
				border-color: #026acb;
			}

			.slot-wrapper .sameday-delivery-list li.disabled-slot:before {
				opacity: .5;
			}

			.slot-wrapper .sameday-delivery-list li.disabled-slot label {
				opacity: .5;
			}

.agtWindow .info-row span {
	margin-top: 29px;
	margin-bottom: 20px;
	font-size: 15px;
	display: block;
}

.shipping-column .shipping-head {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.shipping-column .sameday-delivery-list > li > label {
	font-size: 14px;
}

.shipping-column .shipping-head strong {
	font-size: 15px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.33px;
}

.shipping-column .shipping-head div {
	margin-right: 17px;
}

.shipping-column .shipping-head sup {
	top: initial;
}

.nd-standard-shipping {
	width: 46%;
	float: left;
	display: flex !important;
	padding: 10px 10px 10px 47px !important;
	border: none !important;
	background-color: #f2f2f2;
	min-height: 93px !important;
	line-height: 93px !important;
	border-radius: 10px !important;
}

	.nd-standard-shipping .li-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex: 1;
	}

		.nd-standard-shipping .li-container img {
			width: 39% !important;
			height: auto !important;
		}

		.nd-standard-shipping .li-container .shipping-cost {
			margin-right: 69px;
		}

	.nd-standard-shipping:last-child {
		float: right;
	}


	.nd-standard-shipping:before {
		width: 13px !important;
		height: 13px !important;
		left: 24px !important;
		background-color: transparent !important;
		border: solid 1px #666 !important;
	}

	.nd-standard-shipping:after {
		left: 27px !important;
	}

	.nd-standard-shipping.selected:before {
		border-color: #026acb !important;
	}

	.nd-standard-shipping.selected:after {
		background-color: #026acb;
	}
/*AGT Slot END*/
/* Form Error Classes END */

.payment-tab-container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}


.payment-method {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.payment-method-content {
	text-align: left;
}

	.payment-method-content p {
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #333333;
	}

	.payment-method-content strong {
		font-size: 15px;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #333333;
	}


table.shopping-load-table {
	border-collapse: collapse;
	border: 1px solid #000;
	width: 100%;
	margin-bottom: 10px;
}

	table.shopping-load-table tr:not(:last-child) {
		border-bottom: 1px solid #000;
	}

	table.shopping-load-table tr:first-child {
		font-weight: 700;
		background-color: #036acb42;
	}

	table.shopping-load-table tr td {
		padding: 10px;
	}

		table.shopping-load-table tr td:first-child {
			border-right: 1px solid #000;
			width: 60%;
		}

.shopping-loan-logo {
	margin-bottom: 10px;
}
/* orders rating */
.product-overview-wrapper {
	font-family: 'Open Sans' !important;
	font-weight: 600;
	color: #013c77;
	font-size: 15px;
	background: #FFF;
}

	.product-overview-wrapper > div {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

		.product-overview-wrapper > div img {
			border: none 0;
			border-bottom: 0;
		}

	.product-overview-wrapper #addproductreviewform .rating-type-name {
		font-weight: 500;
		font-size: 13px;
		color: #000000;
	}

	.product-overview-wrapper .write-review label {
		font-size: 14px;
		font-family: 'Open Sans',sans-serif !important;
	}

	.product-overview-wrapper .product-overview {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 0;
		height: 562px;
		background: #eaeaea;
	}

		.product-overview-wrapper .product-overview span:last-of-type {
			width: 84%;
			text-align: center;
			margin-top: 13px;
			color: #013c77;
			font-size: 15px;
		}

	.product-overview-wrapper .comment-form-wrapper {
		padding: 0 30px;
		padding-top: 17px;
		background: #fff;
	}

		.product-overview-wrapper .comment-form-wrapper .form-group.horizontal {
			display: flex;
			flex-direction: row-reverse;
			justify-content: flex-end;
			align-items: center;
			margin: 16px 0 -8px 0;
		}

			.product-overview-wrapper .comment-form-wrapper .form-group.horizontal * {
				margin-top: 0px;
				margin-bottom: 0px;
				padding: 0;
			}

			.product-overview-wrapper .comment-form-wrapper .form-group.horizontal label {
				padding: 0 10px;
				font-size: 13px;
				font-weight: 600;
			}

				.product-overview-wrapper .comment-form-wrapper .form-group.horizontal label span {
					font-weight: 400;
				}


		.product-overview-wrapper .comment-form-wrapper .form-group:first-of-type label {
			display: none;
		}

		.product-overview-wrapper .comment-form-wrapper #addproductreviewform .rate-type + .rate-type {
			border-top: none;
		}

		.product-overview-wrapper .comment-form-wrapper #addproductreviewform input,
		.product-overview-wrapper .comment-form-wrapper #addproductreviewform textarea {
			font-family: 'Open Sans' !important;
			border-radius: 3px;
			resize: none;
		}


.dikey-popup.nu-design .fancybox-skin {
	background-color: transparent;
}

.dikey-popup.nu-design .fancybox-outer {
	border-radius: 10px !important;
	background-color: transparent;
}

.dikey-popup.nu-design .fancybox-inner {
	overflow: hidden;
	border-radius: 10px !important;
}

.dikey-popup.nu-design .fancybox-close {
	opacity: 0.7;
	top: -30px;
	right: 8px;
	background: url('./Themes/Supplementler/content/images/numodal-close.png') no-repeat top left scroll;
}

	.dikey-popup.nu-design .fancybox-close:hover {
		opacity: 0.9;
	}

.dikey-popup.nu-pending .fancybox-inner {
	/*padding: 15px!important;*/
	overflow: hidden !important;
	overflow-y: auto !important;
	/*box-sizing: border-box;*/
}

.fancybox-overlay {
	background: #00162dcc;
}

.product-overview-wrapper .review-button {
	text-align: left;
}

.cb-hidden {
	opacity: 0.1;
}

.cb-hit-styled {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #fff;
	position: relative;
	margin-left: -13px;
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	margin-left: -20px;
	right: -17px;
	pointer-events: none;
}

	.cb-hit-styled.checked {
		border: 6px solid #006dda;
		box-sizing: border-box;
		width: 20px;
		height: 20px;
	}

.right-vote a {
	color: #ed4500;
}

/* orders rating end */
/** new bread crumb and periherals*/

.nu-style .catalog_path {
	/*float: left;
	width: 100%;
	margin: 0;
	padding: 11px 0 11px  0;
	background: #fff;
	font-family: 'Open Sans';
	border-bottom: 1px solid #e8e8e8;*/
}

	.nu-style .catalog_path li {
		float: left;
		padding: 0 5px;
		list-style-type: none;
		font-weight: bold;
	}

		.nu-style .catalog_path li:first-of-type {
			padding-left: 0;
		}

		.nu-style .catalog_path li a {
			color: #333;
			font-size: 11px;
			font-weight: 600;
		}

			.nu-style .catalog_path li a:hover {
				color: #FD830C;
			}

			.nu-style .catalog_path li a .crumb-active { /*opacity:0.6 !important;*/
				color: #40be6f;
				color: #0061c5;
				font-weight: bold;
			}

.catalog_path li:last-child a {
	font-weight: bold;
}

/** new bread crumb and periherals*/



/** order details nu-style start*/


.nu-style .inv_content .page-title {
	padding-left: 0px;
	margin-top: 10px;
}

.nu-style .inv_left_panel {
	border-bottom: 1px #e4e4e4 solid;
	border-right: 1px #e4e4e4 solid;
}

.nu-style .catalog_path {
	float: left;
	width: 100%;
	margin: 0;
	padding: 11px 0;
	background: #fff;
	height: auto;
	font-family: 'Open Sans';
	border-bottom: 1px solid #e8e8e8;
}

.nu-style .path a:last-child {
	font-weight: bold;
}

.nu-style .customer-loyaltyprogram .span3 {
	width: 190px;
}

.nu-style .customer-loyaltyprogram .span9 {
	margin-left: 15px;
	/*margin: 0;*/
}

.nu-style .span9 .catalog_path {
	margin-left: 0;
	box-sizing: border-box;
	width: calc(100% - 20px);
	padding-left: 0 !important;
}

	.nu-style .span9 .catalog_path p {
		margin: 0;
		padding: 9px 0;
	}

.nu-style .catalog_path .chevron {
	width: 4px;
	height: 6px;
}

.nu-style .page-title {
	letter-spacing: -0.5px;
	margin: 30px 0;
	padding: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 20px;
	width: 200px;
	float: left;
	border: none 0;
	color: #000;
}

.nu-style .action-bar {
	margin: 0;
}

.nu-style .header-features a {
	padding: 7px 15px;
}

.nu-style .inv_left_panel ul.menufilter {
	border: none;
	margin-top: 0;
	padding-top: 0;
}

.nu-style .inv_left_panel .dmt {
	color: #B3B3B3;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	padding: 15px 0 20px 7px;
}

.top-ui-wrapper {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}

.limit {
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}

/** order details nu-style end*/


/* New Checkout Pages BEGIN */

.checkout-progress-v2 {
	margin: 15px 20px 0 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

	.checkout-progress-v2 a {
		height: 61px;
		display: inline-flex;
		align-items: center;
		width: 100%;
		text-align: center;
		justify-content: center;
		border-radius: 4px;
		background-color: rgba(0, 55, 112, 0.08);
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #003770;
		transition: all .1s linear;
	}

		.checkout-progress-v2 a:not(:last-child) {
			margin-right: 15px;
		}

		.checkout-progress-v2 a.selected {
			background-color: #0061c5;
			color: #fff;
			position: relative;
		}

		/*	.checkout-progress-v2 a.selected::before {
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10px 10px 0 10px;
				border-color: #0063c5 transparent transparent transparent;
				position: absolute;
				bottom: -10px;
			}*/

		.checkout-progress-v2 a div {
			width: 35px;
			height: 35px;
			border: solid 1px #003770;
			border-radius: 100%;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			margin-right: 14px;
		}

		.checkout-progress-v2 a.selected div {
			background-color: #ffffff;
			border-color: #ffff;
			color: #0160c4;
		}

		.checkout-progress-v2 a:not(.checkout-progress-v2 a ~ a):hover {
			background-color: #0061c5;
			color: #fff;
			position: relative;
			cursor: pointer;
			text-decoration: none;
		}

			/*	.checkout-progress-v2 a:not(.checkout-progress-v2 a ~ a):hover:before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 10px 10px 0 10px;
			border-color: #0063c5 transparent transparent transparent;
			position: absolute;
			bottom: -10px;
		}*/

			.checkout-progress-v2 a:not(.checkout-progress-v2 a ~ a):hover > div {
				background-color: #ffffff;
				border-color: #ffff;
				color: #0160c4;
			}

		.checkout-progress-v2 a:hover {
			text-decoration: none;
		}

		.checkout-progress-v2 a.selected ~ a:hover {
			color: #003770;
			cursor: default;
		}

.cart-items-head {
	display: flex;
	justify-content: flex-start;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Open Sans', Arial;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: black;
}

	.cart-items-head .image-title {
		width: 88px;
		text-align: center;
	}

	.cart-items-head .product-name-title {
		width: 360px;
		padding-left: 45px;
	}

	.cart-items-head .cart-product-quantity {
		width: 122px;
		text-align: center;
		padding-left: 9px;
		margin-right: 20px;
	}

	.cart-items-head .cart-product-total {
		width: 100px;
		padding-left: 129px;
	}

.cart-divider {
	width: 810px;
	height: 2px;
	border-radius: 4px;
	background-color: rgba(51, 51, 51, 0.06);
}

.cart-items-container {
	margin: 0 15px;
	font-family: 'Open Sans', Arial;
}

.cart-items-row {
	display: flex;
	justify-content: flex-start;
	padding: 15px 0;
}

	.cart-items-row .image-title {
		width: 88px;
		text-align: center;
		height: fit-content;
		padding: 5px;
		border-radius: 4px;
		border: solid 1px rgba(51, 51, 51, 0.1);
	}

	.cart-items-row .product-full-info {
		width: 360px;
		padding-left: 45px;
	}

		.cart-items-row .product-full-info .change-special-offer {
			border-radius: 2px;
			border: solid 1px rgba(51, 51, 51, 0.14);
			background-color: #f5f5f5;
			padding: 12px 15px;
			margin: 0;
			display: inline-block;
			font-size: 12px;
			font-weight: 600;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			color: #333333;
			width: auto;
		}

			.cart-items-row .product-full-info .change-special-offer:hover {
				text-decoration: none;
			}

		.cart-items-row .product-full-info .p-name,
		.cart-items-row .product-full-info .p-name a {
			font-size: 14px;
			font-weight: bold;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: -0.2px;
			color: #0061c5;
		}

		.cart-items-row .product-full-info .p-name {
			margin-bottom: 10px;
		}

		.cart-items-row .product-full-info .product-store-name > div {
			font-size: 12px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			color: #333333;
			margin-bottom: 10px;
		}

			.cart-items-row .product-full-info .product-store-name > div span {
				font-weight: 600;
			}


		.cart-items-row .product-full-info .aroma-beden {
			margin-bottom: 10px;
		}

			.cart-items-row .product-full-info .aroma-beden .custom-attribute-select span {
				font-size: 13px;
				font-weight: normal;
				font-stretch: normal;
				font-style: normal;
				line-height: normal;
				letter-spacing: normal;
				color: #333333;
				margin-right: 10px;
			}

			.cart-items-row .product-full-info .aroma-beden .custom-attribute-select .attribute-options {
				padding: 12px 15px;
				height: 41px;
				margin: 0;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-appearance: none;
				-moz-appearance: none;
				font-size: 12px;
				font-weight: 600;
				font-stretch: normal;
				font-style: normal;
				line-height: normal;
				letter-spacing: normal;
				color: #333333;
				width: 184px;
				background-image: url('/Themes/Supplementler/Content/images/cart-icons/arrow-down.svg');
				background-repeat: no-repeat;
				background-position: center right 15px;
				border-radius: 2px;
				background-color: #f5f5f5;
				border: solid 1px rgba(51, 51, 51, 0.14);
			}

		.cart-items-row .product-full-info .remove-from-cart {
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
		}

			.cart-items-row .product-full-info .remove-from-cart .product-status > div {
				font-size: 12px;
				font-weight: normal;
				font-stretch: normal;
				font-style: normal;
				line-height: normal;
				letter-spacing: normal;
				color: #a40000;
			}

			.cart-items-row .product-full-info .remove-from-cart .removefromcart-link {
				font-size: 12px;
				font-weight: 600;
				font-stretch: normal;
				font-style: normal;
				line-height: normal;
				letter-spacing: normal;
				color: #333333;
				padding: 1px 15px;
				border-radius: 2px;
				text-shadow: none;
				box-shadow: none;
				background: none;
				background-color: #f1f1f1;
				border: none;
			}

			.cart-items-row .product-full-info .remove-from-cart .product-status .installment-not-allowed span {
				display: block;
				background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/card-locked.png) left center no-repeat;
				padding-left: 28px;
			}

	.cart-items-row .product-quantity {
		width: 87px;
		padding-top: 58px;
		text-align: center;
		margin-right: 20px;
	}

		.cart-items-row .product-quantity .ui-spinner {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			margin: auto;
			width: 87px;
			border-radius: 4px;
			background-color: #f5f5f5;
		}

			.cart-items-row .product-quantity .ui-spinner input {
				order: 2;
				height: 30px;
				border-radius: 3px;
			}

			.cart-items-row .product-quantity .ui-spinner a.ui-spinner-up {
				order: 1;
			}

			.cart-items-row .product-quantity .ui-spinner a.ui-spinner-up {
				order: 3;
			}

			.cart-items-row .product-quantity .ui-spinner input,
			.cart-items-row .product-quantity .ui-spinner a {
				display: inline-flex;
				position: relative;
			}

			.cart-items-row .product-quantity .ui-spinner a {
				width: 100%;
				height: 34px;
				border: none;
				align-self: center;
				justify-content: space-around;
				align-items: center;
			}

				.cart-items-row .product-quantity .ui-spinner a span {
					position: relative;
					top: initial;
				}


	.cart-items-row .product-subtotal {
		width: 100px;
		padding-top: 58px;
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #333333;
		margin-left: 25px;
		margin-right: 25px;
		text-align: center;
	}

		.cart-items-row .product-subtotal .productPrice {
			display: block;
			padding-top: 6px;
		}

.cart-items-wrapper {
	display: flex;
	justify-content: space-around;
}

.cart-items-row .product-removeBtn {
	width: 50px;
	padding-top: 58px;
	text-align: center;
	margin-left: 15px;
}

	.cart-items-row .product-removeBtn .cart-product-remove {
		padding: 4px;
		width: 20px;
		height: 20px;
	}

		.cart-items-row .product-removeBtn .cart-product-remove .removefromcart-link {
			background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/trash-black.png) center center no-repeat #fff;
			background-size: contain;
			width: 20px;
			height: 20px;
			display: block;
		}

			.cart-items-row .product-removeBtn .cart-product-remove .removefromcart-link:hover {
				background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/trash-orange.png) center center no-repeat #fff;
				background-size: contain;
				width: 20px;
				height: 20px;
				display: block;
				cursor: pointer;
			}

.completed-page-content-v2 .right-side,
.ciw-right {
	width: 260px;
	margin-top: 30px;
	margin-bottom: 30px;
	align-self: flex-start;
	font-family: 'Open Sans', Arial;
	position: relative;
}

	.completed-page-content-v2 .right-side .order-sum,
	.ciw-right .order-sum {
		border-radius: 4px;
		border: solid 1px rgba(51, 51, 51, 0.1);
		padding: 41px 15px 30px;
		margin-bottom: 15px;
	}

		.completed-page-content-v2 .right-side .order-sum + input,
		.ciw-right .order-sum + input {
			font-size: 16px;
			font-weight: bold;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: -0.21px;
			color: #ffffff;
		}

	.completed-page-content-v2 .right-side:after,
	.ciw-right:after {
		content: "Sipariş Özeti";
		position: absolute;
		left: 7px;
		top: -11.5px;
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.2px;
		color: #333333;
		background-color: #fff;
		padding: 0 8px;
	}

ul.checkout-order-totals-v2 {
	list-style: none;
	margin: 0;
}

	ul.checkout-order-totals-v2 .cart-discount {
		color: #f73d04 !important;
	}

	ul.checkout-order-totals-v2 li {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

		ul.checkout-order-totals-v2 li:last-child div:first-child {
			font-weight: 600;
		}

		ul.checkout-order-totals-v2 li:not(:last-child) {
			margin-bottom: 15px;
			padding-bottom: 15px;
			border-bottom: 1px solid rgba(51, 51, 51, 0.1);
		}

		ul.checkout-order-totals-v2 li div:first-child {
			font-size: 13px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: -0.19px;
			color: #333333;
		}

		ul.checkout-order-totals-v2 li div:last-child {
			font-size: 14px;
			font-weight: 600;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: -0.2px;
			text-align: right;
			color: #333333;
		}

		ul.checkout-order-totals-v2 li div.green-text {
			color: #28a745;
		}

.cart-gift-container {
	margin: 30px 15px 0;
	max-width: 810px;
}

	.cart-gift-container h6 {
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.2px;
		color: #333333;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.cart-gift-container p {
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #333333;
		margin-bottom: 15px;
	}

	.cart-gift-container .cart-gift-wrapper .offered-items a {
		padding: 5px 20px;
		border-radius: 3px;
		border: solid 1px rgba(34, 34, 34, 0.11);
		width: calc(50% - 8px);
		margin-top: 16px;
		background-color: transparent;
	}

		.cart-gift-container .cart-gift-wrapper .offered-items a:first-child,
		.cart-gift-container .cart-gift-wrapper .offered-items a:nth-child(2) {
			margin-top: 0;
		}

		.cart-gift-container .cart-gift-wrapper .offered-items a:before {
			content: "";
			position: absolute;
			width: 19px;
			height: 19px;
			top: 50%;
			margin-top: -13px;
			right: 20px;
			left: initial;
			border-radius: 50%;
			border: solid 2px rgba(34, 34, 34, 0.2);
		}

		.cart-gift-container .cart-gift-wrapper .offered-items a.selected {
			border: solid 1px #0058f8 !important;
		}

			.cart-gift-container .cart-gift-wrapper .offered-items a.selected:before {
				border: solid 2px #0061c5 !important;
				background-color: #0061c5;
				background-size: 16px;
				background-position: 2px 2px;
			}

		.cart-gift-container .cart-gift-wrapper .offered-items a:nth-child(odd) {
			margin-right: 16px;
		}

		.cart-gift-container .cart-gift-wrapper .offered-items a label {
			margin: 0;
			display: flex;
			align-items: center;
			width: 90%;
		}

			.cart-gift-container .cart-gift-wrapper .offered-items a label:hover {
				cursor: pointer;
			}

			.cart-gift-container .cart-gift-wrapper .offered-items a label img {
				max-width: 65px;
				margin-right: 20px;
			}

			.cart-gift-container .cart-gift-wrapper .offered-items a label span {
				font-size: 12px;
				font-weight: 600;
				font-stretch: normal;
				font-style: normal;
				line-height: normal;
				letter-spacing: normal;
				color: #013c77;
			}

		.cart-gift-container .cart-gift-wrapper .offered-items a:hover {
			text-decoration: none;
			cursor: pointer;
			border: solid 1px #0058f8 !important;
		}

.shopping-btn-container {
	margin: 30px 15px 0;
}


	.shopping-btn-container .prev-step-button,
	.address-page-buttons .prev-step-button {
		background-image: none;
		border-radius: 4px;
		border: solid 1px rgba(51, 51, 51, 0.8);
		padding: 20px 15px;
		font-size: 14px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.2px;
		color: #333333;
		min-width: 207px;
	}

		.shopping-btn-container .prev-step-button img {
			margin-right: 32px;
		}

		.address-page-buttons .prev-step-button img {
			margin-right: 60px;
		}


.popup-option-gift-select ul li {
	padding: 5px 20px;
	border-radius: 3px;
	border: solid 1px rgba(34, 34, 34, 0.11) !important;
	margin-bottom: 15px !important;
}

.ce-v2 {
	border: none;
}

	.ce-v2 .empty-wrapper {
		border: solid 1px rgba(51, 51, 51, 0.1);
		border-radius: 4px;
		margin-bottom: 25px;
	}

		.ce-v2 .empty-wrapper > h1 {
			font-weight: bold;
			font-size: 16px;
			color: #036acb;
			margin: 0;
			margin-bottom: 20px;
			margin-top: -20px;
			background-color: #fff;
			padding: 0 10px;
			display: inline-block;
		}

	.ce-v2 .cart-empty-info .cart-empty-text {
		border: none;
		padding: 50px;
	}

		.ce-v2 .cart-empty-info .cart-empty-text p {
			font-size: 16px !important;
		}

		.ce-v2 .cart-empty-info .cart-empty-text .start-checkout {
			float: none;
			display: block;
			margin: auto;
			margin-top: 15px;
		}

.fb-popup-v2 {
	font-family: 'Open Sans', Arial;
}

	.fb-popup-v2 .fb-popup-v2-title {
		font-size: 15px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.2px;
		color: #333333;
		padding-bottom: 30px;
		border-bottom: solid 2px rgba(51, 51, 51, 0.11);
		margin-bottom: 30px;
		margin: 0 40px;
	}

	.fb-popup-v2 .login-htag-left {
		font-size: 14px !important;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.19px;
		color: #333333;
		margin-bottom: 30px;
	}

	.fb-popup-v2 .form-group.mb-13 {
		margin-bottom: 30px;
		display: inline-block;
		width: 100%;
	}

	.fb-popup-v2 .form-group label {
		font-size: 13px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.19px;
		color: #333333;
		margin-bottom: 10px;
		margin-top: 0;
	}

		.fb-popup-v2 .form-group label + input,
		.fb-popup-v2 .form-group .input-icon input {
			height: 56px !important;
			font-size: 13px !important;
			font-weight: 600;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: -0.19px;
			color: #003770 !important;
			border-radius: 4px;
			border: solid 1px rgba(0, 55, 112, 0.2) !important;
			background-color: rgba(0, 55, 112, 0.04) !important;
		}

	.fb-popup-v2 .forgot-password {
		float: right;
		font-size: 13px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.17px;
		color: #333333;
		margin: 0;
		text-decoration: underline;
		margin-top: 4px;
	}

		.fb-popup-v2 .forgot-password:hover {
			color: #0061c5;
		}

	.fb-popup-v2 #btnSubmitLogin {
		border-radius: 4px;
		background-color: #ed4500;
		font-size: 15px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.21px;
		color: #ffffff;
		padding: 18px 0;
		margin-top: 15px;
	}

	.fb-popup-v2 .login-form-container-right h1 {
		font-size: 14px !important;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.19px;
		color: #333333;
	}

	.fb-popup-v2 .advantage-exp-wrapper {
		padding: 15px;
		border-radius: 4px;
		background-color: rgba(51, 51, 51, 0.05);
	}

	.fb-popup-v2 .login-advantage-explanation .first-item,
	.fb-popup-v2 .login-advantage-explanation .last-item {
		background-image: none;
		position: relative;
		padding-top: 3px;
		padding-left: 47px;
		font-size: 13px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.17px;
		color: #333333;
	}

		.fb-popup-v2 .login-advantage-explanation .first-item + p,
		.fb-popup-v2 .login-advantage-explanation .last-item + p {
			padding-left: 47px;
			font-size: 11px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: -0.15px;
			color: #333333;
		}

		.fb-popup-v2 .login-advantage-explanation .first-item.icon01 {
			position: relative;
		}

			.fb-popup-v2 .login-advantage-explanation .first-item.icon01::after {
				content: "";
				width: 33px;
				height: 33px;
				background-image: url("/Themes/Supplementler/Content/images/reward-white.svg");
				background-color: #333333;
				position: absolute;
				left: 0;
				top: 0;
				background-repeat: no-repeat;
				background-position: center;
				border-radius: 50%;
				background-size: 20px 20px;
			}

		.fb-popup-v2 .login-advantage-explanation .last-item.icon02 {
			position: relative;
		}

			.fb-popup-v2 .login-advantage-explanation .last-item.icon02::after {
				content: "";
				width: 33px;
				height: 33px;
				background-image: url("/Themes/Supplementler/Content/images/megaphone-white.svg");
				background-color: #333333;
				position: absolute;
				left: 0;
				top: 0;
				background-repeat: no-repeat;
				background-position: center;
				border-radius: 50%;
				background-size: 20px 20px;
			}


	.fb-popup-v2 .login-advantage-explanation:first-child {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.fb-popup-v2 .login-advantage-explanation:last-child {
		padding-top: 0;
		padding-bottom: 0;
	}

		.fb-popup-v2 .login-advantage-explanation:last-child p {
			margin-bottom: 0;
		}

	.fb-popup-v2 #register-now {
		margin: 15px 0;
		border-radius: 4px;
		border: solid 1px rgba(51, 51, 51, 0.6);
		font-size: 15px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.21px;
		color: #333333;
		padding: 18px 0;
		background-color: transparent;
	}


.cart-best-sellers-slider-v2 {
	padding: 30px 0;
}

	.cart-best-sellers-slider-v2 .owl-wrapper-outer {
		height: auto !important;
	}

	.cart-best-sellers-slider-v2 .owl-item > div {
		text-align: center;
		margin: 0 20px;
		border: 1px solid white;
		padding: 20px 0px;
	}

		.cart-best-sellers-slider-v2 .owl-item > div:hover {
			border: 1px solid black;
			-webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.1);
			box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.1);
		}

	.cart-best-sellers-slider-v2 .owl-buttons div {
		margin-top: -59px;
		background-color: #fff;
	}

	.cart-best-sellers-slider-v2 .owl-item > div a:hover {
		text-decoration: none;
	}

	.cart-best-sellers-slider-v2 .owl-item > div a .cart-best-seller-span {
		display: block;
		height: 41px;
		margin-bottom: 20px;
		margin-top: 20px;
		overflow: hidden;
		color: #666;
		font-size: 16px;
		font-weight: bold;
		float: none;
		margin-left: auto;
	}

.ciw-left .shopping-btn-container {
	margin-bottom: 40px;
}

.ciw-right #checkoutContinue {
	margin-bottom: 30px;
}

#FancyGiftSelect .variant-wrapper ul li {
	max-width: 50%;
	display: inline-block;
	width: 42%;
}

	#FancyGiftSelect .variant-wrapper ul li:nth-child(odd) {
		margin-right: 15px;
	}

.checkout-address-list.v2 * {
	font-family: 'Open Sans', Arial;
}

.checkout-address-list.v2 {
	margin-top: 30px;
}

	.checkout-address-list.v2 .head-row .address-title {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}

		.checkout-address-list.v2 .head-row .address-title > span {
			width: 44px;
			height: 44px;
			display: flex;
			background-color: #333333;
			border-radius: 50%;
			justify-content: center;
			align-items: center;
			margin-right: 15px;
		}

		.checkout-address-list.v2 .head-row .address-title .head-row-text {
			width: calc(100% - 59px);
			font-family: 'Open Sans', Arial;
		}

			.checkout-address-list.v2 .head-row .address-title .head-row-text span {
				display: block;
				font-family: 'Open Sans', Arial;
			}

				.checkout-address-list.v2 .head-row .address-title .head-row-text span:first-child {
					font-size: 15px;
					font-weight: bold;
					font-stretch: normal;
					font-style: normal;
					line-height: normal;
					letter-spacing: -0.33px;
					color: #333333;
				}

				.checkout-address-list.v2 .head-row .address-title .head-row-text span:last-child {
					font-size: 12px;
					font-weight: normal;
					font-stretch: normal;
					font-style: normal;
					line-height: normal;
					letter-spacing: normal;
					color: #333333;
					margin-top: 5px;
				}

	.checkout-address-list.v2 .add-new-address {
		background-color: #28a745;
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.57;
		letter-spacing: normal;
		color: #ffffff;
		padding: 10px 25px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-family: 'Open Sans', Arial;
	}

		.checkout-address-list.v2 .add-new-address img {
			margin-right: 15px;
		}

	.checkout-address-list.v2 .address-divider {
		width: 100%;
		height: 2px;
		border-radius: 4px;
		background-color: rgba(51, 51, 51, 0.11);
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.checkout-address-list.v2 label.address-label strong {
		font-size: 13px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.19px;
		color: #003770;
	}

	.checkout-address-list.v2 .address-wrapper {
		border-radius: 4px;
		border: solid 1px rgba(51, 51, 51, 0.16);
		overflow: hidden;
		padding-bottom: 15px;
	}

.useSameAdressEditButton {
	float: right !important;
	padding-right: 15px !important;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #0058f8;
	margin-top: 10px;
	text-decoration: none;
}

.checkout-address-list.v2 .address-wrapper #AddressEditButtonShipping,
.checkout-address-list.v2 .address-wrapper #AddressEditButtonBilling {
	float: left;
	padding-left: 15px;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #0058f8;
	margin-top: 10px;
	text-decoration: none;
}

	.checkout-address-list.v2 .address-wrapper #AddressEditButtonShipping img {
		margin-right: 5px;
		vertical-align: sub;
	}

.checkout-address-list.v2 .address-wrapper .address-validate-button {
	display: none;
	float: left;
	padding-left: 15px;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #00b300;
	margin-top: 10px;
	text-decoration: none;
}

	.checkout-address-list.v2 .address-wrapper .address-validate-button.visible {
		display: inline-block;
	}

	.checkout-address-list.v2 .address-wrapper .address-validate-button img {
		width: 16px;
		height: 16px;
		margin-right: 5px;
		vertical-align: sub;
	}

.checkout-address-list.v2 .address-wrapper .selected-address-item {
	padding: 15px;
}

.checkout-address-list.v2 .address-wrapper .selected-address-item,
.checkout-address-list.v2 .address-wrapper .address-list-custom {
	border: none;
}

.checkout-address-list.v2 .address-wrapper .address-item {
	border: none;
	padding: 10px 15px;
}

	.checkout-address-list.v2 .address-wrapper .address-item.selected {
		border-top: none;
		padding-top: 0;
	}

	.checkout-address-list.v2 .address-wrapper .address-item h2 {
		border-top: solid 1px rgba(51, 51, 51, 0.16);
		padding-top: 15px !important;
	}

	.checkout-address-list.v2 .address-wrapper .address-item h2,
	.checkout-address-list.v2 .address-wrapper .selected-address-item h2 {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #333333;
		padding: 0;
		margin-bottom: 10px;
	}

		.checkout-address-list.v2 .address-wrapper .address-item h2 + span,
		.checkout-address-list.v2 .address-wrapper .selected-address-item h2 + span {
			font-size: 12px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			color: #333333;
			margin-bottom: 15px;
			display: block;
		}

	.checkout-address-list.v2 .address-wrapper .address-item p,
	.checkout-address-list.v2 .address-wrapper .selected-address-item p {
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #333333;
	}

		.checkout-address-list.v2 .address-wrapper .address-item p strong,
		.checkout-address-list.v2 .address-wrapper .selected-address-item p strong {
			display: block;
			margin-top: 15px;
			font-size: 12px;
			font-weight: 600;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			color: #333333;
		}

	.checkout-address-list.v2 .address-wrapper .address-item svg,
	.checkout-address-list.v2 .address-wrapper .selected-address-item svg {
		width: 14px;
		height: 14px;
		margin-right: 10px;
	}

.checkout-address-list.v2 .cargo-status-holder {
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #28a745;
	margin-bottom: 10px;
}

	.checkout-address-list.v2 .cargo-status-holder img {
		margin-right: 6px;
		vertical-align: text-top;
	}

.checkout-address-list.v2 .cargo-status-info {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #333333;
}

.checkout-address-list.v2 .nd-standard-shipping {
	border-radius: 2px !important;
	border: solid 1px #0061c5 !important;
	background-color: transparent;
	margin-bottom: 0;
	padding: 0px !important;
	min-height: 85px !important;
	margin-bottom: 15px;
}

	.checkout-address-list.v2 .nd-standard-shipping:before {
		content: none;
	}

	.checkout-address-list.v2 .nd-standard-shipping .li-container img {
		width: 145px !important;
		margin: auto;
	}

#aras-cargo.nd-standard-shipping .li-container img {
	width: 110px !important;
}

.checkout-address-list.v2 .shipping-column .standard-cargo-list > li:not(.disabled):hover,
.checkout-address-list.v2 .shipping-column .standard-cargo-list > li.selected {
	border-width: 2px !important;
}

	.checkout-address-list.v2 .shipping-column .standard-cargo-list > li.selected:after {
		content: none !important;
	}

.checkout-address-list.v2 .nd-standard-shipping .li-container span {
	position: absolute;
	bottom: 9px;
	height: 20px !important;
	z-index: 9999;
	display: block;
}

.checkout-address-list.v2 .selected-cargo-name {
	height: 16px;
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #0061c5;
	margin-top: 10px;
	margin-bottom: 20px;
}

.checkout-address-list.v2 .shipping-column.active .shipping-head {
	margin-bottom: 30px;
}

.address-wrapper-v2 {
	display: flex;
	justify-content: space-around;
}

	.address-wrapper-v2 * {
		font-family: 'Open Sans';
	}

	.address-wrapper-v2 .left-side {
		width: 810px;
		max-width: 810px;
	}

	.address-wrapper-v2 .right-side {
		width: 300px;
		margin-top: 30px;
		align-self: flex-start;
	}



.checkout-address-page.cap-v2 {
	padding: 0;
}

.custom-order-summary {
	border-radius: 4px;
	border: solid 1px rgba(51, 51, 51, 0.1);
	padding: 41px 15px 30px;
	margin-bottom: 15px;
	position: relative;
}

	.custom-order-summary:after {
		content: "Sipariş Özeti";
		position: absolute;
		left: 7px;
		top: -10.5px;
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.2px;
		color: #333333;
		background-color: #fff;
		padding: 0 8px;
	}

	.custom-order-summary ul {
		list-style: none;
		margin: 0;
	}

		.custom-order-summary ul li {
			display: flex;
			flex-direction: row;
		}

			.custom-order-summary ul li img {
				max-width: 75px;
				margin-right: 10px;
			}

			.custom-order-summary ul li .summary-name {
				font-size: 13px;
				font-weight: 700;
				font-stretch: normal;
				font-style: normal;
				line-height: normal;
				letter-spacing: -0.19px;
				color: #333333;
				margin-bottom: 10px;
			}

			.custom-order-summary ul li .summary-attr {
				font-size: 13px;
				font-weight: normal;
				font-stretch: normal;
				font-style: normal;
				line-height: normal;
				letter-spacing: -0.19px;
				color: #333333;
			}

			.custom-order-summary ul li:not(:last-child) {
				margin-bottom: 15px;
				padding-bottom: 15px;
				border-bottom: 1px solid rgba(51, 51, 51, 0.1);
			}

.checkout-pay-page #divOrderTotalsChanged,
.address-wrapper-v2 #divOrderTotalsChanged {
	border-radius: 4px;
	border: solid 1px rgba(51, 51, 51, 0.1);
	padding: 30px 15px;
	margin-bottom: 15px;
	position: relative;
}

.checkout-address-list.v2 .gift-note-wrapper span {
	margin-top: 0;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.19px;
	color: #333333;
	margin-bottom: 10px;
}

.checkout-address-list.v2 #giftnotetext {
	border-radius: 4px;
	border: solid 1px rgba(0, 55, 112, 0.2);
	background-color: rgba(0, 55, 112, 0.04);
	font-size: 13px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.19px;
	color: #003770;
	padding: 20px;
}

	.checkout-address-list.v2 #giftnotetext::placeholder {
		font-size: 13px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.19px;
		color: #003770;
	}

.checkout-address-list.v2 .address-page-buttons {
	margin-top: 40px;
}

.checkout-address-list.v2 .slot-wrapper {
	border: solid 1px rgba(51, 51, 51, 0.16);
	background-color: transparent;
}

.address-wrapper-v2 .right-btn {
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.21px;
	color: #ffffff;
	margin: 30px 0px;
}


.new-address-form * {
	font-family: 'Open Sans', Arial;
}

.new-address-form .animated-label {
	position: relative;
	left: 0;
	margin-bottom: 10px;
	display: block !important;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	opacity: 1 !important;
	line-height: normal;
	letter-spacing: -0.19px;
	color: #333333;
}

	.new-address-form .animated-label + input,
	.new-address-form .animated-label + select,
	.new-address-form .animated-label + textarea {
		border-radius: 4px;
		border: solid 1px rgba(0, 55, 112, 0.2);
		background-color: rgba(0, 55, 112, 0.04);
		height: 56px;
		padding: 20px;
		font-size: 13px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.19px;
		color: #003770 !important;
	}

	.new-address-form .animated-label + select {
		padding: 0 20px;
		background-image: url("/Themes/Supplementler/Content/images/cart-icons/address-dd-down.svg");
		background-repeat: no-repeat;
		background-position: right 22px center;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.new-address-form .animated-label + textarea {
		height: 120px;
	}

.new-address-form #AddAddressButton,
.new-address-form #EditAddressButton {
	font-size: 15px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.21px;
	color: #ffffff;
	padding: 18px 98px;
	text-shadow: none;
	background-color: #28a745;
}

.new-address-form .address-type {
	border: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
}

	.new-address-form .address-type:before {
		width: 20px;
		height: 20px;
		border-radius: 50%;
	}

	.new-address-form .address-type.selected:before {
		background: none;
	}

	.new-address-form .address-type.selected:after {
		width: 12px;
		height: 12px;
		content: "";
		background-color: #0057a4;
		position: absolute;
		border-radius: 50%;
		left: 4.3px;
		top: 4.5px;
	}

.new-address-form .address-type-holder {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

	.new-address-form .address-type-holder label {
		margin-right: 30px;
		margin-bottom: 0;
	}

	.new-address-form .address-type-holder div a {
		width: 92px;
		font-size: 13px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.19px;
		color: #003770;
	}

	.new-address-form .address-type-holder div {
		display: flex;
		margin-top: 10px;
	}

.new-address-form h2 {
	font-size: 15px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.2px;
	color: #333333;
	margin: 0;
	padding-bottom: 30px;
	border-bottom: 2px solid rgba(51, 51, 51, 0.11);
	margin-bottom: 10px;
	margin-top: 10px;
}

.checkout-address-list.v2 .slot-wrapper .sameday-delivery-list li:not(.disabled-slot) label {
	font-weight: bold;
}

.checkout-address-list.v2 .shipping-column .shipping-head div {
	margin-right: 17px;
	margin-left: 10px;
}

/* New Checkout Pages END */
/*social prof css merge-conflict*/
.social-proof {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-image: linear-gradient(to bottom, #fcfcfc, #f6f6f6);
	height: 110px;
	padding: 0 15px;
}

	.social-proof .sp-left {
		max-width: 45%;
		width: 45%;
		font-size: 16px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.25px;
		color: #003770;
	}

	.social-proof .sp-rates {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		max-width: 55%;
		width: 55%;
	}

		.social-proof .sp-rates > .rate {
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: flex-start;
			margin-left: 15px;
			margin-right: 15px;
		}

			.social-proof .sp-rates > .rate img {
				margin-top: 3px;
			}

			.social-proof .sp-rates > .rate .sp-rate-info {
				margin-left: 10px;
			}

				.social-proof .sp-rates > .rate .sp-rate-info > div:first-child {
					font-size: 26px;
					font-weight: bold;
					font-stretch: normal;
					font-style: normal;
					line-height: normal;
					letter-spacing: normal;
					color: #464646;
				}

					.social-proof .sp-rates > .rate .sp-rate-info > div:first-child span {
						font-size: 14px;
					}

				.social-proof .sp-rates > .rate .sp-rate-info > div:last-child {
					font-size: 12px;
					font-weight: normal;
					font-stretch: normal;
					font-style: normal;
					line-height: normal;
					letter-spacing: normal;
					color: #464646;
				}

.checkout-pay-page-v2 {
	display: flex;
	justify-content: space-around;
	padding: 30px 35px;
}

	.checkout-pay-page-v2 .left-side {
		width: 810px;
		max-width: 810px;
		position: relative;
		left: -15px;
	}

	.checkout-pay-page-v2 .right-side {
		width: 300px;
		margin-top: 30px;
		align-self: flex-start;
	}

.payment-tab-container-v2 {
	display: flex;
	justify-content: space-around;
	padding: 30px 0;
}

	.payment-tab-container-v2 .payment-tab-box-v2 {
		width: 100%;
	}

.payment-container-form {
	display: flex;
	justify-content: space-between;
	width: 745px;
}

	.payment-container-form .tab_container {
		width: 350px;
	}

	.payment-container-form #installmentstablecontainer {
		width: 294px;
		padding-right: 40px;
	}

.money-transfer-process {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-bottom: 30px;
	margin-top: 5px;
}

	.money-transfer-process .process-first,
	.money-transfer-process .process-second,
	.money-transfer-process .process-third {
		width: 250px;
		background-color: rgba(51, 51, 51, 0.07);
		padding: 10px;
		display: flex;
	}

		.money-transfer-process .process-first img,
		.money-transfer-process .process-second img,
		.money-transfer-process .process-third img {
			width: 35px;
			padding: 6px;
		}

	.money-transfer-process .process-first {
		background-color: rgba(51, 51, 51, 0.07);
	}

	.money-transfer-process .process-second {
		background-color: rgba(51, 51, 51, 0.1);
	}

	.money-transfer-process .process-third {
		background-color: rgba(51, 51, 51, 0.13);
	}

	.money-transfer-process h6 {
		font-size: 14px;
		font-weight: bold;
		color: #013c77;
		padding: 0;
		margin: 0;
	}

	.money-transfer-process p {
		font-size: 12px;
		padding: 0;
		margin: 0;
		color: #222222;
	}

.bank-list-container .clearfix .address-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #333333;
}

.bank-list-container .clearfix .process-title {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.2px;
	color: #333333;
}

#creditcardondelivery_container,
#cashondelivery_container {
	border-radius: 4px;
	border: solid 1px #f4faff;
	background-color: #f4faff;
	padding: 30px;
}

	#creditcardondelivery_container h2,
	#cashondelivery_container h2 {
		margin: 0;
		font-size: 14px;
		padding-left: 0;
		font-weight: 600;
		color: #333333;
	}

.add-new-card-container {
	margin: 20px 0;
}

.add-new-card {
	float: left;
	color: #0061c5;
	border: 1px solid #0061c5;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	padding: 11px 57px;
	width: 250px;
	margin-right: 11px;
	cursor: pointer;
}

	.add-new-card:hover,
	.active-tab {
		text-decoration: none;
		display: block;
	}


	.add-new-card img {
		float: left;
		width: 12px;
		height: 12px;
		margin-top: 3px;
		margin-right: 8px;
	}

.card-review {
	width: 280px;
	height: 120px;
	padding: 20px 25px;
	border-radius: 6px;
	border: solid 1px rgba(34, 34, 34, 0.09);
}

	.card-review .card-type img {
		width: 30px;
	}

	.card-review h2 {
		font-size: 18px;
		color: #333333;
		letter-spacing: 0.06rem;
		margin: 18px 0px;
	}

	.card-review .card-info .card-info-name {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

		.card-review .card-info .card-info-name p {
			font-size: 14px;
			margin: 0;
			font-weight: 100;
		}

		.card-review .card-info .card-info-name strong {
			font-size: 14px;
		}

.completed-info-boxes .alert {
	display: flex;
	flex-direction: row;
	padding: 5px;
}

	.completed-info-boxes .alert svg {
		margin: 7px 9px;
	}

	.completed-info-boxes .alert strong {
		font-family: "Open Sans", sans-serif;
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.29;
		margin: 4px;
		letter-spacing: normal;
	}

	.completed-info-boxes .alert p {
		margin: 10px 0px 6px;
		font-size: 14px;
		color: #333333;
		line-height: 1.29;
	}

.completed-page-content-v2 {
	display: flex;
	justify-content: space-between;
}

	.completed-page-content-v2 .left-side {
		width: 780px;
		display: flex;
		flex-direction: column;
	}

		.completed-page-content-v2 .left-side h4 {
			text-align: left;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: -0.2px;
			color: #333333;
			margin-top: 30px;
		}

		.completed-page-content-v2 .left-side .bank-detail .bank-account {
			display: flex;
		}

		.completed-page-content-v2 .left-side .bank-list-container {
			padding: 30px;
			border-radius: 6px;
			border: solid 1px rgba(51, 51, 51, 0.1);
			background-color: #ffffff;
		}

			.completed-page-content-v2 .left-side .bank-list-container .info-box:not(.no-icon) {
				background-image: none;
				padding: 25px;
				text-align: left;
			}

			.completed-page-content-v2 .left-side .bank-list-container .info-box h4 {
				text-align: left;
				margin-top: 0px;
			}

	.completed-page-content-v2 .left-side {
		width: 780px;
		display: flex;
		flex-direction: column;
	}

		.completed-page-content-v2 .left-side h4 {
			text-align: left;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: -0.2px;
			color: #333333;
			margin-top: 30px;
		}

.completed-address-v2 h4 {
	font-size: 13px;
	letter-spacing: -0.19px;
	color: #333333;
	text-align: left;
}

.completed-address-v2 .address {
	padding: 15px;
	border-radius: 4px;
	border: solid 1px rgba(51, 51, 51, 0.1);
	background-color: #ffffff;
	margin: 15px 0;
	width: 100%;
	font-weight: 400;
	text-align: left;
	color: #333333;
}

	.completed-address-v2 .address .address-name {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 15px;
	}

	.completed-address-v2 .address .address-phone,
	.completed-address-v2 .address .address-info {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.completed-address-v2 .address .address-country {
		font-size: 12px;
		font-weight: 600;
	}

.completed-cart-items-v2 .product-subtotal {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	padding: 0 0 0 129px;
}

	.completed-cart-items-v2 .product-subtotal span {
		font-weight: bold;
		font-size: 14px;
		width: 87px;
	}

	.completed-cart-items-v2 .product-subtotal mark {
		width: 118px;
		background-color: #f73d04;
		color: white;
		padding: 3px;
		border-radius: 6px;
	}

.alert-success {
	border-radius: 3px;
	border: solid 1px rgba(40, 167, 69, 0.2);
	background-color: rgba(40, 167, 69, 0.06);
	color: #28a745;
}

.alert-primary {
	border-radius: 3px;
	border: solid 1px rgba(0, 88, 248, 0.1);
	background-color: rgba(0, 88, 248, 0.06);
	color: #0058f8;
}

.alert-secondary {
	border-radius: 3px;
	border: solid 1px rgba(255, 193, 7, 0.1);
	background-color: rgba(255, 193, 7, 0.1);
}

.alert.alert-success strong {
	padding-top: 5px;
}

.completed-page-content-v2 .right-side a {
	text-decoration: none;
}

.completed-page-content-v2 .cash-on-delivery-container,
.completed-page-content-v2 .creditcard-on-delivery-container {
	border-radius: 4px;
	border: solid 1px #f4faff;
	background-color: #f4faff;
	padding: 30px;
}

.total-discount-list {
	color: red !important;
}

.completed-page-content-v2 .right-side {
	margin-top: 15px;
	width: 300px;
}

.completed-page-content-v2 .cart-items-container {
	margin: 0;
}

.completed-page-content-v2 .cart-divider {
	width: 780px;
}

.completed-page-content-v2 .cart-items-row .product-quantity {
	width: 122px;
	padding-top: 38px;
	padding-left: 9px;
}

.completed-page-content-v2 .cash-on-delivery-container,
.completed-page-content-v2 .creditcard-on-delivery-container {
	text-align: start
}

	.completed-page-content-v2 .cash-on-delivery-container .page-title,
	.completed-page-content-v2 .creditcard-on-delivery-container .page-title {
		font-size: 14px;
		padding-left: 0;
		font-weight: 600;
		border: none;
		color: inherit;
	}

.completed-page-content-v2 .bank-image.ptt {
	padding: 0;
	width: 45px;
}

.completed-page-content-v2 .company-bank-branch {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.completed-page-content-v2 .company-bank-branchname,
.completed-page-content-v2 .company-bank-account small {
	text-align: left;
}

.completed-page-content-v2 .bank-detail .bank-account .bank-account-info {
	align-items: flex-start;
}

.alisveris-kredisi-info {
	border-radius: 4px;
	padding: 8px;
	margin: 15px 0px;
	color: #003770;
	background-color: rgba(0, 55, 112, 0.08);
	font-weight: 500;
	border: solid 1px rgba(51, 51, 51, 0.1);
}

.payment_taksit_monthly {
	margin-left: 10px;
}

.gift-select-option-v2 {
	padding: 5px 20px !important;
	border-radius: 3px;
	border: solid 1px rgba(34,34,34,.11);
	width: calc(50% - 8px);
	background-color: transparent;
	margin: 16px 0px 4px 10px !important;
}


/*size chart */
.size-chart-table tr > td:nth-of-type(1) {
	font-size: 13px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: rgba(0, 0, 0, 0.8);
}

table.size-chart-table td:hover {
	color: #fff !important;
	box-shadow: 0 1px 6px 0 rgba(12,142, 253, 0.6);
	background-color: #026acb;
}

div#sizeChartDesktopModal .modal-title {
	width: 145px;
	height: 22px;
	object-fit: contain;
	font-size: 16px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin: 8px 0 0 0;
}

.modal-header::after {
	content: '';
	display: block;
	clear: both;
}

.size-chart-close {
	border-radius: 4px;
	border: solid 2px rgba(32, 32, 32, 0.3);
	float: right;
	background: #fff;
	width: 96px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 30px;
	letter-spacing: normal;
	color: rgba(32, 32, 32, 0.6);
}

div#sizeChartDesktopModal {
	width: 970px;
	height: 563px;
	margin-left: -461px;
	display: none;
	border-radius: 10px !important;
	overflow: hidden;
}

#sizeChartDesktopModal .modal-body {
	padding: 0;
	max-height: none;
	background-color: #f6f6f6;
}

.size-chart-left-column { /* float: left; */
	width: 50%;
	padding: 30px 15px 30px 30px;
	box-sizing: border-box;
}

.size-chart-right-column { /* float: right; */
	width: 50%;
	background: #fff;
}

.size-chart-gender-tab {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.size-chart-gender-tab > li {
	display: inline-block;
}

.size-chart-gender-button > span {
	display: inline-block;
	object-fit: contain;
	font-size: 14px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	padding-bottom: 5px;
}

.size-chart-sub-tab {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	display: none;
}

.size-chart-gender-button.active > span {
	color: #026acb;
	border-bottom: 2px solid #026acb !important;
	font-weight: 800;
}

.size-chart-table {
	table-layout: fixed;
	border-spacing: 4px !important;
	border-collapse: inherit;
	object-fit: contain;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.8);
	display: none;
	text-align: center;
	margin-left: -4px;
}

.foot-column {
	width: 147px !important;
}

.size-chart-table tr:nth-of-type(1) td {
	height: 38px;
	object-fit: contain;
	font-size: 12px;
	font-weight: 800 !important;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.6) !important;
}

table.size-chart-table td {
	background: #fff;
	width: 99px;
	height: 46px;
}

.size-chart-sub-tab.tab-menu > li {
	display: inline-block;
	margin-right: 8px;
}

.size-chart-sub-button {
	border: 1px solid #e3e3e3;
	height: 34px;
	border-radius: 2px;
	object-fit: contain;
	font-size: 13px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #202020;
	padding: 0 33px;
	background: #e3e3e3;
}

	.size-chart-sub-button.active {
		background: none;
		border-color: #202020;
	}

.custom-scroll {
	overflow-y: auto;
	max-height: 362px;
	overflow-x: hidden;
	padding-right: 15px;
	margin-top: 15px;
}

	.custom-scroll::-webkit-scrollbar-track {
		border-radius: 2px;
		background-color: #d8d8d8;
	}

	.custom-scroll::-webkit-scrollbar {
		width: 4px;
		border-radius: 2px;
		background-color: #d8d8d8;
	}

	.custom-scroll::-webkit-scrollbar-thumb {
		border-radius: 2px;
		background-color: #202020;
	}

table.size-chart-table.active {
	display: table;
}

.size-chart-image {
	display: none;
	margin-left: 26px;
	margin-top: 33px;
}

	.size-chart-image.active {
		display: block;
	}

.flex-image {
	width: 460px;
	height: 444px;
	object-fit: contain;
}

.size-chart-gender-button {
	padding: 0 43px 0 0;
	border: 0;
	background: none;
}

.size-chart-sub-tab.tab-menu.active {
	display: block;
}

.size-chart-gender-button:focus {
	outline: none;
}

.size-chart-sub-button:focus {
	outline: none;
}


button#sizeChartButton:focus {
	outline: none;
}

.mobile-size-chart-acordeon {
	list-style: none;
	margin: 0;
	padding: 0;
}

.size-chart-acordeon-button {
	display: none;
}

.size-chart-acordeon-content.hide-desktop {
	display: none;
}

.size-chart-table tr:nth-of-type(1) td:hover {
	color: #fff !important;
}

#sizeChartDesktopModal .modal-header {
	padding: 15px 30px;
}

.size-chart-acordeon-content {
	display: flex;
}

button#sizeChartButton {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cpath d='M15.165 9.385l2.718-1.67c.072-.045.117-.123.117-.208v-1.5c0-.025-.004-.05-.012-.075l-1.532-4.253c-.016-.039-.041-.073-.074-.1-.023-.027-.051-.047-.083-.06L13.32.264c-.027-.018-.056-.029-.088-.035L11.893.004c-.07-.013-.143.007-.197.053-.054.047-.086.114-.086.186 0 1.329-1.169 2.412-2.606 2.412-1.438 0-2.61-1.079-2.61-2.408.001-.072-.03-.14-.084-.187-.055-.048-.127-.068-.198-.056l-1.34.224c-.013.003-.025.007-.037.012h-.02L1.7 1.52c-.064.029-.113.083-.134.149-.01.012-.016.024-.022.037L.013 5.95c-.008.024-.013.05-.013.076v1.5c.001.085.045.163.117.207l2.72 1.67c.023.014.048.024.075.03v2.209H.269c-.135 0-.244.109-.244.244v4.291c0 .065.026.127.071.173.046.046.108.071.173.071h2.629v1.951c0 .065.025.127.071.172.046.047.108.072.173.072h.349v1.14c0 .064.025.126.071.172.046.045.108.071.173.071H14.23c.064 0 .126-.026.172-.071.046-.046.072-.108.072-.173v-1.129h.383c.065 0 .127-.025.173-.071.045-.046.071-.108.071-.173v-1.95h2.629c.065 0 .126-.026.172-.072.046-.046.072-.107.072-.172v-4.297c0-.065-.026-.127-.072-.173-.046-.045-.107-.071-.172-.071H15.1V9.414c.023-.007.044-.016.064-.03zm2.348-2.015L15.1 8.858v-1.12c.023-.002.044-.009.065-.018l2.358-1.3v.95h-.011zm-.057-1.476l-2.355 1.304V5.186l1.098-2.775 1.257 3.483zM5.921.53C6.07 1.998 7.398 3.147 9 3.147c1.6 0 2.929-1.149 3.08-2.614l.86.144c-.113 1.921-1.836 3.453-3.94 3.453-2.105 0-3.822-1.532-3.937-3.453l.86-.147zM1.804 2.423l1.093 2.763v2.038L.53 5.92l1.274-3.496zM.488 7.397v-.95l2.358 1.3c.02.009.043.015.065.018v1.12L.488 7.396zm13.52 12.115H4v-.885h10.007v.885zm.605-1.372H3.385v-1.707h11.228v1.707zm.683-5.075c.065 0 .127-.026.173-.072.045-.046.071-.108.071-.173v-.684h1.953v3.798H.513v-3.798h1.952v.684c0 .136.11.244.245.244.134 0 .244-.108.244-.244v-.684h1.084v1.28c0 .134.108.244.244.244.134 0 .244-.11.244-.244v-1.28H5.61v.684h-.001c0 .136.11.244.244.244.135 0 .244-.108.244-.244v-.684H7.18v1.28c0 .134.109.244.244.244.134 0 .244-.11.244-.244v-1.28h1.086v.684c0 .136.11.244.244.244s.244-.108.244-.244v-.684h1.084v1.28c0 .134.109.244.244.244s.244-.11.244-.244v-1.28H11.9v.684c0 .136.109.244.243.244.136 0 .244-.108.244-.244v-.684h1.084v1.28c0 .134.11.244.245.244.134 0 .244-.11.244-.244v-1.28h1.084v.684c0 .135.107.243.24.244l.013.001zm-.683-8.016c-.012.029-.018.06-.018.09v6.509H3.385v-6.51c.006-.029.006-.06 0-.089L2.113 1.88 4.59.833c.196 2.117 2.102 3.785 4.416 3.785 2.314 0 4.213-1.669 4.41-3.783l2.473 1.041-1.276 3.173z'/%3E%3C/svg%3E%0A");
	padding: 9px 0 9px 9px;
	text-decoration: none;
	border: 0;
	float: right;
	object-fit: contain;
	font-family: NunitoSans;
	font-size: 13px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-color: white;
	text-indent: 20px;
	margin-right: 10px;
	position: relative !important;
	top: -5px !important;
}

	button#sizeChartButton:focus {
		outline: none;
	}

.size-chart-table {
	table-layout: fixed;
	border-spacing: 4px !important;
	border-collapse: inherit;
	object-fit: contain;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.8);
	display: none;
	text-align: center;
	margin-left: -4px;
}

	.size-chart-table tr:nth-of-type(1) td {
		height: 38px;
		object-fit: contain;
		font-size: 12px;
		font-weight: 800 !important;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: rgba(0, 0, 0, 0.6) !important;
	}

table.size-chart-table td {
	background: #fff;
	width: 99px;
	height: 46px;
}

.size-chart-sub-tab.tab-menu > li {
	display: inline-block;
	margin-right: 8px;
}

.size-chart-sub-button {
	border: 1px solid #e3e3e3;
	height: 34px;
	border-radius: 2px;
	object-fit: contain;
	font-size: 13px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #202020;
	padding: 0 33px;
	background: #e3e3e3;
}

	.size-chart-sub-button.active {
		background: none;
		border-color: #202020;
	}
/*size chart */
/*gift select*/
.gift-select-option-v2 {
	padding: 5px 20px;
	border-radius: 3px !important;
	border: solid 1px rgba(34, 34, 34, 0.11) !important;
	width: 227px !important;
	margin-top: 16px;
	background-color: transparent;
	text-align-last: left;
	display: flex;
	align-items: center;
}

}
/*.gift-select-option-v2:after {
	content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    top: 50%;
    margin-top: -13px;
    right: 20px;
    left: initial;
    border-radius: 50%;
    border: solid 2px rgba(34, 34, 34, 0.2);
}*/

.gift-select-option-v2 span {
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #013c77;
}

.gift-select-option-v2:hover {
	border: solid 3px #013c77 !important;
	padding: 3px 18px !important;
}

.orders-content .account-page .page-title {
	width: 100%;
}

.gridemptycontent {
	display: inline-block
}

#FancyGiftSelect .variant-wrapper {
	max-height: auto !important;
	overflow: hidden !important;
}

	#FancyGiftSelect .variant-wrapper ul {
		text-align-last: center;
	}

/* Global */
.through {
	text-decoration: line-through;
}

.nowrap {
	white-space: nowrap;
}

.shipping-head .through, .checkout-order-totals-v2 .through, .loyal-faq .through {
	margin-right: 5px;
}

/*Live Maps*/

.google-map-row {
	width: 100%;
}

	.google-map-row .map-column {
		position: relative;
	}

		.google-map-row .map-column .google-map-search {
			position: absolute;
			top: 15px;
			left: 0;
			right: 0;
			z-index: 1;
			width: 95%;
			display: flex;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
		}

		.google-map-row .map-column #map_canvas {
			height: 50vh;
		}

	.google-map-row .form-column {
		padding: 15px;
	}

		.google-map-row .form-column input:focus,
		.google-map-row .map-column input:focus {
			outline: none;
		}

		.google-map-row .form-column input,
		.google-map-row .map-column input {
			width: 100% !important;
			font-size: 18px !important;
			padding: 15px 40px !important;
			border: 1px solid #efefef !important;
		}

			.google-map-row .form-column input:not(:last-child) {
				margin-bottom: 30px;
			}



.useLocationButton {
	width: 130px;
	height: 45px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/konum2.svg") no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	background-color: #757575;
	border-radius: 6px;
}

.autocomplete-results {
	margin: 0 auto;
	right: 0;
	left: 0;
	position: absolute;
	display: none;
	background-color: white;
	width: 320px;
	padding: 0;
	list-style-type: none;
	margin: 0 auto;
	border: 1px solid #d2d2d2;
	border-top: 0;
	box-sizing: border-box;
	z-index: 1;
	width: 95%;
	top: 67px;
}

.autocomplete-results-edit {
	margin: 0 auto;
	right: 0;
	left: 0;
	position: absolute;
	display: none;
	background-color: white;
	width: 320px;
	padding: 0;
	list-style-type: none;
	margin: 0 auto;
	border: 1px solid #d2d2d2;
	border-top: 0;
	box-sizing: border-box;
	z-index: 1;
	width: 95%;
	top: 67px;
}

.autocomplete-item {
	padding: 5px 5px 5px 35px;
	height: 26px;
	line-height: 26px;
	border-top: 1px solid #d9d9d9;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.autocomplete-icon {
	display: block;
	position: absolute;
	top: 7px;
	bottom: 0;
	left: 8px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}

	.autocomplete-icon.icon-localities {
		background-image: url(https://images.woosmap.com/icons/locality.svg);
	}

.autocomplete-item:hover .autocomplete-icon.icon-localities {
	background-image: url(https://images.woosmap.com/icons/locality-selected.svg);
}

.autocomplete-item:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}

.autocomplete-results::after {
	content: "";
	padding: 1px 1px 1px 0;
	height: 18px;
	box-sizing: border-box;
	text-align: right;
	display: block;
	background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 120px 14px
}

.payment-type-on-grid {
	pointer-events: all !important;
}
.ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    stroke-width: 0;
    stroke: currentColor;
    /*fill: currentColor;*/
    vertical-align: top;
    margin-top: -1px;
}

.ico-arrow {
    margin-top: 5px;
    height: 13px;
    margin-left: 4px;
}

svg {
    fill: #FFF;
}

.cleanbutton {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.cfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.cfix {
    display: inline-block;
}

html[xmlns] .cfix {
    display: block;
}

* html .cfix {
    height: 1%;
}

.cleft {
    clear: left;
}

.cright {
    clear: right;
}

.cboth {
    clear: both;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.aleft {
    text-align: left;
}

.aright {
    text-align: right;
}

.acenter {
    text-align: center;
}

.ajustify {
    text-align: justify;
}

.vtop {
    vertical-align: top;
}

.vcenter {
    vertical-align: middle;
}

.vbottom {
    vertical-align: baseline;
}

.inv_left_panel {
    vertical-align: top;
}

.fit_finder {
    display: block;
    height: 148px;
    margin-bottom: 15px;
    position: relative;
    width: 198px;
    background: #fff;
    border: 1px solid #CCC;
    cursor: pointer;
}

.ft_fndr_1 span {
    display: block;
    font-family: Arial;
    font-weight: 700;
    font-size: 12px;
    color: #f73d04;
}

.ft_fndr_1 {
    font-family: Arial;
    font-weight: 400;
    font-size: 24px;
    color: #4f88c0;
    line-height: 17px;
    position: absolute;
    top: 25px;
    left: 10px;
}

.ft_fndr_2 p {
    font-family: verdana;
    font-weight: 400;
    font-size: 11px;
    color: #555;
    position: absolute;
    bottom: 0;
    left: 10px;
    line-height: 17px;
}

    .ft_fndr_2 p span {
        font-family: verdana;
        font-weight: 400;
        font-size: 12px;
        color: #ff6000;
    }

    .ft_fndr_2 p strong {
        font-family: verdana;
        font-weight: 700;
        font-size: 12px;
        color: #646464;
    }

.left_pane {
    float: left;
}

.kategori_sec {
    padding-top: 5px;
}

.detayli_arama {
    background: #f3f3f3;
    height: 173px;
}

    .detayli_arama label {
        float: none;
        font: normal 10px arial;
        color: #525252;
        padding: 0;
        margin-left: 10px;
    }

    .detayli_arama select {
        width: 180px;
        height: 22px;
        padding: 0;
        margin-left: 10px;
        margin-bottom: 5px;
        font-size: 11px;
    }

.detayli_arama_baslik {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/user_login.png) top left repeat-x;
    padding: 8px 0;
}

    .detayli_arama_baslik span {
        font: bold 12px arial;
        color: #fff;
    }

    .detayli_arama_baslik img {
        padding: 0 5px 0 10px;
    }

.detayli_arama_input {
    margin-left: 5px;
    padding-bottom: 10px;
}

    .detayli_arama_input a {
        font: bold 13px arial;
        color: #fff;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/search_buton_bg_2.png) top left repeat-x;
        display: block;
        float: right;
        width: 26px;
        margin-top: 6px;
        margin-right: 8px;
        padding: 3px 11px;
    }

        .detayli_arama_input a:hover {
            color: #fff;
        }

    .detayli_arama_input input {
        width: 120px;
        padding: 0 3px;
        margin-left: 6px;
        height: 20px;
        margin-bottom: 0;
        font-size: 11px;
        margin-top: 6px;
    }

.inv_content_panel {
    vertical-align: top;
}

.inv_right_panel {
    width: 180px;
    vertical-align: top;
    padding-left: 15px;
}

.in_header {
    position: relative;
    display: block;
}

.in_footer {
    position: relative;
    display: block;
}

.inv_login {
    padding: 10px;
    background: #f5f5f5;
}

    .inv_login table {
        background: #fff;
    }

.in_header .header-banner {
    position: absolute;
    left: 318px;
    top: 28px;
}

.in_header .custemer-service {
    left: 403px;
    position: absolute;
    top: 42px;
}

.in_header .user-menu a {
    text-decoration: none;
    color: #333;
    font-size: 11px;
}

    .in_header .user-menu a:hover {
        text-decoration: underline;
    }

.in_header .content-menu {
    position: absolute;
    right: -5px;
    top: 0;
    padding: 8px 0;
}

    .in_header .content-menu a img {
        margin: 0;
    }

    .in_header .content-menu a.content_menu_link {
        margin: 0 3px;
        font: bold 11px arial;
        color: #d7d7d7;
        padding-right: 2px;
    }

    .in_header .content-menu a:hover {
        text-decoration: none;
        color: #fff;
    }

.fittest a {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ffbg.jpg) repeat-x 0 3px transparent;
    padding-left: 5px;
}

    .fittest a:hover {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ffbg2.jpg) repeat-x 0 3px transparent;
    }

    .fittest a span {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/fittest.png) no-repeat scroll left top transparent;
        display: inline-block;
        margin-top: -4px;
        padding-top: 4px;
        padding-left: 20px;
    }

    .fittest a:hover span {
        color: #fff;
    }

    .fittest a.selected span {
        color: #fff;
    }

.bodyforumtr span {
    color: #5495ed;
}

.bodyforumtr:hover span {
    color: #fff;
}

.left-menu {
    margin: 0;
    display: block;
    position: relative;
}

    .left-menu a {
        font-weight: 700;
        color: #666;
        text-decoration: none;
        display: block;
        padding: 10px;
        background: #eee;
        outline: 0;
    }

        .left-menu a.selected {
            background: #fff;
            color: #f73d04;
        }

.sub-block-2 img {
    position: absolute;
    top: 16px;
    left: 127px;
}

.sub-block-2 ul li {
    padding: 2px 0;
}

    .sub-block-2 ul li a {
        color: #333;
        font: normal 11px arial;
        padding: 5px 10px;
        display: block;
    }

ul li a:hover {
    text-decoration: none;
    color: #92b7e0;
}

.in_footer .container {
    width: 990px;
    background: #042f62 url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ftr.png) top left repeat-x;
}

.in_footer .in_wrapper {
    min-height: 330px;
    padding-bottom: 20px;
}

.filter.menufilter.category-menu li {
    padding: 0;
}

.in_footer a {
    text-decoration: none;
}

.in_footer .copyright {
    font: normal 11px Verdana,Geneva,sans-serif;
    padding: 15px 0 0;
}

    .in_footer .copyright a {
        text-decoration: underline;
        color: #e61213;
    }

        .in_footer .copyright a:hover {
            text-decoration: none;
        }

.footer_1 {
    margin: 0 auto;
    display: block;
    width: 100%;
}

    .footer_1 td {
        padding: 9px;
    }

.footer_links {
    width: 135px;
    float: left;
    padding: 15px 0;
    margin-left: 0;
}

    .footer_links.footer_categories {
        width: 96%;
    }

        .footer_links.footer_categories ul {
            float: left;
        }

            .footer_links.footer_categories ul li {
                float: left;
            }

    .footer_links ul li a {
        padding: 0;
        display: inline-block;
        font: normal 11px/20px arial !important;
    }

.footer_head {
    padding: 14px 0;
    font: bold 14px arial;
    color: #fff;
    padding-bottom: 6px;
    display: block;
    border-bottom: 1px solid #47678f;
    margin-right: 25px;
    margin-bottom: 10px;
}

.e-bulten {
    float: left;
    width: 200px;
}

.newsletter {
    padding-bottom: 25px;
}

    .newsletter input[type="submit"] {
        font: bold 12px arial;
        color: #fff;
        margin: 0;
        float: none;
        padding: 5px 7px;
        background: #f73d04;
    }

    .newsletter input[type="button"] {
        font: bold 12px arial;
        color: #fff;
        margin: 0;
        float: none;
        padding: 5px 7px;
        background: #f73d04;
    }

    .newsletter input[type=text] {
        border: 1px solid #417ec2;
        padding: 3px 5px;
        margin: 0;
        font: normal 11px arial;
        color: #333;
        border-right: 0;
        width: 135px;
    }

    .newsletter p {
        font: normal 11px arial;
        color: #d7d7d7;
        padding-top: 10px;
    }

.social_sharing_space li a {
    float: left;
    padding-right: 5px;
}

.footer_bottom {
    clear: both;
    padding: 5px 0;
    width: 960px;
    margin: 0 auto;
}

.facebook_like_box {
    border: 0;
    float: right;
    overflow: hidden;
    margin: 28px;
    margin-left: 0;
}

.fb-like-box {
    margin-left: -2px;
    margin-top: -2px;
}

.newsletter {
    padding-bottom: 0;
    overflow: hidden;
}

.in_footer {
    background: none repeat scroll 0 0 #123e73;
    margin: 0 auto;
    width: 990px;
}

.in_sign {
    display: block;
    clear: both;
    text-align: center;
    padding-top: 10px;
}

.footerbase {
    text-align: center;
    font: normal 12px Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #999;
    background: #ddd;
    margin: 0 auto;
    width: 990px;
    padding: 10px 0;
    float: none;
}

.footer_brands {
    width: 970px;
    height: 40px;
    overflow: hidden;
    padding: 10px;
    margin: 10px auto 0;
    position: relative;
    padding-bottom: 25px;
}

    .footer_brands ul li {
        float: left;
    }

.module-content {
    position: relative;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
}

.productgrouplist-module .module-content {
    padding-bottom: 0;
    padding-top: 0;
}

.categoryfilter-module .module-content {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 0;
}

.categoriesmenu-module .module-content {
    border-top: 0;
    padding: 0;
}

.contentmenu-module .module-content {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 0;
}

.htmlcontent-module .module-content {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 20px;
}

.module-separator {
    line-height: 15px;
}

.dmt {
    position: relative;
    font: bold 16px arial;
    color: #003d7a;
    padding: 6px;
    display: block;
    text-align: left;
    letter-spacing: -1px;
    border-bottom: 1px dotted #ccc;
}

.dmt2 {
    position: relative;
    font: bold 14px arial;
    color: #003d7a;
    padding: 7px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/dmt2_bg.png) bottom left repeat-x;
    display: block;
    text-align: center;
}

    .dmt2 span {
        font-size: 12px;
    }

.categoryfilter-module {
    display: block;
    width: 100%;
}

    .categoryfilter-module a {
        color: #333;
        text-decoration: none;
        display: block;
        font: bold 12px arial;
        padding: 5px 0 5px 30px;
    }

        .categoryfilter-module a:hover {
            text-decoration: none;
            color: #f73d04;
            background: #eee;
        }

        .categoryfilter-module a.filter-group-name {
            color: #fff;
            text-decoration: none;
            display: block;
            font: bold 13px arial;
            padding: 5px 0 5px 20px;
            background: #999;
        }

            .categoryfilter-module a.filter-group-name:hover {
                text-decoration: none;
                color: #fff;
                background: #777;
            }

.menu .menu-item {
    position: relative;
    color: #111;
}

    .menu .menu-item a {
        display: inline-block;
        padding: 5px 0;
        color: #111;
        text-decoration: none;
        padding-left: 25px;
    }

        .menu .menu-item a:hover {
            text-decoration: underline;
            color: #e61213;
        }

        .menu .menu-item a.selected {
            font-weight: 700;
        }

        .menu .menu-item a.sub1, .menu .menu-item a.sub2, .menu .menu-item a.sub3, .menu .menu-item a.sub4, .menu .menu-item a.sub5 {
            font-size: 12px;
            color: #333;
            padding-left: 25px;
        }

        .menu .menu-item a.sub1 {
            margin-left: 10px;
        }

        .menu .menu-item a.sub2 {
            margin-left: 20px;
        }

        .menu .menu-item a.sub3 {
            margin-left: 30px;
        }

        .menu .menu-item a.sub4 {
            margin-left: 40px;
        }

        .menu .menu-item a.sub5 {
            margin-left: 50px;
        }

.path p {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-width: 1px 0;
    font: normal 11px arial;
    margin-bottom: 15px;
}

.product-list {
    width: 100%;
    /* margin-top: 10px;*/
}

.product-wrapper {
    padding-bottom: 45px;
}

.product-list-item {
    vertical-align: top;
}

    .product-list-item td {
        vertical-align: top;
    }

.product {
    border: 1px solid #eee;
    border-left: 0;
    border-top: 0;
    display: block;
    float: left;
    margin: 0 !important;
    padding: 5px 3px;
    position: relative;
    z-index: 1;
    min-height: 340px;
    width: 188px;
}

    .product:hover {
        border-bottom-color: #13467e;
        z-index: 2;
    }

.star {
    display: inline;
    float: none;
}

.ratescore {
    display: inline;
    float: left;
    font: bold 11px/26px arial;
    color: #f73d04;
}

.product-names {
    min-height: 38px;
    clear: both;
    overflow: hidden;
}

.product-image {
    position: relative;
    display: block;
    margin: 10px auto;
    text-align: center;
    height: 160px;
    /*z-index: -1;*/
}



    .product-image img {
        max-height: 150px;
    }

    .product-image span {
        display: block;
        cursor: pointer;
        text-align: center;
    }

.product-name {
    overflow: hidden;
    max-height: 36px;
    text-decoration: none;
    text-align: center;
    display: block;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 13px;
    font-family: helvetica, arial !important;
    color: rgb(70, 70, 70);
    margin-top: 14px;
    margin-bottom: 10px;
    letter-spacing: 0.2px;
    line-height: 19px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    padding: 0 10px;
}

    .product-name:hover {
        color: rgb(17, 17, 17);
        text-decoration: none;
    }

.product-info {
    display: block;
    color: #777;
    font: normal 11px arial;
    padding-bottom: 5px;
    text-align: center;
}

.product-price {
    color: rgb(70, 70, 70);
    font-size: 22px;
    font-weight: bold;
    font-family: helvetica, arial;
    text-align: center;
    display: block;
    line-height: 18px;
}

    .product-price span {
        text-decoration: line-through;
        color: #bdbdbd;
        display: block;
    }

    .product-price em {
        color: #f73d04;
        display: none;
    }

.product-original-price {
    float: left;
    margin-right: 10px;
    font-weight: bold;
    color: #6a6a6a;
    position: relative;
}

p.product-original-price:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #6a6a6a;
    left: 0;
    top: 6px;
}

.product-earn {
    display: block;
    font: normal 11px arial;
}

.product-rating {
    position: relative;
    z-index: 2;
}

.product-icon div {
    margin: 2px;
    display: inline;
}

a, a:focus {
    outline: none !important;
}

.buton.add-to-cart {
    width: 116px;
    height: 32px;
    overflow: hidden;
    text-indent: -1000px;
    position: absolute;
    top: 156px;
    left: 30px;
    z-index: 1;
}

.paging a {
    display: inline-block;
    border: 0;
    margin-left: 4px;
    font: bold 11px arial,Verdana,Geneva,sans-serif;
    color: #333;
    text-decoration: none;
}

    .paging a span {
        display: inline-block;
        padding: 5px 9px 7px;
        cursor: pointer;
    }

    .paging a.selected {
        font-weight: 700;
        border: 0;
        background: /*url(images/paging-select-bg.png)*/ no-repeat;
        color: #fff;
    }

    .paging a:hover {
        text-decoration: none;
        border-color: #aaa;
    }

    .paging a.selected:hover {
        text-decoration: none;
        border-color: #e61213;
    }

.paging .first span {
    background: /*url(/skins/shared/images/paging-first.gif)*/ center center no-repeat;
    padding: 3px 6px;
}

.paging .last span {
    background: /*url(/skins/shared/images/paging-last.gif)*/ center center no-repeat;
    padding: 3px 6px;
}

.paging .previous span {
    background: /*url(/skins/shared/images/paging-previous.gif)*/ center center no-repeat;
    padding: 3px 6px;
}

.paging .next span {
    background: /*url(/skins/shared/images/paging-next.gif)*/ center center no-repeat;
    padding: 3px 6px;
}

.row.inv_content_table {
    margin: 0;
}

.customer-recurringorders {
    margin: 0 -10px !important;
}

.customer-preorders {
    margin: 0 -10px !important;
}

    .customer-preorders .custom-fitmoda-menu {
        margin-left: 15px !important;
    }


.inv_content_table .span2 {
    margin-left: 0;
    width: 175px;
}

.categoriesmenu-module .menu {
    position: relative;
}

.login_space {
    width: 200px;
    float: right;
    position: relative;
    background: #113f72;
}

    .login_space .user_login_head {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/user_login.png) top left repeat-x;
        padding-top: 9px;
        padding-bottom: 5px;
    }

.user_login_head span {
    position: absolute;
    left: 15px;
    top: 10px;
}

.user_login_head strong {
    font: bold 12px Arial;
    color: #fff;
    vertical-align: middle;
    padding-left: 35px;
}

.user_login .user_name input {
    border: 1px solid #3f7bbe;
    width: 168px;
    padding: 2px 5px;
    margin: 15px 10px 10px;
    font-size: 11px;
    color: #999;
}

.user_login .user_password input {
    border: 1px solid #3f7bbe;
    width: 168px;
    padding: 2px 5px;
    margin: 0 10px 10px;
    font-size: 11px;
    color: #999;
}

.remember_me {
    padding-left: 13.6px;
    float: left;
    padding-bottom: 10px;
}

    .remember_me span {
        font: normal 10px arial;
        color: #fff;
    }

    .remember_me strong {
        display: block;
        font: normal 10px arial;
        color: #bbb;
        text-decoration: underline;
        line-height: 8px;
    }

    .remember_me a:hover strong {
        color: #fff;
        text-decoration: underline;
    }

    .remember_me input {
        margin: 0 6px 0 0;
        padding: 0;
    }

.sign_in a {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/buton_bg.png) top left repeat-x;
    padding: 4px 0;
}

.sign_in span {
    padding: 15px;
    font: bold 13px Arial;
    color: #0b69bb;
}

.sign_in a:hover span {
    color: #094b85;
}

.sign_in {
    padding-top: 5px;
    margin-right: 10px;
    float: right;
}

.quick_connect {
    width: 200px;
    float: right;
    position: relative;
    background: #062c56;
    padding-top: 15px;
    padding-bottom: 9px;
}

    .quick_connect .facebook_login a {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/buton_bg.png) top left repeat-x;
    }

.sing_up {
    float: left;
    padding-left: 10px;
}

.quick_connect .sing_up a {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/singup_bg.png) top left repeat-x;
    padding: 5px;
}

.quick_connect .sing_up span {
    font: bold 12px arial;
    color: #fff;
}

.quick_connect .facebook_login span {
    font: bold 12px arial;
    color: #0b69bb;
}

.quick_connect .facebook_login a {
    padding: 6px;
}

.quick_connect .facebook_login {
    float: right;
    padding-right: 5px;
}

    .quick_connect .facebook_login img {
        padding: 0 5px;
        vertical-align: middle;
        padding-bottom: 5px;
    }

.us_bottom {
    padding-top: 25px;
    padding-left: 10px;
    padding-bottom: 5px;
}

    .us_bottom span {
        font: normal 10px arial;
        color: #bbb;
    }

    .us_bottom a:hover span {
        color: #fff;
    }

.reklam {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/reklam_bg.png) top left no-repeat;
    width: 200px;
    height: 90px;
    float: right;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

.reklam_metni span {
    font: bold 9px arial;
    color: #062c56;
}

.reklam_metni strong {
    font: bold 45px arial;
    color: #062c56;
}

.reklam_metni em {
    display: block;
    font: bold 9px arial;
    color: #062c56;
}

.reklam_metni p {
    font: bold 9px arial;
    color: #062c56;
    line-height: 0;
}

.reklam_metni img {
    float: right;
    position: absolute;
    top: 9px;
    right: 0;
}

.reklam_metni {
    padding: 5px 0 0 10px;
}

.inv-tab-content {
    padding-top: 0;
    position: relative;
}

.inv-tab-container .productgrouplist-module {
    background: #fff;
    padding-top: 10px;
    margin-bottom: 0;
}

    .inv-tab-container .productgrouplist-module .next {
        right: -35px;
        top: 120px;
    }

    .inv-tab-container .productgrouplist-module .prev {
        left: -31px;
        top: 120px;
    }

    .inv-tab-container .productgrouplist-module .product {
        width: 100%;
        min-height: 340px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 340px !important;
    }

.invtabs-module {
    clear: both;
    position: relative;
}

.inv-tab-container {
    clear: both;
    position: relative;
}

.footer_brands .next {
    right: 5px;
    top: -3px;
}

.footer_brands .prev {
    left: 5px;
    top: -3px;
}

.invtabs-module ul.inv-tab-menu {
    margin: 0;
    border-radius: 6px 6px 0 0;
    float: left;
    list-style: none;
    width: 990px;
}

    .invtabs-module ul.inv-tab-menu li {
        width: 157px;
    }

.invtabs-module li {
    margin: 0;
    float: left;
    position: relative;
    padding: 0;
    width: 16.6666666666667%;
}

.jcarousel-skin-tango li {
    padding: 0;
}

.product-wrapper a.buton {
    padding: 0;
}

.inv-tab-menu li a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: block;
    outline: 0;
    padding: 14px 0;
    text-align: center;
    position: relative;
    text-decoration: none;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/menu_bg2.png) repeat scroll left bottom transparent;
}

.container {
    padding: 0 !important;
}

.inv-tab-menu li a em {
    color: #fd7201;
    display: inline;
    font: bold 10px arial;
    letter-spacing: 0;
    position: absolute;
    right: 12px;
    top: 3px;
}

.inv-tab-menu li.active a {
    color: #fd7201;
}

.invtabs-module li.active a:hover {
    text-decoration: none;
}

.inv-tab-content-small {
    padding-top: 0;
    position: relative;
}

.inv-tab-container-small {
    clear: both;
    position: relative;
    padding: 10px;
}

.invtabs-module-small {
    width: 100%;
    font: normal 11px arial;
    color: #777;
}

    .invtabs-module-small ul.inv-tab-menu-small {
        float: left;
        list-style: none outside none;
        margin: 0;
        overflow: hidden;
        width: 100%;
        border-bottom: 1px solid #fff;
        background: #f5f5f5;
    }

    .invtabs-module-small li {
        display: inline;
        float: left;
        margin: 0;
        overflow: hidden;
        position: relative;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
        width: 84px;
        background: #f5f5f5;
    }

        .invtabs-module-small li.last {
            display: inline;
            float: left;
            margin: 0;
            overflow: hidden;
            position: relative;
            border-right: 0 solid #ddd;
            border-bottom: 1px solid #e5e5e5;
            text-align: center;
            width: 84px;
            background: #f5f5f5;
        }

        .invtabs-module-small li a {
            color: #006acd;
            outline: 0;
            position: relative;
            text-decoration: none;
        }

            .invtabs-module-small li a span {
                font: bold 10px arial;
                color: #03274e;
                padding: 5px;
            }

        .invtabs-module-small li.active {
            background: 0;
            background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/acttab2.png) repeat-x scroll left top transparent;
            border-bottom: 2px solid #5495ed;
        }

            .invtabs-module-small li.active a span {
                outline: 0;
                color: #03274e;
            }

            .invtabs-module-small li.active a:hover {
                text-decoration: none;
            }

.product-detail-left {
    width: 50%;
    float: left;
    position: relative;
}

.product-detail-right {
    width: 48%;
    float: right;
    margin-left: 2%;
    position: relative;
}

.pd-big-image {
    float: right;
    width: 80%;
    clear: both;
}

    .pd-big-image img {
        float: right;
        width: 100%;
        padding: 1px;
        border: 1px solid #ccc;
    }

.pd-small-images {
    float: left;
    width: 15%;
}

    .pd-small-images img {
        width: 100%;
        margin: 0 1px 5px;
        padding: 1px;
        border: 1px solid #ccc;
    }

.product-detail-bottom {
    margin-top: 15px;
}

.pd-info span {
    display: block;
    padding: 5px 0;
}

.pd-variant {
    border: 1px solid #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
}

.pd-variant-1 label {
    display: block;
    float: none;
}

.pd-variant-2 span {
    border: 1px solid #eee;
    padding: 4px 8px;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: top;
    display: block;
    float: left;
    background: #fff url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/input-bg.png) 0 0 repeat-x;
    border-radius: 4px;
}

    .pd-variant-2 span:hover {
        background: #fff url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/input-bg.png) 0 0 repeat-x;
        border-color: #d80000;
    }

.pd-variant-2 td {
    padding: 5px;
}

.normallist td {
    vertical-align: middle;
    border: 1px solid #ccc;
    padding: 5px;
}

.normallist2 td {
    vertical-align: middle;
    border: 1px solid #eee;
    padding: 5px;
    background: #fff;
}

.normallist th {
    vertical-align: middle;
    border: 1px solid #666;
    padding: 8px;
    background: #575b5d;
    color: #fff;
    font: bold 14px arial;
    text-align: center;
}

.normallist h4 {
    padding-left: 0;
    padding-bottom: 0;
}

.cart-total {
    width: 280px;
    float: right;
}

    .cart-total td {
        vertical-align: middle;
        border: 1px solid #ccc;
        padding: 5px;
        background: #efefef;
    }

.next {
    z-index: 5;
    position: absolute;
    top: 50px;
    right: 0;
    width: 34px;
    height: 68px;
    cursor: pointer;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slider-arrow-right.png) right center no-repeat;
    text-indent: -9999px;
}

    .next:hover {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slider-arrow-right-hover.png) right center no-repeat;
    }

.prev {
    z-index: 5;
    position: absolute;
    top: 50px;
    left: 0;
    width: 34px;
    height: 68px;
    cursor: pointer;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slider-arrow-left.png) left center no-repeat;
    text-indent: -9999px;
}

    .prev:hover {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slider-arrow-left-hover.png) left center no-repeat;
    }

.next.productslide {
    z-index: 5;
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    width: 34px;
    height: 60px;
    cursor: pointer;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slider-arrow-right2.png) right center no-repeat;
    text-indent: -9999px;
}

    .next.productslide:hover {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slider-arrow-right2.png) right center no-repeat;
    }

.prev.productslide {
    z-index: 5;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 34px;
    height: 60px;
    cursor: pointer;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slider-arrow-left2.png) left center no-repeat;
    text-indent: -9999px;
}

    .prev.productslide:hover {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slider-arrow-left2.png) left center no-repeat;
    }

.category-title {
    margin: 0;
    line-height: 100%;
    padding-bottom: 10px;
    color: #999;
}

.category-desc {
    color: #666;
    border-radius: 0 0 6px 6px;
}

.hidden {
    display: none;
}

.billingaddressTable {
    width: 66%;
    float: left;
}

.orderSummaryC2 {
    width: 26%;
    float: right;
}

.payMethodC3 {
    width: 65%;
    float: left;
}

a:hover {
    color: #92b7e0;
}

.topmenu-other-links {
    position: absolute;
    top: 8px;
    right: 300px;
    width: 205px;
}

.module-frame {
    margin-bottom: 10px;
}

.quick_connect {
    padding-top: 10px;
    margin-bottom: 10px;
}

.sing_up {
    float: none;
    display: block;
    padding: 0 10px;
    text-align: center;
    margin-top: 5px;
}

    .sing_up a {
        display: block;
    }

.quick_connect .facebook_login {
    float: none;
    padding: 0 10px;
}

    .quick_connect .facebook_login a {
        padding: 5px;
        display: block;
        text-align: center;
        height: 15px;
    }

.remember_me {
    padding-left: 11px;
    float: left;
    padding-bottom: 0;
    padding-top: 5px;
}

.sign_in a {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/buton_bg.png) top left repeat-x;
    padding: 5px 15px;
    text-align: center;
    font-weight: 700;
    font-family: Arial;
    line-height: 20px;
}

.label-head, .label-head4 {
    width: 100px;
    padding: 0;
    line-height: 30px;
    display: block;
    float: left;
}

.product-wrapper {
    padding-bottom: 0;
}

.reklam {
    margin-top: 0;
}

.login_space {
    padding-bottom: 10px;
}

.footer_bottom a {
    display: block;
}

.inv_left_panel .menufilter {
    border: 1px solid #e5e5e5;
    padding-top: 0;
    border-left: 0;
    border-top: 0;
    padding: 10px 0;
}

.slimScrollDiv {
    background: #fff;
}

.product-panel-center .slimScrollDiv {
    background: 0;
}

.slimScrollBar {
    cursor: pointer;
    background: #90b5e2 !important;
}

.inv_left_panel .menufilter a {
    padding: 4px 0 2px 8px;
    font: normal 12px arial;
    line-height: 20px;
    display: block;
    color: #323232;
    font-weight: 700;
}

.inv_left_panel .filter .item a.checkbox, .inv_left_panel .filter .item span.checkbox {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/checkbox_no.png) left 5px no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    line-height: 140%;
    display: block;
    font-weight: bold;
    cursor: pointer;
}

.inv_left_panel .filter .item span.checkbox {
    margin-bottom: 5px;
}

.inv_left_panel .filter .item.active a.checkbox, .inv_left_panel .filter .item.active span.checkbox {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 5px no-repeat;
}

.inv_left_panel .filter .item a.checkbox:hover, .inv_left_panel .filter .item span.checkbox:hover {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 5px no-repeat;
}

a.group {
    display: block;
    padding: 8px 0 0 1px;
    color: #666;
    font: normal 11px arial;
    min-height: auto;
    cursor: pointer;
}

.menufilter, .menufilter li, ul.footer_links, .footer_links ul, .footer_links li, .itemgroup, .product-spec-filter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.inv_left_panel a.group {
    background: #fff url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/prd3.png) bottom left repeat-x;
    border: 1px solid #e6e6e6;
    border-width: 0 1px 1px;
    max-height: 200px;
    overflow-y: auto;
    padding: 9px 10px;
    font: bold 13px arial;
    color: #ff7200;
}

.product-spec-filter > div {
    padding-bottom: 0 !important;
}

span.close {
    display: inline;
    font: bold 12px arial;
    margin-right: -14px;
    color: #fe7200;
    opacity: 1;
}

.inv_left_panel .menufilter a:hover {
    color: #304f7b;
}

.inv_left_panel .dmt {
    text-align: left;
    padding-left: 5px;
    border-bottom-color: #e5e5e5;
    border-bottom-style: solid;
    float: left;
    width: 94%;
}

.pager {
    margin: 0;
    float: right;
}

    .pager a {
        font-size: 14px;
        text-decoration: none;
        color: #646262;
        padding: 3px 5px;
        text-align: center;
        border: 1px solid #ddd;
        background: #fff;
        margin: 0 2px;
    }

        .pager a:hover {
            background: #efefef;
            color: #646262;
        }

        .pager a:link {
            text-align: center;
        }

    .pager span {
        color: #073465;
        font-size: 14px;
        padding: 3px 5px;
        border: 1px solid #ddd;
        background: #efefef;
        font-weight: 700;
        margin: 0 2px;
    }

.pagercontainer {
    width: 100%;
}

.inv_content_table {
    margin-bottom: 5px;
    padding-top: 0;
}

.in_container {
    overflow: hidden;
}

.product-page-size {
    float: right;
}

.product-sorting {
    float: left;
}

.product-viewmode {
    float: right;
}

.path {
    border-bottom: 1px dotted #bbb;
    font: bold 12px verdana;
    height: 31px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .path p {
        padding: 7px 0;
        border: 0;
        font-family: "Open Sans", sans-serif !important;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .path a {
        font: normal 11px;
        font-family: "Open Sans", sans-serif !important;
        font-weight: 600;
        color: #333;
    }

        .path a:last-child {
            color: #0061c5;
        }

    .path span {
        padding: 0 5px;
    }

.topic-topicdetails .path {
    display: none;
}

.sub-category-link {
    display: block;
}

.sub-category-title {
    padding: 5px;
    text-align: center;
    font-size: 11px;
    margin: 0;
    line-height: 100%;
}

.sub-category-desc {
    padding: 5px;
}

h2 {
    font: bold 20px arial;
    color: #666;
    padding: 5px 0;
}

.menu_left {
    display: none;
}

.category-image {
    text-align: center;
    padding-bottom: 10px;
    max-height: 300px;
    overflow: hidden;
}

.sub-category-item {
    position: relative;
    width: 160px;
    overflow: hidden;
    margin-bottom: 5px;
    float: left;
    margin-right: 4px;
    border: 1px solid #DDD;
}

.last {
    margin-right: 0;
}

.sub-category-item img {
    height: 80px;
}

.catalog-details-wrapper {
    padding: 0;
    background: #fff;
    padding-bottom: 0;
}

.sub-category-grid {
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-sorting-links {
    float: left;
}

.sortLink {
    float: left;
    margin-right: 10px;
    text-align: center;
    color: #3a5378;
    font-weight: 700;
    font-family: arial;
    font-size: 11px;
}

    .sortLink:hover, .sortLink.active {
        color: #658cba;
    }

    .sortLink.s-sira, .sortLink.s-tarih {
        display: none;
    }

.arrow_left {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrows.png) 0 0 no-repeat;
    display: block;
}

.arrow_right {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrows.png) 0 0 no-repeat;
    display: block;
}

.arrow_up {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrows.png) right -72px no-repeat;
    display: block;
    padding-right: 15px;
    margin-right: 20px;
}

.arrow_down {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrows.png) right -110px no-repeat;
    display: block;
    padding-right: 15px;
    margin-right: 20px;
}

.arrow_forward {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrows.png) 0 top no-repeat;
    display: block;
}

.arrow_backward {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrows.png) 0 top no-repeat;
    display: block;
}

.item2 {
    float: left;
    width: 206px;
    height: 150px;
    position: relative;
}

    .item2 .product-image a img {
        width: 90px;
    }

.product-info {
    right: 10px;
}

.static-page {
    padding: 10px;
    background: #fff;
}

    .static-page > .tab-main {
        position: relative;
    }

.topic-topicdetails .static-page {
    padding: 20px;
}

.page-title {
    /* border-bottom: 1px solid #DDD;*/
    margin-top: 0;
    font: bold 22px arial;
    color: #5495ed;
    padding: 0 0 10px;
}

.search-results .search-top {
    width: 100%;
    /*border-bottom: 1px solid #DDD;*/
}

    .search-results .search-top .page-title {
        margin-top: 0;
        font: bold 22px arial;
        color: #5495ed !important;
        padding: 0 0 0;
        border: 0;
        float: left;
        width: 72%;
        margin: 0;
    }

    .search-results .search-top .category-utils {
        margin: 19px 0 10px;
    }

#search-wrapper {
    margin-top: -1px;
}

    #search-wrapper .product {
        border: 1px solid #eee;
        display: block;
        float: left;
        position: relative;
        z-index: 1;
        padding: 5px;
        min-height: 330px;
        width: 170px;
        margin: 7px !important;
    }

    #search-wrapper .product-list-wrapper {
        border: 1px solid #eee;
        padding: 5px;
    }

#noresultsfound {
    padding: 20px;
    background: #fff;
}

.product-price-filter {
    background: #fff;
}

.item-name {
    width: 90px;
}

.staticpages-module .module-content {
    background: #fff;
}

.other-site-banner {
    /*margin: 0 7px;*/
    padding: 15px 20px;
    color: #fff;
}

    .other-site-banner.vitaminler {
        background-color: #1c773d;
        margin-top: 5px;
        /*border: 2px solid #2BAE5C;*/
    }

    .other-site-banner.supplementler {
        background: #0f3665;
        border: 2px solid #1B4B87;
    }

    .other-site-banner.fitmoda {
        background-color: #eb8b2d;
        border: 2px solid #FFB266;
        margin-top: 5px;
    }

    .other-site-banner p {
        font-size: 18px;
        line-height: 10px;
        margin: 0;
    }

        .other-site-banner p a {
            color: #fff;
            text-decoration: underline;
        }

.search-no-result .top-search-button {
    margin-left: -5px;
}

    .search-no-result .top-search-button a {
        position: relative;
    }

.top-search-button {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

    .top-search-button a {
        color: #353535;
        font-size: 15px;
        float: left;
        padding: 10px 14px;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #fff;
        border-radius: 5px 5px 0 0;
        margin: 5px 4px 0 0;
        font-weight: 600;
    }

        .top-search-button a p {
            display: inline-block;
            margin: 0;
        }

        .top-search-button a:hover, .top-search-button p:hover, .top-search-button span:hover {
            text-decoration: none;
        }

        .top-search-button a.supplementler-button p {
            color: #013c77;
        }

        .top-search-button a.vitaminler-button p {
            color: #a6c757;
        }

        .top-search-button a.supplementler-button p span {
            color: #222222;
        }

        .top-search-button a.vitaminler-button p span {
            color: #48643e;
        }

        .top-search-button a.other {
            background-image: -moz-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
            border-bottom: 1px solid #eeeeee;
        }

    .top-search-button span.other-search {
        display: inline-block;
        margin: 13px 0 0 5px;
    }

#noresultsfound {
    padding: 20px;
    background: #fff;
}

.product-price-filter {
    background: #fff;
}

.item-name {
    width: 90px;
}

.staticpages-module .module-content {
    background: #fff;
}

ul.product-list {
    margin: 0;
    padding: 0;
}

.e-bulten {
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 210px;
}

.product-page-size select {
    width: 50px;
    padding: 0 0 0 3px;
    height: 100%;
    border: 1px solid #DDD;
    background: #DDD;
    margin: 0;
}

.category-utils {
    float: right;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 0;
    z-index: 1;
}

.to .qty-input, input[type="text"].qty-input {
    width: 30px;
    text-align: center;
    margin: 0;
    padding: 0;
    border-radius: 3px 0 0 3px;
    float: left;
}

.cart-product-price, .cart-product-subtotal, .cart-product-quantity {
    width: 80px;
}

.coupon-box, .giftcard-box {
    float: left;
}

.order-progress {
    margin: 10px 0;
    margin-left: 260px;
}

.steps {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .steps li a {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #DDD;
        display: block;
        padding: 10px 20px;
        background: #efefef;
        border-radius: 20px;
        width: 80px;
        text-align: center;
        box-shadow: 1px 1px 5px 1px #DDD;
        font-size: 15px;
        font-weight: 700;
    }

        .steps li a.selected, .steps li a:hover {
            background: #FFF;
            color: #555;
            font-weight: 700;
        }

th.picture {
    width: 100px;
    text-align: center;
}

.sharebuttons {
    right: 0;
    margin: 0 0 5px;
}

.s_button {
    float: left;
    width: 90px;
}

.product-details-page {
    padding: 0;
    float: left;
    background: #dfe3ec;
    width: 100%;
}

.product-comments-module .module-content {
    background: #fff;
    padding: 10px;
}

.product-short-desc {
    font-style: italic;
    font-family: Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
}

.product-details-module table, .product-specs-module table {
    font-size: 11px;
    font-family: arial;
}

    .product-details-module table td {
        color: #003a87;
    }

    .product-details-module table th, .product-specs-module table th {
        font-weight: 400;
        border-top: 0;
        border-bottom: 0 dashed #ccc;
    }

    .product-details-module table td, .product-specs-module table td {
        font-weight: 400;
        border-top: 0;
        border-bottom: 0 dashed #ccc;
    }

.product-details-page .dmt {
    background: none repeat scroll 0 0 #eee;
    border-radius: 5px 5px 0 0;
    color: #03274e;
    display: block;
    font: bold 14px arial;
    letter-spacing: 0;
    padding: 8px 6px 6px 8px;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.product-details-page .module-content {
    border-top: 1px solid #fff;
}

.product-details-page .module-frame {
    border: 1px solid #d5d5d5;
    border-radius: 5px 5px;
    overflow: hidden;
}

.product-detail {
    padding: 0;
}

.product-usage {
    padding: 10px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/prd4.png) bottom left repeat-x;
    border-radius: 0 0 6px 6px;
    border: 1px solid #eee;
}

.product-comments-module .module-content {
    padding: 10px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/prd4.png) repeat-x scroll left bottom transparent;
    border-radius: 0 0 6px 6px;
    border: 1px solid #eee;
}

.product-details {
    border-radius: 0 0 5px 5px;
    border: 1px solid #eee;
    overflow: hidden;
}

    .product-details span {
        font: bold 14px arial;
        color: #999;
        display: block;
        padding: 6px;
    }

.product-indexes {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/prd4.png) repeat-x scroll left bottom transparent;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #fff;
    height: 252px;
    overflow-y: auto;
    padding: 5px 10px;
}

.product-indexes2 {
    padding: 5px 10px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/prd4.png) bottom left repeat-x;
    border-radius: 0 0 5px 5px;
    height: auto;
    border: 1px solid #eee;
}

.product-indexes4 {
    height: auto;
    background: #fff;
    padding-right: 15px;
    padding-left: 15px;
}

.thegood .dmt {
    background: #44ac39 url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    border-bottom: 1px solid #2f8027;
    border-radius: 0;
}

.thebad .dmt {
    background: #b6082d url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    border-bottom: 1px solid #8e0014;
    border-radius: 0;
}

.thegood .tmodule {
    background: #44ac39 url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    color: #c9fac4;
}

    .thegood .tmodule ul, .thebad .tmodule ul {
        font-size: 11px;
        padding-left: 0;
        margin-left: 13px;
        margin-bottom: 0;
    }

.thebad .tmodule {
    background: #b6082d url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    color: #f5bbc8;
}

.product-indexes3 {
    padding: 12px 10px;
    background: #f5f5f5 url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    border-radius: 5px 5px;
    border: 1px solid #eee;
    margin-top: 8px;
    color: #666;
    height: 90px;
    overflow: auto;
}

.thegood span, .thebad span {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
}

.product-indexes3 span {
    color: #222;
    display: block;
    font-size: 13px;
    font-weight: 700;
}

.product-details-module .module-content, .product-specs-module .module-content {
    padding: 10px;
    height: 201px;
    overflow-y: auto;
    border-radius: 0 0 4px 4px;
    border-top: 0;
}

.product-picture-wrapper {
    border: 1px solid #ddd;
}

.table .cart-product-picture, .table .cart-product-checkbox, .table .cart-product-price, .table .cart-product-quantity, .table .cart-product-subtotal, .table .cart-product-item {
    vertical-align: middle;
}

.table th.center, .table td.center, td.center, th.center {
    text-align: center;
}

.table th.vcenter, .table td.vcenter, td.vcenter, th.vcenter {
    vertical-align: middle;
}

.address-list-table th {
    border-top: 0;
}

.chooser {
    border: 1px solid #999;
    text-indent: -9999px;
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    padding: 0;
}

    .chooser:hover {
        background-image: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/tick.gif);
        border: 1px solid #777;
        background-position: center center;
        background-repeat: no-repeat;
        -moz-opacity: .5;
        opacity: .5;
    }

    .chooser.selected, .chooser.selected:hover {
        background-image: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/tick.gif);
        border: 1px solid #777;
        background-position: center center;
        background-repeat: no-repeat;
        -moz-opacity: 1;
        opacity: 1;
        background-color: #ffd700;
    }

.product-variant-info-wrapper {
    float: left;
    margin-right: 15px;
    display: none;
}

.catalog-product .span3 {
    width: 170px;
}

.catalog-product .span9 {
    width: 760px;
    margin-left: 10px;
}

.add-to-favorites {
    border-bottom: 1px dashed #eee;
    padding-bottom: 2px;
    padding-left: 25px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    top: 36px;
    width: 175px;
    color: #999;
    font-size: 11px;
    background: transparent url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images//plugins/raty/img/star-on.png) 3px 3px no-repeat;
}

    .add-to-favorites:hover {
        border-bottom: 1px dashed #ccc;
    }

    .add-to-favorites a {
        color: #999;
    }

    .add-to-favorites:hover a {
        color: #333;
        text-decoration: none;
    }

.product-price-wrapper {
    clear: both;
}

.price-label {
    display: none;
}

.price {
    bottom: 50px;
    left: 0;
    color: #f73d04;
    font: bold 28px arial;
    padding: 0 0 10px;
    position: absolute;
}

.productPrice {
    text-decoration: none;
}

.oldProductPrice {
    text-decoration: line-through;
    color: #999;
    padding-right: 10px;
    font-weight: 400;
    font-size: 11px;
    display: block;
}

.clear-dashed {
    clear: both;
    border-top: 1px dashed #ddd;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px;
}

.product-details-module {
    background: #f5f5f5;
    border-radius: 4px;
}

.product-specs-module table td, .product-specs-module table th {
    padding: 3px 5px;
}

.split4, .split3, .split2 {
    float: left;
    margin-right: 15px;
    width: 250px;
    border-left: 1px solid #3f648e;
}

    .split4:first-child, .split3:first-child, .split2:first-child {
        border-left: 0;
    }

.next-slider {
    top: 50%;
    margin-top: -20px;
    z-index: 990;
    right: 20px;
    display: none;
}

.prev-slider {
    top: 50%;
    margin-top: -20px;
    z-index: 990;
    left: 20px;
    display: none;
}

.pagination-slider {
    text-align: center;
    position: absolute;
    top: 470px;
    width: 100%;
}

    .pagination-slider a {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
        width: 15px;
        height: 15px;
        margin: 0 5px 0 0;
        display: inline-block;
    }

        .pagination-slider a.selected {
            background-position: -25px -300px;
            cursor: default;
        }

        .pagination-slider a span {
            display: none;
        }

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipv;
    filter: flipv;
}

.reklam .prev, .reklam .next-slider {
    display: none !important;
}

.emailtofriendbutton {
    color: #666;
    font-size: 10px;
    padding: 0 6px;
    position: absolute;
    top: 0;
    right: 0;
}

.p-icon {
    float: left;
    padding: 5px;
    width: 220px;
    font-size: 11px;
    line-height: 12px;
    padding-left: 26px;
    border-bottom: 1px dashed #eee;
    border-radius: 0;
    color: #999;
    position: relative;
    z-index: 1 !important;
}

    .p-icon:hover {
        border-bottom: 1px dashed #ccc;
        color: #333;
        cursor: pointer;
    }

    .p-icon span {
        color: #888;
        font: normal 11px/16px arial;
        position: absolute;
        z-index: 2 !important;
        width: 133px;
        height: 62px;
        overflow: hidden;
        top: -32px;
        left: -170px;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/tooltipbg.png) top right no-repeat;
        display: none;
        padding: 10px 20px 30px;
    }

    .p-icon:hover span {
        display: block;
    }

.thumbsup, .thumbsdown {
    position: relative;
}

    .thumbsup:hover, .thumbsdown:hover {
        cursor: pointer;
    }

    .thumbsup span {
        color: #555;
        font: normal 11px/15px arial;
        position: absolute;
        z-index: 2 !important;
        width: 280px;
        height: 110px;
        overflow: hidden;
        top: 2px;
        left: -340px;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/tooltipbg2.png) top right no-repeat;
        display: none;
        padding: 10px 40px 30px 20px;
    }

    .thumbsup:hover span {
        display: block;
    }

    .thumbsdown span {
        color: #555;
        font: normal 11px/15px arial;
        position: absolute;
        z-index: 2 !important;
        width: 280px;
        height: 110px;
        overflow: hidden;
        top: -48px;
        left: -340px;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/tooltipbg3.png) top right no-repeat;
        display: none;
        padding: 10px 40px 30px 20px;
    }

    .thumbsdown:hover span {
        display: block;
    }

.clock {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/clock.png) 4px 1px no-repeat;
}

.aynigunkargo {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/aynigunkargo.png) 4px 1px no-repeat;
}

.door {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/door.png) 4px 1px no-repeat;
}

.skt {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/clock.png) 4px 1px no-repeat;
}

.sku {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/sku.png) 4px 1px no-repeat;
}

.sdr {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/sdr.png) 6px 1px no-repeat;
}

.original {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/orginal.png) center top no-repeat;
    width: 41px;
    height: 45px;
    padding: 0;
    margin-top: 3px;
}

.p-summary {
    font: normal 12px/16px arial;
    color: #666;
    height: 60px;
}

    .p-summary span {
        font: italic 11px/16px arial;
        color: #aaa;
        display: block;
        padding-top: 4px;
    }

.product-panel-right .thumbs {
    min-height: 38px;
}

.goodbad {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/prd.png) bottom left repeat-x;
    border-radius: 4px;
    margin-bottom: 12px;
    box-shadow: 0 0 5px 0 #ccc;
}

.thumbsContent {
    padding: 6px 6px 6px 30px;
    color: #999;
    font-size: 11px;
    line-height: 12px;
    font-style: italic;
}

.thumbsup {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/thumbsup.png) 5px 5px no-repeat;
    margin: 6px 0 0;
    border: 1px solid #d5d5d5;
    border-radius: 4px 4px 0 0;
}

.thumbsdown {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/thumbsdown.png) 5px 5px no-repeat;
    border: 1px solid #d5d5d5;
    border-top-color: #fff;
    border-radius: 0 0 4px 4px;
}

.last-use-date, .stock-info {
    font-size: 11px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/clock.png) 2px 2px no-repeat;
}

.add-to-cart-button-wrapper {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/addtocart_bg.png) top right no-repeat;
    height: 42px;
    line-height: 42px;
}

.addtocartbutton {
    left: 0;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/addtocart_.png) 0 0 repeat-x;
    border: 1px solid #cf3303;
    display: none;
}

    .addtocartbutton span {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/addtocart_icon.png) 12px 8px no-repeat;
        padding: 10px 0 10px 45px;
        display: inline-block;
    }

    .addtocartbutton:hover {
        color: #fff;
        text-decoration: none;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/addtocart_hover.png) 0 0 repeat-x;
    }

.quickbuybutton {
    right: 0;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/quickbuy_.png) 0 0 repeat-x;
    border: 1px solid #da6600;
}

    .quickbuybutton span {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/quickbuy_icon.png) 12px 8px no-repeat;
        padding: 10px 0 10px 45px;
        display: inline-block;
    }

    .quickbuybutton:hover {
        color: #fff;
        text-decoration: none;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/quickbuy_hover.png) 0 0 repeat-x;
    }

.add-to-cart-quantity input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #fff;
    font: bold 20px arial;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    width: 20px;
}

.add-to-cart-quantity {
    float: left;
    margin-right: 12px;
    margin-top: 9px;
    margin-left: 145px;
}

.ui-spinner-button.ui-state-hover {
    background: #666;
    border-color: #666;
}

.productgrouplist-module .dmt {
    display: none;
}

.rate-star {
    float: left;
}

    .rate-star img {
        float: left;
        margin-top: 4px;
    }

.rate-total-label {
    width: 130px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.rate-total {
    float: right;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-right: 5px;
    padding-top: 2px;
}

.rate-line-vote {
    background: #073465;
    color: #fff;
    font-weight: 700;
}

.rate-line-total {
    background: #13467e;
    background: -moz-linear-gradient(top,#13467e 0,#073465 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#13467e),color-stop(100%,#073465));
    background: -webkit-linear-gradient(top,#13467e 0,#073465 100%);
    background: -o-linear-gradient(top,#13467e 0,#073465 100%);
    background: -ms-linear-gradient(top,#13467e 0,#073465 100%);
    background: linear-gradient(to bottom,#13467e 0,#073465 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13467e',endColorstr='#073465',GradientType=0);
}

.rate-line-total-user {
    background: #ff7400;
    background: -moz-linear-gradient(top,#ff7400 0,#ff7400 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff7400),color-stop(100%,#ff7400));
    background: -webkit-linear-gradient(top,#ff7400 0,#ff7400 100%);
    background: -o-linear-gradient(top,#ff7400 0,#ff7400 100%);
    background: -ms-linear-gradient(top,#ff7400 0,#ff7400 100%);
    background: linear-gradient(to bottom,#ff7400 0,#ff7400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7400',endColorstr='#ff7400',GradientType=0);
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}

.filter-caret {
    float: right;
    margin-top: 7px;
}

.pd_page .span2 {
    display: none;
}

.pd_path {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
}

.price-box {
    width: 60px;
}

.shipping-option-item {
    padding: 10px;
    margin: 10px 10px 10px 0;
    border: 1px solid #ddd;
}

    .shipping-option-item .option-name input {
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
    }

.normal_price, .discounted_price {
    float: left;
    margin-right: 20px;
}

.has_discount_price {
    text-decoration: line-through;
    color: #999;
    font-size: 18px;
    padding-top: 8px;
    float: right;
}

.login-block .radio input[type="radio"], .login-block .checkbox input[type="checkbox"] {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}

.selected-filters-text {
    font-size: 10px;
    color: #999;
    font-family: arial;
    letter-spacing: 0;
    font-weight: 400;
}

a.checkout-button, .in_header .cart a.checkout-button {
    color: #fff;
}

.customer-register .radio input[type="radio"], .customer-register .checkbox input[type="checkbox"] {
    margin-left: 0;
}

ol.opc {
    list-style: none;
}

.step-title span {
    display: none;
}

.opc .step {
    float: none;
}

.step-title h2 {
    font: bold 15px arial;
    color: #666;
    padding: 5px 10px;
    background: #efefef;
    border-bottom: 1px solid #ccc;
}


.noclick {
    cursor: default !important;
}

.breadcrumb-cart {
    list-style: none;
    overflow: hidden;
    font: 16px Helvetica,Arial,Sans-Serif;
    margin: 0;
    margin-bottom: 15px;
}

    .breadcrumb-cart li {
        float: left;
    }

        .breadcrumb-cart li a {
            color: #fff;
            text-decoration: none;
            padding: 6px 0 6px 55px;
            background: #194578;
            position: relative;
            display: block;
            float: left;
            cursor: pointer;
            width: 260px;
            text-align: center;
        }

            .breadcrumb-cart li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsl(212.2,65.5%,28.4%);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 1;
            }

            .breadcrumb-cart li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid #fff;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        .breadcrumb-cart li:first-child a {
            padding-left: 10px;
        }

        .breadcrumb-cart li a.selected {
            background: #2a76cd;
        }

            .breadcrumb-cart li a.selected:before, .breadcrumb-cart li a.selected:after {
                border-left: 30px solid #2a76cd;
            }


.impersonate {
    font-weight: 700;
    color: #fff;
}

.product-review-box {
    float: right;
    margin-bottom: 10px;
}

.rating {
    width: 100px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-off-new-2.png) 0 0 repeat-x;
    height: 20px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
}

    .rating div {
        float: left;
        height: 20px;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-on-new-2.png) left center repeat-x;
        cursor: pointer;
    }

.noborder, .noborder th, .noborder td, .noborder tr {
    border: 0;
}


.yilbasi {
    position: relative;
}

.yilbasi_icon {
    position: absolute;
    top: -10px;
    left: -9px;
    width: 30px;
}

.module-frameproduct-picture-wrapper .yilbasi_icon {
    display: none;
}

.module-frameproduct-picture-wrapper.yilbasi .yilbasi_icon {
    display: block;
    width: 52px;
    top: -15px;
    left: -15px;
}

.old-price-text {
    display: none !important;
}

.product-price-old,
span.product-price-old {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    padding-left: 7px;
    display: inline-block;
    width: auto;
    margin-right: 5px;
    color: rgb(170, 170, 170) !important;
    padding-top: 2px;
}

.old_price {
    float: right;
    width: 220px;
    margin-left: -10px;
}

.oldProductPrice {
    font: bold 15px arial;
    text-decoration: none;
    padding: 0;
    padding-top: 8px;
    color: #595959 !important;
}

    .oldProductPrice em {
        text-decoration: line-through;
        font-style: normal;
    }

    .oldProductPrice span {
        color: #f24612;
        font-size: 10px;
        text-decoration: none;
        margin-left: 10px;
        font-style: italic;
    }

.free-kargo-yilbasi {
    color: #00b050;
    position: absolute;
    margin-top: 27px;
    margin-left: 60px;
    font-size: 13px;
}


.product-present-line {
    /*height: 30px;*/
}

    .product-present-line .special-offer-options {
        position: relative;
    }


.special-offer-image {
    position: absolute;
    top: -50px;
    left: 222px;
}

    .special-offer-image img {
        width: 80px;
        border: 1px solid #ddd;
        padding: 5px;
    }

.special-item {
    background: #e9effe !important;
}

.cart-product-checkbox span {
    text-align: center;
    display: block;
}

.special-offer-basket-text {
    display: block;
    float: left;
}

.specialOfferInfotext {
    background: #dff0df;
    border: 1px solid #59b259;
    margin: 0 auto;
    clear: both;
    margin-bottom: 30px;
    width: 525px;
}

.offerItem {
    margin: 5px 0;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    position: relative;
    border-radius: 5px;
}

.addOfferImage {
    height: 70px;
}

.addOfferLink {
    padding-top: 28px;
    float: left;
    margin-left: 20px;
    width: 350px;
    text-align: center;
}

.offered-items {
    overflow: auto;
}


.field-validation-error {
    padding: 5px;
    color: red;
    clear: both;
    box-shadow: none;
}

.sicon_facebook {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/follow/facebook.svg");
}

.sicon_twitter {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/follow/twitter.svg");
}

.sicon_google {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/follow/google.svg");
}

.sicon_pinterest {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/follow/pinterest.svg");
}

.sicon_youtube {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/follow/youtube.svg");
}

.sicon_instagram {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/follow/instagram.svg");
}

.sicon_linkedin {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/follow/linkedin.svg");
}

.sicon_blog {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/follow/blog.svg");
}

.sicon_mobile {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/follow/apps.svg");
}



.inv-tab-container .caret {
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.submenu-column-clean {
    width: 140px;
    float: left;
    margin-left: 10px;
    margin-bottom: 30px;
}

/* �r�n Kar��la�t�ma */
.compare-tab-list-main {
    position: relative;
}

    .compare-tab-list-main .clearTabs {
        position: absolute;
        right: 0;
        top: 0;
    }

.comparison-list-badge {
    background: #007695;
    border: 0 solid #045C73;
    border-radius: 6px 6px 0 0;
    bottom: 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
    color: #fff;
    cursor: pointer;
    height: 28px;
    left: 100px;
    margin-left: -90px;
    position: fixed;
    text-align: center;
    width: 200px;
    z-index: 1000;
    padding: 0;
}

    .comparison-list-badge:hover {
        height: 60px !important;
    }

    .comparison-list-badge .comparison-list-bagde-title {
        font-weight: 700;
        background: #045c73;
        border-radius: 6px 6px 0 0;
        display: block;
        margin-bottom: 3px;
        padding: 5px;
    }

.compare-product-nutrition .nutritionLabel {
    border: 1px solid #000;
    max-width: 250px;
    margin: 0 auto;
    padding: 5px;
}

.comparisonList h3 {
    font-size: 24px;
}

.comparisonList h4 {
    font-size: 17px;
}

.comparisonList .badge {
    display: none;
    background: #F53D04;
    padding: 0 3px;
}

.comparisonList .nav-tabs > li > a, .comparisonList .nav-pills > li > a {
    background: #eee;
    color: #888;
    font-weight: 700;
    margin-right: -1px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ccc;
}

.comparisonList .split2 {
    border: 0;
}

.compare-action-button, .compare-action-button-emptyview {
    position: absolute;
    top: 8px;
    right: 0;
}

    .compare-action-button .btn-mini {
        font-size: 12px;
    }


.compare-action-button-emptyview {
    margin-left: 824px;
}

.compare-products-table td {
    vertical-align: top !important;
}


    .compare-products-table td .product-name {
        font-size: 14px;
    }


.compare-products-table .compare-product-image {
    max-height: 150px;
    padding-top: 10px;
}


.comparison-list-badge br {
    display: none;
}

.comparison-list-bagde-content {
    font-size: 12px;
}

    .comparison-list-bagde-content:after {
        background: #f73d04;
        border-radius: 3px;
        content: 'Git';
        margin-left: 10px;
        padding: 2px 10px 2px 8px;
    }

.comparisonList .nav-tabs > li > a:hover, .comparisonList .nav-pills > li > a:hover {
    background: #fff;
    color: #444;
}

.page-title.comparison-list-title-emptyview {
    color: #F53D04 !important;
}

.comparisonList .nav-tabs > li.active > a, .comparisonList .nav-pills > li.active > a {
    background: #fff;
    border-bottom-color: #fff;
    color: #5495ed;
}

.comparisonList li {
    position: relative;
}

    .comparisonList li a span {
        background: #aaa;
        position: absolute;
        right: 1px;
        top: -5px;
    }

.emailtofriendbutton {
    font-size: 11px;
    right: 268px;
    top: 4px;
    display: none;
}

.productaddtocomparelistbutton {
    color: #003a75;
    display: block;
    font-size: 14px;
    -ms-opacity: .9;
    opacity: .9;
    padding-left: 25px;
    font-weight: bold;
    position: relative;
}

    .productaddtocomparelistbutton:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #e7e7e7;
    }

    .productaddtocomparelistbutton.remove-comparelist:before {
        border: 1px solid #0057a4;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #0057a4;
        -ms-background-size: 20px;
        background-size: 20px;
    }

    .productaddtocomparelistbutton:hover {
        -ms-opacity: 1;
        opacity: 1;
        color: #003a75;
        text-decoration: underline;
    }

.product-add-to-cart-wrapper .text-error {
    padding-bottom: 10px;
    font-size: 17px;
}

.compare-action-button .addnew {
    background: #F04410;
    color: #fff;
    text-shadow: none;
    font-size: 12px;
}

.pd-column-left {
    width: 673px;
    float: left;
    background: #fff;
    position: relative;
    padding-left: 16px;
}

.product-properties-column {
    float: left;
    width: 689px;
    background: #fff;
}

.pd-column-right {
    padding: 13px;
    background-color: #dfe3ec;
    float: right;
    width: 274px;
}

.catalog-product .span10 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.product-details-page .path {
    margin-bottom: 0;
    height: 22px;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/bread-bg.jpg) bottom left repeat-x #fff;
    margin-top: -2px;
    padding-left: 15px;
}

    .product-details-page .path p {
        padding: 0;
        margin: 0;
        line-height: 22px;
    }

    .product-details-page .path a {
        font-family: 'HelveticaNeueLTPro-Roman', arial;
        font-size: 11px;
        color: #333;
    }

        .product-details-page .path a:last-child {
            font-family: 'HelveticaNeueLTPro-Md';
        }

.product-image-wrapper {
    width: 242px;
    float: left;
    margin-right: 16px;
    height: 298px;
    position: relative;
}

    .product-image-wrapper:hover .productaddtocomparelistbutton {
        display: block;
    }

.fullsize-image {
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-collateral {
    float: left;
    position: relative;
    width: 60%;
    min-height: 288px;
    padding-bottom: 134px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bottom-block {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.product-page-title {
    color: #003770;
    font-size: 22px;
    line-height: 30px;
    padding: 17px 0;
}

.aroma-lens {
    display: block;
    width: 27px;
    height: 27px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/aroma-lens.png) center center no-repeat;
}

.pvaColor {
    float: left;
    text-align: center;
    width: 56px;
    margin: 0;
    min-height: 76px;
    opacity: .7;
    margin-top: -5px;
    padding-bottom: 0;
    word-break: break-word;
}

    .pvaColor.selected {
        -ms-opacity: 1;
        opacity: 1;
    }

        .pvaColor.selected .aroma-image, .pvaColor:hover .aroma-image {
            border: 4px solid #496bb8;
            -ms-border-radius: 50%;
            border-radius: 50%;
            -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2) inset;
            -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.2) inset;
            box-shadow: 0 0 10px 0 rgba(0,0,0,.2) inset;
        }

    .pvaColor:hover {
        -ms-opacity: 1;
        opacity: 1;
        text-decoration: none;
    }

    .pvaColor .aroma-image {
        display: block;
        margin: 0 auto;
        width: 28px;
        height: 28px;
        float: none;
        border-radius: 50%;
        border: 4px solid #fff;
        background-color: #ebebeb !important;
        background-position: center !important;
        background-size: cover !important;
    }

    .pvaColor:hover > span, .pvaColor.selected > span {
        font-weight: 700;
        color: #003770;
    }

    .pvaColor > span {
        font: normal 9px arial;
        color: #000;
        display: block;
        margin: 0;
        width: auto;
        float: none;
        padding-top: 1px;
        font-weight: 700;
        line-height: 13px;
    }

.attr-title {
    float: left;
    font-family: "HelveticaNeueLTPro-Bd";
    font-size: 12px;
    color: #464646;
    padding-right: 2px;
    width: 48px;
    line-height: 26px;
}

.prc-detail-aroma-list {
    float: left;
}

@media (max-width: 1199px) {
    .prc-detail-aroma-list {
        width: 338px;
    }
}



.pva-aroma {
    height: 59px;
}

.quantity-input {
    margin-bottom: 8px;
    margin-top: 5px;
}

    .quantity-input .attr-title, .gift-select .attr-title {
        min-height: 3px;
        line-height: 30px;
    }

.add-product, .add-to-wishlist {
    color: #fff;
    font-family: HelveticaNeueLTPro-Md, arial;
    font-size: 18px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/add-product-icon.png) 27px 12px no-repeat #f73d04;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 11px 0 11px 16px;
    width: 220px;
    text-align: center;
}

    .add-product.nu {
        font-size: 13px;
        font-family: HelveticaNeueLTPro-Md,arial;
        font-weight: 500;
        width: 164px !important;
        display: inline-block;
        background: #e40;
        padding: 11px 8px;
    }

        .add-product.nu:hover {
            background: #e40;
        }

.add-to-wishlist {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/notify.png) 20px 8px no-repeat #003a75;
    width: 300px;
    display: block;
}

.add-to-faves {
    float: right !important;
    box-sizing: border-box;
    margin-left: 35px;
    width: 60px;
    height: 42px;
    background: url(/Themes/Supplementler/Content/Images/icon/favorite_off.svg) center center no-repeat;
}

    .add-to-faves:hover {
        background: url(/Themes/Supplementler/Content/Images/icon/favorite_on.svg) scroll center center no-repeat;
        opacity: 0.13;
    }

    .add-to-faves.faved {
        background: url(/Themes/Supplementler/Content/Images/icon/favorite_on.svg) scroll center center no-repeat;
        opacity: 1;
    }

    .add-to-faves.fade {
    }

.vitaminler-detail .add-to-wishlist {
    background-color: #399f62;
}

    .vitaminler-detail .add-to-wishlist:hover {
        background-color: #166d36;
    }

.add-to-wishlist:hover {
    background-color: #f73d04;
    color: #fff;
    text-decoration: none;
}

.childattr-select {
    color: #858585;
    font-size: 11px;
    font-family: Arial;
    border: 1px solid #ccc;
    width: 92px;
    height: 24px;
}

.add-product:hover {
    background-color: #003a75;
    color: #fff;
    text-decoration: none;
}

.vitaminler-detail .add-product:hover {
    background-color: #166d36;
    color: #fff;
    text-decoration: none;
}

.product-price-content span, .product-price-content a {
    float: left;
}

    .product-price-content span.product-old-price {
        line-height: 34px;
    }

.product-price-content .product-price {
    font-weight: 700;
    font-size: 30px;
    font-family: "HelveticaNeueLTPro-Bd";
    color: #f73d04;
    text-align: center;
    line-height: 42px;
    margin-right: 10px;
    margin-left: 10px;
    letter-spacing: 1px;
}


    .product-price-content .product-price.type {
        margin-left: 0;
        margin-right: 16px;
    }


.product-old-price {
    font-family: "HelveticaNeueLTPro-Roman";
    font-size: 18px;
    line-height: 28px;
    text-decoration: line-through;
    color: #464646;
    padding-top: 8px;
}

.thumb {
    float: left;
    width: 35px;
    position: relative;
}

    .thumb.active span {
        position: absolute;
        left: 0;
        background: #003770;
        height: 3px;
        width: 100%;
        bottom: -10px;
    }

.vitaminler-detail .thumb.active span {
    background: #1d773e;
}

.thumb img {
    width: 100%;
}

.product-thumb {
    background: #fff;
    position: relative;
    z-index: 1;
}

.watch-video {
    color: #003770;
    font-size: 11px;
    font-family: Arial;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/video-icon.png) left center no-repeat;
    padding-left: 22px;
    line-height: 19px;
    float: right;
    margin-top: 8px;
}

.product-info-content span, .product-info-content strong {
    font-family: Arial;
    font-size: 10px;
    color: #777;
    line-height: 15px;
    display: block;
}

    .product-info-content strong.sk-date {
        color: #416FBA;
        font-size: 14px;
    }


.vitaminler-detail .product-info-content strong.sk-date {
    color: #1e773e;
}

.product-info-content strong.discount-price {
    color: #FF4D00;
    font-size: 14px;
    font-weight: 700 !important;
    font-family: arial;
}

.product-info-content strong.stock-status {
    color: #62994D;
    font-size: 12px;
}


.product-info-content .badges-window {
    overflow: hidden;
    padding: 5px 0;
    display: flex;
    justify-content: center;
}

    .product-info-content .badges-window .fRight {
        margin-top: 20px;
        margin-bottom: 15px;
    }

        .product-info-content .badges-window .fRight > div {
            padding-left: 55px;
            float: left;
            height: 46px;
            padding-top: 17px;
            margin-left: 20px;
            position: relative;
        }

            .product-info-content .badges-window .fRight > div:before {
                content: "";
                position: absolute;
                bottom: 7px;
                left: 0;
                width: 46px;
                height: 46px;
                background-repeat: no-repeat;
                background-position: center;
                border: 1px solid #d2d2d2;
                border-radius: 4px;
            }

.stock-icon:before {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/instock.svg");
    background-size: 28px 26px;
}

.skt-icon:before {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/skt.svg");
    background-size: 27px 27px;
}

.dscnt-icon:before {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/discount.svg");
    background-size: 28px 27px;
}

.cargo-icon:before {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/nocargo.svg");
    background-size: 28px 27px;
}

.not-installment:before {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/payall.svg");
    background-size: 33px 23px;
}

.shoppingCredit:before {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/shopping-credit-icon.svg");
    background-size: 52px 52px;
}

.product-info-content {
    padding: 0 15px;
}

.product-thumb .thumb + .thumb {
    margin-left: 10px;
}

.detail-pp-title {
    width: 100%;
    margin: 0;
    padding: 3px 0;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/title-bg.jpg) bottom left repeat-x #fff;
    margin-bottom: 10px;
}

.product-quality .detail-pp-title {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/benefit-bg.png) bottom left repeat-x #eee;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    border-color: #ECE4DC;
}

    .product-quality .detail-pp-title span {
        margin-left: 15px;
    }

.pp-title-name {
    font-family: 'HelveticaNeueLTPro-Md';
    font-size: 14px;
    color: #003770;
    line-height: 24px;
    float: left;
    padding-left: 21px;
    width: 65%;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 16px;
}

.discount-product, .pp-new-product, .pp-cok-satan, .pp-kampanyali {
    float: right;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
    border-left: 1px solid #e5e5e5;
}

    .discount-product i, .pp-new-product i, .pp-cok-satan i, .pp-kampanyali i {
        margin-right: 2px;
        float: left;
        width: 11px;
        height: 23px;
    }

    .pp-cok-satan i {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-best.png) center center no-repeat;
    }

    .pp-kampanyali i {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-campaign.png) center center no-repeat;
    }

    .pp-new-product i {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-new.png) center center no-repeat;
    }

    .discount-product i {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-dis.png) center center no-repeat;
    }

.pp-cok-satan {
    color: #ffba00;
}

.pp-kampanyali {
    color: #ff7e00;
}

.pp-new-product {
    color: #3a9200;
}

.discount-product {
    color: #f73d04;
}

.pp-title-info {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/info-icon.png) left center no-repeat;
    width: auto;
    max-width: 60%;
}

.pp-first-list {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    padding-left: 16px;
    padding-bottom: 10px;
}

    .pp-first-list li {
        float: left;
    }

        .pp-first-list li span {
            float: left;
            font-size: 12px;
            color: #464646;
            line-height: 24px;
        }

            .pp-first-list li span.pp-sm-title {
                width: 65px;
                color: #444;
            }

            .pp-first-list li span.pp-sm-desc {
                padding-left: 10px;
                width: 250px;
                margin-right: 6px;
            }

span.pp-sm-title {
    width: 112px !important;
}

span.pp-sm-desc {
    width: 205px !important;
}

.product-properties .p-detail-spec-link {
    font-size: 12px;
    color: #464646;
    line-height: 24px;
}

    .product-properties .p-detail-spec-link:hover {
        text-decoration: underline;
    }

.pp-sm-desc {
    font-size: 12px;
    color: #464646;
    line-height: 24px;
}

.pp-sm-title {
    font-family: Arial;
    color: #464646;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
}

.pp-title-using {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-using.png) left center no-repeat;
}

.using-content .pp-sm-title {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    margin-bottom: 5px;
}

.using-content p, .product-quality ul li, .product-panel-description p {
    font-size: 12px;
    color: #464646;
    font-family: 'HelveticaNeueLTPro-Roman', arial;
    line-height: 18px;
    padding-right: 10px;
}

.product-panel-description p, .product-panel-description div {
    padding-right: 15px;
    float: left;
    width: 100%;
    padding-left: 16px;
    box-sizing: border-box;
}

.product-panel-description {
    padding-bottom: 20px;
}

    .product-panel-description ul {
        list-style-position: inside;
    }

    .product-panel-description h2 {
        padding: 5px 15px;
    }

.using-container {
    padding-right: 15px;
    padding-left: 16px;
}

    .using-container > div {
        float: left;
        width: 33.333%;
        min-height: 120px;
        font-size: 12px;
        color: #464646;
        font-family: 'HelveticaNeueLTPro-Roman', arial;
        line-height: 18px;
    }

.quality-container {
    float: left;
    width: 100%;
    min-height: 120px;
    background: #fef8f1;
    padding-bottom: 10px;
}

    .quality-container > div {
        float: left;
    }

span.gearTitle {
    float: left;
    line-height: 28px;
    font-family: "HelveticaNeueLTPro-Bd";
    font-size: 12px;
    color: #464646;
}

a.pvaGear {
    float: left;
    line-height: 22px;
    border: 1px solid #ccc;
    text-align: center;
    min-width: 24px;
    font-family: arial;
    color: #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}


    a.pvaGear.selected {
        border: 1px solid #333;
        font-weight: bold;
    }

.pvaGear em {
    font-style: normal;
}

.pp-title-positive {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-positive.png) left center no-repeat;
    color: #00a13a;
}

.pp-title-outstanding {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-outstanding.png) left 4px no-repeat;
    color: #008dd6;
}

.pp-title-negative {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-negative.png) left center no-repeat;
    color: #d20000;
}

.pp-title-ingredients {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-ingredients.png) left center no-repeat;
}

.pp-title-fulldesc {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-fulldesc.png) left center no-repeat;
}

.pp-title-return {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-return.png) left 4px no-repeat;
}

.watch-and-learn {
    float: left;
    width: 100%;
}

    .watch-and-learn .detail-pp-title {
        margin-top: 0;
    }

.product-quality ul {
    padding: 0;
    float: left;
    margin: 0;
    width: 93.5%;
    list-style-position: inside;
    padding-top: 10px;
    padding-left: 15px;
}

    .product-quality ul.list-positive {
        list-style-image: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/list-style-positive.png);
    }

.list-positive p {
    display: inline;
}

.sup-vit-not-negative {
    list-style-type: none;
    margin-left: 0;
    list-style-image: none;
}

.product-quality ul.list-negative {
    list-style-image: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/list-style-negative.png);
}

.product-quality ul.list-blue {
    list-style-image: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/list-style-blue.png);
}

.video-content {
    float: left;
    width: 95%;
    padding: 5px 0 15px 15px;
}

.product-details-page .ingredients-content .module-frame {
    border: none;
    border-radius: 0;
    float: left;
    width: 100%;
}

.pp-title-facebook {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/fb-comment.png) left center no-repeat;
}

.robots-nocontent {
    text-align: center;
    float: left;
    width: 100%;
    padding-top: 10px;
    background: #fff;
    margin: 0;
}

.inv_center_panel .robots-nocontent {
    box-sizing: border-box;
}

    .inv_center_panel .robots-nocontent img {
        width: 100%;
        padding: 10px 35px;
        box-sizing: border-box;
    }

.comment-left-panel, .comment-right-panel {
    text-align: left;
    float: left;
    width: 100%;
    background: #fff;
    margin: 0;
    padding-top: 10px;
}

.comment-left-panel {
    width: 73%;
    text-align: left;
}

.comment-right-panel {
    width: 27%;
    margin-top: -20px;
}

.rate-box {
    padding: 15px 19px;
    border: 1px solid #ccc;
    margin-left: 10px;
    text-align: left;
}

    .rate-box .rate-type + .rate-type {
        margin-top: 5px;
        padding-top: 3px;
        padding-bottom: 0;
        border-top: 1px solid #ebebeb;
    }

    .rate-box .rating-type-name {
        display: inline-block;
        color: #454545;
        font-weight: bold;
        font-size: 12px;
        width: calc(100% - 150px);
        width: -webkit-calc(100% - 150px);
        box-sizing: border-box;
        text-align: left;
        vertical-align: middle;
    }

.rate-space {
    width: 135px;
    display: inline-block;
    padding: 5px 0;
    border: 0;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}

.customer-name {
    float: left;
}

    .customer-name, .customer-name span {
        font-size: 14px;
        line-height: 24px;
        color: #454545;
        font-family: 'HelveticaNeueLTPro-Md';
    }

        .customer-name span {
            color: #c6c6c6;
        }

.customer-date {
    color: #c6c6c6;
    float: left;
    font-size: 14px;
    margin: 2px 0 0 7px;
}

.product-review-helpfulness {
    margin-top: 30px;
}

.product-review-item {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.product-review-list {
    padding-right: 15px;
    padding-left: 16px;
    width: 100%;
    box-sizing: border-box;
}

.comment-form {
    float: left;
    width: 100%;
    padding-top: 20px;
}

    .comment-form > div {
        padding-left: 16px;
    }

.helpfulness-vote-result {
    color: #00316e;
    font-size: 11px;
    padding-top: 10px;
}

.help-text {
    font-size: 14px;
    font-weight: bold;
    color: #454545;
}

.vote.btn {
    border: 0;
    background: none;
    box-shadow: none;
    line-height: normal;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0;
    width: 53px;
    color: #d8d8d8;
}

.vote.vote-yes {
    color: #85c441;
}

.customer-points {
    color: #464646;
    font-size: 11px;
    line-height: 24px;
}

    .customer-points span {
        color: #00316e;
        font-size: 12px;
    }

.vote.vote-no {
    color: #c84747;
}

form {
    margin: 0;
}

.comment-box {
    float: left;
    width: 659px;
    margin-top: -10px;
    padding: 15px;
}

.bx-wrapper {
    position: relative;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

.product-image-wrapper .bx-wrapper {
    border: 1px solid #ccc;
    z-index: 1;
}

.product-image-slider {
    overflow: hidden;
    height: 242px;
    width: 242px;
    display: block;
}

.product-image-wrapper .bx-wrapper .bx-viewport {
    overflow: hidden;
}

.product-image-wrapper .bx-controls-direction {
    display: none;
}

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    padding-bottom: 4px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 25px;
    width: 100%;
    z-index: 2;
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px;
}

    .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
            background: #000;
        }

.bx-wrapper .bx-prev {
    right: 21px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrow-up.png) center center no-repeat;
}

.bx-wrapper .bx-next {
    right: 0;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrow-down.png) center center no-repeat;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: -26px;
    margin-top: -5px;
    outline: 0;
    width: 23px;
    height: 10px;
    text-indent: -9999px;
    z-index: 1;
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/controls.png) -86px -11px no-repeat;
        margin: 0 3px;
    }

        .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
            background-position: -86px 0;
        }

    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/controls.png) -86px -44px no-repeat;
        margin: 0 3px;
    }

        .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
            background-position: -86px -33px;
        }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80,80,80,0.75);
    width: 100%;
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px;
    }

.product-wrapper .product-rating {
    text-align: center;
}

.product-wrapper .star.readonly {
    float: none;
}

.detail-product-slider {
    margin: 0;
    padding: 0;
    list-style: none;
}

.slider-box {
    padding: 10px;
    background: #fff;
    margin-bottom: 8px;
    float: left;
    border: 1px solid #d0d4dc;
    width: 92.2%;
}

    .slider-box .bx-pager {
        display: none;
    }

.slider-product-box img {
    width: 50px;
    height: 50px;
    border: 1px solid #d2d2d2;
}

.slider-product-box table {
    width: 100%;
}

.slide-product-name {
    color: #6b6b6b;
    font-family: 'HelveticaNeueLTPro-Md';
    font-size: 11px;
    display: block;
    padding-left: 5px;
    line-height: 14px;
}

    .slide-product-name:hover {
        color: #003770;
    }

.slider-price, .slider-old-price {
    font-size: 16px;
    color: #f73d04;
    font-weight:bold;
    display: block;
}

.slider-old-price {
    color: #464646;
    text-decoration: line-through;
    padding-bottom: 4px;
}



.right-pp-title .pp-title-name {
    padding-left: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    display: block;
    width: 100%;
    margin-left: 0;
}

#socialcontainer, .other-size-content, .doesnt-include, .product-combination {
    margin-bottom: 8px;
    border: 1px solid #fff;
    background: #fff;
    padding: 10px;
    float: left;
    width: 92%;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}

    .doesnt-include img {
        width: 40px;
        height: 40px;
    }

    .other-size-content .pvaGear {
        margin-bottom: 0;
    }

    .other-size-content h5 {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-size-s.png) right 0 no-repeat;
    }

.vitaminler-detail .other-size-content h5 {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-size.png) right 0 no-repeat;
}

.other-size-content a.quick-buy {
    font-size: 12px;
    color: #f73d04;
    padding-right: 10px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/arrow-right.png) right center no-repeat;
    line-height: 24px;
    font-family: 'HelveticaNeueLTPro-Md';
}

.other-size-content table span, .other-size-content table strong {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #505050;
}

.other-size-content img {
    border: 1px solid #d0d0d0;
    width: 28px;
}

.other-size-content table span {
    color: #999;
}

.other-size-content td {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
}

.other-size-content tr.last td {
    border-bottom: none;
    padding-bottom: 0;
}

.other-size-content tr.first td {
    padding-top: 0;
}

.pd-column-right .right-pp-title {
    margin-top: 0;
}

.doesnt-include table span {
    display: block;
    line-height: 11px;
    color: #747474;
    font-family: Arial;
    padding-top: 5px;
    font-size: 10px;
}

.doesnt-include table {
    border: 2px solid #fff;
}

.doesnt-include td {
    vertical-align: top;
    padding: 5px 0;
    border: 1px solid #e5e5e5;
}

.product-combination {
    background: #fbeecd;
}

.combination-text {
    background: #f73d04;
    color: #fff;
    font-family: 'HelveticaNeueLTPro-Bd', arial;
    text-align: center;
    line-height: 28px;
    border-radius: 7px;
    margin-top: 10px;
    display: block;
}

    .combination-text:hover {
        background-color: #003a75;
        color: #fff;
    }

        .combination-text:hover strong {
            color: #f73d04;
        }

.vitaminler-detail .combination-text:hover {
    background-color: #166d36;
    color: #fff;
}

    .vitaminler-detail .combination-text:hover strong {
        color: #fff;
    }

.combination-text strong {
    color: #ffbca8;
    text-decoration: line-through;
}

.combination-title {
    font-family: 'HelveticaNeueLTPro-Bd', arial;
    font-size: 16px;
    margin: 0;
    color: #f73d04;
}

    .combination-title a {
        color: #f73d04;
    }

        .combination-title a:hover {
            text-decoration: none;
        }

    .combination-title em, .combination-title span {
        display: block;
        line-height: 18px;
    }

    .combination-title em {
        color: #003770;
        font-size: 14px;
        font-style: normal;
        padding-bottom: 5px;
    }

.product-combination ul {
    color: #858585;
    font-family: Arial;
    font-size: 11px;
    list-style-image: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/list-style-blue.png);
    list-style-position: inside;
    margin: 0;
    padding-left: 13px;
    height: 128px;
    overflow: hidden;
}

.product-combination td {
    vertical-align: top;
}

.product-combination ul li {
    line-height: 14px;
    margin-bottom: 15px;
}

.combination-link {
    font-family: Arial;
    font-size: 12px;
    color: #003770;
    text-decoration: underline;
    margin-left: 13px;
}

    .combination-link:hover {
        color: #00254b;
    }

.product-combination img {
    border: 1px solid #d0cfcc;
    width: 107px;
}

.write-review label {
    color: #aaaaaa;
    font-family: 'HelveticaNeueLTPro-Bd', arial;
    margin: 0;
    margin-bottom: 12px;
    font-size: 16px;
}

.write-review .form-group + .form-group {
    margin-top: 30px;
}

.write-review input[type="text"],
.write-review input[type="password"],
.write-review input[type="datetime"],
.write-review input[type="datetime-local"],
.write-review input[type="date"],
.write-review input[type="month"],
.write-review input[type="time"],
.write-review input[type="week"],
.write-review input[type="number"],
.write-review input[type="email"],
.write-review input[type="url"],
.write-review input[type="search"],
.write-review input[type="tel"],
.write-review input[type="color"],
.write-review textarea {
    border-radius: 3px;
    background-color: #ffffff;
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #c9c9c9;
    height: auto;
    padding: 8px;
    box-shadow: none;
    -webkit-box-shadow: none;
    max-width: 100%;
}

.write-review textarea {
    min-height: 120px;
}

.review-button {
    margin-top: 22px;
    text-align: right;
    margin-bottom: 30px;
}

.rate-point-space {
    margin-left: 6px;
    line-height: 31px;
    color: #454545;
    font-size: 15px;
    color: #f7b007;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    max-width: 25px;
}

#addproductreviewform .rate-space {
    width: 100px;
}

#addproductreviewform .rating-type-name {
    color: #454545;
    font-weight: bold;
    font-size: 14px;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}

#addproductreviewform .rate-type {
    max-width: 220px;
}

    #addproductreviewform .rate-type + .rate-type {
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #ebebeb;
    }

.write-review {
    width: 100%;
    max-width: 420px;
    padding-top: 10px;
}

.product-variant-line .product-price-wrapper {
    display: none;
}

.productwritereviewbutton {
    font-family: 'HelveticaNeueLTPro-Bd', arial;
    color: #ffffff;
    font-size: 16px;
    padding: 12px 50px;
    border: none;
    text-shadow: none;
    background: #5590fd;
    box-shadow: none;
    border-radius: 4px;
    transition: all 200ms;
}

    .productwritereviewbutton:hover {
        background: #2c6ce2;
        color: #ffffff;
    }

.pp-title-watch {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/watch-learn.png) left center no-repeat;
}

.vitaminler-detail .pp-title-name, .vitaminler-detail .right-pp-title .pp-title-name, .vitaminler-detail .combination-title em {
    color: #1e773e;
}

.vitaminler-detail .productwritereviewbutton {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/send-btn-v.jpg) left bottom repeat-x #3f8259;
}

    .vitaminler-detail .productwritereviewbutton:hover {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/send-btn-v-hover.jpg) left bottom repeat-x #10622d;
    }

.vitaminler-detail .pp-title-watch {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/watch-learn-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-info {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/info-icon-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-using {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-using-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-ingredients {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-ingredients-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-fulldesc {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-fulldesc-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-facebook {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/fb-comment-v.png) left center no-repeat;
}

.vitaminler-detail .pp-first-list li span.pp-sm-title {
    width: 112px !important;
}

.vitaminler-detail .watch-video {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/video-icon-v.png) left center no-repeat;
    line-height: 19px;
}

.vitaminler-detail .pp-title-negative {
    color: #d20000;
}

.vitaminler-detail .progressDiv {
    background: #166d36;
}

.vitaminler-detail .score-title {
    background: #166d36;
}

.vitaminler-detail .general {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/general-v.jpg) left bottom no-repeat;
}

.vitaminler-detail .gen-score {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/gen-score-v.jpg) left bottom no-repeat #6fa0d0;
}

.vitaminler-detail .gen-rate {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/gen-rate-v.jpg) center center no-repeat;
}

.vitaminler-detail .pp-first-list li span.pp-sm-desc {
    width: 205px;
}

.vitaminler .supp-pname, .vitaminler .pop-box .right-pp-title .pp-title-name {
    color: #2d7c4c;
}

.product-price-content.cfix {
}

.detail-fix-bar {
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    margin-left: 0;
    display: none;
    padding: 5px 0;
    background: #e3eef9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZWVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWQ0ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#e3eef9 0%,#cad4de 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3eef9),color-stop(100%,#cad4de));
    background: -webkit-linear-gradient(top,#e3eef9 0%,#cad4de 100%);
    background: -o-linear-gradient(top,#e3eef9 0%,#cad4de 100%);
    background: -ms-linear-gradient(top,#e3eef9 0%,#cad4de 100%);
    background: linear-gradient(to bottom,#e3eef9 0%,#cad4de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eef9',endColorstr='#cad4de',GradientType=0);
}

    .detail-fix-bar > div {
        width: 990px;
        margin: 0 auto;
    }

.vitaminler-detail .detail-fix-bar {
    background: #fce4cb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZTRjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWNjYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fce4cb 0%,#e1ccb6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fce4cb),color-stop(100%,#e1ccb6));
    background: -webkit-linear-gradient(top,#fce4cb 0%,#e1ccb6 100%);
    background: -o-linear-gradient(top,#fce4cb 0%,#e1ccb6 100%);
    background: -ms-linear-gradient(top,#fce4cb 0%,#e1ccb6 100%);
    background: linear-gradient(to bottom,#fce4cb 0%,#e1ccb6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce4cb',endColorstr='#e1ccb6',GradientType=0);
}

.fix-bar-title {
    font-size: 15px;
    font-family: 'HelveticaNeueLTPro-Md';
    line-height: 18px;
    color: #003770;
    margin: 0;
    padding-bottom: 5px;
}

.vitaminler-detail .fix-bar-title {
    color: #1e773e;
}

.fix-bar-price .product-price {
    font-size: 20px;
    line-height: 22px;
}

.fix-bar-price .product-old-price {
    color: #003770;
    font-size: 14px;
    float: left;
    line-height: 22px;
    padding: 0 15px 0 0;
}

.fix-bar-price, .fix-bar-variant-select {
    float: left;
}

.detail-fix-bar td {
    padding: 7px;
    vertical-align: middle;
}

.fix-bar-variant-select {
    margin-left: 16px;
}

    .fix-bar-variant-select select {
        float: left;
        width: 122px;
        margin: 1px 4px 0;
        height: 22px;
        padding: 0;
        font-family: Arial;
        color: #003770;
        font-size: 11px;
    }

    .fix-bar-variant-select .add-product {
        float: left;
        margin-left: 21px;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/fix-bar-car-icon.png) 9px 8px no-repeat #f73d04;
        padding: 5px 17px 5px 32px;
        line-height: 22px;
        width: 98px;
        font-size: 14px;
        margin-top: -5px;
    }

.detail-fix-bar img {
    border: 1px solid #e4edf6;
    background: #fff;
    width: 47px;
}

.vitaminler-detail .fix-bar-price .product-old-price {
    color: #1e773e;
}

.vitaminler-detail .product-page-title {
    color: #1d773e;
}

.statChartHolder > div {
    float: left;
    width: 20%;
    position: relative;
    height: 93px;
}

.chart > div {
    margin-left: -10px;
}

.statChartHolder strong {
    font-family: Arial;
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: -8px;
    line-height: 16px;
    margin-top: 11px;
    font-weight: 700;
    font-size: 10px;
}

.progressDiv {
    float: left;
    background: #003a75;
    width: 100%;
    margin-bottom: 7px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}

.percentage {
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: 0;
    font-size: 18px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.general-score {
    float: left;
    width: 100%;
}

    .general-score > div {
        float: left;
        width: 71px;
        text-align: center;
        line-height: 28px;
        font-family: 'HelveticaNeueLTPro-Bd', arial;
        font-size: 16px;
        color: #fff;
        height: 28px;
    }

        .general-score > div.gen-rate {
            width: 132px;
            height: 34px;
            margin-top: -3px;
        }

.general {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/general.jpg) left bottom no-repeat;
}

.gen-score {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/gen-score.jpg) left bottom no-repeat #6fa0d0;
}

.gen-rate {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/gen-rate.jpg) center center no-repeat;
}

    .gen-rate > div {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-off-new-2.png) left center repeat-x;
        width: 100px;
        height: 34px;
        margin: auto;
        position: relative;
    }

        .gen-rate > div > div {
            position: absolute;
            top: 0;
            left: 0;
            background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-on-new-2.png) 0 6px repeat-x;
            height: 34px;
        }

.score-title {
    line-height: 38px;
    height: 38px;
    font-family: 'HelveticaNeueLTPro-Bd', arial;
    font-size: 16px;
    color: #fff;
    margin: 0;
    background: #003a75;
    padding-left: 10px;
    font-weight: 400;
}

    .score-title a {
        color: #ffae01;
        float: right;
        font-size: 14px;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/star-on.png) right 9px no-repeat;
        padding-right: 22px;
        margin-right: 10px;
        font-weight: 400;
    }

#gotoProductComments {
    display: block;
    color: #003a75;
    line-height: 24px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700;
    font-family: Arial;
    text-align: right;
    float: right;
    width: 96.2%;
    background: #fff;
    padding-right: 10px;
}

.supp-also-content .pop-box {
    display: block !important;
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

.supp-also-content .slider-box, .supp-also-content .product-rating, .supp-also-content .product-info {
    display: none;
}

.supp-also-content .product-name {
    padding: 0;
    margin-top: 0;
    overflow: hidden;
}

.supp-also-content .product-discount {
    text-align: center;
}

.supp-also-content a.no-discount {
    display: block;
}

.supp-success {
    color: #30a900;
    font-size: 18px;
    font-family: 'HelveticaNeueLTPro-Md';
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-tick.png) left 0 no-repeat;
    padding-left: 25px;
    line-height: 20px;
    margin-left: 29px;
    margin-top: 25px;
}

.add-to-cart-after {
    width: 605px;
    left: 50%;
    background: #fff;
    display: none;
}

    .add-to-cart-after em {
        font-size: 12px;
        font-family: 'HelveticaNeueLTPro-Md';
        color: #505050;
        font-style: normal;
        display: block;
        padding-left: 29px;
        padding-bottom: 13px;
        margin-top: 3px;
        margin-bottom: 19px;
    }

.supp-summary {
    float: left;
    padding-bottom: 25px;
}

.supp-image {
    float: left;
    width: 148px;
    border: 1px solid #ccc;
    margin-left: 29px;
    margin-right: 16px;
}

.supp-voptions {
    float: left;
    width: 381px;
    padding-right: 29px;
}

.supp-image img {
    width: 100%;
}

.supp-pname {
    margin: 12px 0 19px;
    font-size: 18px;
    color: #00407c;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.supp-selected-attr {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-bottom: 19px;
}

    .supp-selected-attr li {
        float: left;
        text-align: center;
        font-size: 12px;
    }

        .supp-selected-attr li + li {
            margin-left: 15px;
        }

    .supp-selected-attr span, .supp-selected-attr strong {
        display: block;
    }

    .supp-selected-attr strong {
        color: #333;
    }

    .supp-selected-attr span {
        color: #505050;
    }

.pop-go-shopping {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    font-family: 'HelveticaNeueLTPro-Bd', arial;
    float: left;
    color: #626262;
    padding: 0 20px;
    background: #e3e3e3;
    border-radius: 5px;
    margin-right: 8px;
}

    .pop-go-shopping:hover {
        color: #fff;
        text-decoration: underline;
    }

.pop-button-container .add-product {
    float: left;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/add-product-icon.png) 19px 10px no-repeat #f73d04;
    padding: 10px 0 10px 16px;
    width: 155px;
}

    .pop-button-container .add-product:hover {
        background-color: #003a75;
    }

.pop-button-container {
    float: left;
    width: 100%;
}

.pop-box {
    background: #ebebeb;
}

    .pop-box .right-pp-title {
        margin: 0;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #ccc;
        padding-left: 30px;
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/title-bg.jpg) left bottom repeat-x #fff;
    }

        .pop-box .right-pp-title .pp-title-name {
            border-bottom: none;
            padding: 0;
            line-height: 31px;
            height: 31px;
        }

    .pop-box .product {
        width: 100px;
        padding: 0;
        border: none;
        min-height: 19px;
    }

    .pop-box .product-names {
        font-size: 11px;
        color: #333;
        min-height: 5px;
        font-family: 'HelveticaNeueLTPro-Md';
    }

    .pop-box .product-price-old, .pop-box span.product-price-old {
        font-size: 11px;
    }

    .pop-box .product-price {
        font-size: 14px;
    }

    .pop-box .product-image {
        height: auto;
        padding: 5px;
    }

    .pop-box .pop-also-content .product + .product {
        margin: 0 0 0 10px !important;
    }

.pop-also-content {
    padding-top: 19px;
    padding-left: 30px;
}

a.add-to-cart-after-button {
    position: fixed;
    width: 100px;
    padding: 10px;
    background: #000;
    color: #fff;
    top: 144px;
    left: 0;
    text-align: center;
    z-index: 9999;
}

.size-table {
    position: absolute;
    right: 0;
    color: #131313;
    text-decoration: none;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/size-chart-icon.png) 8px center no-repeat;
    padding: 8px 8px 8px 35px;
    line-height: 15px;
    font-size: 11px;
    border: 1px solid #ebebeb;
}

    .size-table:hover {
        color: #131313;
        text-decoration: none;
    }

.product-properties {
    position: relative;
    float: left;
    width: 100%;
}

.pvaColor.out-ofstock {
    position: relative;
    opacity: .2;
}

    .pvaColor.out-ofstock:hover {
        opacity: 1;
    }

.pvaColor .message {
    display: none;
    position: absolute;
    width: 150px;
    left: 50%;
    margin-left: -80px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
    padding: 5px;
    border-radius: 5px;
    z-index: 4;
    font-style: normal;
    top: 45px;
}

    .pvaColor .message em,
    .pvaGear .message em {
        color: #8a6d3b;
        font-style: normal;
        font-weight: bold;
        text-decoration: underline;
    }

.pvaGear.out-ofstock {
    position: relative;
    opacity: .2;
}

    .pvaGear.out-ofstock:hover {
        opacity: 1;
    }

.pvaGear .message {
    display: none;
    position: absolute;
    width: 150px;
    left: 50%;
    margin-left: -80px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
    padding: 5px;
    border-radius: 5px;
    z-index: 4;
    font-style: normal;
    top: 22px;
}

.out-ofstock:hover .message {
    display: block;
}

.alert-message {
    font-family: arial;
    text-shadow: 0 0 1px rgba(0,0,0,.1);
    letter-spacing: 2px;
    text-transform: capitalize;
    font-weight: 700;
    color: #10106c;
    max-width: 800px;
}

.bundle-image {
    width: 80px;
    height: 120px;
}

    .bundle-image img {
        width: 80px;
    }

.bundle-quantity {
    width: 50px;
    text-align: center;
}

.bundle-expiration-date {
    width: 140px;
    text-align: center;
}

.bundle-options {
    width: 75px;
}

    .bundle-options .voption, .bundle-options .voption > div {
        text-align: center !important;
    }

        .bundle-options .voption > span {
            font-weight: 700;
        }

.bundle-button {
    text-align: right;
}

.bundle-product-list {
    float: left;
    width: 660px;
    padding: 0 15px 10px;
}

    .bundle-product-list tr + tr {
        border-top: 1px solid #f4f4f4;
    }

.bundleproduct .addtocartbutton {
    display: none;
}

.bundle-name {
    color: #003770;
    font-weight: 700;
    font-size: 13px;
}

.bundle-button a {
    color: #f73d04;
    font-weight: 700;
    font-size: 12px;
}

.bundle-info {
    width: 190px;
}

.rate-value {
    float: left;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #575b5d;
}

.module-bundle-usage .module-table {
    font-size: 12px;
    color: #000;
}

    .module-bundle-usage .module-table td {
        vertical-align: top;
    }

    .module-bundle-usage .module-table th {
        text-align: left;
    }

        .module-bundle-usage .module-table th.module-service-size, .module-bundle-usage .module-table td.module-product-service-size {
            text-align: center;
            width: 100px;
        }

.module-bundle-usage-inner {
    float: left;
    padding-left: 15px;
    padding-bottom: 10px;
    width: 95.7%;
}

.module-table-row {
    padding-bottom: 10px;
}

    .module-table-row + .module-table-row {
        border-top: 1px solid #ccc;
        padding: 10px 0;
    }

    .module-table-row .pp-sm-title {
        font-weight: 400;
    }

.module-product-name {
    width: 400px;
}

.supp-also-content img {
    max-height: 100px;
}

.product-image-wrapper img {
    width: auto !important;
    max-height: 240px;
    margin: 0 auto;
}

.customer-comments {
    float: left;
    width: 100% !important;
}


/** Emre **/
.alert-left-sup {
    width: 130px;
    position: absolute;
    height: 100%;
    float: left;
}

.alert-left-vit {
    width: 130px;
    position: absolute;
    height: 100%;
    float: left;
    background: #96bc3c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YmMzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjVhMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #96bc3c 0%, #325a2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96bc3c), color-stop(100%,#325a2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #96bc3c 0%,#325a2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #96bc3c 0%,#325a2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #96bc3c 0%,#325a2b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #96bc3c 0%,#325a2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96bc3c', endColorstr='#325a2b',GradientType=0 ); /* IE6-8 */
}

    .alert-left-sup img, .alert-left-vit img {
        display: table;
        position: relative;
        top: 50%;
        margin: -90px auto 0px;
        padding: 52px 0;
    }

.alert-message-sup {
    display: table;
    text-align: center;
    margin: 75px 0 75px 130px;
    padding: 0 45px;
    font-size: 14px;
    font-family: Arial, Tahoma, sans-serif;
    font-weight: 700;
    white-space: nowrap;
}

.fancybox-outer, .fancybox-inner, .fancybox-opened .fancybox-skin {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);*/
}

    .fancybox-opened .fancybox-skin.order {
        border-radius: 10px !important;
    }

span.yilbasi-kampanya-buyuk {
    position: absolute;
    top: -1px;
    left: -4px;
    background: url('https://supplementler.mncdn.com/Themes/mobile/Supplementler/Content/images/new-year-badge.png') no-repeat top left;
    width: 91px;
    height: 91px;
    float: left;
    z-index: 2;
    background-size: contain;
}

span.yilbasi-kampanya-kucuk {
    position: absolute;
    top: 0;
    left: -3px;
    background: url('https://supplementler.mncdn.com/Themes/mobile/Supplementler/Content/images/new-year-badge.png') no-repeat top left;
    width: 83px;
    height: 83px;
    z-index: 2;
    background-size: contain;
}

span.bayram-kampanya-buyuk {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/bayram-kampanya-buyuk.png') no-repeat;
    width: 91px;
    height: 91px;
    float: left;
}

span.bayram-kampanya-kucuk {
    position: absolute;
    top: 0;
    left: 0;
    background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/bayram-kampanya-kucuk.png') no-repeat;
    width: 83px;
    height: 83px;
}


span.valentines-day-kucuk {
    position: absolute;
    top: 0;
    left: 3px;
    background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/valentines-day.png') no-repeat top left;
    width: 40px;
    height: 40px;
    z-index: 2;
    background-size: contain;
}

span.valentines-day-buyuk {
    position: absolute;
    top: 0;
    left: 3px;
    background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/valentines-day.png') no-repeat top left;
    width: 60px;
    height: 60px;
    z-index: 2;
    background-size: contain;
}


span.oscar {
    position: absolute;
    top: -16px;
    right: 217px;
    background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/oscar-badge.png') no-repeat top left;
    width: 49px;
    height: 43px;
    z-index: 2;
    background-size: contain;
}



.checkout-page {
    padding-bottom: 50px;
}



@media (max-width: 1199px) {

    .invtabs-module li {
        width: 20%;
    }
}

@media(min-width: 1200px) {

    .nu-style .span3 {
        width: 250px;
    }

    .nu-style .customer-orders .span9 {
        width: 895px;
        padding-left: 5px;
    }
}

@media (min-width: 1200px) {
    .loyalty-info-right a {
        width: 180px;
    }

    .checkout .span12 {
        width: 940px;
        float: none;
        margin: 0 auto;
    }

    .comment-box {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .bundle-expiration-date {
        width: 200px;
    }

    .bundle-quantity {
        width: 80px;
    }

    .bundle-button {
        text-align: center;
    }

    .bundle-info {
        width: 260px;
    }

    .bundle-product-list {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

ul.product-list.list-best-sellers {
    height: auto !important;
}


/*payment grid*/
.pay-check .col-lg-6 {
    padding: 0 8px;
}

.pay-check .row {
    margin: 0 -8px;
}

.SaveOcpCreditCard {
    cursor: pointer;
}
/*payment grid end*/


.register-for-events *, .register-for-events {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .register-for-events .form-control {
        height: 36px;
        border: 1px solid #c2c2c2;
        width: 100%;
        font-size: 14px;
    }


.register-for-events {
    width: 1200px;
    padding: 30px 150px;
    margin: 0 auto;
}

.events-logo {
    text-align: center;
    padding-top: 30px;
}

    .events-logo img {
        width: 190px;
    }


@media (max-width: 1199px) and (min-width: 990px) {
    .register-for-events {
        width: 990px;
    }
}

@media (max-width: 989px) and (min-width: 768px) {
    .register-for-events {
        width: 768px;
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .register-for-events .col-lg-6,
    .register-for-events {
        width: 100%;
    }

    .register-for-events {
        padding: 15px;
    }
}

.basarili-image {
    width: 150px;
    display: block;
    margin: 30px auto;
}

.basarili-title, .basarili-text {
    text-align: center;
    color: #46AB19;
}

.basarili-text {
    color: #969696;
    padding: 0 10%;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 26px;
}

.register-for-events .field-validation-error {
    padding-left: 0;
    position: relative;
    top: -10px;
    display: none;
}


.empty-comparison-container {
    font-size: 14px;
}

    .empty-comparison-container p {
        margin: 0;
        line-height: 24px;
    }

    .empty-comparison-container .top-menu-clean .top-menu-list-clean {
        margin-top: 20px;
    }

        .empty-comparison-container .top-menu-clean .top-menu-list-clean li {
            list-style: none;
            list-style-type: none;
        }

            .empty-comparison-container .top-menu-clean .top-menu-list-clean li a:before {
                content: " - ";
                display: inline-block;
                margin-right: 10px;
            }

            .empty-comparison-container .top-menu-clean .top-menu-list-clean li a {
                font-size: 14px;
            }

        .empty-comparison-container .top-menu-clean .top-menu-list-clean:first-child {
            margin-left: 0;
        }

.highlighted-pages {
    margin: 0;
    padding: 0 15px;
    list-style-type: none;
}

    .highlighted-pages > li:not(:last-child) {
        border-bottom: 1px solid #e0e0e0;
    }

    .highlighted-pages > li a {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

/* product review styles */
.product-review-list {
    padding-top: 10px;
}

span.customer-name.cfix {
    color: #454545;
    font-size: 18px;
}

.customer-name {
    color: #454545;
    float: none;
    font-size: 18px;
}

.customer-date {
    float: none;
    color: #b5b5b5;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    margin-top: 5px;
}

.review-text {
    font-size: 14px;
    color: #454545;
    line-height: 1.43;
    margin: 0;
    margin-top: 23px;
}

.product-review-item {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    float: none;
    margin: 0;
}

    .product-review-item + .product-review-item {
        padding-top: 20px;
    }

.comment-left-panel {
    padding: 0;
    float: none;
    display: inline-block;
    width: calc(100% - 254px);
    vertical-align: top;
    padding-right: 20px;
    box-sizing: border-box;
}

.comment-right-panel {
    padding: 0;
    margin: 0;
    width: 250px;
    display: inline-block;
    float: none;
    vertical-align: top;
}

.rate-box {
    border-radius: 4px;
    border: solid 1px #ebebeb;
}

.review-badge {
    font-size: 13px;
    margin-bottom: 10px;
}

.cookie_container {
    width: 320px;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    margin: 1%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.88);
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    display: none;
}

.cookie_container__holder {
    float: left;
    width: 100%;
    color: #fff;
}

.cookie_container__holder_closeButton {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/cookie_popup_close.svg") no-repeat;
}

.cookie_container__holder p {
    margin: 10px 0 10px 15px;
    text-align: left;
    line-height: 18px;
    width: 89%;
}

.cookie_container__holder a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

/*No Result Search Page Custom Tab Styles Start */
.tab-items-container {
    position: relative;
}

._tab {
    display: none;
}

    ._tab.active {
        display: block;
    }

    ._tab:first-child {
    }

.top-search-button a.other {
    color: #222;
}

    .top-search-button a.other.selected {
        background: #222;
        color: #ebebeb;
    }

        .top-search-button a.other.selected p, .top-search-button a.other.selected p span {
            color: #ebebeb;
        }

        .top-search-button a.other.selected .indicator {
            display: block;
        }
/*No Result Search Page Custom Tab Styles End */


.footer-customer-contact .footer-phone {
    display: flex;
    flex-direction: row;
    color: #fff;
    align-items: center;
}

.footer-customer-contact .contact-phone {
    margin-bottom: 15px;
}

.footer-customer-contact img {
    height: 35px;
    width: 35px;
}

.footer-customer-contact .customer-contact-numbers {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 35px;
    margin-top:2px;
}

.customer-contact-numbers span.phone-number {
    font-size: 20px;
    font-weight: bold;
    margin-top:2px;
}

.customer-contact-numbers span.small-phone {
    font-size: 10px;
    font-weight: bold;
}

.list-brands-footer a {
	display: block;
	width: 100px;
	margin: 0 15px;
	height: 45px;
}

h1 {
	font-size: 24.5px;
}

.product-details table td, .product-details table th {
	border: 0;
}

.module-frame .productgrouplist-module,
.fittest-tab {
	min-height: 295px;
}

.in_header .search {
	background: #fff !important;
	border-radius: 5px 5px 5px 5px !important;
}

	.in_header .search input {
		width: 220px;
	}

.top-menu select {
	display: none;
}

.hidden {
	display: none;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inherit !important;
}

@media(min-width:768px) and (max-width:979px) {
	.hidden-desktop {
		display: inherit !important;
	}

	.visible-desktop {
		display: none !important;
	}

	.visible-tablet {
		display: inherit !important;
	}

	.hidden-tablet {
		display: none !important;
	}
}

@media(max-width:767px) {
	.hidden-desktop {
		display: inherit !important;
	}

	.visible-desktop {
		display: none !important;
	}

	.visible-phone {
		display: inherit !important;
	}

	.hidden-phone {
		display: none !important;
	}
}

.cart-line-supplementler {
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/logo-supplementler-small.png) center center no-repeat;
	text-indent: -9999px;
	width: 57px;
	height: 30px;
	display: block;
}

.recurring-list .cart-line-supplementler,
.recurring-list .cart-line-vitaminler {
	width: 100%;
}

.cart-line-vitaminler {
	background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/vitaminler/logo-vitaminler-small.png) center center no-repeat;
	text-indent: -9999px;
	width: 57px;
	height: 30px;
	display: block;
}

.product-list-item {
	list-style: none;
}




.fittest a span {
	margin: 0;
	padding: 0;
	padding-left: 30px;
}



.fittest a, .fittest a:hover {
	background: 0;
}


ul.ui-autocomplete {
	background: #fff;
	padding: 10px;
	z-index: 100 !important;
	border-top: 0;
	border: 1px solid #ccc;
	margin-top: 35px;
	margin-left: -18px;
	box-shadow: 1px 5px 10px 1px #777;
}


.ui-autocomplete-loading {
	background: #efefef url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ajax_loader_small.gif) 95% center no-repeat !important;
}

td.cart-product-store {
	vertical-align: middle !important;
}

.in_footer, .in_footer .container {
	background: 0;
}

.footer_1 a {
	width: 140px;
	height: 40px;
	display: block;
}

.footer_bottom a {
	margin-right: 20px;
}

.invtabs-module .inv-tab-menu li, .invtabs-module .inv-tab-menu {
	border-radius: 0 !important;
}

.invtabs-module ul.inv-tab-menu li {
	width: 16.6666666666667%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	line-height: 17px;
}

	.invtabs-module ul.inv-tab-menu li:first-child {
		border-left: 0;
	}

.inv-tab-menu li:first-child {
	border-left: 0;
}

.inv-tab-menu li:last-child {
	border-right: 0;
}

.inv-tab-menu li a {
	border-radius: 0;
	color: #666;
}

	.inv-tab-menu li a:hover {
		background: #fff;
		color: #333;
	}

.inv-tab-menu li.active a, .inv-tab-menu li.active a:hover {
	border-radius: 0;
	color: #fff;
}


.inv_content {
	padding: 0;
	width: 990px;
	margin: 0 auto;
	min-height: 570px;
}



.home-index.container {
	width: 990px;
}

.home-index .invtabs-module {
	margin-bottom: 0;
}

.invtabs-module ul.inv-tab-menu {
	width: 100%;
}

.prev-slider, .prev-slider:hover {
	left: 10px;
	width: 41px;
}

.next-slider, .next-slider:hover {
	right: 10px;
	width: 41px;
}


.catalog-category .span10 {
	float: right;
	width: 780px;
	margin-right: 15px;
}

.sub-block ul li:last-child a {
	border-bottom: 0;
}

a.noborder {
	border: 0 !important;
}

.header-links-submenu a {
	display: block;
	padding: 5px 3px;
	text-decoration: none;
}

.dropdown-menu {
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	border: 1px solid #ddd;
	box-shadow: 2px 2px 10px -2px #777;
	margin-top: 6px;
	margin-left: -15px;
}

	.dropdown-menu li a, .dropdown-menu li a:hover, .dropdown-menu li a:visited {
		border: 0;
		padding: 8px 15px 8px 20px;
		text-align: left;
		background: transparent url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/header-arrows.png") 10px 10px no-repeat;
		margin: 0;
		color: #999;
	}

		.dropdown-menu li a:hover, .dropdown-menu li a.selected {
			color: #004fa5;
			background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/header-arrows.png") 10px -33px no-repeat #efefef;
		}


.totals {
	font-size: 13px;
}

	.totals span {
		color: #0368c9;
		font-weight: bold;
	}

.checkout-totals-container .totals span {
	color: #333;
}

.cart-content-box h3 {
	font-size: 12px;
	font-weight: bold;
	color: #2c689f;
	margin: 0;
}

.footer-bottom-container .parent-cat {
	border-top: 0 solid #e6e6e6;
}

.compare-buttons {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 10px;
}

	.compare-buttons,
	.compare-buttons label {
		cursor: pointer;
	}

		.compare-buttons span {
			color: #003d7a;
			font-size: 11px;
			font-weight: bold;
			padding-left: 3px;
		}

.productgrouplist-module .compare-buttons {
	display: none;
}

.compare-buttons-form {
	float: left;
	margin-right: 7px;
	margin-top: -2px;
}

	.compare-buttons-form form {
		margin: 0px 20px;
	}

.child-product-detail-container .span2 {
	display: block !important;
	width: 140px !important;
	text-align: center;
	vertical-align: middle;
	margin: 0;
}

.child-product-detail-container .row {
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
	position: relative;
	padding: 10px 0;
}

.child-product-detail-container .product-detail-title {
	font-size: 14px;
	margin: 0 0 10px;
	padding: 0;
}

.child-product-detail-container .voption span {
	text-align: left;
	font-weight: 700;
}

.child-product-detail-container .product-ratebox {
	height: auto;
	background: none;
	margin: 0 0 10px;
	padding: 0;
}

	.child-product-detail-container .product-ratebox .rate-line {
		margin: 0;
		padding: 0 !important;
	}

	.child-product-detail-container .product-ratebox .rate-value {
		float: left;
		margin-right: 10px;
		width: auto;
		margin-left: 10px;
	}

.child-product-add-tocart {
	position: static;
	float: right;
	width: 175px;
	display: block;
}

.child-basket-item .cart-product-picture .img {
	height: 50px;
	width: auto;
	text-align: right;
	float: left;
}

tr.child-row {
	background: #fff !important;
}

.multi-top-search {
	border: 1px solid #8C8C8C;
	background-color: rgb(255, 255, 255);
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	position: absolute;
	width: 145%;
	display: none;
	z-index: 2;
	top: 46px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.multi-top-search .search-left {
		width: 35%;
		float: left;
		padding: 0 17px;
		margin: 29px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

		.multi-top-search .search-left .search-menu {
			margin-bottom: 15px;
		}

			.multi-top-search .search-left .search-menu span.title {
				font-size: 18px;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, arial;
				color: rgb(36, 80, 134);
				font-weight: 600;
				display: block;
				margin-bottom: 6px;
				position: relative;
				width: auto;
				text-align: left;
				top: 0;
			}

			.multi-top-search .search-left .search-menu span.title-vitaminler {
				color: #a1c843;
				font-size: 15px;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, arial;
				font-weight: 600;
				display: block;
				margin-bottom: 6px;
			}

				.multi-top-search .search-left .search-menu span.title-vitaminler span {
					color: #375f28;
				}

			.multi-top-search .search-left .search-menu span.title-fitmoda {
				color: #eb8b2d;
				font-size: 18px;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, Arial;
				font-weight: 600;
				display: block;
				margin-bottom: 6px;
			}

				.multi-top-search .search-left .search-menu span.title-fitmoda span {
					color: #202020;
				}

			.multi-top-search .search-left .search-menu span.title-fitmoda-category {
				color: #202020;
				font-size: 18px;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, Arial;
				font-weight: 600;
				display: block;
				margin-bottom: 6px;
			}

			.multi-top-search .search-left .search-menu ul {
				margin: 0;
			}

				.multi-top-search .search-left .search-menu ul > li {
					font-display: swap;
					font-family: HelveticaNeueLTPro-Roman, arial;
					list-style: none;
					color: #878787;
					font-weight: 400;
					font-size: 13px;
				}

					.multi-top-search .search-left .search-menu ul > li + li {
						margin-top: 10px;
					}

					.multi-top-search .search-left .search-menu ul > li > a {
						color: #707070;
						font-weight: 400;
						font-size: 14px;
						margin-right: 5px;
						line-height: 16px;
					}

						.multi-top-search .search-left .search-menu ul > li > a:hover {
							color: #f73d04;
						}

		.multi-top-search .search-left .more-search-result {
			color: #272727;
			font-weight: normal;
			font-size: 14px;
		}

			.multi-top-search .search-left .more-search-result .searchKeyword {
				color: rgb(36, 80, 134);
				font-weight: bold;
				font-size: 14px;
			}

	.multi-top-search .search-right {
		float: left;
		width: 65%;
		margin: 17px 0;
		border-left: 1px solid #e1e1e1;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

		.multi-top-search .search-right span.title, .multi-top-search .search-right .search-result h3.title {
			font-size: 15px;
			font-display: swap;
			font-family: HelveticaNeueLTPro-Roman, arial;
			color: rgb(36, 80, 134);
			font-weight: 600;
			display: block;
			margin: 1px 25px 11px;
			/*position: relative;*/
			width: auto;
			text-align: left;
			top: 0;
		}

		.multi-top-search .search-right .search-product {
			width: 100%;
			margin-left: 0;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0 20px;
			float: left;
			margin-bottom: 10px;
			padding-bottom: 0;
		}

			.multi-top-search .search-right .search-product a.product-image {
				float: left;
				width: 20%;
				height: auto;
				margin: 0;
				z-index: 0;
			}

			.multi-top-search .search-right .search-product a > img {
				width: 50px;
				height: 50px;
			}

			.multi-top-search .search-right .search-product a.product-title {
				display: inline-block;
				width: 80%;
				font-size: 14px;
				color: #606060;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, arial;
				font-weight: 400;
				margin-bottom: 4px;
				margin-top: 5px;
			}

			.multi-top-search .search-right .search-product a.product-price {
				font-size: 16px;
				color: #f73d04;
				text-align: left;
				width: 80%;
				float: right;
			}

		.multi-top-search .search-right .search-result.supplementler h3.title {
			color: #1e3a6a;
			margin: 0 25px 10px;
			border-bottom: 1px solid #ddd;
			font-size: 18px;
		}

			.multi-top-search .search-right .search-result.supplementler h3.title span {
				color: #4174b4;
			}

		.multi-top-search .search-right .search-result.vitaminler h3.title {
			color: #a1c843;
			margin: 0 25px 10px;
			border-bottom: 1px solid #ddd;
			font-size: 18px;
		}

			.multi-top-search .search-right .search-result.vitaminler h3.title span {
				color: #375f28;
			}

		.multi-top-search .search-right .search-result.fitmoda h3.title {
			color: #eb8b2d;
			margin: 0 25px 10px;
			border-bottom: 1px solid #ddd;
			font-size: 18px;
		}

			.multi-top-search .search-right .search-result.fitmoda h3.title span {
				color: #202020;
			}

.module-content input.left-search-text {
	width: 123px;
	padding: 5px 9px;
	border: none;
	background: none;
	float: left;
	box-shadow: none;
}

.left-search {
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	float: left;
	width: 174px;
}

	.left-search .search-left-button {
		width: 32px;
		height: 31px;
		float: right;
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/search-left-button.png") no-repeat;
		border: none;
		margin-top: -1px;
		box-shadow: none;
		text-shadow: none;
		text-indent: -9999px;
	}

#module-search {
	float: left;
	margin-bottom: 15px;
	margin-left: 5px;
}

	#module-search .search-tag {
		float: left;
		margin: 10px 0 0px;
	}

		#module-search .search-tag li {
			list-style: none;
			float: left;
			border: 1px solid #d6d5d5;
			border-radius: 3px;
			background-color: #e7e7e7;
			padding: 2px 7px;
			margin-right: 5px;
			margin-bottom: 5px;
		}

			#module-search .search-tag li > a {
				float: left;
				margin-top: 4px;
			}

			#module-search .search-tag li > span {
				float: left;
				margin-top: 1px;
				margin-left: 4px;
			}

.dmt a.search-select-clear {
	font-size: 11px;
	float: right;
	margin-top: 1px;
	color: #898989;
	font-family: Tahoma, Arial, sans-serif;
}

#module-search .search-advice {
	background: #fff;
	position: absolute;
	top: 31px;
	z-index: 999;
	border: 1px solid #e6e6e6;
	padding: 6px 0;
	display: none;
}

.left-search:hover .search-advice {
	display: block !important;
}

#module-search .search-advice a {
	float: left;
	display: block;
	color: #333;
	margin: 0px 8px 2px;
	width: 91%;
	padding: 2px 0;
}

#myaccountleft {
	float: left;
	width: 100%;
}

.mobile-redirect {
	display: none;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	background-color: #0F3665;
	text-align: center;
}

	.mobile-redirect a {
		color: #fff;
		font-size: 18px;
		padding: 25px 0;
		padding-left: 40px;
		display: inline-block;
		background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/mobile-icon.png') left center no-repeat;
		-ms-background-size: 30px;
		background-size: 30px;
	}

	.mobile-redirect img {
		width: 100%;
	}

.search-no-result {
    margin-left: -80px;
    margin-top: 45px;
}

	.search-no-result h2 {
		text-align: center;
		display: block;
		color: #656565;
		font-size: 25px;
		line-height: 31px;
		margin-bottom: 30px;
	}

	.search-no-result .top-text {
		display: block;
		text-align: center;
		color: #656565;
		font-size: 19px;
	}

		.search-no-result .top-text b {
			color: #005bb2;
			font-style: italic;
		}

	.search-no-result .header-search {
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/search-big-bg.png") top left no-repeat;
	}

    .search-no-result .result-category ul {
        width: 23.3%;
    }

.offer-product h3 span.supplementler {
	color: #005bb2;
}

.offer-product h3 span.vitaminler {
	color: #4D8637;
}

.offer-product .offer-product-list {
	margin: 10px 0 45px;
	float: left;
	width: 100%;
	min-height: 100px;
}

.offer-product .product {
	margin: 6px 6px !important;
	border: 1px solid #eee;
	width: 172px;
}

.result-category ul {
	float: left;
	width: 25%;
	padding: 0;
	margin: 0 0 35px;
	min-height: 240px;
}

	.result-category ul li {
		list-style: none;
		margin-bottom: 5px;
	}

		.result-category ul li:first-child a {
			font-size: 19px;
			color: #034081;
			font-weight: 700;
			margin-bottom: 15px;
			display: block;
		}

		.result-category ul li a {
			color: #1e1e1e;
			font-size: 13px;
		}


.orderUpdateResult {
	margin-top: 50px;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
}


	.orderUpdateResult i {
		background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/completed-icon.jpg") no-repeat;
		width: 130px;
		height: 130px;
		display: block;
		content: "";
		margin: 0 auto;
	}

.aut-user {
	min-width: 205px;
	width: 210px;
	float: left;
	position: absolute;
	top: 0;
	right: 5px;
	z-index: 10;
	font-display: swap;
	font-family: "Open Sans", sans-serif !important;
}

	.aut-user.active {
		border-radius: 5px;
		box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.2);
		border: solid 1px #dcdcdc;
		background-color: #ffffff;
		top: -1px;
		right: 4px;
	}
/* comments ordering panel */
.review-sorting {
	width: 190px;
	padding-right: 11px;
}

#aut-user-head {
	float: left;
	padding: 0px 15px;
	cursor: pointer;
}

.ordering-ui-wrapper #productReviewItems {
	padding: 0 10px;
}

.aut-user-head-isLogin {
	padding: 0 15px !important;
}

#aut-user-menu {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-top: 1px solid #dcdcdc;
}

.aut-user #aut-user-menu {
	display: none;
}

.active #aut-user-menu {
	display: block !important;
}

	.active #aut-user-menu li {
		float: left;
		width: 100%;
		margin: 0;
		font-size: 12px;
		font-weight: bold;
	}

		.active #aut-user-menu li a {
			float: left;
			width: 100%;
			text-indent: 20px;
			padding: 7px 0;
			color: #333;
			font-display: swap;
			font-family: "Open Sans", sans-serif !important;
		}

			.active #aut-user-menu li a:hover {
				color: #0266cc;
				background: rgba(2,102,204, 0.1);
			}

		.active #aut-user-menu li:last-child a {
			float: left;
			width: 100%;
			padding: 5px 0 10px 0;
			border-top: 1px solid #dcdcdc !important;
		}

.aut-user .user-icon, .aut-user .user-info {
	float: left;
}

.aut-user .user-info-isLogin {
	padding: 6px 15px !important;
	line-height: 12px !important;
}

.ui-control-band {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #dfe3ec;
	padding-bottom: 20px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.user-info-isLogin .aut-name {
	padding: 2px 0;
	white-space: nowrap;
	width: auto;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 11px;
}

.ordering-ui-wrapper .info-items-wrapper {
	width: 270px;
	padding-left: 8px;
}

.aut-user .user-icon {
	width: 16px;
	height: 16px;
	margin: 9px 0 0;
	/*background: url("/Themes/Supplementler/Content/images/user-icon-new.svg") no-repeat;*/
}

.ordering-ui-wrapper .info-items-wrapper h5 {
	float: left;
	margin-right: 30px;
	color: #3578e5;
	font-weight: bold;
}

/* custom select menu */
.select-css {
	display: block;
	text-align: left;
	font-size: 15px;
	font-display: swap;
	font-family: HelveticaNeueLTPro-Md;
	font-weight: 600;
	color: #003471;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 180px;
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	margin: 0;
	border-radius: 2px;
	border: solid 1px #003770;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-repeat: no-repeat,repeat;
	background-position: right .7em top 50%,0 0;
	background-size: .65em auto,100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23003471' fill-rule='evenodd' d='M0 1.232C0 .915.126.61.366.368c.493-.475 1.301-.475 1.793 0L6 4.055l3.839-3.7c.492-.474 1.3-.474 1.793 0 .492.475.492 1.254 0 1.729L6.895 6.647C6.655 6.878 6.34 7 6 7c-.341 0-.657-.134-.897-.353L.366 2.096C.126 1.852 0 1.536 0 1.232z'/%3E%3C/svg%3E%0A");
}

.aut-user .user-icon i {
	font-size: 16px;
}

.aut-user .caret-icon {
	width: 10px;
	height: 5px;
	position: absolute;
	top: 20px;
	right: 12px;
	background: url("/Themes/Supplementler/Content/images/icons/caret-icon.svg") no-repeat;
}

.aut-user .user-info {
	padding: 6px 15px;
	position: relative;
	width: 130px;
}

#aut-user-head .user-name, #aut-user-head .user-buttons {
	float: left;
	width: 100%;
}

#aut-user-head .user-name {
	font-size: 12px;
	font-weight: 700;
	color: #202020;
	line-height: 12px;
	min-width: 100px;
}
	/*#aut-user-head .user-name .aut-name{ text-transform:lowercase;}*/
	#aut-user-head .user-name a {
		float: left;
		color: #202020;
		font-display: swap;
		font-family: "Open Sans", sans-serif !important;
	}

#aut-user-head .user-info-isLogin .user-name a {
	padding: 2px 0;
}

#aut-user-head .user-name a:hover {
	text-decoration: none;
}

#aut-user-head .user-buttons {
	font-size: 11px;
	font-weight: bold;
	color: #a8a8a8;
}

#aut-user-head .user-level {
	width: auto;
}

	#aut-user-head .user-level .membership {
		color: #d89e0c;
		font-size: 11px;
		font-weight: 700;
		white-space: nowrap;
		text-overflow: clip;
		width: 100%;
	}

.dropdown-menu-custom {
	box-shadow: none;
	margin: 0px;
	width: 190px;
	box-sizing: border-box;
	margin-top: 0;
	border: 0 none;
}

.store-logo-fitmoda .brand-name {
	color: #eb8b2d;
}

	.store-logo-fitmoda .brand-name span {
		color: #202020;
	}

.admin-link {
	position: absolute;
	top: 5px;
	left: -69px;
}

.min-gutter {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

/* custom select menu */
/* comments ordering panel-end */
.cart-line-fitmoda {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/fitmoda/logo-fitmoda-small.png) center center no-repeat;
    text-indent: -9999px;
    width: 57px;
    height: 30px;
    display: block;
}

.afixer {
    margin-left: -80px;
    width: 960px;
}

/*loyalty */
.module-frame.staticpages-module {
	margin: 0;
}

.path p {
	padding: 0;
	margin: 0;
}

.row.inv_content_table .catalog_path.path {
	height: auto;
	padding: 10px;
	border-bottom: 1px solid #dadada;
}

.row.inv_content_table .static-page {
	padding: 0;
}

h3.reward-title {
	margin: 30px 0;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.7;
	letter-spacing: -0.6px;
	color: #333333;
}

.loyalty-roadmap {
	margin: 17px 0 0 0;
	padding: 0;
	list-style: none;
}

	.loyalty-roadmap > li {
		float: left;
		width: 20%;
		padding-right: 25px;
		position: relative;
	}

.loyalty-level {
	background-color: #f8f8f8;
	/* border-radius: 10px;
     */
	padding: 10px;
	opacity: 0.6;
}

.loyalt-level-table {
	width: 100%;
}

img.loyalty-level-icon {
	height: 70px;
	margin: 0 auto;
	display: block;
}

td.loyalty-level-name {
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #707070;
	text-align: right;
	vertical-align: bottom;
}

.selected .loyalty-level-name {
	color: #0061c5;
}

td.loyalty-discount-rate {
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #7e7e7e;
}

.selected .loyalty-discount-rate {
	color: #375f28;
}

.loyalty-discount-rate b {
	font-weight: bold;
}

.loyalty-roadmap > li:not(:last-of-type)::after {
	/*content: '';
	display: block;
	position: absolute;
	right: 10px;
	background: #f8f8f8;
	width: 15px;
	height: 10px;
	top: 50%;
	margin-top: -5px;*/
}

.loyalty-roadmap > li:not(:last-of-type)::before {
	/*content: '';
	width: 13px;
	height: 13px;
	right: 0;
	background: #f8f8f8;
	top: 50%;
	margin-top: -6px;
	position: absolute;
	transform: rotate(45deg);*/
}

.loyalty-level.selected {
	background: #fff;
	box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.25);
	opacity: 1;
	border-radius: 10px;
}

	.loyalty-level.selected::after {
		content: '';
		display: block;
		position: absolute;
		width: 15px;
		height: 15px;
		background: #fff;
		transform: rotate(45deg);
		left: 50%;
		margin-left: -16px;
	}

.loyalty-level.passed {
	/* opacity: .6;
     */
}

.loyalty-tooltip {
	border-radius: 4px;
	background-color: #0061c5;
	text-align: center;
	padding: 10px 15px;
	position: absolute;
	width: 70%;
	bottom: 110%;
	display: none;
	left: 50%;
	margin-left: -41%;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}

	.loyalty-tooltip b {
		font-weight: bold;
	}

.loyalty-discount-percentage {
	padding: 2px 10px;
	background-color: #ed4500;
	margin: 5px 0 0 0;
	display: inline-block;
}

.loyalty-tooltip::after {
	content: '';
	width: 10px;
	height: 10px;
	background: inherit;
	transform: rotate(45deg);
	bottom: -5px;
	position: absolute;
	left: 50%;
}

.loyalty-roadmap > li:hover > .loyalty-tooltip {
	display: block;
}

.loyalty-progressbar {
	height: 10px;
	border-radius: 35px;
	background-color: #c5cbd4;
	margin: 23px 0 0 0;
	position: relative;
	width: 97%;
}

.loyalty-percentage {
	background-color: #ee8c2c;
	background-image: url(/Themes/Supplementler/Content/images/loyalty-progressbar-stripe2.svg);
	background-size: 30px 10px;
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 35px;
	max-width:813px;
}

.loyalty-progress-dot {
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 50%;
	text-align: center;
	background: #b8bec6;
	margin-top: -5px;
	box-shadow: 0 2px 3.5px 0 #c5cbd4;
}

span.loyalty-percentage.bronze {
	width: 10%;
}

span.loyalty-percentage.silver {
	width: 30.5%;
}

span.loyalty-percentage.gold {
	width: 52.5%;
}

span.loyalty-percentage.platin {
	width: 71.5%;
}

span.loyalty-percentage.vip {
	width: 92.5%;
}

.loyalty-progress-dot.step-1 {
	left: 8.5%;
}

.loyalty-progress-dot.step-2 {
	left: 29.5%;
}

.loyalty-progress-dot.step-3 {
	left: 50.5%;
}

.loyalty-progress-dot.step-4 {
	left: 70.5%;
}

.loyalty-progress-dot.step-5 {
	left: 91.5%;
}

.loyalty-progress-dot.selected {
	background: #ffb367;
	box-shadow: 0 2px 3.5px 0 rgba(253, 160, 68, 0.4);
	width: 28px;
    height: 28px;
    top: -4px;
}

.loyalty-info-left {
	display: inline-block;
	vertical-align: middle;
	width: 55%;
}

.loyalty-info-right {
	display: inline-block;
	width: 44%;
	vertical-align: middle;
	text-align: right;
}

.loyalty-info-right a {
    margin: 0;
    width: 147px;
}

.loyalty-info-right a + a {
	margin-left: 10px;

}

.earned-points {
	color: #fff;
	margin: 10px 5px;
	display: inline-block;
	width: 95px;
	padding: 0 5px;
	height: 28px;
	background-color: #007c3f;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 28px;
	letter-spacing: normal;
	padding: 0 10px;
}

.blue-bold {
	color: #0061c5;
}

.loyalty-sub-info {
	margin: 30px 0 15px 0;
	padding: 15px;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: normal;
	color: #333;
	background-color: rgba(0, 0, 0, 0.2);
}

.continue-shopping {
	border-radius: 4px;
	margin-right: 15px;
	background-color: #ed4500;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	width: 179px;
	height: 48px;
	line-height: 48px;
	font-size: 13px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	padding: 0 10px;
}

	.continue-shopping:hover {
		color: #fff;
		text-decoration: none;
	}

.how-to-use {
	vertical-align: middle;
	border-radius: 4px;
	background-color: #fff;
	text-align: center;
	display: inline-block;
	border: 1px solid #0061c5;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #0061c5;
	width: 179px;
	height: 48px;
	line-height: 48px;
}

	.how-to-use:hover {
		text-decoration: none;
		color: #0575e8;
	}

.loyal-tabs {
	margin: 0;
	border-top: 1px solid #dae0e9;
	border-bottom: 1px solid #dae0e9;
	padding: 0;
	overflow: hidden;
}

.loyal-tab-button {
	padding: 0;
	float: left;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #333;
	background: #fff;
	text-align: center;
	height: 48px;
	line-height: 48px;
}

	.loyal-tab-button.earned {
		width: 50%;
	}

	.loyal-tab-button.active, .loyal-tab-button:hover, .custom-tab-button.active, .custom-tab-button:hover {
		background: #0061c5;
		color: #fff;
	}

	.loyal-tab-button:hover {
        background: rgba(65, 131, 91, 0.1);
        color: #41835b;
    }

.loyal-tab-content .pager span {
	background: none;
	/* width: auto;
     */
	/* height: auto;
     */
	padding: 0;
	border: 0 none;
	margin: 0;
}

	.loyal-tab-content .pager span a {
		font-family: "Open Sans", sans-serif !important;
		font-weight: 600;
		font-weight: 700;
		background: rgba(1, 60, 119, 0.2);
		color: #013c77;
		width: 22px;
		height: 22px;
		font-size: 11px;
		color: #013c77;
		display: inline-block;
		padding: 0;
		line-height: 22px;
		margin: 0;
		border-radius: 3px;
		border: 0 none;
	}

		.loyal-tab-content .pager span a:hover {
			opacity: 0.85;
		}

	.loyal-tab-content .pager span.active a {
		background: #0061c5;
		color: #fff;
	}

	.loyal-tab-content .pager span.active a:hover {
        text-decoration: none;
		opacity: 0.85;
     }

.loyal-tab-content th {
	padding: 14px 0;
	font-size: 11px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #8c8c8c;
	background: #fff;
	border-bottom: 1px solid #dae0e9;
}

.vip-loyalty-banner {
	background: url(/Themes/Supplementler/Content/images/vip-banner.jpg);
	margin: 15px 0 0 0;
	background-size: cover;
	height: 125px;
}

	.vip-loyalty-banner + .loyalty-info-container .loyalty-info-left{
		width: 45%;
	}

	.vip-loyalty-banner + .loyalty-info-container .loyalty-info-right{
		width: 54.5%;
	}

	.vip-loyalty-banner + .loyalty-info-container .loyalty-info-right a {
		width: 45%!important;
	}

span.vip-logo {
	display: inline-block;
    text-align: center;
    height: 164px;
    margin-left: 90px;
    margin-top: -19px;
}

.vip-banner-desc {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.vip-banner-desc {
	width: 45%;
	margin-left: 91px;
}

.vip-banner-head {
	font-size: 27px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #FD830C !important;
	color: #0061c5 !important;
	 
	margin: 0 0 5px 0;
}

.waiting-points {
	border-radius: 2px;
	background-color: #ed4500;
	display: inline-block;
	margin-left: 5px;
	min-width: 71px;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
}

.loyalty-progress-dot.passed {
	background: #ffd159;
	box-shadow: 0 2px 3.5px 0 rgba(253, 160, 68, 0.4);    width: 28px;
    height: 28px;
    top: -4px;
	width: 28px;
    height: 28px;
    top: -4px;
}

.point-table tr:nth-of-type(even) {
	background-color: rgba(218, 224, 233, 0.17);
}

.point-table tr:nth-of-type(odd) {
	background-color: #efefef;
}

.point-table td {
	padding: 17px 0;
	border: 0;
	color: #333333;
	font-size: 12px;
}

.point-table {
	font-weight: 600;
}


	.point-table tr:nth-child(odd) td:last-of-type {
		color: #000;
		font-weight: bold;
		font-size: 13px;
	}

	.point-table tr:nth-child(even) td:last-of-type {
		color: #fff;
		font-weight: bold;
		font-size: 13px;
	}


	.point-table tr:nth-of-type(odd) {
	}

	.point-table thead tr {
		background: #fff !important;
	}

img.loyalty-progress-icon {
	display: none;
}

.selected .star {
	display: inline-block;
	margin-top: 7px;
	margin-left: 1px;
}

.passed .check {
	display: inline-block;
	margin-top: 10px;

}

.point-table {
	font-size: 11px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333333;
}

	.point-table tr:nth-of-type(even) {
		background-color: rgba(218, 224, 233, 0.17);
	}

	.point-table thead tr {
		background: #fff !important;
	}

.vip-banner-desc p {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.loyal-tab-button.waiting {
	width: 50%;
}

.loyal-info-sub-text {
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.73;
	letter-spacing: normal;
	color: #333333;
}

	.loyal-info-sub-text b {
		font-weight: bold;
	}

.point-label {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #333333;
}

.loyalty-info-container {
	margin-top: 39px;
}

.loyalty-sub-ead {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #000000;
}

.vip-logo img {
	height: 100%;
	width: auto;
}

.loyalty-banner-wrapper {
	padding: 0;
	background-color: #ffffff;
	box-sizing:border-box;
}

.loyalty-banner {
	display: inline-flex;
	align-items: center;
	width: auto;
	min-height: 165px;
	padding: 0 20px;
	border-radius: 4px;
	box-shadow: 0 4px 10px 0 rgba(196, 196, 196, 0.44);
	border: solid 1px #e4e4e4;
	background-color: #ffffff;
	margin: 20px;
	margin-bottom: 15px;
	box-sizing:border-box;
}

.loyalty-banner li{
	display: flex;
	flex-direction:column;
    justify-content: space-evenly;
    align-items: center;
	width: 22%;
	height: 100px;
	border-right: 1px #e4e4e4 solid;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

	.loyalty-banner li img {
		width: unset;
		height: unset;
	}
	.loyalty-banner li img + span {
		display: inline-block;
		padding-top: 7px;
	}
	.loyalty-banner li:nth-child(2n+2)	{
		color: #013c77;
	}
	.loyalty-banner li:nth-child(2n+2) img {
		height: unset;
	}

	.loyalty-banner li:last-of-type {
		width:56%;
		padding: 0 90px;
		border: none;
		justify-content: center;
	}

		.loyalty-banner li p {
			text-align: center;
		}

@media(max-width:1199px) {
	.loyalty-percentage {
		max-width: 623px;
	}
}
/*loyalty */

.pl-0{
	padding-left: 0 !important;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/grabbing.png") 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}


.abWrapper {
    float: left;
    width: 100%;
}

    .abWrapper .path p,
    .abWrapper .path {
        margin: 0;
        border: none;
    }

    .abWrapper.abcWrapper .path {
        border-bottom: 1px solid #d7d7d7;
        margin-bottom: 10px;
        padding-left: 9px;
    }

.bVersion-category-head span {
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #000;
}

.top-category-wrapper {
    background-color: #e5e5e5;
    padding: 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.bVersion-category-head {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
}

.bVersion-category-arrow {
    display: inline-block;
    width: 28px;
    height: 37px;
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/category-right-arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.bVersion-category-head em {
    display: inline-block;
    font-style: normal;
    white-space: nowrap;
}

.top-category-item {
    display: table-cell;
    position: relative;
}

.sub-category-list {
    display: table;
    width: 100%;
}

.top-category-item h3 {
    margin: 0;
}

.top-category-wrapper a {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    padding: 0;
    display: block;
    font-weight: 600;
}

.top-category-wrapper .top-category-item a {
    padding: 0 11px;
    display: block;
}

.top-category-wrapper .category-item a:before, .top-category-wrapper .top-category-item + .top-category-item a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    background-color: #999999;
    width: 1px;
}

.product-total-count {
    color: #333333;
    font-size: 12px;
    display: block;
    line-height: 10px;
    padding-top: 0;
    text-align: center;
    padding: 0 11px;
}

.productlist-columuns.productlist-column-two {
    float: left;
    width: 100%;
}

.productlist-column-left {
    float: left;
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}


.productlist-column-right {
    float: left;
    width: 1000px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.productlist-search h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.productlist-search #module-search {
    width: 100%;
    margin: 0;
    position: relative;
}

.module-content .productlist-search input.left-search-text {
    color: #5d5858;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    font-size: 11px;
    font-weight: bold;
}

.productlist-search {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .productlist-search .search-left-button {
        background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ab-search.png") center center no-repeat #fff;
        width: 32px;
        height: 32px;
        -ms-background-size: 16px;
        background-size: 16px;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
        text-indent: -99px;
        padding: 0;
    }


.selected-filter-wrapper {
    display: none;
}


.productlist-column-left a.group {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border: 1px solid #ebebeb;
}


.productlist-column-left .product-filters,
.productlist-column-left .product-spec-filter {
    float: left;
    width: 100%;
}

.productlist-column-left .product-filters {
    margin-bottom: 10px;
}

.productlist-column-left .slimScrollDiv {
    border: none;
}

.productlist-column-left .scroll-pane {
    border: 1px solid #ebebeb;
    border-width: 0 1px 1px 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.productlist-column-left ul.menufilter li.item a, .productlist-column-left .filterlinks {
    float: none;
    display: block;
    font-size: 12px;
    padding-left: 20px;
    line-height: 18px;
    margin-left: 10px;
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ab-ntick.png");
    background-repeat: no-repeat;
    background-position: top left;
    -ms-background-size: 16px;
    background-size: 16px;
    padding-right: 10px;
}

    .productlist-column-left ul.menufilter li.item.active a,
    .productlist-column-left ul.menufilter li.item a:hover,
    .productlist-column-left .filterlinks:hover,
    .productlist-column-left .filtereditem.active .filterlinks {
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ab-tick.png");
    }

.productlist-column-left span.close {
    display: none !important;
}


.productlist-column-left ul.menufilter li.item span.close {
    display: none !important;
}


.productlist-column-left ul.menufilter li.item, .productlist-column-left .filtereditem {
    display: block;
    padding-top: 10px;
}

    .productlist-column-left ul.menufilter li.item:last-child, .productlist-column-left .filtereditem:last-child {
        padding-bottom: 6px;
    }

.productlist-column-left .product-spec-filter > div {
    padding: 0;
}

.productlist-column-left .product-spec-filter .spec-wrapper {
    margin-bottom: 10px;
}


.bVersion-image {
    position: relative;
}

    .bVersion-image img {
        width: 100%;
    }

    .bVersion-image h1 {
        position: absolute;
        top: 50%;
        left: 30px;
        color: #fff;
        font-size: 44px;
        line-height: 44px;
        margin: 0;
        margin-top: -22px;
    }

.bVersion-text {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 360px;
    color: #fff;
    font-size: 16px;
    text-align: right;
    letter-spacing: 0px;
    -ms-text-shadow: 0 0 3px rgba(255,255,255, .4);
    text-shadow: 0 0 3px rgba(255,255,255, .4);
    margin-top: -94px;
}


.selected-filters {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    float: left;
    padding-left: 10px;
    width: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 48px;
}

    .selected-filters:after {
        content: "";
        position: absolute;
        width: 28px;
        height: 38px;
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/category-right-arrow.png");
        background-repeat: no-repeat;
        background-position: center center;
        top: 50%;
        right: 13px;
        margin-top: -19px;
    }

.abVersion-selected-filters,
.productlist-column-right .category-products,
.productlist-column-right .catalog-details-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.selected-filter-items {
    float: left;
    width: 81%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

	.selected-filter-items.right-pane {
		float: right;
		width: 19%;
	}

    .selected-filter-items.right-pane a {
        margin: 2px 0px;
	}

    .selected-filter-items a {
        position: relative;
        float: left;
        text-align: center;
        color: #000;
        padding: 10px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .selected-filter-items a img {
            display: none;
        }



    .selected-filter-items em {
        display: block;
        font-style: normal;
        line-height: 12px;
        font-size: 12px;
        color: #000;
    }

    .selected-filter-items a:after {
        content: "";
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ab-close.png");
        background-repeat: no-repeat;
        background-position: center center;
        width: 14px;
        height: 14px;
        top: 0;
        right: 0;
        position: absolute;
    }

    .selected-filter-items span {
        line-height: 14px;
        font-size: 14px;
        font-weight: bold;
        color: #000;
    }


.abVersion-selected-filters {
 margin: 10px 0 0 0;
}

.productlist-column-left .slimScrollRail,
.productlist-column-right .slimScrollRail {
    background: #959595 !important;
    width: 1px !important;
    opacity: 1 !important;
    right: 7px !important;
}


.productlist-column-left .slimScrollBar,
.productlist-column-right .slimScrollBar {
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    right: 5px !important;
    width: 5px !important;
}


.productlist-column-right .slimScrollBar {
    background: #fff !important;
}

.search-top .productlist-sort-wrapper {
    padding: 5px 10px;
}

.productlist-sort-wrapper {
    float: left;
    width: 100%;
    background-color: #e5e5e5;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .productlist-sort-wrapper .sortLink {
        font-size: 14px;
        float: left;
        color: #333333;
        margin-left: 28px;
        margin-right: 0;
    }

        .productlist-sort-wrapper .sortLink.s-isim-a-z,
        .productlist-sort-wrapper .sortLink.s-isim-z-a {
            margin-left: 0;
        }

        .productlist-sort-wrapper .sortLink span,
        .productlist-sort-wrapper .sortLink strong {
            float: left;
            color: #333333;
        }

        .productlist-sort-wrapper .sortLink span {
            padding-right: 15px;
        }

    .productlist-sort-wrapper .s-isim-z-a strong,
    .productlist-sort-wrapper .s-fiyat-azalan,
    .productlist-sort-wrapper .s-rating-desc,
    .productlist-sort-wrapper .s-servis-fiyat-azalan {
        color: #036fd5;
    }

    .productlist-sort-wrapper .compare-buttons-form {
        display: none;
    }


    .productlist-sort-wrapper .arrow_down,
    .productlist-sort-wrapper .arrow_up {
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    .productlist-sort-wrapper .arrow_up {
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sort-arrow-down.png");
    }

    .productlist-sort-wrapper .arrow_down {
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sort-arrow-up.png");
    }

    .productlist-sort-wrapper .sort-active, .productlist-sort-wrapper .sort-active strong{
        color: #036fd5!important;
    }



.abWrapper .pager a,
.abWrapper .pager span {
    float: left;
    width: 18px;
    padding: 0;
    font-size: 14px;
    background: none;
    border: none;
    height: 20px;
    line-height: 20px;
    margin: 0 2px;
}

.productlist-column-left a.group.active,
.productlist-column-left a.group.passive {
    background-position: 155px center;
    background-repeat: no-repeat;
}

.productlist-column-left a.group.passive {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ab-filter-arrow-down.png");
}

.productlist-column-left a.group.active {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ab-filter-arrow-up.png");
}

.abWrapper .pager a {
    color: #999999;
}

.abWrapper .pager span {
    font-weight: bold;
}

.abWrapper .pager .pager-next,
.abWrapper .pager .pager-previous {
    overflow: hidden;
    text-indent: -99px;
}

.abWrapper .pager .pager-previous {
    background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ab-arrow-left.png") center center no-repeat;
}

.abWrapper .pager .pager-next {
    background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/ab-arrow-right.png") center center no-repeat;
}

.abWrapper .pager.pager-bottom {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

.abWrapper .pager-wrapper {
    text-align: center;
}

.category-slider {
    float: left;
    margin: 0;
    list-style: none;
}

.category-slider-wrapper, .big-sub-category-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px 0 0;
    position: relative;
}


.big-sub-category-wrapper {
    padding-right: 0;
}

.category-slider-wrapper .owl-prev {
    display: none;
}

.category-slider-wrapper .owl-next {
    position: absolute;
    top: 0;
    right: -30px;
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/category-slider-arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 100%;
    text-indent: -30px;
    overflow: hidden;
}


/*c version banner*/

.productlist-image img {
    width: 100%;
}

.productlist-category-banner {
    position: relative;
}

  .productlist-category-banner span.call-to-action {
    background-color: #f0992a;
    color: #000;
    padding: 6px 8px;
    border-radius: 1px
  }

.static-link {
  /*position: absolute;*/
  width: auto;
  height: 109px;
  background: #ffffff00
}

  .static-link:hover {
    background: #7673ff20
  }

.productlist-static-banner {
    /*background: url('/Themes/Supplementler/Content/images/banner/staticbanner.png') top left no-repeat scroll;*/
    background: none;
    width: 100%;
    height: 109px;
    margin-top: 10px;
    margin-bottom: 10px;
}


  .productlist-static-banner .static-link img {
    width: 100%;
  }
  .productlist-text {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 410px;
    font-size: 12px;
    color: #fff;
}

.banner-scroll p {
    margin-bottom: 0;
    font-size: 13px;
}

.productlist-text.full-width {
    width: 100%;
    padding-right: 30px;
    box-sizing: border-box;
}

.productlist-banner-title {
    font-size: 32px;
    line-height: normal;
    margin: 0;
    margin-bottom: 10px;
}

    .productlist-banner-title.smallText {
        font-size: 21px;
        line-height: 22px;
        margin: 0 0 5px;
    }

.top-category-wrapper-2 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 460px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .top-category-wrapper-2 h3 {
        width: 46%;
        margin-top: 0;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 2%;
        margin-right: 2%;
        box-sizing: border-box;
        margin-bottom: 0;
        line-height: normal;
    }

    .top-category-wrapper-2 a {
        border: 1px solid #fff;
        text-align: center;
        color: #fff;
        padding: 10px 5px;
        font-size: 16px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .top-category-wrapper-2 h3 + h3 + h3 {
        margin-top: 17px;
    }

.abWrapper .page-title {
    margin: 0;
    padding: 11px 0 11px 16px !important;
    font-size: 16px;
    text-align: left;
}

.category-slider-wrapper {
    display: none;
    width: 745px;
    float: right;
}

@media(max-width: 1199px) {
    .productlist-column-right {
        width: 790px;
    }

    .top-category-wrapper a {
        font-size: 12px;
    }

    .bVersion-image h1 {
        font-size: 40px;
    }

    .big-sub-category-wrapper {
        display: none;
    }

    .category-slider-wrapper {
        display: block;
        vertical-align: middle;
    }

    .top-category-wrapper-2 {
        top: 20px;
        right: 15px;
        width: 420px;
    }

    .productlist-static-banner {
      height: 89px;
    }

    .productlist-text {
        top: 10px;
        left: 20px;
        width: 300px;
        font-size: 12px;
    }

    .productlist-banner-title {
        font-size: 28px;
    }

    .top-category-wrapper-2 h3 + h3 + h3 {
        margin-top: 10px;
    }

    .top-category-wrapper-2 h3 {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

  .top-category-wrapper-2 a {
    font-size: 14px;
    padding: 7px 5px;
  }

    .selected-filter-items {
		width: 76%;
	}

    .selected-filter-items.right-pane {
			width: 24%;
		}


}

.productlist-column-left .filter-caret {
    display: none;
}

.bVersion-text .slimScrollDiv p {
    padding-right: 20px;
}

.productlist-column-right .slimScrollDiv {
    border: none;
    background: none;
    margin-bottom: 0;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

#noty_layout__bottom,#noty_layout__bottomCenter,#noty_layout__bottomLeft,#noty_layout__bottomRight,#noty_layout__center,#noty_layout__centerLeft,#noty_layout__centerRight,#noty_layout__top,#noty_layout__topCenter,#noty_layout__topLeft,#noty_layout__topRight,.noty_layout_mixin{position:fixed;margin:0;padding:0;z-index:9999999;-webkit-transform:translateZ(0) scale(1,1);transform:translateZ(0) scale(1,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;filter:blur(0);-webkit-filter:blur(0);max-width:90%}#noty_layout__top{top:0;left:5%;width:90%}#noty_layout__topLeft{top:20px;left:20px;width:325px}#noty_layout__topCenter{top:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__topRight{top:20px;right:20px;width:325px}#noty_layout__bottom{bottom:0;left:5%;width:90%}#noty_layout__bottomLeft{bottom:20px;left:20px;width:325px}#noty_layout__bottomCenter{bottom:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__bottomRight{bottom:20px;right:20px;width:325px}#noty_layout__center{top:50%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px),-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px),calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerLeft{top:50%;left:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerRight{top:50%;right:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}.noty_progressbar{display:none}.noty_has_timeout .noty_progressbar{display:block;position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#646464;opacity:.2;filter:alpha(opacity=10)}.noty_bar{-webkit-backface-visibility:hidden;-webkit-transform:translate(0,0) translateZ(0) scale(1,1);-ms-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);-webkit-font-smoothing:subpixel-antialiased;overflow:hidden}.noty_effects_open{opacity:0;-webkit-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%);-webkit-animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_effects_close{-webkit-animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_fix_effects_height{-webkit-animation:noty_anim_height 75ms ease-out;animation:noty_anim_height 75ms ease-out}.noty_close_with_click{cursor:pointer}.noty_close_button{position:absolute;top:2px;right:2px;font-weight:700;width:20px;height:20px;text-align:center;line-height:20px;background-color:rgba(0,0,0,.05);border-radius:2px;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.noty_close_button:hover{background-color:rgba(0,0,0,.1)}.noty_modal{position:fixed;width:100%;height:100%;background-color:#000;z-index:10000;opacity:.3;left:0;top:0}.noty_modal.noty_modal_open{opacity:0;-webkit-animation:noty_modal_in .3s ease-out;animation:noty_modal_in .3s ease-out}.noty_modal.noty_modal_close{-webkit-animation:noty_modal_out .3s ease-out;animation:noty_modal_out .3s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes noty_modal_in{100%{opacity:.3}}@keyframes noty_modal_in{100%{opacity:.3}}@-webkit-keyframes noty_modal_out{100%{opacity:0}}@keyframes noty_modal_out{100%{opacity:0}}@-webkit-keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@-webkit-keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@-webkit-keyframes noty_anim_height{100%{height:0}}@keyframes noty_anim_height{100%{height:0}}.noty_theme__relax.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__relax.noty_bar .noty_body{padding:10px}.noty_theme__relax.noty_bar .noty_buttons{border-top:1px solid #e7e7e7;padding:5px 10px}.noty_theme__relax.noty_type__alert,.noty_theme__relax.noty_type__notification{background-color:#fff;border:1px solid #dedede;color:#444}.noty_theme__relax.noty_type__warning{background-color:#FFEAA8;border:1px solid #FFC237;color:#826200}.noty_theme__relax.noty_type__warning .noty_buttons{border-color:#dfaa30}.noty_theme__relax.noty_type__error{background-color:#FF8181;border:1px solid #e25353;color:#FFF}.noty_theme__relax.noty_type__error .noty_buttons{border-color:#8b0000}.noty_theme__relax.noty_type__info,.noty_theme__relax.noty_type__information{background-color:#78C5E7;border:1px solid #3badd6;color:#FFF}.noty_theme__relax.noty_type__info .noty_buttons,.noty_theme__relax.noty_type__information .noty_buttons{border-color:#0B90C4}.noty_theme__relax.noty_type__success{background-color:#BCF5BC;border:1px solid #7cdd77;color:#006400}.noty_theme__relax.noty_type__success .noty_buttons{border-color:#50C24E}.noty_theme__metroui.noty_bar{margin:4px 0;overflow:hidden;position:relative;box-shadow:rgba(0,0,0,.298039) 0 0 5px 0}.noty_theme__metroui.noty_bar .noty_progressbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#000;opacity:.2;filter:alpha(opacity=20)}.noty_theme__metroui.noty_bar .noty_body{padding:1.25em;font-size:17px}.noty_theme__metroui.noty_bar .noty_buttons{padding:0 10px .5em}.noty_theme__metroui.noty_type__alert,.noty_theme__metroui.noty_type__notification{background-color:#fff;color:#1d1d1d}.noty_theme__metroui.noty_type__warning{background-color:#FA6800;color:#fff}.noty_theme__metroui.noty_type__error{background-color:#CE352C;color:#FFF}.noty_theme__metroui.noty_type__info,.noty_theme__metroui.noty_type__information{background-color:#1BA1E2;color:#FFF}.noty_theme__metroui.noty_type__success{background-color:#60A917;color:#fff}.noty_theme__mint.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__mint.noty_bar .noty_body{padding:10px;font-size:14px}.noty_theme__mint.noty_bar .noty_buttons{padding:10px}.noty_theme__mint.noty_type__alert,.noty_theme__mint.noty_type__notification{background-color:#fff;border-bottom:1px solid #D1D1D1;color:#2F2F2F}.noty_theme__mint.noty_type__warning{background-color:#FFAE42;border-bottom:1px solid #E89F3C;color:#fff}.noty_theme__mint.noty_type__error{background-color:#DE636F;border-bottom:1px solid #CA5A65;color:#fff}.noty_theme__mint.noty_type__info,.noty_theme__mint.noty_type__information{background-color:#7F7EFF;border-bottom:1px solid #7473E8;color:#fff}.noty_theme__mint.noty_type__success{background-color:#AFC765;border-bottom:1px solid #A0B55C;color:#fff}.noty_theme__sunset.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__sunset.noty_bar .noty_body{padding:10px;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.noty_theme__sunset.noty_bar .noty_buttons{padding:10px}.noty_theme__sunset.noty_type__alert,.noty_theme__sunset.noty_type__notification{background-color:#073B4C;color:#fff}.noty_theme__sunset.noty_type__alert .noty_progressbar,.noty_theme__sunset.noty_type__notification .noty_progressbar{background-color:#fff}.noty_theme__sunset.noty_type__warning{background-color:#FFD166;color:#fff}.noty_theme__sunset.noty_type__error{background-color:#EF476F;color:#fff}.noty_theme__sunset.noty_type__error .noty_progressbar{opacity:.4}.noty_theme__sunset.noty_type__info,.noty_theme__sunset.noty_type__information{background-color:#118AB2;color:#fff}.noty_theme__sunset.noty_type__info .noty_progressbar,.noty_theme__sunset.noty_type__information .noty_progressbar{opacity:.6}.noty_theme__sunset.noty_type__success{background-color:#06D6A0;color:#fff}.noty_theme__bootstrap-v3.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:4px}.noty_theme__bootstrap-v3.noty_bar .noty_body{padding:15px}.noty_theme__bootstrap-v3.noty_bar .noty_buttons{padding:10px}.noty_theme__bootstrap-v3.noty_bar .noty_close_button{font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2;background:0 0}.noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover{background:0 0;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}.noty_theme__bootstrap-v3.noty_type__alert,.noty_theme__bootstrap-v3.noty_type__notification{background-color:#fff;color:inherit}.noty_theme__bootstrap-v3.noty_type__warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}.noty_theme__bootstrap-v3.noty_type__error{background-color:#f2dede;color:#a94442;border-color:#ebccd1}.noty_theme__bootstrap-v3.noty_type__info,.noty_theme__bootstrap-v3.noty_type__information{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}.noty_theme__bootstrap-v3.noty_type__success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}.noty_theme__bootstrap-v4.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_body{padding:.75rem 1.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_buttons{padding:10px}.noty_theme__bootstrap-v4.noty_bar .noty_close_button{font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.5;background:0 0}.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover{background:0 0;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.75}.noty_theme__bootstrap-v4.noty_type__alert,.noty_theme__bootstrap-v4.noty_type__notification{background-color:#fff;color:inherit}.noty_theme__bootstrap-v4.noty_type__warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}.noty_theme__bootstrap-v4.noty_type__error{background-color:#f2dede;color:#a94442;border-color:#ebccd1}.noty_theme__bootstrap-v4.noty_type__info,.noty_theme__bootstrap-v4.noty_type__information{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}.noty_theme__bootstrap-v4.noty_type__success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}.noty_theme__semanticui.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;font-size:1em;border-radius:.28571429rem;box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_bar .noty_body{padding:1em 1.5em;line-height:1.4285em}.noty_theme__nest.noty_bar .noty_buttons,.noty_theme__semanticui.noty_bar .noty_buttons{padding:10px}.noty_theme__semanticui.noty_type__alert,.noty_theme__semanticui.noty_type__notification{background-color:#f8f8f9;color:rgba(0,0,0,.87)}.noty_theme__semanticui.noty_type__warning{background-color:#fffaf3;color:#573a08;box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__error{background-color:#fff6f6;color:#9f3a38;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__info,.noty_theme__semanticui.noty_type__information{background-color:#f8ffff;color:#276f86;box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__success{background-color:#fcfff5;color:#2c662d;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.noty_theme__nest.noty_bar{margin:0 0 15px;overflow:hidden;border-radius:2px;position:relative;box-shadow:rgba(0,0,0,.098039) 5px 4px 10px 0}.noty_theme__nest.noty_bar .noty_body{padding:10px;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.noty_layout .noty_theme__nest.noty_bar{z-index:5}.noty_layout .noty_theme__nest.noty_bar:nth-child(2){position:absolute;top:0;margin-top:4px;margin-right:-4px;margin-left:4px;z-index:4;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(3){position:absolute;top:0;margin-top:8px;margin-right:-8px;margin-left:8px;z-index:3;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(4){position:absolute;top:0;margin-top:12px;margin-right:-12px;margin-left:12px;z-index:2;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(5){position:absolute;top:0;margin-top:16px;margin-right:-16px;margin-left:16px;z-index:1;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6){position:absolute;top:0;margin-top:20px;margin-right:-20px;margin-left:20px;z-index:-1;width:100%}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2){margin-top:4px;margin-left:-4px;margin-right:4px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3){margin-top:8px;margin-left:-8px;margin-right:8px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4){margin-top:12px;margin-left:-12px;margin-right:12px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5){margin-top:16px;margin-left:-16px;margin-right:16px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6){margin-top:20px;margin-left:-20px;margin-right:20px}.noty_theme__nest.noty_type__alert,.noty_theme__nest.noty_type__notification{background-color:#073B4C;color:#fff}.noty_theme__nest.noty_type__alert .noty_progressbar,.noty_theme__nest.noty_type__notification .noty_progressbar{background-color:#fff}.noty_theme__nest.noty_type__warning{background-color:#FFD166;color:#fff}.noty_theme__nest.noty_type__error{background-color:#EF476F;color:#fff}.noty_theme__nest.noty_type__error .noty_progressbar{opacity:.4}.noty_theme__nest.noty_type__info,.noty_theme__nest.noty_type__information{background-color:#118AB2;color:#fff}.noty_theme__nest.noty_type__info .noty_progressbar,.noty_theme__nest.noty_type__information .noty_progressbar{opacity:.6}.noty_theme__nest.noty_type__success{background-color:#06D6A0;color:#fff}
html {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/htmlbg-v2.jpg) center top fixed no-repeat;
}

.inv_left_panel .menufilter span.checkbox.track-link {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/checkbox_no.png) left 1px no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    line-height: 140%;
    display: block;
    color: #323232;
    cursor: pointer;
    font-weight: bold;
}

    .inv_left_panel .menufilter span.checkbox.track-link:hover, .inv_left_panel .menufilter .filtereditem.active span.checkbox.track-link {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 1px no-repeat;
        text-decoration: underline;
        color: #034283;
    }

.inv_left_panel .menufilter a:hover {
    text-decoration: underline;
    color: #034283;
}

.inv_left_panel li.active a {
    font: bold 12px arial;
    line-height: 17px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 3px no-repeat;
}

.cart-content-box h3 {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/soruisareti.png) -1px 0 no-repeat;
    padding-left: 16px;
    line-height: 16px;
    margin-bottom: 7px;
    margin-top: 5px;
}

.inv_left_panel li.active a:hover {
    color: #034283;
}

.footer_1 {
    background: #1b4b86 url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/features_bottom_bg.jpg) left top repeat-x;
    height: 49px;
}

.footer-bottom-container {
    background: #0f3665;
}

    .footer-bottom-container a {
        color: #a3b0c0;
    }

.footerbase {
    width: 990px;
    margin: 0 auto;
    float: none;
    padding: 0;
}

.home-supp-icon {
    background: transparent url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/home-icon.png) 10px 7px no-repeat;
}

.fittest a span {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/fittest-icon.png) 0 17px no-repeat;
}

.inv-tab-menu li a {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/tab_box_bg-v2.png) left top repeat-x;
}

.inv-tab-menu li.active a, .inv-tab-menu li.active a:hover {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/tab_box_bg_selected.png) left top repeat-x;
}

.prev-slider, .prev {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/slider-arrow-left.png) left center no-repeat;
}

    .prev-slider:hover, .prev:hover {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/slider-arrow-left-hover.png) left center no-repeat;
    }

.next-slider, .next {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/slider-arrow-right.png) right center no-repeat;
}

    .next-slider:hover, .next:hover {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/slider-arrow-right-hover.png) right center no-repeat;
    }

.outStock {
    border: 0;
    position: absolute;
    width: 66px;
    height: 66px;
    left: 24px;
    top: -16px;
    left: -9px;
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon/out_stock_sup.png) 6px 1px no-repeat;
}




.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #0073ea;
}

.ui-state-active a:hover, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-hover a {
    color: #fff;
}

span.category-number {
    color: #888888;
    margin: 2px 2px;
}

a:hover span.category-number {
    text-decoration: none;
}

ul.menufilter li.item {
    display: table;
    width: 100%;
}

    ul.menufilter li.item a {
        float: left;
    }

    ul.menufilter li.item span.close {
        float: right;
        margin: 0px 4px;
    }

.inv_left_panel {
}

    .inv_left_panel a.group {
        border: 1px solid #e6e6e6;
    }

.slimScrollDiv {
    border: 1px solid #e6e6e6;
}

.inv_left_panel .dmt {
    border: 0px solid #fff;
}

.inv_left_panel {
}

    .inv_left_panel .filter .item a.checkbox {
        display: block;
        width: 140px;
    }

.mobile-landing-wrapper {
    margin-left: 0;
    margin-right: 0;
}

.wrapper-text {
    margin: 45px 0;
}

    .wrapper-text h1 {
        text-align: center;
        color: #1d3c6e;
        font-size: 35px;
        font-weight: normal;
    }

        .wrapper-text h1 b {
            font-weight: bold;
        }

    .wrapper-text h3 {
        text-align: center;
        color: #373737;
        font-weight: normal;
    }

.wrapper-device.ios {
    height: 689px;
    background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/ios.png') no-repeat top right;
    margin-bottom: -11px;
}

.wrapper-device.android {
    height: 619px;
    background: url('https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/android.png') no-repeat top right;
}

.wrapper-device .wd-left {
    width: 352px;
    margin: 0 0 0 45px;
    padding-top: 55px;
}

    .wrapper-device .wd-left h4 {
        font-size: 28px;
        color: #2c5686;
        margin-bottom: 17px;
    }

    .wrapper-device .wd-left p {
        font-size: 13px;
        color: #383838;
        text-align: justify;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .wrapper-device .wd-left a img {
        margin: 20px 0 15px;
    }

.offer-product h3 {
    color: #005bb2;
    font-size: 19px;
    font-weight: bold;
}

.store-logos img {
    display: none;
}

@media (max-width: 1199px) {
    .product-price-content.cfix {
        position: relative;
    }

    .main-link {
        padding: 0 !important;
    }

    .main-link-wrapper {
        padding: 0 10px;
    }

        .main-link-wrapper.new-category > a:after {
            right: -55px;
            top: -24px;
        }
}


@media (min-width: 1200px) {
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container,
    div.header-links-inner,
    .home-index.container,
    .inv_content,
    .in_footer,
    .in_footer .container,
    .footer_bottom,
    .top-menu {
        width: 1200px;
    }

    .main-link-wrapper {
        padding: 0 11px;
    }

        .main-link-wrapper.targets-list-item {
            padding: 0 5px;
        }

    .main-link {
        font-size: 13px;
    }

    @-moz-document url-prefix() {

        .main-link-wrapper {
            padding: 0 5.5px;
        }

            .main-link-wrapper.targets-list-item {
                padding: 0 15px 0 16px;
            }
    }

    .home-page-slider-wrapper {
        max-height: 364px;
        overflow: hidden;
    }

    .h-customer-name, a.content_menu_link.ico-admin {
        font-size: 12px;
    }

    .card-wrapper span {
        margin-right: 15px;
    }

        .card-wrapper span:last-child {
            margin-right: 0;
        }

    .rate-box {
        text-align: center;
    }

    span.pp-sm-desc {
        width: 305px !important;
    }

    .product {
        width: 191px;
    }

    .footerbase {
        width: 1200px;
    }

    .footer_bottom table {
        width: 100%;
    }

    .footer_bottom td {
        padding: 10px 15px;
    }

    #divSsoHandler {
        display: none;
    }

    .footer_links {
        width: 225px;
    }

    .header-elements-container,
    .invtabs-module ul.inv-tab-menu,
    .inv-tab-container,
    .inv_content,
    .footer_bottom {
        background-color: #fff;
    }

        .invtabs-module ul.inv-tab-menu li {
            width: 16.6666666666667%;
        }

    html {
        -ms-background-size: 2325px;
        background-size: 2325px;
    }


    .catalog-category .span10 {
        width: 990px;
    }

    .product-properties-column {
        width: 899px;
    }

    .pd-column-left {
        width: 883px;
    }

    .product-collateral {
        margin-left: 60px;
    }

    .span9 {
        width: 900px;
    }

    .span12 {
        width: 1170px;
    }

    .footer_1 {
        background: #1b4b86 url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/features_bottom_bg.jpg) center center no-repeat;
        height: 49px;
    }

    .product-panel-description ul {
        float: left;
        width: 100%;
    }

     
    .inv-tab-container .productgrouplist-module .product {
        width: 100%;
    }

    .product-list .product:nth-child(5n),
    .invtabs-module li.product-list-item:nth-child(6n) .product {
        border-right: none;
    }

    .links-wrapper {
        width: auto;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }
     
}
@media (min-width: 1200px) {
    .header-links {
        width: 380px;
        padding-top: 8px;
        display: none;
    }
}

@media screen and (max-width:1199px) {
    .cart-total-wrapper {
        padding-left: 7px
    }

    .card-wrapper {
        float: right !important;
    }

        .card-wrapper span {
            margin-right: 7px;
        }

            .card-wrapper span:last-child {
                margin-right: 0;
            }
    .header-links {
        width: 210px;
        padding-top: 8px;
        display:none;
    }
        .links-wrapper a {font-size: 12px;}
    .customer-name-wrapper {float: left;}
    .header-links .btn {font-size: 12px;}


    .header-info-links {margin:0 !important;}
    .header-info-menu a.campaigns, .header-info-menu a.kombinelink, .header-info-menu a.fittestlink {margin: 0 !important;}
    .header-info-menu-out-icon {width: 30px !important; margin: 0 !important;}
    .header-info-menu a{width:auto; float:right;}
    .header-info-menu-out-icon, .header-info-menu span{float:left;}
    .header-info-menu a.campaigns span, .header-info-menu a.kombinelink span, .header-info-menu a.fittestlink span {width:auto !important;}
}



.footer-banner-link {
    float: left;
    width: 100%;
    background: #1a4b86;
    text-align: center;
}

    .footer-banner-link a {
        width: 20%;
        padding: 22px 0;
        float: left;
        position: relative;
    }
    .footer-banner-link a > span,
    .footer-banner-link a > strong {
        font-display: swap;  font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        color: #ffffff;
        line-height: normal;
    }
    .footer-banner-link a > strong,
    .footer-banner-link a > span > strong {
        font-weight: 600;
    }
    .footer-banner-link a > i {
        display: inline-block;
        vertical-align: middle;
        margin-right: 9px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .footer-banner-link a.orginal > i {
        width: 24px;
        height: 31px;
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/original.svg");
    }
    .footer-banner-link a.pay-door > i {
        width: 27px;
        height: 27px;
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/cod.svg");
    }
    .footer-banner-link a.secure-shopping > i {
        width: 25px;
        height: 30px;
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/secure.svg");
    }
    .footer-banner-link a.cargo-free > i {
        width: 41px;
        height: 25px;
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/nofee.svg");
    }
    .footer-banner-link a.same-day-cargo > i {
        width: 41px;
        height: 28px;
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/fastdelivery.svg");
    }

        .footer-banner-link a + a:before {
            content: "";
            width: 8px;
            height: 8px;
            position: absolute;
            top: 50%;
            left: -4px;
            margin-top: -4px;
            background: #113c67;
            -ms-border-radius: 50%;
            border-radius: 50%;
        }

.footer_bottom {
    padding: 15px 0;
}

.footer_bottom.nopadding {
    padding: 0;
}

.footer_bottom p.copyright {
    text-align: center;
    background: #0f3665;
    padding: 5px 0;
    color: #ffffff;
    margin: 0;
}


    .footer_bottom a {
        margin: 0;
    }

.mini-supplementler-logo, .inveon-logo {
    float: left;
    width: 10%;
    text-align: center;
}

.card-wrapper {
    float: left;
    width: 80%;
    height: 35px;
    text-align: center;
}

    .card-wrapper span {
        display: inline-block;
        height: 35px;
        background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/card-wrapper-sprite.jpg") no-repeat left;
    }

        .card-wrapper span:last-child {
            margin-right: 0;
        }

        .card-wrapper span.world {
            width: 70px;
        }

        .card-wrapper span.maximum {
            width: 66px;
            background-position-x: -70px;
        }

        .card-wrapper span.axess {
            width: 44px;
            background-position-x: -136px;
        }

        .card-wrapper span.bonus {
            width: 59px;
            background-position-x: -180px;
        }

        .card-wrapper span.paraf {
            width: 32px;
            background-position-x: -240px;
        }

        .card-wrapper span.card-finans {
            width: 104px;
            background-position-x: -271px;
        }

        .card-wrapper span.visa {
            width: 49px;
            background-position-x: -375px;
        }

        .card-wrapper span.master-card {
            width: 34px;
            background-position-x: -424px;
        }

        .card-wrapper span.american-express {
            width: 50px;
            background-position-x: -458px;
        }

        .card-wrapper span.inial {
            width: 44px;
            background-position-x: -509px;
        }

        .card-wrapper span.security-shopping {
            width: 109px;
            background-position-x: -554px;
        }

.inveon-logo img {
    margin-top: 11px;
    padding-right: 9px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.sub-wrapper {
    background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/menu_bg.png") repeat scroll left top transparent;
}


.main-link-wrapper {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/menu_bg2.png) bottom left repeat-x #0371d9;
}

    .main-link-wrapper + .main-link-wrapper {
        border-left: 1px solid #2976c2;
    }


    .main-link-wrapper:hover .main-link, .sub-link:hover {
        color: #98c6f3;
        text-decoration: underline;
    }

.sub-link-wrapper + .sub-link-wrapper {
    border-top: 1px solid #1F4A7C;
    border-color: rgba(61, 115, 177, 0.5);
}


.main-link-wrapper.brands-list-item,
.main-link-wrapper.targets-list-item,
.top-menu {
    background: #03b3d7;
    background: -moz-linear-gradient(top,#03b3d7 0,#03637c 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#03b3d7),color-stop(100%,#03637c));
    background: -webkit-linear-gradient(top,#03b3d7 0,#03637c 100%);
    background: -o-linear-gradient(top,#03b3d7 0,#03637c 100%);
    background: -ms-linear-gradient(top,#03b3d7 0,#03637c 100%);
    background: linear-gradient(to bottom,#03b3d7 0,#03637c 100%);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03b3d7',endColorstr='#03637c',GradientType=0);
    -moz-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03b3d7',endColorstr='#03637c',GradientType=0);
    -o-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03b3d7',endColorstr='#03637c',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03b3d7',endColorstr='#03637c',GradientType=0);
}

.main-link-wrapper:hover {
    background: #1F4A7C;
}

.main-link-wrapper.brands-list-item:hover,
.main-link-wrapper.targets-list-item:hover {
    background: #0D6981;
}

.sub-wrapper.brand-category,
.targets-list-item .sub-wrapper {
    background: rgba(3,99,124,.95);
}


.brands-list-item .sub-link-wrapper + .sub-link-wrapper,
.targets-list-item .sub-link-wrapper + .sub-link-wrapper {
    border-top: 1px solid #208AA7;
}


.cart-summary {
    background: #e3eef9;
}

.emptycart {
    background: #fff;
}


.basket th {
    background: #e3eef9;
    color: #4282bc;
}

.basket .table td {
    border-width: 0 0 1px 0;
}

.btn-cart {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/btn_bg.png) top center no-repeat;
}

.cart-inner-info,
.cart-inner-info:after {
    background-color: #026acb;
}

    .cart-inner-info:before {
        background: url("/Themes/Supplementler/Content/images/icons/cart.svg") no-repeat;
        background-size: contain;
    }

.basketLink {
    background: rgba(2, 106, 203, 0.07); /* Old browsers */
}

.home-index .bx-wrapper .bx-controls-direction a.bx-prev {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/slider-arrow-left.png) center center no-repeat;
}


.home-index .bx-wrapper .bx-controls-direction a.bx-next {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/slider-arrow-right.png) center center no-repeat;
}


.cp-order-edit, #orderMethodChangeRequestCC, #orderMethodChangeRequestPP {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/supplementler/menu_bg.png) bottom left repeat-x #0371d9;
}



.update-order, #btnEditShippingAddress, #btnEditBillingAddress, .useOtherMethod {
    background: #033E7B;
}

.pending-order-detail {
    background: #033E7B;
    border: 1px solid #033E7B;
}

.alert-left-sup {
    background: #3c75b7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjNzViNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDNhNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3c75b7 0%, #1d3a6a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c75b7), color-stop(100%,#1d3a6a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3c75b7 0%,#1d3a6a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3c75b7 0%,#1d3a6a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3c75b7 0%,#1d3a6a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3c75b7 0%,#1d3a6a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c75b7', endColorstr='#1d3a6a',GradientType=0 ); /* IE6-8 */
}

.bVersion-category-head {
    color: #0057a4;
}

.top-category-wrapper a, .productlist-search h3,
.productlist-column-left a.group,
.productlist-column-left ul.menufilter li.item a,
.productlist-column-left .filterlinks {
    color: #003366;
}



.module-content .productlist-search input.left-search-text,
.productlist-search .search-left-button {
    border: 1px solid #2d3690;
}

.productlist-search .search-left-button {
    border-width: 1px 1px 1px 0;
}


.selected-filter-items a {
    border: 1px solid #0066cc;
}

.productlist-column-left .slimScrollBar {
    background: #003366 !important;
}


.category-slider-wrapper .owl-next {
    background-color: #0057A4;
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    html {
        background: #fff;
    }
}
/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {

    html {
        background: #fff;
    }
}

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

    html {
        background: #fff;
    }
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

    html {
        background: #fff;
    }
}


.header-features a {
    color: #003770;
    position: relative;
}

    .header-features a span {
        color: #757575;
    }

    .header-features a strong {
        background: #003770;
    }

.tooltip-main {
    margin-left: 10px;
    position: relative;
}

    .tooltip-main i {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/tooltip-green.png) no-repeat;
        width: 18px;
        height: 18px;
        display: inline-block;
        cursor: text;
    }

    .tooltip-main .detail {
        display: none;
        position: absolute;
        top: 25px;
        border-radius: 2px;
        background-color: #349248;
        box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.5);
        border: solid 1px #349248;
        color: #ffffff;
        font-family: arial;
        font-size: 13px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-align: center;
        padding: 15px 10px;
        width: 300px;
        left: -150px;
    }

        .tooltip-main .detail:after {
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #349248;
            content: " ";
            position: absolute;
            top: -7px;
            right: 130px;
        }

    .tooltip-main:hover .detail {
        display: block;
    }









.last-order-main {
    width: 438px;
    min-height: 150px;
    height: 100%;
    padding: 10px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    margin-top: 0;
}



    .last-order-main .loading {
        background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/loading.gif) no-repeat;
        width: 43px;
        height: 11px;
        display: block;
        content: " ";
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -15px;
        margin-left: -20px;
        display: none;
    }



    .last-order-main:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #005ec3;
        content: " ";
        position: absolute;
        top: -8px;
        left: 35px;
    }


    .last-order-main .top {
        clear: both;
        height: 28px;
        line-height: 28px;
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 10px;
    }

        .last-order-main .top .title {
            font-size: 14px;
            font-weight: bold;
            float: left;
        }

        .last-order-main .top a {
            text-decoration: underline;
            float: right;
        }

    .last-order-main .order-list {
        max-height: 232px;
        overflow: auto;
    }

        .last-order-main .order-list .item {
            overflow: hidden;
            height: 48px;
            margin-bottom: 10px;
        }

            .last-order-main .order-list .item:last-child {
                margin: 0;
            }

            .last-order-main .order-list .item > div {
                float: left;
                margin-right: 5px;
            }

                .last-order-main .order-list .item > div:last-child {
                    margin: 0;
                }

            .last-order-main .order-list .item .prc-picture {
                width: 40px;
            }

                .last-order-main .order-list .item .prc-picture img {
                    width: 40px;
                    height: auto;
                }

            .last-order-main .order-list .item .prc-name {
                width: 150px;
                line-height: 15px;
                height: 45px;
                overflow: hidden;
            }

                .last-order-main .order-list .item .prc-name a:hover {
                    color: #08c;
                }

            .last-order-main .order-list .item .supplementler-logo {
                width: 70px;
                height: 48px;
                background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sp-48x48.jpg) no-repeat top center;
                display: block;
            }


            .last-order-main .order-list .item .vitaminler-logo {
                width: 70px;
                height: 48px;
                background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/vt-48x48.jpg) no-repeat top center;
                display: block;
            }

            .last-order-main .order-list .item .prc-custom {
                width: 25px;
                height: 48px;
                line-height: 48px;
                text-align: center;
            }

            .last-order-main .order-list .item .prc-price {
                width: 70px;
                height: 48px;
                line-height: 48px;
                text-align: center;
            }

    .last-order-main .bottom {
        border-top: 1px solid #e3e3e3;
        margin-top: 10px;
        padding-top: 15px;
        font-size: 10px;
        color: #282828;
    }

        .last-order-main .bottom > div, .last-order-main .bottom > a {
            float: left;
            margin-right: 5px;
        }

            .last-order-main .bottom > a:last-child {
                margin: 0;
            }

        .last-order-main .bottom .date {
            width: 80px;
            line-height: 15px;
        }

        .last-order-main .bottom .new-order {
            width: 70px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            display: table;
        }

            .last-order-main .bottom .new-order span {
                display: table-cell;
                line-height: normal;
                vertical-align: middle;
            }

        .last-order-main .bottom .status {
            width: 70px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            display: table;
        }

            .last-order-main .bottom .status span {
                display: table-cell;
                line-height: normal;
                vertical-align: middle;
            }

        .last-order-main .bottom a.order-detail {
            border-radius: 2px;
            border: solid 0.5px #979797;
            text-align: center;
            color: #282828;
            width: 45px;
            padding: 2px 0;
            line-height: 14px;
            font-size: 12px;
        }

            .last-order-main .bottom a.order-detail:hover {
                text-decoration: none;
            }

        .last-order-main .bottom a.re-order {
            border-radius: 2px;
            background-color: #e34c00;
            height: 34px;
            line-height: 34px;
            color: #ffffff;
            font-size: 15px;
            position: relative;
            padding: 0 10px 0 29px;
        }


            .last-order-main .bottom a.re-order:hover {
                text-decoration: none;
            }

            .last-order-main .bottom a.re-order i {
                width: 14px;
                height: 16px;
                position: absolute;
                content: " ";
                display: block;
                background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/repeat-icon.png) no-repeat top center;
                left: 10px;
                top: 8px;
            }

.nav-brand-subcategories a:hover {
    color: #0060bc;
}


.read-more {
    background: #0371d9;
    color: #fff;
    display: inline-block;
    padding: 1px 5px;
    float: right;
}

    .read-more:hover {
        color: #fff;
    }



.preorder-tooltip {
    position: absolute;
    z-index: 99999;
    top: 50px;
    background: #0a7eec;
    border: 1px solid #0a7eec;
    color: #333;
    right: 18%;
    top: 65px;
    width: 120px;
    text-align: center;
    z-index: 1;
    display: none;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-style: normal;
}

    .preorder-tooltip .preorder-info-title {
        display: block;
        -ms-border-radius: 3px;
        border-radius: 3px;
        font-size: 11px;
        color: #4b93df;
        line-height: 25px;
        background: #fff;
        font-weight: bold;
    }

    .preorder-tooltip span {
        display: block;
        font-size: 10px;
        line-height: 12px;
        padding: 5px 0;
        color: #fff;
    }

@media (max-width: 1199px) {
    .productlist-banner-title {
        font-size: 24px !important;
    }

    .productlist-image .productlist-text .slimScrollDiv {
        height: 145px !important;
    }

        .productlist-image .productlist-text .slimScrollDiv .banner-scroll {
            height: 145px !important;
        }

    .productlist-image .productlist-text.small .slimScrollDiv {
        height: 100px !important;
    }

        .productlist-image .productlist-text.small .slimScrollDiv .banner-scroll {
            height: 100px !important;
        }

    .productlist-image .productlist-text.small .read-more {
        margin-top: -20px;
        position: relative;
/*        z-index: 9999;*/
        opacity: 0.9;
    }
}


.knw-content-text .knw-content-slider .owl-prev, .knw-content-text .kb-product-slider .owl-prev {
    left: 0;
}

.knw-content-slider .owl-prev, .knw-content-slider .owl-next,
.kb-product-slider .owl-next, .kb-product-slider .owl-prev {
    top: 50%;
}




.shipment-details {
    padding: 15px;
}


.password-recovery-page {
}

    .password-recovery-page .page-title {
        padding-left: 15px;
        padding-right: 15px;
    }

    .password-recovery-page .body {
        padding: 0 15px;
    }

        .password-recovery-page .body label {
            display: inline-block;
        }


.updateMobileNumberArea {
    clear: both;
    padding: 40px 0;
}

    .updateMobileNumberArea .page-title {
        margin-bottom: 15px;
    }

    .updateMobileNumberArea .sendSmsButton {
        background: #0054a7;
        border: none;
        color: #ffffff;
        text-shadow: none;
        margin-left: 4px;
    }

    .updateMobileNumberArea .tooltip-info {
        float: left;
        position: relative;
        margin: 6px 0 0 10px;
    }



        .updateMobileNumberArea .tooltip-info i {
            display: block;
            content: " ";
            width: 16px;
            height: 16px;
            background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/rec-info-icon.png) no-repeat;
            cursor: pointer;
        }

        .updateMobileNumberArea .tooltip-info .detail {
            display: none;
            position: absolute;
            border: 1px solid #979797;
            background: #ffffff;
            border-radius: 4px;
            font-size: 13px;
            color: #303030;
            line-height: normal;
            padding: 5px 10px;
            width: 205px;
            left: 30px;
            top: -10px;
        }


        .updateMobileNumberArea .tooltip-info:hover .detail {
            display: block;
        }

    .updateMobileNumberArea .disableButton {
        margin: 0 0 0 5px;
        position: relative;
    }


        .updateMobileNumberArea .disableButton .detail {
            display: none;
            position: absolute;
            border: 1px solid #979797;
            background: #ffffff;
            border-radius: 4px;
            font-size: 13px;
            color: #303030;
            line-height: normal;
            padding: 5px 10px;
            width: 205px;
            top: -50px;
            left: 3px;
        }


        .updateMobileNumberArea .disableButton.dsbl:hover .detail {
            display: block !important;
        }

            .updateMobileNumberArea .disableButton.dsbl:hover .detail.remove {
                display: none !important;
            }





#confirm-code-div .detail {
    padding: 15px;
}

    #confirm-code-div .detail label {
        color: #868686;
        font-size: 13px;
        margin-bottom: 10px;
        display: block;
    }

    #confirm-code-div .detail input {
        float: left;
    }

    #confirm-code-div .detail span.error {
        color: red;
        font-size: 12px;
        display: block;
        padding-top: 5px;
    }

    #confirm-code-div .detail .btn {
        background: #4cae01;
        border: none;
        color: #ffffff;
        text-shadow: none;
        float: left;
        margin-left: 10px;
        width: 112px;
    }

/* HEADER INFO */


.header-info-menu a i {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    /*margin-right: 6px;*/
    margin-top:3px;
    vertical-align: middle;
    width: 23px;
    height: 23px;
}

.header-info-links  .header-info-menu {margin:0;}
.header-info-links{margin:11px 0 0 0;}
.header-info-menu a.campaigns span,
.header-info-menu a.kombinelink span,
.header-info-menu a.fittestlink span {width: 100%;font-display: swap;  font-family: "Open Sans", sans-serif !important;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.header-info-menu a.campaigns,
.header-info-menu a.kombinelink,
.header-info-menu a.fittestlink {margin: 0 22px;font-size: 12px;}
.header-info-menu a:hover.campaigns ,
.header-info-menu a:hover.kombinelink,
.header-info-menu a:hover.fittestlink {text-decoration:none; color:#0061c5;}
.header-info-menu-out-icon, .header-info-menu-in-icon {width: 100%;height: 20px;background-position: center;background-size: contain;background-repeat: no-repeat;display: inline-block;}
a.campaigns .header-info-menu-out-icon {margin:3px 0 0 0; background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/header_icons/supp_campaigns.svg");}
a.campaigns .header-info-menu-in-icon {opacity: 0 ;background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/header_icons/supp_campaigns_hover.svg");-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
a.kombinelink .header-info-menu-out-icon {margin:3px 0 0 0; background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/header_icons/supp_combinations.svg");}
a.kombinelink .header-info-menu-in-icon {opacity: 0; background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/header_icons/supp_combinations_hover.svg");-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
a.fittestlink .header-info-menu-out-icon {margin:3px 0 0 0; background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/header_icons/supp_fittest.svg");}
a.fittestlink .header-info-menu-in-icon {opacity: 0; background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icons/header_icons/supp_fittest_hover.svg");-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.header-info-menu a.campaigns:hover .header-info-menu-in-icon, 
.header-info-menu a.kombinelink:hover .header-info-menu-in-icon,
.header-info-menu a.fittestlink:hover .header-info-menu-in-icon {opacity: 1;}






.welcome-space h1.odul-band {
    border-color: #006dff;
    color: #006dff;
}

    .welcome-space h1.odul-band i {
        background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/odul-badge-sup.png") no-repeat;
    }


    .welcome-space h1.odul-band a {
        text-decoration: underline;
        color: #006dff;
    }

/* SUPPLEMENTLER LOYALTY - ÖDÜL PROGRAMI SAYFASI */
.loyal-text h2 span, .loyal-text h1 span {
    color: #0064ce;
}


.level-text {
    background: #0064cf;
}


.loyal-level-description h4 span {
    color: #0064cf;
}


.loyal-level-description p strong {
    color: #0064cf;
}


.loyality-content h3 {
    color: #fff;
    background: #000;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    height: 13px;
    width: 13px;
    border-radius: 9px;
    background: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 1px 1px 1px #888888;
}

    .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #255087;
    }

    .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #255087;
        border: 2px solid #ffffff;
    }



.dyn-landing .lp-head {
    color: #0060bc;
}

.dyn-landing .lp-sub-head {
    color: #0060bc;
}

#FancyVariantSelect, #FancyGiftSelect {
    padding: 15px;
}

    #FancyVariantSelect .title {
        font-size: 18px;
        font-weight: bold;
        color: #003770;
        margin-bottom: 15px;
        text-align: center;
    }

    #FancyGiftSelect .title {
        font-size: 18px;
        font-weight: bold;
        color: #003770;
        margin-bottom: 25px;
        text-align: center;
    }

    #FancyVariantSelect .variant-wrapper, #FancyGiftSelect .variant-wrapper {
        max-height: 300px;
        overflow: auto;
    }

        #FancyVariantSelect .variant-wrapper ul, #FancyGiftSelect .variant-wrapper ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #FancyVariantSelect .variant-wrapper ul li, #FancyGiftSelect .variant-wrapper ul li {
                margin-bottom: 10px;
                border-bottom: 1px dashed #0371d9;
                padding-bottom: 10px;
                cursor: pointer;
                position: relative;
            }

                #FancyVariantSelect .variant-wrapper ul li:last-child, #FancyGiftSelect .variant-wrapper ul li:last-child {
                    border: none;
                    margin: 0;
                }

                #FancyVariantSelect .variant-wrapper ul li .aroma-image img {
                    border: 4px solid #fff;
                    border-radius: 50%;
                    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) inset;
                    margin-right: 10px;
                }

                #FancyVariantSelect .variant-wrapper ul li:hover .aroma-image img {
                    border-color: #0371d9;
                }

                #FancyVariantSelect .variant-wrapper ul li.preorder-item:hover .aroma-image img {
                    border-color: #ffffff;
                }

            #FancyGiftSelect .variant-wrapper ul li {
                font-size: 13px;
            }

                #FancyGiftSelect .variant-wrapper ul li img {
                    margin-right: 10px;
                }


                #FancyVariantSelect .variant-wrapper ul li .aroma-image img, #FancyGiftSelect .variant-wrapper ul li .aroma-image img {
                    border: 4px solid #ffffff;
                    height: 28px;
                    width: 28px;
                    position: relative;
                }


                #FancyVariantSelect .variant-wrapper ul li.preorder-item .aroma-image:before, #FancyGiftSelect .variant-wrapper ul li.preorder-item .aroma-image:before {
                    background: #1482e2;
                    border-radius: 11px;
                    color: #fff;
                    content: "Ön Sipariş";
                    font-size: 10px;
                    right: 0;
                    letter-spacing: -1px;
                    line-height: 15px;
                    padding: 0 5px;
                    position: absolute;
                    top: 10px;
                    width: 44px;
                    z-index: 2;
                }

                #FancyVariantSelect .variant-wrapper ul li.preorder-item .aroma-image:after, #FancyGiftSelect .variant-wrapper ul li.preorder-item .aroma-image:after {
                    background: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/preorder-icon-2.png") no-repeat center center;
                    background-size: cover;
                    content: "";
                    height: 28px;
                    position: absolute;
                    left: 4px;
                    top: 4px;
                    width: 28px;
                }

.lp-description .more, .lp-description .more-close {
    cursor: pointer;
    text-decoration: underline;
    color: #08c;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    display: block;
}

.reward-title,
.loyalty-point,
.loyalty-next-level > span {
    color: #0060bc;
}

.loyalty-actions > .btn-shopping {
    border-color: #0060bc;
    background: #0060bc;
    color: #ffffff;
}

.loyalty-actions > .btn-howto {
    border-color: #0060bc;
    background: #ffffff;
    color: #0060bc;
}

/* Payment Help Steps */
.payment-help-heading {
    color: #3074f2;
}
.payment-help-steps > li .circle {
    border: 2px solid #3074f2;
}
.payment-help-steps > li .text {
    border: 2px solid #3074f2;
}

/* Stores */
.btn-search-store {
    background: #0060bc;
}
.btn-search-store:hover {
    background: #044788;
}

/* OwlCarousel paginator styles */
.pagination-active .owl-controls .owl-page.active {
    background: #003366;
}

/* checkout page shipping options styles */
.shipping-column:hover,
.shipping-column.active {
    border-color: #026acb;
}
.shipping-column.active .shipping-head {
    color: #026acb;
}
.shipping-column.active .shipping-head .column-icon {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/column-up.svg");
}
.shipping-column.sameday-delivery.active .shipping-head {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/shipping-sdd-active.svg");
}
.shipping-column.standard-cargo.active .shipping-head {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/shipping-std-active.svg");
}
.shipping-column .standard-cargo-list > li.selected:after,
.shipping-column .sameday-delivery-list > li.selected:after {
    background-color: #026acb;
}

/* 
    checkout styles
.payment-type-option:hover,
.payment-type-option.selected,
.payment-type-option.hover-not-allowed.selected {
    border-color: #026acb;
   /*
   background-color: #026acb;
   *
}
*/

.payment-type-option.hover-not-allowed:not(.selected):hover {
    border: 1px solid #b2b9d2 !important;
    background-color: initial !important;
    color: #484848;
}

.order-information h2,
.order-gift-note h2 {
    color: #026acb;
}

/* same day delivery landing page styles */
.same-day-delivery .heading ul > li {
    color: #3d66c6;
}
.same-day-delivery .heading ul > li:nth-child(1) {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/timing.svg");
}
.same-day-delivery .heading ul > li:nth-child(2) {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/delivery.svg");
}
.same-day-delivery .heading ul > li:nth-child(3) {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/flexibility.svg");
}
.same-day-delivery .range-table .tab-pane .rt-row:not(.column) > span:not(:first-child).available {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/rt-available.svg");
}
.same-day-delivery .how-to ul > li:nth-child(1) {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/how-to-1.svg");
}
.same-day-delivery .how-to ul > li:nth-child(2) {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/how-to-2.svg");
}
.same-day-delivery .how-to ul > li:nth-child(3) {
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sameday-delivery/how-to-3.svg");
}
.same-day-delivery .range-table .tab-pane .rt-row:not(.column) > span:first-child {
    background-color: #3d66c6;
}
.same-day-delivery .range-table .tab-pane .rt-row .rt-header {
    background-color: #3d66c6;
}

/*header auth-menu*/
/*.aut-user {
    min-width: 205px;
    width: 210px;
    float: left;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 10;
    font-family: "Open Sans", sans-serif !important;
}

    .aut-user.active {
        border-radius: 5px;
        box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px #dcdcdc;
        background-color: #ffffff;
        top: -1px;
        right: 4px;
    }

#aut-user-head {
    float: left;
    padding: 0px 15px;
    cursor: pointer;
}

.aut-user-head-isLogin {
    padding: 0 15px !important;
}
#aut-user-menu{float:left; width:100%; padding:0; margin:0; list-style-type:none; border-top:1px solid #dcdcdc;}
.aut-user #aut-user-menu {display:none;}
.active #aut-user-menu {display:block !important;}
.active #aut-user-menu li{float:left; width:100%; margin:0; font-size:12px; font-weight:bold; }
.active #aut-user-menu li a{float:left; width:100%;text-indent:20px; padding:7px 0;color:#333; font-family: "Open Sans", sans-serif !important;}
.active #aut-user-menu li a:hover{color:#0266cc; background: rgba(2,102,204, 0.1);}
.active #aut-user-menu li:last-child a{float:left; width:100%; padding:5px 0 10px 0; border-top:1px solid #dcdcdc !important;}
.aut-user .user-icon, .aut-user .user-info{float:left;}
.aut-user .user-info-isLogin {
    padding: 6px 15px !important;
    line-height: 12px !important;
}

.user-info-isLogin .aut-name {
    padding: 2px 0;
    white-space: nowrap;
    width: auto;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 11px;
}

.aut-user .user-icon {
    width: 16px;
    height: 16px;
    margin: 9px 0 0;
    background: url("/Themes/Supplementler/Content/images/user-icon-new.svg") no-repeat;
}

.aut-user .caret-icon {
    width: 10px;
    height: 5px;
    position: absolute;
    top: 20px;
    right: 12px;
    background: url("/Themes/Supplementler/Content/images/icons/caret-icon.svg") no-repeat;
}

.aut-user .user-info {
    padding:6px 15px;
    position: relative;
    width: 130px;
}
#aut-user-head .user-name, #aut-user-head .user-buttons{float:left; width:100%;}
#aut-user-head .user-name {
    font-size: 12px;
    font-weight: 700;
    color: #202020;
    line-height: 12px;
    min-width: 100px;
}
    #aut-user-head .user-name a {
        float: left;
        color: #202020;
        font-family: "Open Sans", sans-serif !important;
    }
#aut-user-head .user-info-isLogin .user-name a{padding:2px 0;}
#aut-user-head .user-name a:hover{text-decoration:none;}
#aut-user-head .user-buttons{font-size:11px; font-weight:bold; color:#a8a8a8;}
#aut-user-head .user-level {
    width: auto;
}
    #aut-user-head .user-level .membership {
        color: #d89e0c;
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
        text-overflow: clip;
        width: 100%;
    }

.store-logo-fitmoda .brand-name {
    color: #eb8b2d;
}

    .store-logo-fitmoda .brand-name span {
        color: #202020;
    }

.admin-link {
    position: absolute;
    top: 5px;
    left: -69px;
}

.cart-line-fitmoda {
    background: url(https://supplementler.mncdn.com/Themes/Supplementler/Content/images/slices/fitmoda/logo-fitmoda-small.png) center center no-repeat;
    text-indent: -9999px;
    width: 57px;
    height: 30px;
    display: block;
}*/

/* facebook-like-box size*/
.facebook-like-box .fb-page {
    width: 276px;
    height: 258px;
}

/**/
.vitamin-brands.vitaminler-brand, .vitamin-brands.fitmoda-brand {margin: 30px 0 0 0;}
.vitamin-brands ul {
    padding: 15px 10px 10px 10px;
}
.vitamin-brands ul li {width: auto;margin-right: 10px;}
.vitamin-brands ul li a {padding-left: 10px;}

.supplementler-brand h3{color:#fff;}
.brand-banner{margin-top:30px;}
.vitamin-brands.supplementler-brand ul li a::before {background: #000;}
.fitmoda-brand h3 {color: #fff;}
.vitamin-brands.fitmoda-brand ul li a::before {background: #eb8b2d;}
.cart-product-row .cart-line-fitmoda {margin: 0 auto;}
.info-form-container.info-form-container label:before {top: -8px;left: 6px;}
.top-search-button a.fitmoda-button p {color: #eb8b2d;}
.top-search-button a.fitmoda-button p span {color: #202020;}


.register-form-holder.success-class {margin:30px auto;}
.forgot-password-success-class-head{width:98%; margin:0 auto; padding:0 0 30px 0; border-bottom:1px solid rgba(51, 51, 51, 0.1);}
.forgot-password-success-class-head h1{margin:0; text-align:center; font-size: 20px; color:#202020; line-height: normal;}
.forgot-password-success-class-icon{width:60px; height:60px; margin:30px auto; background:url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-password-done.svg") no-repeat;}
.forgot-password-success-class-info{width:100%; text-align:center;font-size: 14px;}
.forgot-password-success-class-list{width:330px; margin:30px auto 15px; list-style-type:none;}
.forgot-password-success-class-list li{padding-bottom:15px; font-size:13px;}
.forgot-password-success-class-list-first{font-size:14px !important; padding-left:0 !important; font-weight:bold;}
.forgot-password-success-class-button {width: 270px;position:relative;margin: 0 auto 90px;}
.forgot-password-success-class-button a {width: 270px;background-color: #ed4500;padding: 14px 0;font-size: 14px;font-weight: bold;display: inline-block;color: #fff;border-radius: 4px;text-align:center;}
.forgot-password-success-class-button a:hover{text-decoration:none; background-color:#003a75;}
.icon-password-done-arrow{position: absolute;top: 18px;left: 15px;width:15px; height:15px; background:url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/icon-password-done-arrow.svg") no-repeat;}
.captcha-hide{color: #b94a48;background-color: #fff;border-color: #fff;margin: 0;padding: 0;}
.captcha-show {color: #b94a48;background-color: #f2dede;border-color: #eed3d7; margin-top:20px;}
.select-css:hover {
    border-color: #205c9a;
}

ul.dropdown-menu-custom li > a {
    background-color: #053d78;
    color: #e2e4e7;
    border-bottom: 1px solid #205c9a;
}

    ul.dropdown-menu-custom li > a:hover {
        background-color: #06488e;
        color: #e2e4e7;
        border-bottom: #2161a3 1px solid;
        border-bottom: 1px solid #205c9a !important;
    }
.shipping-column .standard-cargo-list > li:not(.disabled):hover, .shipping-column .standard-cargo-list > li.selected {
    border-color: #0f3665;
}

.ppc-fixer{
    display: flex !important;
}

    .ppc-fixer #add-product-to-cart{
        margin-right: 15px;
    }

    .ppc-fixer .add-to-faves {
        margin-left: auto;
        background-size: contain;
    }

/* order page new styles-start*/
/* new UI start*/

    .btn-nu .ico-arrow {
		fill: #0080f9;
	}

    .btn-primary {
        background-color: #0080f9;
    }

    .btn-primary:active, .btn-primary:hover, .btn-primary:focus {
        box-shadow: none;
        background-color: #0060bc;
    }

.btn-nu.link.btn-return:hover {
    color: #0080f9;
}

.btn-nu.link.footer {
	fill: #0060bc;
}

.btn-nu.link.footer,
.btn-nu.link.btn-return,
.orders-wrapper .cart-product-store p span ~ a {
    color: #0080f9;
}

.btn.icon i.front-arrow {
    transform: scale(1);
    margin-left: 7px;
    margin-right: 0;
    filter: grayscale(1) brightness(5);
    filter: sepia(1);
    filter: hue-rotate(271deg);
    filter: saturate(0.5);
}

.ico-print,
.ico-edit,
.ico-invoice {
    fill: #0060bc;
}

.customer-orders #toggleOrders {
    color: #0060bc;
}

.dikey-popup #info-panel {
        font-family: 'Open Sans', sans-serif;
        display: none;
        background: #ffffff;
        color: #0080f9;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
	}
	
	.dikey-popup #info-panel .form-warning {
	    font-size: 50px;
        font-weight: 800;
        color: #0080f9;
        border: 2px solid #0080f9;
	}

	.dikey-popup .info-wrapper {
		    padding: 50px;
			border: 1px solid #ffffff;
			font-family: 'Open Sans', sans-serif;
			font-weight: 500;

	}

	.dikey-popup #info-panel a{
		background: #0080f9;
        color: #ffffff;
        border: #0080f9;
        font-weight: 800;
	}

	.dikey-popup #info-panel a:hover {
		background: #0060bc;
		text-decoration: none;
	}

.sorting-dropdown {
    position: relative;
    border-radius: 4px;
    border: solid 1px #dfdfdf;
    padding: 10px;
    padding-right: 85px;
    cursor: pointer;
    background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sorting-dropdown.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    margin-right:5px;
}

    .sorting-dropdown:hover {
        color: #ffffff;
        background-color: rgb(20, 58, 113);
        border-color: #FD830C;
        background-image: url("https://supplementler.mncdn.com/Themes/Supplementler/Content/images/sorting-dropdown-white.svg");
    }

.sorting-dropdown ul {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    right: -1px;
    z-index: 4;
    background-color: rgb(20, 58, 113);
    border: solid 1px rgb(20, 58, 113);
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-top: 10px;
}

.sorting-dropdown:hover ul {
    display: block;
}

.sorting-dropdown ul > li a {
    display: block;
    font-family: inherit;
    width: 100%;
    box-sizing: border-box;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    margin: 0 !important;
    padding-right: 30px !important;
    background-position: right 15px center !important;
    text-align: left !important;
    font-weight: normal;
    color: #ffffff !important;
    background: none !important;
}

.catalog .info-ui .sorting-dropdown {
    padding: 15px 15px;
    background-position: 92% 54%;
    text-align: left;
    padding-right: 100px;
}

.supp-filter-row {
    /*border-bottom: 1px solid #eee;*/
    width: 1000px;
    margin-top:-10px;
}

.supp-filter-left {
    text-align: left;
    padding-bottom: 15px;
    font-size:14px;
}

.supp-filter-right {
    text-align: right;
    padding-bottom: 15px;
}

.sorting-dropdown .sort-active {
    font-weight: bold;
    font-size: 12px;
}
/* new UI start*/
/* order page new styles-end*/